mirror of
https://github.com/ZDoom/zdoom-styles.git
synced 2024-11-26 13:20:50 +00:00
1113 lines
23 KiB
CSS
1113 lines
23 KiB
CSS
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for common.css
|
|
-------------------------------------------------------------- */
|
|
|
|
html, body {
|
|
color: #CCCCCC;
|
|
background-color: #09101d;
|
|
}
|
|
|
|
h1 {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
h2 {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
h3 {
|
|
border-bottom-color: #4d4e4e;
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
hr {
|
|
border-color: #4d4e4e;
|
|
border-top-color: #4d4e4e;
|
|
}
|
|
|
|
hr.dashed {
|
|
border-top-color: #4d4e4e;
|
|
}
|
|
|
|
/* Search box
|
|
--------------------------------------------- */
|
|
|
|
#search-box {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#search-box #keywords {
|
|
background-color: #FFF;
|
|
}
|
|
|
|
#search-box input {
|
|
border-color: #000003;
|
|
background-color: #FAFAFA;
|
|
color: #000003;
|
|
}
|
|
|
|
#search-box input:hover {
|
|
border-color: #003653;
|
|
color: #003653;
|
|
}
|
|
|
|
/* Round cornered boxes and backgrounds
|
|
---------------------------------------- */
|
|
.headerbar {
|
|
background-color: #09101d;
|
|
background-image: url("{T_THEME_PATH}/images/bg_header.png");
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: #091929;
|
|
}
|
|
|
|
.forabg {
|
|
background-color: #091929;
|
|
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
|
|
}
|
|
|
|
.forumbg {
|
|
background-color: #091929;
|
|
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
|
|
}
|
|
|
|
.panel {
|
|
background-color: #091929;
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
.post:target .content {
|
|
color: #E6E6E6;
|
|
}
|
|
|
|
.post:target h3 a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bg1 { background-color: #0D1B28; }
|
|
.bg2 { background-color: #0C1926; }
|
|
.bg3 { background-color: #0D1B28; }
|
|
|
|
.ucprowbg {
|
|
background-color: #091929;
|
|
}
|
|
|
|
.fieldsbg {
|
|
background-color: #091929;
|
|
}
|
|
|
|
span.corners-top {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left.png");
|
|
}
|
|
|
|
span.corners-top span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right.png");
|
|
}
|
|
|
|
span.corners-bottom {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left.png");
|
|
}
|
|
|
|
span.corners-bottom span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right.png");
|
|
}
|
|
|
|
/* Horizontal lists
|
|
----------------------------------------*/
|
|
|
|
ul.navlinks {
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
/* Table styles
|
|
----------------------------------------*/
|
|
table.table1 thead th {
|
|
color: #E6E6E6;
|
|
}
|
|
|
|
table.table1 tbody tr {
|
|
border-color: transparent;
|
|
}
|
|
|
|
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
|
|
background-color: #091929;
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
table.table1 td {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
table.table1 tbody td {
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
table.table1 tbody th {
|
|
border-bottom-color: #4d4e4e;
|
|
color: #CCCCCC;
|
|
background-color: #091929;
|
|
}
|
|
|
|
table.info tbody th {
|
|
color: #E6E6E6;
|
|
}
|
|
|
|
/* Misc layout styles
|
|
---------------------------------------- */
|
|
dl.details dt {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
dl.details dd {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
.sep {
|
|
color: #152736;
|
|
}
|
|
|
|
/* Pagination
|
|
---------------------------------------- */
|
|
|
|
.pagination span strong {
|
|
color: #CCCCCC;
|
|
background-color: #091929;
|
|
border-color: #363d42;
|
|
}
|
|
|
|
.pagination span a, .pagination span a:link, .pagination span a:visited {
|
|
color: #40a2d6;
|
|
background-color: #091929;
|
|
border-color: #363d42;
|
|
}
|
|
|
|
.pagination span a:active {
|
|
color: #b4d9ed;
|
|
background-color: #091929;
|
|
border-color: #363d42;
|
|
}
|
|
|
|
.pagination span a:hover {
|
|
border-color: #363d42;
|
|
background-color: #091929;
|
|
color: #40a2d6;
|
|
}
|
|
|
|
/* Pagination in viewforum for multipage topics */
|
|
.row .pagination {
|
|
background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
|
|
}
|
|
|
|
.row .pagination span a, li.pagination span a {
|
|
background-color: #091929;
|
|
}
|
|
|
|
.row .pagination span a:hover, li.pagination span a:hover {
|
|
background-color: #091929;
|
|
}
|
|
|
|
/* Miscellaneous styles
|
|
---------------------------------------- */
|
|
|
|
.copyright {
|
|
color: #bfbfbf;
|
|
}
|
|
|
|
.error {
|
|
color: #ff3867;
|
|
}
|
|
|
|
li.reported:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
.sticky, .announce {
|
|
/* you can add a background for stickies and announcements*/
|
|
}
|
|
|
|
div.rules {
|
|
background-color: #4b000d;
|
|
color: #e5b8c2;
|
|
}
|
|
|
|
p.rules {
|
|
background-color: #801a1a;
|
|
border: 1px dotted #09101d;
|
|
background-image: none;
|
|
}
|
|
|
|
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for links.css
|
|
-------------------------------------------------------------- */
|
|
|
|
a:link { color: #51afe0; }
|
|
a:visited { color: #71c1eb; }
|
|
a:hover { color: #148ccc; }
|
|
a:active { color: #71c1eb; }
|
|
|
|
/* Links on gradient backgrounds */
|
|
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
|
|
color: #c9d0d6;
|
|
}
|
|
|
|
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
|
|
color: #c9d0d6;
|
|
}
|
|
|
|
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
|
|
color: #b8cfe5;
|
|
}
|
|
|
|
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
|
|
color: #c9d0d6;
|
|
}
|
|
|
|
/* Links for forum/topic lists */
|
|
a.forumtitle {
|
|
color: #cfdae5;
|
|
}
|
|
|
|
/* a.forumtitle:visited { color: #105289; } */
|
|
|
|
a.forumtitle:hover {
|
|
color: #148ccc;
|
|
}
|
|
|
|
a.forumtitle:active {
|
|
color: #cfdae5;
|
|
}
|
|
|
|
a.topictitle {
|
|
color: #cfdae5;
|
|
}
|
|
|
|
/* a.topictitle:visited { color: #368AD2; } */
|
|
|
|
a.topictitle:hover {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.topictitle:active {
|
|
color: #cfdae5;
|
|
}
|
|
|
|
/* Post body links */
|
|
.postlink {
|
|
color: #51afe0;
|
|
text-decoration: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.postlink:visited {
|
|
color: #71c1eb;
|
|
}
|
|
|
|
.postlink:active {
|
|
color: #51afe0;
|
|
}
|
|
|
|
.postlink:hover {
|
|
background-color: transparent;
|
|
color: #148ccc;
|
|
}
|
|
|
|
.signature a, .signature a:visited, .signature a:hover, .signature a:active {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Profile links */
|
|
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
|
|
color: #60a0d6;
|
|
}
|
|
|
|
.postprofile a:hover, .postprofile dt.author a:hover {
|
|
color: #00a6ff;
|
|
}
|
|
|
|
.postprofile a:active {
|
|
color: #c9d0d6;
|
|
}
|
|
|
|
/* Profile searchresults */
|
|
.search .postprofile a {
|
|
color: #71c1eb;
|
|
}
|
|
|
|
.search .postprofile a:hover {
|
|
color: #148ccc;
|
|
}
|
|
|
|
/* Back to top of page */
|
|
a.top {
|
|
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
|
|
}
|
|
|
|
a.top2 {
|
|
background-image: url("{IMG_ICON_BACK_TOP_SRC}");
|
|
}
|
|
|
|
/* Arrow links */
|
|
a.up { background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
|
|
a.down { background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
|
|
a.left { background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
|
|
a.right { background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }
|
|
|
|
a.up:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
a.left:hover {
|
|
color: #148ccc;
|
|
}
|
|
|
|
a.right:hover {
|
|
color: #148ccc;
|
|
}
|
|
|
|
|
|
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for content.css
|
|
-------------------------------------------------------------- */
|
|
|
|
ul.forums {
|
|
background-color: #091929;
|
|
}
|
|
|
|
ul.topiclist li {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
ul.topiclist dd {
|
|
border-left: 0px solid #000000;
|
|
}
|
|
|
|
.rtl ul.topiclist dd {
|
|
border-right-color: #31393f;
|
|
}
|
|
|
|
ul.topiclist li.row dt a.subforum.read {
|
|
background-image: url("{IMG_SUBFORUM_READ_SRC}");
|
|
}
|
|
|
|
ul.topiclist li.row dt a.subforum.unread {
|
|
background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
|
|
}
|
|
|
|
li.row {
|
|
border-top: 1px solid #142431;
|
|
border-bottom: 0px solid #142431;
|
|
}
|
|
|
|
li.row strong {
|
|
color: #E6E6E6;
|
|
}
|
|
|
|
li.row:hover {
|
|
background-color: #162534;
|
|
background-color: rgba(255,255,255,0.05);
|
|
}
|
|
|
|
li.row:hover dd {
|
|
border-left-color: #31393f;
|
|
}
|
|
|
|
.rtl li.row:hover dd {
|
|
border-right-color: #31393f;
|
|
border-left: none;
|
|
}
|
|
|
|
li.header dt, li.header dd {
|
|
color: #d8e1e6;
|
|
}
|
|
|
|
/* Forum list column styles */
|
|
ul.topiclist dd.searchextra {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
/* Post body styles
|
|
----------------------------------------*/
|
|
.postbody {
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
/* Content container styles
|
|
----------------------------------------*/
|
|
.content {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
.content h2, .panel h2 {
|
|
color: #9acbe5;
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
dl.faq dt {
|
|
color: #e0e0e0;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.posthilit {
|
|
background-color: transparent;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
/* Post signature */
|
|
.signature {
|
|
border-top-color: #4d4e4e;
|
|
}
|
|
|
|
/* Post noticies */
|
|
.notice {
|
|
border-top-color: #4d4e4e;
|
|
}
|
|
|
|
/* BB Code styles
|
|
----------------------------------------*/
|
|
/* Quote block */
|
|
blockquote {
|
|
color: #CCCCCC;
|
|
background-color: #091727 !important;
|
|
background-image: url("{T_THEME_PATH}/images/quote.png");
|
|
background-position: 5px 3px;
|
|
border-left: 4px solid #253139;
|
|
border-bottom: 1px solid #253139;
|
|
}
|
|
|
|
.rtl blockquote {
|
|
background-image: url("{T_THEME_PATH}/images/quote_rtl.png");
|
|
}
|
|
|
|
blockquote blockquote {
|
|
/* Nested quotes */
|
|
background-color: #091929 !important;
|
|
border-left: 4px solid #2f373e;
|
|
border-bottom: 1px solid #2f373e;
|
|
}
|
|
|
|
blockquote blockquote blockquote {
|
|
/* Nested quotes */
|
|
background-color: #091929 !important;
|
|
border-left: 4px solid #393f43;
|
|
border-bottom: 1px solid #393f43;
|
|
}
|
|
|
|
/* Code block */
|
|
dl.codebox {
|
|
background-color: transparent;
|
|
/* border: transparent; */
|
|
}
|
|
|
|
dl.codebox dt {
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
dl.codebox code {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
/*.syntaxbg { color: #FFFFFF; }
|
|
.syntaxcomment { color: #FF8000; }
|
|
.syntaxdefault { color: #0000BB; }
|
|
.syntaxhtml { color: #000003; }
|
|
.syntaxkeyword { color: #006413; }
|
|
.syntaxstring { color: #DD0000; }*/
|
|
|
|
.syntaxbg { color: #000000; }
|
|
.syntaxcomment { color: #808024; }
|
|
.syntaxdefault { color: #4D97C4; }
|
|
.syntaxhtml { color: #999999; }
|
|
.syntaxkeyword { color: #A36D7C; }
|
|
.syntaxstring { color: #3C993C; }
|
|
|
|
/* Attachments
|
|
----------------------------------------*/
|
|
.attachbox {
|
|
background-color: transparent;
|
|
border-color: #C9D2D8;
|
|
}
|
|
|
|
.pm-message .attachbox {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.attachbox dd {
|
|
border-top-color: #C9D2D8;
|
|
}
|
|
|
|
.attachbox p {
|
|
color: #666666;
|
|
}
|
|
|
|
.attachbox p.stats {
|
|
color: #666666;
|
|
}
|
|
|
|
.attach-image img {
|
|
border-color: #999999;
|
|
}
|
|
|
|
/* Inline image thumbnails */
|
|
|
|
dl.file dd {
|
|
color: #666666;
|
|
}
|
|
|
|
dl.thumbnail img {
|
|
border-color: #666666;
|
|
background-color: #3F3F3F;
|
|
}
|
|
|
|
dl.thumbnail dd {
|
|
color: #666666;
|
|
}
|
|
|
|
dl.thumbnail dt a:hover {
|
|
background-color: #3E3E3E;
|
|
}
|
|
|
|
dl.thumbnail dt a:hover img {
|
|
border-color: #368AD2;
|
|
}
|
|
|
|
/* Post poll styles
|
|
----------------------------------------*/
|
|
|
|
fieldset.polls dl {
|
|
border-top-color: #363d42;
|
|
color: #666666;
|
|
}
|
|
|
|
fieldset.polls dl.voted {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
fieldset.polls dd div {
|
|
color: #E6E6E6;
|
|
}
|
|
|
|
/* .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
|
|
border-right-color: transparent;
|
|
} */
|
|
|
|
.pollbar1 {
|
|
background-color: #AA2346;
|
|
border-bottom-color: #74162C;
|
|
border-right-color: #74162C;
|
|
}
|
|
|
|
.rtl .pollbar1 {
|
|
border-left-color: #74162C;
|
|
}
|
|
|
|
.pollbar2 {
|
|
background-color: #BE1E4A;
|
|
border-bottom-color: #8C1C38;
|
|
border-right-color: #8C1C38;
|
|
}
|
|
|
|
.rtl .pollbar2 {
|
|
border-left-color: #8C1C38;
|
|
}
|
|
|
|
.pollbar3 {
|
|
background-color: #D11A4E;
|
|
border-bottom-color: #AA2346;
|
|
border-right-color: #AA2346;
|
|
}
|
|
|
|
.rtl .pollbar3 {
|
|
border-left-color: #AA2346;
|
|
}
|
|
|
|
.pollbar4 {
|
|
background-color: #E41653;
|
|
border-bottom-color: #BE1E4A;
|
|
border-right-color: #BE1E4A;
|
|
}
|
|
|
|
.rtl .pollbar4 {
|
|
border-left-color: #BE1E4A;
|
|
}
|
|
|
|
.pollbar5 {
|
|
background-color: #F81157;
|
|
border-bottom-color: #D11A4E;
|
|
border-right-color: #D11A4E;
|
|
}
|
|
|
|
.rtl .pollbar5 {
|
|
border-left-color: #D11A4E;
|
|
}
|
|
|
|
/* Poster profile block
|
|
----------------------------------------*/
|
|
.postprofile, .leftprofile .postprofile {
|
|
color: #b8b8b8;
|
|
border-right-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
.leftprofile .postbody {
|
|
border-right-color: transparent;
|
|
}
|
|
|
|
.rtl .postprofile {
|
|
border-right-color: #27323a;
|
|
/* border-left-color: transparent; */
|
|
}
|
|
|
|
.pm .postprofile {
|
|
border-right-color: #27323a;
|
|
}
|
|
|
|
.rtl .pm .postprofile {
|
|
border-right-color: #27323a;
|
|
/* border-left-color: transparent; */
|
|
}
|
|
|
|
.postprofile strong {
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
/*.online {
|
|
background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
|
|
} */
|
|
|
|
.online {
|
|
background-image: none;
|
|
}
|
|
|
|
.online .postprofile::after {
|
|
border-bottom: solid 2px #0082c8;
|
|
content: "Online";
|
|
}
|
|
|
|
.offline .postprofile::after {
|
|
border-bottom: solid 2px #363d42;
|
|
content: "Offline";
|
|
}
|
|
|
|
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for buttons.css
|
|
-------------------------------------------------------------- */
|
|
|
|
/* Big button images */
|
|
.reply-icon span { background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
|
|
.post-icon span { background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
|
|
.locked-icon span { background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
|
|
.pmreply-icon span { background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
|
|
.newpm-icon span { background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
|
|
.forwardpm-icon span { background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}
|
|
|
|
a.print {
|
|
background-image: url("{T_THEME_PATH}/images/icon_print.gif");
|
|
}
|
|
|
|
a.sendemail {
|
|
background-image: url("{T_THEME_PATH}/images/icon_sendemail.gif");
|
|
}
|
|
|
|
a.fontsize {
|
|
background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
|
|
}
|
|
|
|
/* Icon images
|
|
---------------------------------------- */
|
|
.sitehome { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
|
.icon-faq { background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }
|
|
.icon-members { background-image: url("{T_THEME_PATH}/images/icon_members.gif"); }
|
|
.icon-home { background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
|
|
.icon-ucp { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }
|
|
.icon-register { background-image: url("{T_THEME_PATH}/images/icon_register.gif"); }
|
|
.icon-logout { background-image: url("{T_THEME_PATH}/images/icon_logout.gif"); }
|
|
.icon-bookmark { background-image: url("{T_THEME_PATH}/images/icon_bookmark.gif"); }
|
|
.icon-bump { background-image: url("{T_THEME_PATH}/images/icon_bump.gif"); }
|
|
.icon-subscribe { background-image: url("{T_THEME_PATH}/images/icon_subscribe.gif"); }
|
|
.icon-unsubscribe { background-image: url("{T_THEME_PATH}/images/icon_unsubscribe.gif"); }
|
|
.icon-pages { background-image: url("{T_THEME_PATH}/images/icon_pages.gif"); }
|
|
.icon-search { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }
|
|
|
|
/* Profile & navigation icons */
|
|
.email-icon, .email-icon a { background-image: url("{IMG_ICON_CONTACT_EMAIL_SRC}"); }
|
|
.aim-icon, .aim-icon a { background-image: url("{IMG_ICON_CONTACT_AIM_SRC}"); }
|
|
.yahoo-icon, .yahoo-icon a { background-image: url("{IMG_ICON_CONTACT_YAHOO_SRC}"); }
|
|
.web-icon, .web-icon a { background-image: url("{IMG_ICON_CONTACT_WWW_SRC}"); }
|
|
.msnm-icon, .msnm-icon a { background-image: url("{IMG_ICON_CONTACT_MSNM_SRC}"); }
|
|
.icq-icon, .icq-icon a { background-image: url("{IMG_ICON_CONTACT_ICQ_SRC}"); }
|
|
.jabber-icon, .jabber-icon a { background-image: url("{IMG_ICON_CONTACT_JABBER_SRC}"); }
|
|
.pm-icon, .pm-icon a { background-image: url("{IMG_ICON_CONTACT_PM_SRC}"); }
|
|
.quote-icon, .quote-icon a { background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
|
|
|
|
/* Moderator icons */
|
|
.report-icon, .report-icon a { background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
|
|
.edit-icon, .edit-icon a { background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
|
|
.delete-icon, .delete-icon a { background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
|
|
.info-icon, .info-icon a { background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
|
|
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
|
|
|
|
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for cp.css
|
|
-------------------------------------------------------------- */
|
|
|
|
/* Main CP box
|
|
----------------------------------------*/
|
|
|
|
#cp-main h3, #cp-main hr, #cp-menu hr {
|
|
border-color: #4d4e4e;
|
|
}
|
|
|
|
#cp-main .panel li.row {
|
|
border-bottom-color: #4d4e4e;
|
|
border-top-color: transparent;
|
|
}
|
|
|
|
ul.cplist {
|
|
border-top-color: #4d4e4e;
|
|
}
|
|
|
|
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
#cp-main table.table1 thead th {
|
|
color: #c2c2c2;
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
#cp-main .pm-message {
|
|
border-color: #DBDEE2;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* CP tabbed menu
|
|
----------------------------------------*/
|
|
#tabs a {
|
|
background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
|
|
}
|
|
|
|
#tabs a span {
|
|
background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
#tabs a:hover span {
|
|
color: #40a2d6;
|
|
}
|
|
|
|
#tabs .activetab a {
|
|
/* border-bottom-color: #0082c8; */
|
|
border-bottom: none;
|
|
}
|
|
|
|
#tabs .activetab a span {
|
|
color: #0082c8;
|
|
}
|
|
|
|
#tabs .activetab a:hover span {
|
|
color: #40a2d6;
|
|
}
|
|
|
|
/* Mini tabbed menu used in MCP
|
|
----------------------------------------*/
|
|
#minitabs li {
|
|
background-color: #0c1c2b;
|
|
}
|
|
|
|
#minitabs li.activetab {
|
|
background-color: #091929;
|
|
}
|
|
|
|
#minitabs li.activetab a, #minitabs li.activetab a:hover {
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
/* UCP navigation menu
|
|
----------------------------------------*/
|
|
|
|
/* Link styles for the sub-section links */
|
|
#navigation a {
|
|
color: #CCCCCC;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-left-color: #363d42;
|
|
}
|
|
|
|
.rtl #navigation a {
|
|
background-image: none;
|
|
background-position: 0 100%;
|
|
}
|
|
|
|
#navigation a:hover {
|
|
background-image: none;
|
|
background-color: transparent;
|
|
color: #40a2d6;
|
|
border-left-color: #0082c8;
|
|
}
|
|
|
|
#navigation #active-subsection a {
|
|
color: #cfdee6;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-left: 2px solid #0082c8;
|
|
}
|
|
|
|
#navigation #active-subsection a:hover {
|
|
background-color: transparent;
|
|
color: #40a2d6;
|
|
}
|
|
|
|
/* Preferences pane layout
|
|
----------------------------------------*/
|
|
#cp-main h2 {
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
#cp-main .panel {
|
|
background-color: #091929;
|
|
}
|
|
|
|
#cp-main .pm {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#cp-main span.corners-top, #cp-menu span.corners-top {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left2.png");
|
|
}
|
|
|
|
#cp-main span.corners-top span, #cp-menu span.corners-top span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right2.png");
|
|
}
|
|
|
|
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left2.png");
|
|
}
|
|
|
|
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right2.png");
|
|
}
|
|
|
|
/* Topicreview */
|
|
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left.png");
|
|
}
|
|
|
|
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right.png");
|
|
}
|
|
|
|
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
|
|
background-image: url("{T_THEME_PATH}/images/corners_left.png");
|
|
}
|
|
|
|
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
|
|
background-image: url("{T_THEME_PATH}/images/corners_right.png");
|
|
}
|
|
|
|
/* Friends list */
|
|
.cp-mini {
|
|
background-color: transparent;
|
|
border: 2px solid #363d42;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-khtml-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
dl.mini dt {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
/* PM Styles
|
|
----------------------------------------*/
|
|
/* PM Message history */
|
|
.current {
|
|
color: #CCCCCC !important;
|
|
}
|
|
|
|
/* PM panel adjustments */
|
|
.pm-panel-header,
|
|
#cp-main .pm-message-nav {
|
|
border-bottom-color: #4d4e4e;
|
|
}
|
|
|
|
/* PM marking colours */
|
|
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
|
|
border-left-color: #BC2A4D;
|
|
border-right-color: #BC2A4D;
|
|
}
|
|
|
|
.pmlist li.pm_marked_colour, .pm_marked_colour {
|
|
border-color: #a8d643;
|
|
}
|
|
|
|
.pmlist li.pm_replied_colour, .pm_replied_colour {
|
|
border-color: #b6bfc2;
|
|
}
|
|
|
|
.pmlist li.pm_friend_colour, .pm_friend_colour {
|
|
border-color: #0082c8;
|
|
}
|
|
|
|
.pmlist li.pm_foe_colour, .pm_foe_colour {
|
|
border-color: #091929;
|
|
}
|
|
|
|
/* Avatar gallery */
|
|
#gallery label {
|
|
background-color: #1f2d37;
|
|
border-color: #CCC;
|
|
}
|
|
|
|
#gallery label:hover {
|
|
background-color: #EEE;
|
|
}
|
|
|
|
/*
|
|
--------------------------------------------------------------
|
|
Colours and backgrounds for forms.css
|
|
-------------------------------------------------------------- */
|
|
|
|
/* General form styles
|
|
----------------------------------------*/
|
|
select {
|
|
border-color: #666;
|
|
background-color: #091727;
|
|
color: #D6D6D6;
|
|
}
|
|
|
|
label {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
option.1 {
|
|
color: #00a6ff;
|
|
}
|
|
|
|
option.disabled-option {
|
|
color: graytext;
|
|
}
|
|
|
|
/* Definition list layout for forms
|
|
---------------------------------------- */
|
|
dd label {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
/* Hover effects */
|
|
fieldset dl:hover dt label {
|
|
color: #40a2d6;
|
|
}
|
|
|
|
fieldset.fields1 {
|
|
color: #CCCCCC !important;
|
|
}
|
|
|
|
fieldset.fields2 dl:hover dt label {
|
|
color: inherit;
|
|
}
|
|
|
|
/* Quick-login on index page */
|
|
fieldset.quick-login input.inputbox {
|
|
background-color: #0a1625;
|
|
}
|
|
|
|
/* Posting page styles
|
|
----------------------------------------*/
|
|
|
|
#message-box textarea {
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
/* Input field styles
|
|
---------------------------------------- */
|
|
.inputbox , .inputbox2 {
|
|
background-color: #0a1625;
|
|
border-color: #555;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
.inputbox:hover , .inputbox2:hover {
|
|
border-color: #006ba9;
|
|
}
|
|
|
|
.inputbox:focus , .inputbox2:focus {
|
|
border-color: #999;
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
/* Form button styles
|
|
---------------------------------------- */
|
|
|
|
a.button1, input.button1, input.button3, a.button2, input.button2 {
|
|
color: #f0f0f0;
|
|
background-color: #0e1e2d;
|
|
background-image: none;
|
|
}
|
|
|
|
a.button1, input.button1 {
|
|
border-color: #555;
|
|
}
|
|
|
|
input.button3 {
|
|
background-image: none;
|
|
}
|
|
|
|
/* Alternative button */
|
|
a.button2, input.button2, input.button3 {
|
|
border-color: #555;
|
|
}
|
|
|
|
/* <a> button in the style of the form buttons */
|
|
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
/* Hover states */
|
|
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
|
|
border-color: #00a6ff;
|
|
color: #00a6ff;
|
|
}
|
|
|
|
/* Search box */
|
|
input.search {
|
|
background-image: url("{T_THEME_PATH}/images/icon_search.gif");
|
|
color: #BDBDBD;
|
|
}
|
|
|
|
input.search.tiny {
|
|
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.png");
|
|
color: #BDBDBD;
|
|
}
|
|
|
|
input.search.tiny:hover {
|
|
background-image: url("{T_THEME_PATH}/images/icon_textbox_search_hover.png");
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
input.search.tiny:focus {
|
|
background-image: url("{T_THEME_PATH}/images/icon_textbox_search.png");
|
|
color: #f0f0f0;
|
|
}
|
|
|
|
input.disabled {
|
|
color: #808080;
|
|
}
|
|
|
|
/* New PM notification box */
|
|
.pm_alert {
|
|
background-color: #091929;
|
|
border-color: #4d4e4e;
|
|
}
|
|
|
|
.pm_alert h3 {
|
|
color: #ebebeb;
|
|
border-bottom-color: #4d4e4e;
|
|
}
|