- Posts:
- 8
- Group:
- Members
- Member
- #672,192
- Joined:
- May 1, 2018
|
Lights Out. A nice, simple dark theme with blue accents.
By: TuneableSumo876 Date Created: April 2018 Style: Black/dark-grey with blue accents
Preview:
 Full Imgur Album of Screenshots: https://imgur.com/a/Hf8RbQs Try it out here: http://s15.zetaboards.com/tsthemes/ and choose Lights Out in the theme selector. A username and password to login can be found on the General Talk forum descriptor.
Modification Allowed? Sure-- but leave the copyright notice in, and include a comment in the HTML/CSS/IMAGES source code (whatever you modified) stating your name and when you did it, and if you'd like to, state why. Examples:
Spoiler: click to toggle - Code:
-
... CSS theme code ... /* USERNAME changed x because of a problem with the board caused by y */ ... more CSS theme code ...
or - Code: HTML
-
... HTML layout/image code ... <!-- USERNAME changed x because of a problem with the board caused by y --> ... more HTML layout/image code ...
So let's get on to the good part... the code!
Appearance CSS
Spoiler: click to toggle - Code:
-
html,body { background:#000; color:#FEFEFE; /* font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; */ font-size:93.3%; margin:0; padding:0; }
/* ts's sysfonts code */ * { font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; } /* end sysfonts */
a { color:#3D9BE9; text-decoration:none; }
a:hover { color:#3D9BE9; text-decoration:none; }
hr { border: 1px dashed #424242; clear:both; }
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }
th,td { border:1px solid #424242; }
th { background:#212121; color:#FEFEFE; font-weight:400; padding:3px 5px; text-align:left; }
td { background:#212121; color:#FEFEFE; padding: 5px 10px; }
th a,th a:hover { color:#FEFEFE; font-weight:700; }
h1 { font-size:200%; }
h2,h3 { font-size:100%; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:#3D9BE9; color:#fff; font-size:110%; font-weight:700; border-top-left-radius: 4px; border-top-right-radius: 4px; }
thead th { border-bottom-width:1px; padding:5px; text-align:center; border-top-left-radius: 4px; border-top-right-radius: 4px; }
h2.special { background:#3D9BE9; border-color:#3D9BE9; border-top-left-radius: 4px; border-top-right-radius: 4px; }
input,select,textarea,button,a.btn_fake { background:#212121; border:1px solid gray; color:#FEFEFE; padding:3px 5px; vertical-align:middle; }
textarea { font-size:100%; margin:auto; width:98%; }
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#3D9BE9; }
.submit_error { background:#fff8eb; border:1px solid #3D9BE9; }
button,a.btn_fake { background:#424242; color:#FEFEFE; cursor:default; font-size:90%; overflow:visible; width:auto; }
button:hover,a.btn_fake:hover { border-color:#424242; }
button.btn_text { background:none; border:0; cursor:pointer; font-size:100%; }
.notice { background:#212121; border:1px solid #424242; border-radius: 4px; color:#FEFEFE; margin:10px auto 0; width:70%; }
.notice dt { color:#8CB5E7; font-weight:700; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.notice dd { font-style:italic; }
dl.info { background:#212121; border-color:#303030; }
.info dt { background:#3D9BE9; color:#fff; }
dl.error { background:#212121; border-color:#BC3737; }
.error dt { background:#424242; color:#BC3737; }
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul { list-style:none; padding:0; }
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd { margin:0; }
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li { display:inline; }
#top_bar { display:none; background:#3D9BE9; height:19px; }
#top { background:#3D9BE9; border-bottom:1px solid #303030; height:20px; padding:0 2% 4px; margin-bottom:12px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
#top_info { color:#fff; float:left; margin-top:4px; }
#top_menu { background:#303030; border-left:1px solid #303030; float:right; margin-top:0px; }
.drop_menu li { background: #3D9BE9; float:left; margin-right:1px; text-align:center; }
.drop_menu a { color:#3D9BE9; display:block; padding:4px .25em; position:relative; width:9em; }
.drop_menu a:hover { color:#ef7400; }
.drop_menu ul { -moz-opacity:0.85; border-top:1px solid #303030; color:#fff; left:-999em; margin:0; opacity:0.85; position:absolute; width:9.4em; }
.drop_menu ul li { background:#3D9BE9; font-size:85%; margin:0; padding:0; width:100%; }
.drop_menu ul li a { border:0 solid #303030; border-width:0 1px 1px; display:block; padding:4px 5%; width:90%; }
.drop_menu li ul li a:hover { background:#303030; }
#logo { background:#303030; border:1px solid #212121; border-bottom:0; clear:both; margin:0 2%; }
#submenu_bar { display:none; background: #3D9BE9; border-left:1px solid #303030; border-right:1px solid #303030; height:14px; margin:0 2%; }
#submenu { background: #3D9BE9; border-left:1px solid #303030; border-right:1px solid #303030; color:#3D9BE9; font-size:85%; margin:0 2%; padding:3px 1% 4px; text-align:right; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#wrap { background:#212121; border:1px solid #303030; margin:8px 2% 30px; border-radius: 4px; }
#nav { color:#3D9BE9; height:1%; padding:10px 1%; }
.meta_box { background:#252525; border:1px solid gray; font-size:85%; line-height:150%; padding:10px 25px; }
.meta_menu { background:#212121; border:1px solid #424242; padding:0; width:49%; }
.meta_menu h3 { background:#3D9BE9; border:1px solid #3D9BE9; clear:both; color:#FFF; font-size:100%; font-weight:700; margin:-1px; text-align:center; }
.meta_menu a,.meta_menu a:hover { color:#FEFEFE; }
ul.cat-pages { float:left; font-size:90%; margin:15px 0; padding: 5px 1px; width:49%; }
.cat-pages a,.cat-pagesjump i,.cat-topicpages a { border:1px solid #424242; color:#3D9BE9; }
.cat-pages a:hover,.cat-topicpages a:hover { background:#212121; color:#3D9BE9; }
.cat-pages span { background:#3D9BE9; border:1px solid #303030; color:#FFF; cursor:default; font-weight:700; padding:2px 5px; }
.cat-pages input { background:#fff; color:#3D9BE9; padding:3px 5px; vertical-align:baseline; }
ul.cat-topicpages { float:right; font-size:80%; padding:1px 0; }
tr.generic td,div.generic { font-size:120%; font-weight:700; padding:20px; text-align:center; }
td.c_head,td.c_foot,td.c_sort { background:#212121; color:#FEFEFE; font-size:80%; }
td.c_desc { background:#212121; font-weight:700; text-align:right; vertical-align:middle; width:200px; }
td.c_desc small { display:block; font-weight:400; }
tr.pm_new td { background:#303030; font-weight:700; }
tr.hidden td.c_post { background:#303030; }
.bday { background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat; color:#3D9BE9; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 18px; width:20px; }
.c_mark { background:#212121; text-align:center; width:1%; }
.c_forum { color:#FEFEFE; font-size:80%; width:60%; }
.c_forum strong a,.c_last strong a { color:#3D9BE9; }
.c_forum strong a { font-size:135%; }
td.c_last { background:#212121; font-size:85%; }
.c_forum-desc { color:#FEFEFE; font-size:85%; }
.c_last-title { background:url(http://z4.ifrm.com/static/1/last.gif) no-repeat left; display:block; line-height:16px; padding-left:10px; }
td.c_info-v,td.c_info-t,td.c_info-r { font-size:80%; padding:5px; text-align:center; }
td.c_subforum { background:#212121; color:#3D9BE9; font-size:80%; font-style:italic; }
.cat_head td { border: none; padding: 0; }
#stats .cat_head td { border-color:#3D9BE9; }
.description { color:#FEFEFE; font-size:85%; }
a.member:hover { color:#FEFEFE; }
td#stats_events a,td#stats_events span { background:url(http://z4.ifrm.com/static/1/s_minical.png) no-repeat 2px; padding:4px 0 4px 20px; }
td.c_username { background:#212121; padding:2px 0; text-align:center; }
td.c_username a { font-size:140%; font-weight:700; }
td.c_user { font-size:80%; }
td.c_user dl { background:#212121; border:1px solid #424242; margin:10px 0; padding:5px 7px; width:160px; }
dl.user_profile { overflow:hidden; word-wrap:break-word; }
dl.user_profile dd { font-style:italic; margin-left:8px; }
dl.user_info dd { font-weight:700; margin-bottom:1px; }
#profile_menu ul { -moz-opacity:1; border-top:0; opacity:1; }
#profile_menu a { background:#3D9BE9; border:1px solid #303030; }
#profile_menu li li a { border-top:0; }
#profile_menu li ul li a:hover { background:#3D9BE9; }
td.c_poll-choice label { font-weight:700; padding-left:1em; }
td.c_poll-votes { font-size:120%; text-align:center; width:15%; }
td.c_poll-bar div { background:url(http://z4.ifrm.com/static/1/poll_b.png) no-repeat right; float:left; height:12px; padding-right:3px; }
td.c_poll-bar span { background:url(http://z4.ifrm.com/static/1/poll_l.png) no-repeat; display:block; float:left; height:12px; width:3px; }
.editby,.queued { border:1px dotted #424242; color:#999; font-size:85%; font-style:italic; margin-top:1em; padding:3px 5px; }
.queued { background-color:#303030; border-color:#3D9BE9; }
blockquote { background:#212121; border:1px solid #424242; margin:10px auto; padding-bottom:1px; width:98%; border-top-left-radius: 4px; border-top-right-radius: 4px; }
blockquote dl { background: #3D9BE9; border-bottom:1px solid #424242; color:#fff; border-top-left-radius: 4px; border-top-right-radius: 4px; }
blockquote dl dt { color:#fff; float:left; font-weight:700; border-top-left-radius: 4px; border-top-right-radius: 4px; }
code { background:#303030; display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; white-space:normal; }
div.spoiler { border:1px solid #303030; border-top:0; padding:5px 7px; }
div.spoiler_toggle { background: #3D9BE9; border:1px solid #303030; color:#fff; cursor:pointer; font-weight:700; padding:2px 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
td.c_postinfo { background:#212121; color:#999; font-size:80%; vertical-align:middle; }
td.c_sig { color:#FEFEFE; font-size:80%; }
td.c_sig blockquote { background:none transparent; border:0; border-left:3px solid #999; padding-left:5px; }
td.c_sig blockquote dl { background:none transparent; border:0; color:#FEFEFE; }
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#FEFEFE; padding:0; }
td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; }
tr.c_postfoot { background:#212121; clear:both; }
td.c_footicons,td.c_postinfo { width:100%; }
td.c_username { width:175px; }
.c_next a { display:block; font-size:125%; font-weight:700; text-align:center; }
td.c_view { background:#212121; color:#FEFEFE; }
div.c_view-list { color:#999; font-size:92.5%; }
dl#fast-reply dt { background: #3D9BE9; border:1px solid #3D9BE9; color:#FFF; font-size:110%; font-weight:700; margin:0; padding:5px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
dl#fast-reply dd { background:#212121; border:1px solid #424242; padding:15px 0; text-align:center; }
#c_post-preview { background:#212121; border:1px solid gray; margin:0 auto 10px; padding:5px; text-align:left; width:98%; }
#c_post-resize span { color:#424242; cursor:pointer; font-size:225%; padding:20px 5px 0; }
#emot_wrap { background:#212121; border:1px solid #424242; }
#emot_wrap h3 { background:#212121; border-bottom:1px solid #424242; color:#999; font-size:120%; text-align:center; }
#emot_end { border-top:1px solid #424242; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #424242; border-right:1px solid #424242; padding-top:30px; vertical-align:top; width:150px; }
#pm_folderlist { position: relative; margin-left:0; margin-top:0 }
#pm_folderlist li { background:url(http://z4.ifrm.com/static/1/pmfolder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded { border:1px dotted #424242; color:#999; font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery a { color:#3D9BE9; font-weight:700; }
#ucp_gallery a:hover { color:#3D9BE9; }
.calendar td.cal_inactive { background:#212121; color:#424242!important; }
.calendar td div { background:#212121; border-bottom:1px solid #424242; font-weight:700; padding:5px 7px; }
.calendar div a { background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat 5px; float:right; font-size:80%; font-weight:400; padding:0 0 6px 24px; }
.calendar li a,.calendar li span { border-color:transparent; border-style:solid; border-width:1px; display:block; padding:3px; }
.calendar td#cal_current { background:#fff; border:2px solid #3D9BE9; }
div.portal_content { background:#212121; border:1px solid #424242; font-size:88.3%; margin:0; padding:5px 7px; }
#portal h2 { font-size:88.3%; }
#portal h4 { background:#212121; border-left:1px solid #424242; border-right:1px solid #424242; color:#FEFEFE; font-size:88.3%; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a { color:#3D9BE9; font-size:120%; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#999; font-style:italic; }
.search_results { background:#212121; border:1px solid #424242; margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; font-size:125%; }
.search_results cite,.search_results p { color:#FEFEFE; font-size:85%; margin:0; }
#findposts .c_mark { color:#3D9BE9; font-size:200%; font-weight:700; vertical-align:top; }
#pmtoast { background:#303030; border:1px solid gray; bottom:10px; color:#FEFEFE; display:none; font-size:90%; position:fixed; right:10px; text-align:right; text-decoration:none; width:200px; z-index:1000; opacity: 0.95; }
#pmtoast:hover { border-color:lightgray; opacity: 1; }
#pmlink { background:url(http://z4.ifrm.com/static/1/toast.png) no-repeat 5px; color:#3D9BE9; display:block; padding:10px 10px 10px 55px; text-decoration:none; }
#pmlink big { color:#3D9BE9; display:block; font-weight:700; padding-bottom:5px; }
#pmlink strong { color:#3D9BE9; }
#pmclose { border-top:1px solid gray; color:#3D9BE9; display:block; font-size:80%; padding:1px 10px; }
#pmclose:hover { border-color:lightgray; }
#foot_wrap { margin:20px 1px 20px 0; }
#foot td { background:#212121; border-bottom:1px solid #424242; border-top:1px solid #424242; border-left:0; border-right:0; color:#FEFEFE; font-size:80%; }
#foot a,#foot a:hover { color:#FEFEFE; }
#foot #foot_datetime { border-left:1px solid #424242; width:1%; white-space:nowrap; }
#copyright { color:#FFF; font-size:80%; margin:10px 0; text-align:center; }
#copyright a { color:#3D9BE9; font-weight:700; }
#c_tos h3 { color:#FEFEFE; font-size:120%; }
td.username_ok { background:#e0fae0; }
input.username_ok { outline:2px solid #0c0; }
td.username_no { background:#fae0e0; }
input.username_no { outline:2px solid #3D9BE9; }
#acplogin { background:url(http://z4.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff; border:2px solid #303030; height:275px; left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:500px; }
#acplogin h1 { color:#FFF; font-weight:400; height:50px; margin-bottom:20px; padding:50px 20px 0 0; text-align:right; }
#acplogin h1 img { position:absolute; left:0; top:0; }
a img { border:0; }
form { display:inline; margin:0; padding:0; }
.category h2,.topic h2,#portal h2 { padding:5px; text-align:left; border-top-left-radius: 4px; border-top-right-radius: 4px; }
h3 { padding:3px 0; }
input[type=checkbox] { background:transparent; border:0; padding:0; vertical-align:bottom; }
input[type=radio] { border:0; }
select { margin:0 7px; padding:0; vertical-align:bottom; }
option { margin:2px 0; }
button.btn_img { border:0; cursor:pointer; padding:0; }
.notice dt,.notice dd { padding:5px 7px; }
.drop_menu a img { vertical-align:bottom; }
.drop_menu li:hover ul,.drop_menu li.hover ul { left:auto; }
#submenu a { padding:3px 5px; }
#main { height:1%; padding:0 1%; }
#nav li img { vertical-align:top; }
.meta_box,.meta_menu { margin:10px; border-radius: 4px; }
.meta_box li { display:list-item; list-style-position:inside; list-style-type:square; margin-left:10px; }
.meta_menu ul { font-size:90%; margin:5px 5%; }
.meta_menu img,.meta_menu span { float:right; margin:10px 20px; }
.cat-pages a,.cat-pagesjump i,.cat-topicpages a { cursor:pointer; padding:2px 5px; }
.cat-topicpages a { padding:0 2px; }
.cat-buttons,.topic-buttons { float:right; margin:15px 0; text-align:right; width:50%; }
tr.postbtn td { padding:5px; text-align:center; }
.row1,.row2 { line-height:1.4; }
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button { padding:1px; }
td.c_desc img,td.c_desc input { float:left; vertical-align:middle; }
.category { margin:10px 0 0; }
span.collapse,span.uncollapse { cursor:pointer; float:right; position:relative; }
.c_mark img { display:block; margin:auto; }
.c_last { line-height:1.4; min-width:300px; width:30%; }
.category td.c_foot { height:10px; }
#stats_members { line-height:1.2; }
td.c_cat-mark,td.c_cat-icon { padding:5px 0; text-align:center; width:30px; }
td.c_cat-starter { width:125px; }
td.c_cat-lastpost { width:175px; }
.c_user { vertical-align:top; width:1px; min-width:175px; max-width:175px; }
.c_post { width:100%; }
.c_sig,.c_nosig { width:100%; }
.avatar { display:block; margin:auto; text-align:center; }
.av_wrap { overflow:hidden; text-align:center; margin:auto; }
td.c_user .usertitle { margin:3px 0; overflow-x:hidden; text-align:center; }
.pip { margin:3px 0; white-space:nowrap; }
dl.user_info dt,dl.user_info dd { padding:.1em; }
dl.user_info dt { float:left; margin:0; min-width:4em; }
dl.user_info dd.spacer,dl.user_profile dd.spacer { clear:both; float:none; height:1px; padding:0; }
td.c_poll-choice { line-height:1.5; padding-left:45%; }
td.c_poll-answer { text-align:right; width:42.5%; }
td.c_poll-bar { text-align:left; vertical-align:middle; width:42.5%; }
* html td.c_poll-bar span { margin-top:3px; }
td.c_post { line-height:1.7; vertical-align:top; }
td.c_post ul { list-style-type:square; margin-left:10px; }
.c_post img,#topic_review img { max-width:90%; }
.c_post-attachment { font-size:83.3%; margin-top:1em; padding:1em; }
.c_post-attachment dd { margin-left:1em; }
.post_sep { font-size:1px; height:1px; }
td.c_sig,td.c_nosig { height:1%; vertical-align:top; }
td.c_nosig { border-top-style:hidden!important; }
blockquote dl dt,blockquote dl dd { padding:2px 4px; }
blockquote div,blockquote code { margin:0; padding:5px; }
dl#fast-reply { clear:both; margin:auto; width:80%; border-top-left-radius: 4px; border-top-right-radius: 4px; }
dl#fast-reply dd p { margin:-3px; padding:0 5% 10px; text-align:left; }
dl#fast-reply dd textarea { display:block; height:100px; margin-bottom:10px; padding:2px; width:90%; }
#c_post-text { height:223px; }
#c_post-resize { float:right; margin-top:-1px; padding:4px 0 0; text-align:right; }
#btn_preview { float:left; margin:10px 0 0 1px; }
#c_emot { height:225px; vertical-align:top; width:210px; }
#emot_list { height:275px; margin:0 auto; overflow:auto; padding:5px 0; text-align:center; }
div#emot_list { padding:0; }
#emot_list li { display:inline; padding:4px 10px; }
#emot_list img { cursor:pointer; vertical-align:baseline; }
.pm { margin-bottom:1em; }
#pm_datesent { width:200px; }
#pm_select { text-align:center; width:1px; }
#conversation .c_post { padding:2em; }
#ucp_profile,#pm_messages { float:right; }
#ucp_settings img,#ucp_profile img { margin:18px 20px; }
#ucp_gallery li { float:left; margin:15px 5px; }
#ucp_gallery button { cursor:pointer; text-align:center; }
.ucp button.btn_text { padding:5px 0; text-align:center; width:100%; }
.calendar td { height:125px; padding:0; vertical-align:top; width:14.3%; }
.calendar li { display:list-item; font-size:80%; margin:0; }
.calendar li.placeholder { padding:4px; }
.calendar li span { cursor:default; }
.calendar td#cal_current div { padding-top:3px; }
#portal_head { margin-bottom:10px; }
#portal_foot { margin-top:10px; }
#portal_l,#portal_r { font-size:88.3%; margin:0; padding:0; }
#portal_l { float:left; width:200px; }
#portal_r { float:right; width:150px; }
#portal_news { margin:0 160px 0 210px; }
#portal_clear { background:transparent; border:none; clear:both; font-size:1px; height:1px; margin:0; padding:0; }
.portal_box { margin-bottom:5px; padding:1px; }
.portal_box table { clear:none; }
#portal h2,#portal_foot h2 { clear:none; margin:0; padding:3px 5px; }
#faq { margin:20px 0; }
#faq dl { padding:1em; }
#faq dt { margin-bottom:5px; }
#faq dd { display:list-item; margin:0 0 3px 15px; padding-left:3px; }
.search_results div { display:block; margin:5px 0; }
#acplogin #loginform { display:block; padding:0 50px; }
.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover { color:#fff; }
input,select,td,th { font-size:90%; }
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt { font-weight:700; }
#submenu a:hover,.meta_menu a:hover { text-decoration:underline; }
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong { font-size:120%; }
.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover { color:#3D9BE9; }
.row2 td,blockquote div { background:#212121; }
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover { color:#FEFEFE; }
a.member span { color: #FEFEFE; }
img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img { vertical-align:middle; }
h1,h2,h3,#nav,#boardmeta,#main { clear:both; margin:0; }
#meta_welcome,.search_results { clear:both; }
#stats_events { line-height:2; }
.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th { text-align:center; }
blockquote dl dd,#foot #foot_links { text-align:right; }
#c_post,#ucp_gallery { text-align:center; vertical-align:top; }
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a { display:block; }
#ucp_settings,#pm_settings { float:left; }
#c_tos dd,#username_response { margin-left:10px; }
#vlx { z-index:1; }
#blog { background:#3D9BE9; border:1px solid #303030; color:#FEFEFE; margin:10px 0; }
#blog blockquote { background:none; border:none; font-size:85%; padding:0 10px; }
#blog h1 { float:right; }
#blog h2 { background:none; clear:none; font-size:130%; padding:0; }
#blog h2,#blog h2 a,#blog h2 a:hover { color:#3D9BE9; }
#blog_foot { clear:both; margin-bottom:20px; }
#blog_head { background:#212121; border:8px solid #3D9BE9; padding:10px 14px; }
#blog_head img.avatar { display:inline; }
#blog_main { margin:20px 200px 10px 10px; }
#blog_categories,#blog_readers,#blog_about,div.blog_options { background:#212121; margin:15px 0; padding:5px 7px; }
#blog_sidebar h3,#blog_sidebar dt { color:#3D9BE9; font-weight:700; }
#blog_sub { background:#303030; clear:both; position:relative; padding:5px 7px; text-align:right; }
#blog_sub span { padding-top:4px; }
#blog_sidebar { background:#303030; float:right; font-size:93.3%; margin:20px 10px 0 0; padding:0 10px; width:160px; }
#blog_sidebar dd { margin-left:10px; }
#blog_user { font-size:175%; }
div.blog_options { font-size:90%; text-align:right; }
div.blog_date { background:#212121; border:1px solid #303030; color:#3D9BE9; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase; width:40px; }
div.blog_date span { background:#212121; border-top:1px solid #424242; color:#3D9BE9; display:block; font-size:130%; font-weight:700; padding:2px 4px; }
div.blog_entry { background:#fff; margin:10px 0; padding:5px 7px; }
#blog_comments li { padding:5px 7px; }
#blog_comments li.odd { background:#303030; }
#shoutwrap { background:#212121; border:1px solid #424242; font-size:88.3%; }
#shoutwrap td { padding:0; }
#shoutbox { list-style-type:disc; margin:0; padding:0; padding-left:20px; }
#shoutbox li { padding:5px 7px; }
#shoutbox li.odd { background:#303030; }
#shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; }
#shoutbox dt { color:#FEFEFE; font-size:80%; }
#shoutopts,#shoutpost { clear:both; text-align:center; }
a.member span { margin: 1px; padding: 1px 2px; background-color: #8e8e8e; border-radius: 2px; }
.disabled { opacity: 0.5; }
Layout
Spoiler: click to toggle - Code: HTML
-
<!-- HEADER --><!-- SUBMENU --><div id="wrap"><!-- TOPMENU --><!-- NAV --><!-- BOARD --></div>
<div style="text-align: center">Theme created and © by <strong>TuneableSumo876</strong></div>
Graphics
Spoiler: click to toggle
|