BookmarksHome 的评价
BookmarksHome 作者: ma2ten
techmedixx 的评价
评分 4 / 5
来自 techmedixx,6 年前Best bookmark utility I have found. Much better than speed dials and far more efficient. Plus, it allows for theme customization through CSS. Here is my custom stylesheet 'Darkstyle 1' It is easy on the eyes and fits in with the dark themes found in Linux distributions. Looks good with Windows, too.
/* darkstyle 1 written by techmedixx */
body {
background: #232729;
margin: 20px;
padding: 2px;
font-size: 12px;
}
table {
border-radius: 15px;
margin-top: 10px;
background: #474749;
}
td {
vertical-align: top;
padding: 5px;
}
.folder {
box-shadow: 2px 2px 2px #aaa;
background: #232729;
border-radius: 11px;
margin-top: 0px;
margin-bottom: 10px;
padding: 2px;
}
.folder h2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin:0px;
font-size: small;
background: #1b2025;
color: #bababa;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul {
margin: 6px;
padding: 0px;
line-height: 15px;
list-style-type: none;
}
li {
margin-bottom: 5px;
line-height: 15px;
}
li:hover {
background: #5d7eae;
}
a {
text-decoration: none;
color: #0c0c0d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: none;
color:#474749;
}
ul li a:visited {
color: #E0E0E0;
font-weight: bold;
background-color: #a7a6a6;
}
ul li a:visited:hover {
color: #232729;
font-weight: bold;
background-color: #5d7eae;
}
ul li a:hover {
color: #232729;
font-weight: bold;
background-color: #969393;
}
ul li a {
text-decoration: none;
color: #E0E0E0;
list-style-position: inside;
list-style-type: disc;
display: list-item;
padding-left: 5px;
}
.folder h2 a {
color:#E0E0E0;
}
.folder h2 a:hover {
text-decoration: underline;
color: #5d7eae;
}
img.favicon {
max-width: 16px;
max-height: 16px;
vertical-align: top;
border: 0;
margin-right: 4px;
margin-left: -20px;
margin-top: 0px;
margin-bottom: -1px;
background-color: #cccccc;
padding: 1px;
}
Here is another that is a modified version of above:
/* darkstyle 2 written by techmedixx */
body {
background: #131619;
margin: 20px;
padding: 2px;
font-size: 12px;
}
table {
border-radius: 15px;
margin-top: 10px;
background: #474749;
}
td {
vertical-align: top;
padding: 5px;
}
.folder {
box-shadow: 2px 2px 2px #aaa;
background: #232729;
border-radius: 11px;
margin-top: 0px;
margin-bottom: 10px;
padding: 2px;
}
.folder h2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin:0px;
font-size: small;
background: #131619;
color: #9b9b9b;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul {
margin: 6px;
padding: 0px;
line-height: 15px;
list-style-type: none;
}
li {
margin-bottom: 5px;
line-height: 15px;
}
li:hover {
background: #5d7eae;
}
a {
text-decoration: none;
color: #0c0c0d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: none;
color:#474749;
}
ul li a:visited {
color: #E0E0E0;
font-weight: bold;
background-color: #a7a6a6;
}
ul li a:visited:hover {
color: #232729;
font-weight: bold;
background-color: #f5ff3f;
}
ul li a:hover {
color: #232729;
font-weight: bold;
background-color: #2499ff;
}
ul li a {
text-decoration: none;
color: #E0E0E0;
list-style-position: inside;
list-style-type: disc;
display: list-item;
padding-left: 5px;
}
.folder h2 a {
color:#E0E0E0;
}
.folder h2 a:hover {
text-decoration: underline;
color: #5d7eae;
}
img.favicon {
max-width: 16px;
max-height: 16px;
vertical-align: top;
border: 0;
margin-right: 4px;
margin-left: -20px;
margin-top: 0px;
margin-bottom: -1px;
background-color: #cccccc;
padding: 1px;
}
/* darkstyle 1 written by techmedixx */
body {
background: #232729;
margin: 20px;
padding: 2px;
font-size: 12px;
}
table {
border-radius: 15px;
margin-top: 10px;
background: #474749;
}
td {
vertical-align: top;
padding: 5px;
}
.folder {
box-shadow: 2px 2px 2px #aaa;
background: #232729;
border-radius: 11px;
margin-top: 0px;
margin-bottom: 10px;
padding: 2px;
}
.folder h2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin:0px;
font-size: small;
background: #1b2025;
color: #bababa;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul {
margin: 6px;
padding: 0px;
line-height: 15px;
list-style-type: none;
}
li {
margin-bottom: 5px;
line-height: 15px;
}
li:hover {
background: #5d7eae;
}
a {
text-decoration: none;
color: #0c0c0d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: none;
color:#474749;
}
ul li a:visited {
color: #E0E0E0;
font-weight: bold;
background-color: #a7a6a6;
}
ul li a:visited:hover {
color: #232729;
font-weight: bold;
background-color: #5d7eae;
}
ul li a:hover {
color: #232729;
font-weight: bold;
background-color: #969393;
}
ul li a {
text-decoration: none;
color: #E0E0E0;
list-style-position: inside;
list-style-type: disc;
display: list-item;
padding-left: 5px;
}
.folder h2 a {
color:#E0E0E0;
}
.folder h2 a:hover {
text-decoration: underline;
color: #5d7eae;
}
img.favicon {
max-width: 16px;
max-height: 16px;
vertical-align: top;
border: 0;
margin-right: 4px;
margin-left: -20px;
margin-top: 0px;
margin-bottom: -1px;
background-color: #cccccc;
padding: 1px;
}
Here is another that is a modified version of above:
/* darkstyle 2 written by techmedixx */
body {
background: #131619;
margin: 20px;
padding: 2px;
font-size: 12px;
}
table {
border-radius: 15px;
margin-top: 10px;
background: #474749;
}
td {
vertical-align: top;
padding: 5px;
}
.folder {
box-shadow: 2px 2px 2px #aaa;
background: #232729;
border-radius: 11px;
margin-top: 0px;
margin-bottom: 10px;
padding: 2px;
}
.folder h2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin:0px;
font-size: small;
background: #131619;
color: #9b9b9b;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul {
margin: 6px;
padding: 0px;
line-height: 15px;
list-style-type: none;
}
li {
margin-bottom: 5px;
line-height: 15px;
}
li:hover {
background: #5d7eae;
}
a {
text-decoration: none;
color: #0c0c0d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration: none;
color:#474749;
}
ul li a:visited {
color: #E0E0E0;
font-weight: bold;
background-color: #a7a6a6;
}
ul li a:visited:hover {
color: #232729;
font-weight: bold;
background-color: #f5ff3f;
}
ul li a:hover {
color: #232729;
font-weight: bold;
background-color: #2499ff;
}
ul li a {
text-decoration: none;
color: #E0E0E0;
list-style-position: inside;
list-style-type: disc;
display: list-item;
padding-left: 5px;
}
.folder h2 a {
color:#E0E0E0;
}
.folder h2 a:hover {
text-decoration: underline;
color: #5d7eae;
}
img.favicon {
max-width: 16px;
max-height: 16px;
vertical-align: top;
border: 0;
margin-right: 4px;
margin-left: -20px;
margin-top: 0px;
margin-bottom: -1px;
background-color: #cccccc;
padding: 1px;
}