BS9K Theme: Ahi
/* Moderation Theme (Ahi)
from the BS9K set
http://www.reddit.com/r/bs9k/comments/raeiq/the_bs9k_custom_theme_set/ */
a { color: #C84300; }
.drop-choices a.choice:hover { background-color:#FFEBCC; }
.dropdown.tabdrop .selected { border:1px solid #FF943F; }
.dropdown.tabdrop .selected.title {
background-color:#FAF6C1;
color:#C84300;
}
.comment .expand:hover { background-color:#FFCDB5; }
.comment .child { border-left-color: #FFCDB5; }
.commentbody.border { background-color:#EEEAB6;}
.commentbody.grayed { background-color:#E0E0E0; }
.deepthread a { color: #C84300}
.flairselector h2 { background: #FFD6B4; }
.formtabs-content { border-top-color: #FFD6B4; }
h2 { color:#C84300; }
h2 a:visited { color:#C84300; }
#header {
border-bottom-color:#FF943F;
background-color:#FFD6B4;
}
#header-bottom-right {
background-color:#FFEBDC;
}
.infobar {
background-color: #B5E6FF;
border-color: #0086C8;
}
.infotext {
border-color: #C84300;
background-color:#FFEBDC;
}
input.txt { border-color: #C84300; }
.linefield { background-color: #FFD6B4; }
.linefield .title { color: #C84300; }
.link .usertext .md { border-color: #C84300; }
.linkinfo {
border-color: #FF943F;
background-color:#FAF6C1;
}
.media-button .option.active { color: #C84300; }
.min-body .content { border-right-color: #C84300; }
.morecomments a { color:#C84300}
.morelink {
background: -webkit-linear-gradient(white, #FF7F3F);
background: -moz-linear-gradient(white, #FF7F3F);
background: -ms-linear-gradient(white, #FF7F3F);
background: -o-linear-gradient(white, #FF7F3F);
background: linear-gradient(white, #FF7F3F);
border-color: #FFEBCC;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
}
.morelink:hover, .mlh {
background: -webkit-linear-gradient(#C84300, #FF6518);
background: -moz-linear-gradient(#C84300, #FF6518);
background: -ms-linear-gradient(#C84300, #FF6518);
background: -o-linear-gradient(#C84300, #FF6518);
background: linear-gradient(#C84300, #FF6518);
border-color:#FFB38D;
}
.morelink a { color:#C84300; }
.morelink .nub {
visibility: hidden;
}
.roundfield { background-color: #FFD6B4; }
#searchmenu .searchlabel { color: #C84300}
.srdrop .choice.top-option { border-bottom-color: #C84300; }
.srdrop .choice.bottom-option { border-top-color: #C84300;}
#sr-header-area {
background-color:#FFEBCC;
border-bottom-color: black;
}
#sr-more-link {
color:black;
background-color:#FFEBCC;
}
.sr-name-row.sr-selected { background-color:#C84300; }
.sr-row.sr-selected { background-color:#EEEAB6; }
.stats a { color:#C84300; }
.tabmenu li a { background-color:#FFEBDC; }
.tabmenu li.selected a {
border-color: #FF943F;
border-bottom-color: white}
.tabmenu.formtab .selected a { background-color:#FFD6B4; }
.tabpane-content { border-color:#FF943F }
.tagline a {color:#C84300;}
.tagline .submitter { color:#C84300; }
.thing .title { color: #C84300 !important; }
.thing .title:visited { color:#551a8b !important; }
.thing .title.click { color:#551a8b !important; }
.thing .title.loggedin { color: #C84300 !important; }
.thing .title.loggedin:visited { color:#551a8b !important; }
.thing .title.loggedin.click { color:#551a8b !important; }
.thing .title.loggedin.click:visited { color:#551a8b !important; }
.titlebox a[href="http://www.reddit.com/r/bs9k/comments/raeiq/the_bs9k_custom_theme_set/"] {
color: black !important;
}
.titlebox a[href="http://www.reddit.com/r/bs9k/comments/raeiq/the_bs9k_custom_theme_set/"]:after {
color: #C84300;
content: "Ahi";
font-variant: small-caps;
}
.toolbar {
border-bottom-color: #C84300;
background-color:#FFD6B4;
}
.toolbar .left-side {
border-right-color: #C84300;
background-color:#FFEBDC;
}
.toolbar .middle-side { background-color:#FFEBDC; }
.toolbar .right-side { background-color:#FFEBDC; }
.toolbar a, .toolbar b { border-left-color: #C84300; }
.toolbar a, .toolbar .clickable {color: #C84300; }
.toolbar .clickable:active, .pushed-button { background-color:#FFD6B4 !important;}
.toolbar-status-bar {
border-top-color: #C84300;
border-bottom-color: #C84300;
background-color:#F6E69F;
}
.usertext.border .usertext-body { background-color:#EEEAB6;}
a[href="/accept"]:before {
background-image: -webkit-linear-gradient(honeydew,lightgray);
background-image: -moz-linear-gradient(honeydew,lightgray);
background-image: -ms-linear-gradient(honeydew,lightgray);
background-image: -o-linear-gradient(honeydew,lightgray);
background-image: linear-gradient(honeydew,lightgray);
border: 1px solid black;
color: limegreen;
content: "ACCEPT";
font-size: x-small;
margin: 0px 5px 3px 0px;
padding: 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
a[href="/accept"]:hover {
cursor: default
}
a[href="/deny"]:before {
background-image: -webkit-linear-gradient(seashell,lightgray);
background-image: -moz-linear-gradient(seashell,lightgray);
background-image: -ms-linear-gradient(seashell,lightgray);
background-image: -o-linear-gradient(seashell,lightgray);
background-image: linear-gradient(seashell,lightgray);
border: 1px solid black;
color: crimson;
content: "DENY";
font-size: x-small;
margin: 0px 5px 3px 0px;
padding: 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
a[href="/deny"]:hover {
cursor: default
}
a[href="/divide"]:before {
background-image: -webkit-linear-gradient(seashell,lightgray);
background-image: -moz-linear-gradient(seashell,lightgray);
background-image: -ms-linear-gradient(seashell,lightgray);
background-image: -o-linear-gradient(seashell,lightgray);
background-image: linear-gradient(seashell,lightgray);
border: 1px solid black;
color: blue;
content: "DIVIDE";
font-size: x-small;
margin: 0px 5px 3px 0px;
padding: 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
a[href="/divide"]:hover {
cursor: default
}
a[href="/abstain"]:before {
background-image: -webkit-linear-gradient(lightyellow,lightgray);
background-image: -moz-linear-gradient(lightyellow,lightgray);
background-image: -ms-linear-gradient(lightyellow,lightgray);
background-image: -o-linear-gradient(lightyellow,lightgray);
background-image: linear-gradient(lightyellow,lightgray);
border: 1px solid black;
color: darkorange;
content: "ABSTAIN";
font-size: x-small;
margin: 0px 5px 3px 0px;
padding: 0 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
a[href="/abstain"]:hover {
cursor: default
}
color changes
| element | standard | new |
|---|---|---|
| header | 5F99CF | FFD6B4 |
| header border | 5E96CF | FF943F |
| tabs etc. | 5F99CF | FFEBDC |
| toolbar, flair | CEE3F8 | FFD6B4 |
| user tools | EEEAB6 | FFEBDC |
| subreddit menu | C7DEF7 | FFEBCC |
| most links | 369 | C84300 |
| submitter name | 0055DF | C84300 |
| submission titles, submit gradient (hover) | blue | C84300 |
| submit gradient | [image] | FF7F3F |
| submit gradient (hover) | [image] | FF6518 |
| submit border (hover) | 879EB4 | FFB38D |
| submit border | C4DBF1 | FFEBCC |
| submit info bar | F6E69F | B5E6FF |
| submit info border | orange | 0086C8 |
| link info box | EFF7FF | FAF6C1 |
| comment border left | DDF | FFCDB5 |
Posted Mar 24, 2012, 1:59 AM UTC · edited
60