diff options
author | Jimi Huotari <chiitoo@gentoo.org> | 2020-02-06 03:36:57 +0200 |
---|---|---|
committer | Jimi Huotari <chiitoo@gentoo.org> | 2020-02-06 10:46:11 +0200 |
commit | 5c04472a63a15dde23b0d1d62f5daa880a6b963f (patch) | |
tree | 9a00d5c045e5dbbc468ad32666820c2a08476a47 | |
parent | Add some meat in the form of the Light site as a base. (diff) | |
download | forums-styles/gentoo-dark.tar.gz forums-styles/gentoo-dark.tar.bz2 forums-styles/gentoo-dark.zip |
Bring the Light style to the Dark side.styles/gentoo-dark
Signed-off-by: Jimi Huotari <chiitoo@gentoo.org>
-rw-r--r-- | theme/colours.css | 276 |
1 files changed, 130 insertions, 146 deletions
diff --git a/theme/colours.css b/theme/colours.css index 234f4196a..84045929a 100644 --- a/theme/colours.css +++ b/theme/colours.css @@ -4,8 +4,8 @@ Colours and backgrounds for common.css -------------------------------------------------------------- */ html, body { - color: #000000; - background-color: #ffffff; + color: #afafaf; + background-color: #222222; } h1 { @@ -13,12 +13,12 @@ h1 { } h2 { - color: #28313F; + color: #afafaf; } h3 { border-bottom-color: #CCCCCC; - color: #333333; + color: #afafaf; } hr { @@ -26,21 +26,13 @@ hr { border-top-color: #CCCCCC; } -.rightside { - color: #efefef; -} - -.responsive-center { - color: #333333; -} - /* -------------------------------------------------------------- Colours and backgrounds for links.css -------------------------------------------------------------- */ a { - color: #663399; + color: #ae6fec; } a:hover { @@ -63,11 +55,9 @@ a:hover { color: #ff6633; } -.quick - /* Links on gradient backgrounds */ .forumbg .header a, .forabg .header a, th a { - color: #efefef; + color: #afafaf; } .forumbg .header a:hover, .forabg .header a:hover, th a:hover { @@ -76,7 +66,7 @@ a:hover { /* Notification mark read link */ .dropdown-extended a.mark_read { - background-color: #FFFFFF; + background-color: #222222; } /* Post body links */ @@ -112,10 +102,6 @@ a:hover { /* Boxes and Backgrounds ---------------------------------------- */ -.wrap { - background-color: #ffffff; -} - #header-wide { background-color: #46357c; } @@ -134,23 +120,24 @@ a:hover { } .forabg, .forumbg, .panel, .post, .responsive { - border: 1px solid #333333; + border: 1px solid #a9b8c2; } .panel { - background-color: #ececec; + background-color: #333333; + color: #afafaf; } .post:target .content { - color: #000000; + color: #decafe; } .post:target h3 a { - color: #5c2e8a; + color: #ae6fec; } .bg1 { - background-color: #ececec; + background-color: #222222; } table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { @@ -158,7 +145,7 @@ table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { } .bg2 { - background-color: #e5e8ea; + background-color: #3d3d3d; } table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { @@ -166,7 +153,7 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { } .bg3 { - background-color: #ececec; + background-color: #333333; } .ucprowbg { @@ -185,18 +172,14 @@ table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { ----------------------------------------*/ .stats-area { - background-color: #efefef; - border: 1px solid #333333; + background-color: #222222; + border: 1px solid #a9b8c2; } .stats-header h3 { background-image: url("./images/cellpic3.gif"); border-bottom-color: #a9b8c2; - color: #efefef; -} - -.stats-data { - background-color: #efefef; + color: #afafaf; } .stats-data h3 { @@ -215,12 +198,12 @@ table.table1 tbody tr { } table.table1 tbody tr:hover, table.table1 tbody tr.hover { - background-color: #dee3e5; + background-color: #222444; color: #000; } table.table1 td { - color: #536482; + color: #efefef; } table.table1 tbody td { @@ -233,7 +216,7 @@ table.table1 tbody td.posts { } table.table1 tbody td.info { - border-right: 1px solid #a9b8c2; + border-right: 1px solid #933bea; } table.table1 tbody th { @@ -249,11 +232,11 @@ table.info tbody th { ---------------------------------------- */ dl.details dt { - color: #000000; + color: #afafaf; } dl.details dd { - color: #000000; + color: #efefef; font-weight: bold; } @@ -297,11 +280,11 @@ dl.details dd a { } .icon.icon-black, a:hover .icon.icon-black{ - color: #333333; + color: #efefef; } .alert_close .icon:before { - background-color: #FFFFFF; + background-color: #222222; } /* Jumpbox */ @@ -309,6 +292,10 @@ dl.details dd a { border-top-color: #CCCCCC; } +.jumpbox .dropdown-contents a { + background-color: #222222; +} + .jumpbox-cat-link { background-color: #d2d5d7; border-top-color: #0076B1; @@ -384,11 +371,11 @@ Colours and backgrounds for content.css -------------------------------------------------------------- */ ul.forums { - background-color: #ececec; + background-color: #222222; } ul.topiclist li { - color: #000000; + color: #afafaf; } ul.topiclist dd { @@ -405,11 +392,11 @@ li.row { } li.row strong { - color: #000000; + color: #afafaf; } li.row:hover { - background-color: #dee3e5; + background-color: #222444; } li.row:hover dd { @@ -422,7 +409,7 @@ li.row:hover dd { } li.header dt, li.header dd { - color: #efefef; + color: #afafaf; } /* Post body styles @@ -445,11 +432,11 @@ li.header dt, li.header dd { ----------------------------------------*/ .content { - color: #333333; + color: #efefef; } .content h2, .panel h2 { - color: #333333; + color: #afafaf; border-bottom-color: #a9b8c2; } @@ -469,7 +456,7 @@ dl.faq dt { /* Post signature */ .signature { border-top-color: #a9b8c2; - color: #333333; + color: #efefef; opacity: 0.7; } @@ -487,23 +474,23 @@ dl.faq dt { /* Quote block */ blockquote { - background-color: #dcdcdc; - border-color: #d1d7dc; + background-color: #555555; + border-color: #dbdbce; } blockquote blockquote { /* Nested quotes */ - background-color: #ededed; + background-color: #444444; } blockquote blockquote blockquote { /* Nested quotes */ - background-color: #fefefe; + background-color: #333333; } /* Code block */ .codebox { - background-color: #FFFFFF; + background-color: #333444; border-color: #C9D2D8; } @@ -512,15 +499,15 @@ blockquote blockquote blockquote { } .codebox code { - color: #2E8B57; + color: #afefef; } /* Attachments ----------------------------------------*/ .attachbox { - background-color: #FFFFFF; - border-color: #C9D2D8; + background-color: #222222; + border-color: #C9D2D8; } .pm-message .attachbox { @@ -550,7 +537,7 @@ dl.file dd { dl.thumbnail img { border-color: #666666; - background-color: #FFFFFF; + background-color: #222222; } dl.thumbnail dd { @@ -578,7 +565,7 @@ fieldset.polls dl.voted { } fieldset.polls dd div { - color: #FFFFFF; + color: #222222; } .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { @@ -649,12 +636,11 @@ fieldset.polls dd div { } .postprofile { - color: #666666; - border-color: #999999; + border-color: #d5dbe0; } .postprofile strong { - color: #000000; + color: #e3e3e3; } .online { @@ -672,36 +658,36 @@ Colours and backgrounds for buttons.css .button { border-color: #C7C3BF; - background-color: #E9E9E9; /* Old browsers */ /* FF3.6+ */ - background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%); - background-image: linear-gradient(to bottom, #FFFFFF 0%, #E9E9E9 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E9E9E9',GradientType=0 ); /* IE6-9 */ - box-shadow: 0 0 0 1px #FFFFFF inset; - -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; - color: #663399; + background-color: #222222; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #444444 0%, #222222 100%); + background-image: linear-gradient(to bottom, #444444 0%, #222222 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ + box-shadow: 0 0 0 1px #222222 inset; + -webkit-box-shadow: 0 0 0 1px #222222 inset; + color: #ae6fec; } .button:hover, .button:focus { - border-color: #663399; - background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */ - background-image: -webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%); - background-image: linear-gradient(to bottom, #E9E9E9 0%, #FFFFFF 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ - text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2); - color: #ff6633; + border-color: #afefef; + background-color: #333333; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #222222 0%, #444444 100%); + background-image: linear-gradient(to bottom, #222222 0%, #444444 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */ + text-shadow: 1px 1px 0 #222222, -1px -1px 0 #222222, -1px -1px 0 rgba(188, 42, 77, 0.2); + color: #ae6fec; } .button .icon, .button-secondary { - color: #663399; + color: #ae6fec; } .button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon { - color: #ff6633; + color: #ae6fec; } .button-search:hover, @@ -735,14 +721,14 @@ Colours and backgrounds for buttons.css .pagination li.active span { background: #4692BF; border-color: #4692BF; - color: #FFFFFF; + color: #222222; } .pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { - background: #368AD2; + background: #222222; border-color: #368AD2; filter: none; - color: #FFFFFF; + color: #ae6fec; text-shadow: none; } @@ -753,6 +739,8 @@ Colours and backgrounds for buttons.css .search-box .inputbox:hover, .search-box .inputbox:focus { border-color: #C7C3BF; + background-color: #333444; + color: #afefef; } .search-header { @@ -853,46 +841,46 @@ ul.cplist { } .panel-container .panel li.header dd, .panel-container .panel li.header dt { - color: #000000; +/* color: #000000;*/ } .panel-container table.table1 thead th { - color: #333333; + color: #afafaf; border-bottom-color: #333333; } .cp-main .pm-message { - border-color: #333444; - background-color: #e0e0e0; + border-color: #DBDEE2; + background-color: #222222; } /* CP tabbed menu ----------------------------------------*/ .tabs .tab > a { - background: #ececec; + background: #333333; border: 1px solid #a9b8c2; - color: #663399; + color: #ae6fec; } .tabs .tab > a:hover { - background: #dee3e5; + background: #222222; color: #ff6633; } .tabs .activetab > a, .tabs .activetab > a:hover { - background-color: #ced7db; /* Old browsers */ /* FF3.6+ */ - background-image: -webkit-linear-gradient(top, #ececec 0%, #ced7db 100%); - background-image: linear-gradient(to bottom, #ececec 0%, #ced7db 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ced7db',GradientType=0 ); /* IE6-9 */ - border-color: #663399; + background-color: #333333; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%); + background-image: linear-gradient(to bottom, #333333 0%, #222222 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ + border-color: #a9b8c2; box-shadow: 0 1px 1px #F2F9FF inset; - color: #663399; + color: #ae6fec; } .tabs .activetab > a:hover { - color: #a0a0d0; + color: #ff6633; } /* Mini tabbed menu used in MCP @@ -924,40 +912,40 @@ ul.cplist { /* Link styles for the sub-section links */ .navigation a { - color: #663399; - background: #cbd5db; /* Old browsers */ /* FF3.6+ */ - background: -webkit-linear-gradient(left, #cbd5db 50%, #ececec 100%); - background: linear-gradient(to right, #cbd5db 50%, #ececec 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd5db', endColorstr='#ececec',GradientType=1 ); /* IE6-9 */ + color: #ae6fec; + background: #222222; /* Old browsers */ /* FF3.6+ */ + background: -webkit-linear-gradient(left, #222222 50%, #333333 100%); + background: linear-gradient(to right, #222222 50%, #333333 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=1 ); /* IE6-9 */ } .rtl .navigation a { - background: #663399; /* Old browsers */ /* FF3.6+ */ - background: -webkit-linear-gradient(left, #cbd5db 50%, #ececec 100%); - background: linear-gradient(to right, #cbd5db 50%, #ececec 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd5db', endColorstr='#ececec',GradientType=1 ); /* IE6-9 */ + background: #222222; /* Old browsers */ /* FF3.6+ */ + background: -webkit-linear-gradient(left, #222222 50%, #333333 100%); + background: linear-gradient(to right, #222222 50%, #333333 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=1 ); /* IE6-9 */ } .navigation a:hover { - background: #c7d2d8; + background: #333333; color: #ff6633; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navigation .active-subsection a { - background: #ffffff; - color: #663399; + background: #222222; + color: #933bea; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navigation .active-subsection a:hover { - color: #a0a0d0; + color: #ff6633; } @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { #navigation a, .rtl #navigation a { - background: #cbd5db; + /*background: #cbd5db;*/ } } @@ -965,26 +953,26 @@ ul.cplist { ----------------------------------------*/ .panel-container h2 { - color: #333333; + color: #afafaf; } .panel-container .panel { - background-color: #F9F9F9; + background-color: #333333; } .cp-main .pm { - background-color: #e0e0e0; + background-color: #222222; } /* Friends list */ .cp-mini { - background-color: #ffffff; + background-color: #333333; border: 1px solid #a9b8c2; } dl.mini dt { border-bottom: 1px solid #a9b8c2; - color: #425067; + color: #afafaf; } /* PM Styles @@ -1019,7 +1007,7 @@ dl.mini dt { /* Avatar gallery */ .gallery label { - background: #FFFFFF; + background: #222222; border-color: #CCC; } @@ -1036,15 +1024,11 @@ Colours and backgrounds for forms.css ----------------------------------------*/ select { border-color: #666666; - background-color: #FAFAFA; - color: #000; + background-color: #222222; + color: #efefef; } label { - color: #333333; -} - -.display-options label { color: #efefef; } @@ -1056,7 +1040,7 @@ option.disabled-option { ---------------------------------------- */ dd label { - color: #333; + color: #afafaf; } fieldset.fields1 { @@ -1065,7 +1049,7 @@ fieldset.fields1 { /* Hover effects */ fieldset dl:hover dt label { - color: #000000; + color: #afafef; } fieldset.fields2 dl:hover dt label { @@ -1074,14 +1058,14 @@ fieldset.fields2 dl:hover dt label { /* Quick-login on index page */ fieldset.quick-login input.inputbox { - background-color: #F2F3F3; + background-color: #333444; } /* Posting page styles ----------------------------------------*/ .message-box textarea { - color: #333333; + color: #afefef; } .message-box textarea.drag-n-drop { @@ -1096,17 +1080,17 @@ fieldset.quick-login input.inputbox { ---------------------------------------- */ .inputbox { - background-color: #f5f5f5; - border-color: #B4BAC0; - color: #333333; + background-color: #222444; + border-color: #11a3ea; + color: #afefef; } .inputbox:-moz-placeholder { - color: #333333; + color: #efefef; } .inputbox::-webkit-input-placeholder { - color: #333333; + color: #efefef; } .inputbox:hover { @@ -1129,11 +1113,11 @@ fieldset.quick-login input.inputbox { ---------------------------------------- */ a.button1, input.button1, input.button3, a.button2, input.button2 { - color: #000; - background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */ - background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%); - background-image: linear-gradient(to bottom, #D2D2D2 0%, #EFEFEF 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */ + color: #ae6fec; + background-color: #333333; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #222222 0%, #333333 100%); + background-image: linear-gradient(to bottom, #222222 0%, #333333 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ } a.button1, input.button1 { @@ -1156,12 +1140,12 @@ a.button1, a.button2 { /* Hover states */ a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { - border-color: #D31141; - color: #D31141; - background-color: #D2D2D2; /* Old browsers */ /* FF3.6+ */ - background-image: -webkit-linear-gradient(top, #EFEFEF 0%, #D2D2D2 100%); - background-image: linear-gradient(to bottom, #EFEFEF 0%, #D2D2D2 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#D2D2D2',GradientType=0 ); /* IE6-9 */ + border-color: #afefef; + color: #ae6fec; + background-color: #222222; /* Old browsers */ /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, #222222 0%, #444444 100%); + background-image: linear-gradient(to bottom, #222222 0%, #444444 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */ } /* Focus states */ @@ -1178,7 +1162,7 @@ input.disabled { ---------------------------------------- */ .phpbb_alert { - background-color: #FFFFFF; + background-color: #222222; border-color: #999999; } @@ -1230,7 +1214,7 @@ input.disabled { } .dropdown .dropdown-contents { - background: #000000; + background: #222222; border-color: #B9B9B9; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); } @@ -1263,6 +1247,6 @@ li.notification-reported strong, li.notification-disapproved strong { } .badge { - background-color: #D31141; - color: #ffffff; + background-color: #933bea; + color: #afefef; } |