The best this non-programmer can do. I know a
of CSS, but this new forum layout introduces new things that the old ones doesn't have, or it has been renamed. Any suggestions for fixes are much appreciated.
Code: Select all
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html,
body,
#wrap {
color: #CCCCCC;
background-color: #333333 !important;
border: none;
}
h1,
#site-description * {
color: #CCCCCC;
}
.postbody .content,
h2 {
color: #CCC !important;
}
h3 {
border-bottom-color: #806AA3 !important;
color: #CCCC66 !important;
font-size: 1.7em !important;
}
hr {
border-color: #FFFFFF;
border-top-color: #5F526D;
}
hr.dashed {
border-top-color: #A8988E;
}
.button,
.button .icon {
color: #514D66 !important;
}
.action-bar .button,
.action-bar .button .icon,
.search-box .button,
.search-box .button .icon,
.action {
color: #FFE6C8 !important;
}
.dropdown .dropdown-contents,
.dropdown .jumpbox-cat-link,
.dropdown .jumpbox-sub-link {
background-color: #E8DBCF !important;
border-color: #514D66;
}
.dropdown .pointer {
border-color: #514D66 transparent;
}
.dropdown .pointer-inner,
.jumpbox .dropdown .pointer-inner {
border-color: #E8DBCF transparent;
}
.header {
max-height: 2em;
}
/* Search box
--------------------------------------------- */
.search-box fieldset * {
color: #FFFFFF !important;
}
.search-box input {
border: 1px solid #FFE6C8 !important;
color: #000000 !important;
}
.search-header {
box-shadow: none;
}
input::placeholder {
color: #FFE6C8 !important;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #616879 !important;
background-image: linear-gradient(#374163, #616879) !important;
border: none;
}
.navbar {
background-color: #58526D !important;
}
.forabg {
padding: 5px;
background-color: #666D80 !important;
background-image: linear-gradient(#3C476B, #666D80) !important;
}
.forumbg {
padding: 5px;
background-color: #616879 !important;
background-image: linear-gradient(#374163, #616879) !important;
}
.panel {
background-color: #374163 !important;
color: #CCCCCC !important;
}
.post:target .content {
color: #CCCCCC;
}
.post:target h3 a {
color: #CCCCCC;
}
.bg1,
.bg3 .topicreview .bg1,
ul.topiclist li.bg1 {
background-color: #4D4860 !important;
}
.bg2,
.bg3 .topicreview .bg2,
ul.topiclist li.bg2 {
background-color: #57526A !important;
}
.bg3 {
background-color: #374163;
color: #333 !important;
}
.bg4 {
background-color: #374163 !important;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
/* Horizontal lists
----------------------------------------*/
ul#nav-main {
border-bottom: 1px solid #B87430;
}
ul#nav-main .icon-gray {
color: #FFF;
}
/* Same as forumtitle links */
ul.navlinks a {
color: #CCCC99;
}
ul.navlinks a:hover {
color: #E2E2AA;
}
ul.navlinks a:active {
color: #F1F1B5;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #CFC8BF;
}
table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
background-color: #7E6179;
color: #999;
}
table.table1 td {
color: #BBB;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #999;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #999;
}
dl.details dd {
color: #CCC;
}
.sep {
color: #D97411;
}
/* Pagination
---------------------------------------- */
.pagination li.active span {
color: #FFFF99;
background-color: #8D83AE !important;
border-color: #9288B5 !important;
}
.pagination li a,
.pagination li a:link,
.pagination li a:visited,
.pagination li a:active,
.pagination li a.button .icon {
color: #CCC !important;
background-color: #615A78 !important;
border-color: #B2A5DC !important;
}
.pagination li a:hover {
border-color: #D18436 !important;
background-color: #D18436 !important;
color: #FFF !important;
}
.pagination li a:hover .icon {
color: #FFF !important;
background-color: transparent !important;
}
/* Pagination in viewforum for multipage topics */
.row .pagination span a,
li.pagination span a {
background-color: #56506A;
}
.row .pagination span a:hover,
li.pagination span a:hover {
background-color: #D17F36;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #BBBBBB;
}
.error {
color: #EF577C;
}
.reported {
background-color: #660000;
}
li.reported:hover {
background-color: #993333 !important;
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.rules {
background-color: #AF646E;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link {
color: #FFA34F;
}
a:visited {
color: #FFA34F;
}
a:hover {
color: #ffff85; text-decoration: underline;
}
a:active {
color: #FFA34F;
}
/* Links on gradient backgrounds */
#search-box a:link,
.navbg a:link,
.forumbg .header a:link,
.forabg .header a:link,
th a:link {
color: #FFFFFF !important;
}
#search-box a:visited,
.navbg a:visited,
.forumbg .header a:visited,
.forabg .header a:visited,
th a:visited {
color: #FFFFFF !important;
}
#search-box a:hover,
.navbg a:hover,
.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
color: #FFD8A8 !important;
}
#search-box a:active,
.navbg a:active,
.forumbg .header a:active,
.forabg .header a:active,
th a:active {
color: #FFE6C8 !important;
}
/* Links for forum/topic lists */
a.forumtitle {
color: #CCCC99;
}
a.forumtitle:visited {
color: #CCCC99;
}
a.forumtitle:hover {
color: #E2E2AA;
}
a.forumtitle:active {
color: #F1F1B5;
}
a.topictitle,
a.topictitle:visited,
.postbody h3.first a {
color: #CCCC99;
}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover,
.postbody h3.first a:hover {
color: #E2E2AA;
}
a.topictitle:active,
.postbody h3.first a:active {
color: #F1F1B5;
}
/* Links around the report review box */
#reportbox h3#review a,
#reportbox a.top2,
#ucp .display-actions a,
#mcp .display-actions a {
color: #E2D989;
}
#reportbox h3#review a:hover,
#reportbox a.top2:hover,
#ucp .display-actions a:hover,
#mcp .display-actions a:hover {
color: #FFF8B4;
}
#reportbox h3#review a:active,
#reportbox a.top2:active,
#ucp .display-actions a:active,
#mcp .display-actions a:active {
color: #DED687;
}
/* Wiki links */
.wikilink,
.wikilink:link {
color: #d585c9;
border-bottom-color: #D23683;
}
.wikilink:visited {
color: #C14683;
border-bottom-color: #666666;
}
.wikilink:active {
color: #D23683;
}
.wikilink:hover {
background-color: #e0c1db;
color: #D20068;
}
/* Post body links */
.postlink, .postlink:link {
color: #D28787;
border-bottom-color: #D23636;
}
.postlink:visited {
color: #BC9F80;
border-bottom-color: #A2988E;
}
.postlink:active {
color: #D28A36;
}
.postlink:hover {
background-color: #F6EEDA;
color: #73440D;
}
.signature a,
.signature a:visited,
.signature a:active,
.signature a:hover {
background-color: transparent;
}
/* Profile links */
.postprofile a:link,
.postprofile a:active,
.postprofile a:visited,
.postprofile dt.author a {
color: #CCCC99;
}
.postprofile a:hover,
.postprofile dt.author a:hover {
color: #E2E2AA;
}
/* Profile searchresults */
.search .postprofile a {
color: #CCCC99;
}
.search .postprofile a:hover {
color: #E2E2AA;
}
/* Back to top of page */
a.up:hover {
background-color: transparent;
}
a.left:hover {
color: #B24A30;
}
a.right:hover {
color: #B24A30;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #5E5973;
}
ul.topiclist li {
color: #CCCCCC;
border-radius: 0px;
}
ul.topiclist dd {
border-left-color: #8B83A9;
}
.rtl ul.topiclist dd {
border-right-color: #8B83A9;
border-left-color: transparent;
}
li.row {
background-color: #6D6685 !important;
border-top: 1px solid #6D6685;
border-bottom: 1px solid #393647;
padding: 5px 0 0 0;
}
li.row strong {
color: #98C3CD;
}
ul.topiclist li.row:hover {
background-color: #806AA3 !important;
}
li.row:hover dd {
border-left: 1px solid #AD85A6 !important;
}
.rtl li.row:hover dd {
border-right-color: #6D6685;
border-left-color: transparent;
}
li.header dt,
li.header dd {
color: #FFFFFF !important;
}
.row-item::before {
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
margin-left: 0.5em;
border: 2px solid #597a89;
background-image: linear-gradient(#00b359, #ffff4c) !important;
color: #000 !important;
font-size: 12px !important;
}
.forum_link::before {
width: 23px !important;
height: 11px !important;
line-height: 0px !important;
padding: 14px 0 1px 2px;
}
.forum_unread_subforum::before,
.forum_unread::before,
.sticky_unread::before,
.sticky_unread_mine::before,
.topic_unread::before,
.topic_unread_hot::before,
.topic_unread_hot_mine::before {
border: 2px solid #be3556;
color: #be3556 !important;
box-shadow: none !important;
}
/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #CCCCCC;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #CCCCCC;
}
.leftprofile .postbody {
border-left-color: #908CA0;
}
/* Content container styles
----------------------------------------*/
.content {
color: #CCCCCC;
}
.content h2,
.panel h2 {
font-weight: bold;
color: #5DA3AF !important;
border-bottom: 1px solid #ADBFCC !important;
}
dl.faq dt {
color: #CCCCCC !important;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
/* Post signature */
.signature {
border-top-color: #A3978D;
}
/* Post noticies */
.notice {
border-top-color: #A3978D;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #656982 !important;
border: 1px solid #9398BC !important;
}
blockquote blockquote {
/* Nested quotes */
background-color: #5F637A !important;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #656982 !important;
}
/* Code block */
.codebox {
background-color: #414456 !important;
border: 1px solid #93ADBD;
}
.codebox p {
border-bottom-color: #93ADBD;
}
.codebox code {
color: #66FF99;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #FFCC66;
}
.syntaxdefault {
color: #A8A8FF;
}
.syntaxhtml {
color: #CCCCCC;
}
.syntaxkeyword {
color: #66FF99;
}
.syntaxstring {
color: #FF9999;
}
/* Spoiler block */
.spoilertitle {
color: #000;
border-color: #9E8BAA;
background-color: #9E8BAA;
}
.spoilercontent {
color: #ccc;
border-color: #9E8BAA;
background-color: #534959;
}
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #4D4263 !important;
border-color: #74979E !important;
}
.pm-message .attachbox {
background-color: #F3F3F2 !important;
}
.attachbox dd {
border-top-color: #74979E;
}
.attachbox p {
color: #CCCCCC;
}
.attachbox p.stats {
color: #CCCCCC;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #999;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #CCC;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #91A5A2;
color: #CCC;
}
fieldset.polls dl.voted {
color: #CC9;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1,
.rtl .pollbar2,
.rtl .pollbar3,
.rtl .pollbar4,
.rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #AA6623;
border-bottom-color: #88511C;
border-right-color: #88511C;
}
.rtl .pollbar1 {
border-left-color: #88511C;
}
.pollbar2 {
background-color: #BE801E;
border-bottom-color: #A26D1A;
border-right-color: #A26D1A;
}
.rtl .pollbar2 {
border-left-color: #A26D1A;
}
.pollbar3 {
background-color: #D18E1A;
border-bottom-color: #B57B17;
border-right-color: #B57B17;
}
.rtl .pollbar3 {
border-left-color: #B57B17;
}
.pollbar4 {
background-color: #E49416;
border-bottom-color: #C07E2A;
border-right-color: #C07E2A;
}
.rtl .pollbar4 {
border-left-color: #C07E2A;
}
.pollbar5 {
background-color: #F8A911;
border-bottom-color: #D89528;
border-right-color: #D89528;
}
.rtl .pollbar5 {
border-left-color: #D89528;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #CCCCCC;
border-left-color: #908CA0;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}
.postprofile strong {
color: #999;
}
.online {
background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3,
#cp-main hr,
#cp-menu hr {
border-color: #415559;
}
#cp-main .panel li.row {
border-bottom-color: #6D6685;
border-top-color: #393647;
}
ul.cplist {
border-top-color: #989AC6;
}
#cp-main .panel li.header dd,
#cp-main .panel li.header dt {
color: #CCCCCC;
}
#cp-main table.table1 thead th {
color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-color: #b9ac9f;
color: #CC9 !important;
}
#tabs a:hover {
background-image: none !important;
background-color: #b2cbd0 !important;
color: #FFF !important;
}
#tabs .activetab a {
border-bottom: 1px solid #374163;
}
#tabs .activetab a {
background-image: linear-gradient(#495784, #374163) !important;
color: #EED !important;
}
#tabs .activetab a:hover {
color: #FFF !important;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #F2EBE1;
}
#minitabs li.activetab {
background-color: #F9F7F0;
}
#minitabs li.activetab a,
#minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #CC9 !important;
background-color: #546498;
background-image: linear-gradient(to right, #546498, #374263) !important;
}
#navigation a:hover {
background-color: #6C7FC2 !important;
color: #FFF !important;
}
#navigation #active-subsection a {
color: #FF7 !important;
background-color: #E49247 !important;
background-image: none !important;
}
#navigation #active-subsection a:hover {
color: #FFF !important;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2,
#cp-main h3#review,
#reportbox h3#review,
#cp-main .bgtext,
#cp-main .forum-selection2 label,
.bgtext {
color: #C5E2E7;
}
#cp-main .panel {
background-color: #33373D !important;
}
#cp-main .pm {
background-color: #3F3B4E !important;
}
/* Friends list */
.cp-mini {
background-color: #2E3653;
}
dl.mini dt {
color: #A9B0C8;
}
dl.mini dd {
/* Same as .panel */
color: #CCCCCC;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #999999 !important;
}
/* 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: #FF6600;
}
.pmlist li.pm_replied_colour,
.pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour,
.pm_friend_colour {
border-color: #5D8FBD;
}
pmlist li.pm_foe_colour,
.pm_foe_colour {
border-color: #550022;
}
/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}
#gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
color: #BEC1CC !important;
border-color: #888888 !important;
background-color: #333 !important;
}
label {
color: #AFB6CD !important;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #AFB6CD;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #C8D0EA !important;
}
fieldset.fields2 dl:hover dt label {
color: inherit !important;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F3F3F2;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
background-color: #333333 !important;
color: #CCC !important;
}
/* Input field styleste
---------------------------------------- */
.inputbox {
background-color: #333333 !important;
border: 1px solid #888888 !important;
color: #C4C4C4 !important;
}
.inputbox:hover {
border-color: #ACB2C9 !important;
}
.inputbox:focus {
border-color: #9095A8 !important;
color: #D0D0D0;
}
/* Form button styles
---------------------------------------- */
.button {
color: #CCC !important;
background-color: #FAFAFA !important;
background-image: linear-gradient(#5E5875, #76708C);
box-shadow: 0 0 0 1px #b4c4d1 inset;
}
#format-buttons .button {
font-size: inherit !important;
font-weight: inherit !important;
}
a.button1,
input.button1,
input.button3,
a.button2,
input.button2,
input.spoilerbutton {
color: #CCC !important;
background-color: #7D788E !important;
background-image: linear-gradient(#514D66, #A89FCD);
}
a.button1,
input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2,
input.button2,
input.button3 {
border-color: #666666;
}
input.spoilerbutton {
border: 1px solid #81776D;
}
/* <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: #000;
}
/* Hover states */
a.button1:hover,
input.button1:hover,
a.button2:hover,
input.button2:hover,
input.button3:hover,
input.spoilerbutton:hover,
.button:hover {
border-color: #CC6 !important;
color: #333 !important;
}
input.disabled {
color: #666666;
}