BookmarksHome에 대한 리뷰
BookmarksHome 제작자: ma2ten
techmedixx 님의 리뷰
5점 만점에 4점
techmedixx 님, 7년 전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;
}