|
Frozen Triangle
|
|
Topic Started: Jan 29 2011, 12:08 AM (9,202 Views)
|
|
CodyOL
|
Jan 29 2011, 12:08 AM
Post #1
|
- Posts:
- 186
- Group:
- Members
- Member
- #359,317
- Joined:
- November 18, 2008
|
Author: Cody Date Created: 19th December, 2011 Theme Preview:
click for full preview Side Notes: Go ahead, give it a lick. It doesn't taste like a Popsicle.  Edits Allowed? Sure, why not? Just don't destroy it please.  Graphics: http://z1.ifrm.com/0/2/0/p403847/FrozenTriangleG.zip http://z3.ifrm.com/53/36/0/p383894/PollOnly.png
Layout:
- Code:
-
<div id="menu_l"></div> <div id="menu_rc"> <div id="menu_lc"></div> <div id="menu_r"></div><div id="menu_c"></div><!-- TOPMENU --></div>
<div id="header_l"></div> <div id="header_rc"> <div id="header_lc"></div> <div id="header_r"></div> <!-- HEADER --></div>
<div id="lb"> <div id="rb">
<div id="main_content">
<!-- NAV --> <div id="nav_r"> </div> <br />
<div id="subl"></div><div id="subr"></div><!-- SUBMENU -->
<!-- BOARD --></div></div>
<div id="bb"> <div id="blb"></div> <div id="brb"></div>
<script type="text/javascript" src="http://z4.ifrm.com/30296/128/0/p1092048/H2.js"></script>
<script type="text/javascript"> //<![CDATA[ $(function() { $("#copyright").appendTo("#cpy"); }); //]]> </script>
<script type="text/javascript"> //<![CDATA[ $('#foot_wrap').after('<span style="text-align:center!important;margin:1px;"><center>Theme by <b>Cody</b> of <a href="http://outlineforum.com/index/"><b>Outline</b></a></center></span>'); //]]> </script>
<script type="text/javascript" src="http://z4.ifrm.com/30296/128/0/p1092047/Foot.js"></script>
<script type="text/javascript"> $(function() { $('table').each(function(i) { $(this).addClass('tableclass'); }); }); $("table:has('iframe')").addClass("hello"); </script>
CSS:
- Code:
-
html,body { background:#000000; color:#b0b0b0; font-family: "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px; margin:0; padding:0; height: 100%; }
a { color:#0f84e2; text-shadow:0 2px #000; text-decoration:none; }
a:hover { color:#ffffff; text-shadow:0 2px #000; text-decoration:none; }
hr { background-color:#151515; border:0; clear:both; height:1px; }
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }
th,td { border:1px solid #0d0d0d; width:auto; }
th { background:url(http://z4.ifrm.com/30079/55/0/p1033277/StatsTop.png) repeat-x top #151515; padding:3px 5px; text-align:left; }
.tableclass td { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; }
td { background: #151515; color:#b0b0b0; padding:5px 10px; }
.hello td { padding: 2px; }
td.c_nosig { background:#151515; }
h1 { }
h2,h3 { font-size: 14px; }
h2 img { display: none; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color:#ffffff; font-size: 14px; font-weight:700; border-color:#730b9d; } h2 a, h2 a:hover { color: #0f84e2; font-size: 14px; }
thead th { border-bottom: 1px solid #0d0d0d; } thead th a, thead th a:hover { color: #0f84e2; }
h2.special { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color: #fffff; border-color:#730b9d; } h2.special a, h2.special a:hover { color: #0f84e2; }
div.topic h2.special { border: 1px solid #000000; margin-left: -1px; margin-right: 0; }
.cat_head td { border-color:#000000; border-bottom: 0px; padding:0; }
input,select,textarea { background:#111111; border:1px solid #0d0d0d; color:#b0b0b0; padding:3px 5px; vertical-align:middle; font-size: 11px; }
textarea { font-family:"Arial", sans-serif; margin:auto; width:98%; background:#111111; font-size: 12px; }
.submit_error { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border:1px solid #0d0d0d; }
#c_bbcode button { padding: 1px 3px; margin-bottom: 2px; } #c_bbcode select { padding: 1px 3px; margin-bottom: 2px; }
button,a.btn_fake { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color:#ffffff; border: 1px solid #000000; padding: 2px 4px; cursor:default; font-family:Verdana, Arial, sans-serif; overflow:visible; width:auto; font-size: 11px; }
#c_notes button { margin-top: 5px; }
button:hover,a.btn_fake:hover { background: #0f84e2 url(http://z4.ifrm.com/30079/55/0/p1033410/ButtonHover.png) repeat-x top center; color: #000000; border-color: #ffffff; cursor: pointer; }
button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; }
.notice { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border:1px solid #0d0d0d; color:#b0b0b0; margin:10px auto 10px; width:70%; }
.notice dt { color:#b0b0b0; font-weight:700; }
.notice dd { font-style:italic; }
dl.info { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border-color:#0d0d0d; }
.info dt { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; color:#b0b0b0; }
dl.error { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border-color:#0d0d0d; }
.error dt { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; color:#b0b0b0; }
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist { list-style:none; padding:0; }
ul.cat-topicpages,blockquote dl,#fast-reply dd, table.calendar ul { margin:0; }
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#profile_menuwrap li,#pm_folderlist li,#ucp_gallery li { display:inline; }
#top_bar { display:none; }
#top { }
#top_info { float:left; z-index: 2; position:relative; margin-left: 50px; margin-top: -30px !important; text-shadow:0 2px #111111; text-transform: uppercase!important; }
#top_menu { float:right; margin-top:-30px; padding-right:25px !important; text-shadow:0 2px #111111; text-transform: uppercase!important; }
#top_menu a, #top_info a, #top_info a { }
.drop_menu li { float:left; text-align:center; padding: 0 -2px 0 0; }
.drop_menu a { font-weight: bold; display:block; padding:0 0; position:relative; width: 100px; }
#top img { display:none; }
.drop_menu a:hover { border-bottom: none; }
.drop_menu ul { background: url(http://z4.ifrm.com/30079/55/0/p1038250/DropMenu.png) bottom center no-repeat; border-top: none; left:-999em; position:absolute; width: 139px; padding-bottom:8px !important; z-index:2!important; margin-left:-20px !important; }
.drop_menu ul li { margin-right:5px; width:100%; font-size:10px!important; }
#top .drop_menu ul li a { width: 125px; padding:6px 0; margin:5px 0 0 7px; background: transparent; color: #0f84e2; }
#top .drop_menu li ul li a:hover { width: 125px; border: none; background: url(http://z4.ifrm.com/30079/55/0/p1039845/DropMenuHover.png) bottom center no-repeat; color: #fff; padding:6px 0; font-size:10px!important; text-shadow:0 2px #111111; }
#logo { float:left; margin-top:-195px; text-align:center; width:100%; }
*:first-child+html #logo { margin-top: -1px; }
#submenu_bar { display: none; }
#submenu { background: url(http://z4.ifrm.com/30079/55/0/p1038053/SubMC.png) left repeat-x; font-size:12px; height:32px; text-align:center; padding-top:15px; }
#submenu a:link, #submenu a:active, #submenu a:visited { margin:5px 4px 5px 0!important; padding:10px 22px 10px !important; font-weight: bold; color: #0f84e2; text-transform: uppercase!important; }
#submenu a:hover { background: url(http://z4.ifrm.com/30079/55/0/p1038055/SubMH.png) no-repeat bottom; height: 32px; min-width:79px; font-weight:bold; color: #ffffff; text-transform: uppercase!important; }
#nav { padding: 0; background:#111111 url(http://z4.ifrm.com/30079/55/0/p1038260/NavM.png) repeat-x; height: 20px; margin-top:0; }
#nav img { height: 20px; margin-top:0; }
#nav a{ padding-top: 4px; font-size: 10px; color: #0f84e2; text-transform: uppercase!important; text-shadow:0 1px #000000!important; }
.meta_box { background:#151515; border:1px solid #0d0d0d; line-height:150%; padding:5px 10px; }
.meta_box h3 { text-align: center; }
.meta_menu { background:#151515; border:1px solid #0d0d0d; padding:0; width:49%; }
.meta_menu h3 { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; border:1px solid #0d0d0d; clear:both; color:#b0b0b0; font-weight:700; margin:-1px; text-align:center; }
.cat-pages a,.cat-pagesjump i,.cat-topicpages a { background:#0e0e0e url(http://z4.ifrm.com/30079/55/0/p1043455/PagesNoHover.png) top repeat-x; height:28px; color:#b0b0b0; }
tr.generic td,div.generic { font-weight:700; padding:20px; text-align:center; }
td.c_head,td.c_foot,td.c_sort,td.c_topicfoot { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; color:#b0b0b0; }
tr.c_postfoot td { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; color:#b0b0b0; padding: 3px 10px; }
.posts tbody .c_foot, .topic .c_foot { border-bottom: none; }
td.c_desc { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; 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:#151515; font-weight:700; }
tr.hidden td.c_post { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; }
.bday { background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat; font-weight:700; height:16px; padding:2px 2px 2px 7px; width:20px; }
.c_mark, td.c_mark { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x!important; text-align:center; width:1%; padding: 7px 5px; }
#stats td.c_mark { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x!important; text-align:center!important; width:35px!important; padding: 7px 5px!important; }
.c_forum { width:60%; font-size: 11px; }
.c_forum div { padding-top: 5px; }
.c_forum strong a { font-size: 12px; padding: 0 6px 3px 0px; height: 18px; margin-right: 12px; }
.c_forum strong { font-size: 12px; height: 18px; padding: 0 0 3px 0; }
.c_forum strong a:hover { padding: 0 6px 3px 0px; height: 18px; }
.c_forum strong:hover { height: 18px; padding: 0 0 3px 0; }
td.c_last { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; }
.c_forum-desc { color:#b0b0b0; }
.c_last-title { background:url(http://z4.ifrm.com/30079/55/0/p1033581/c_last_title.png) no-repeat left; display:block; line-height:16px; padding-left:10px; }
.c_last-title:hover { background:url(http://z4.ifrm.com/30079/55/0/p1038417/c_last_title_hover.png) no-repeat left; }
td.c_info-v, td.c_info-t, td.c_info-r { text-align:center; font-size: 11px; padding: 2px 0px; background:url(http://z4.ifrm.com/30079/55/0/p1038320/Light2.png) repeat-x top #151515; }
td.c_subforum { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1038319/Dark2.png) repeat-x; color:#0f84e2; font-size: 11px; padding: 2px 10px; }
.c_subforum strong { color: #b0b0b0; }
.description { color:#b0b0b0; }
td#stats_events a,td#stats_events span { background:url(http://z3.ifrm.com/176/152/0/p68172/Expand.png) no-repeat 2px; padding:1px 0 4px 14px; }
td#stats_legend { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; }
td.c_username { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; padding:1px 0; text-align:center; font-size: 12px; }
td.c_user { }
td.c_user dl { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; border-right:1px solid #0d0d0d; border-bottom:1px solid #0d0d0d; border-top:1px solid #0d0d0d; border-left:1px solid #0d0d0d; margin:10px 0; padding:5px 7px; width:160px; }
dl.user_profile { overflow:hidden; font-size: 11px; }
dl.user_profile dd { font-style:italic; margin-left:8px; }
dl.user_info dd { font-weight:700; margin-bottom:1px; }
td.c_poll-choice label { font-weight:700; padding-left:1em; }
table.poll { margin-bottom: 10px; }
td.c_poll-votes { text-align:center; width:15%; }
td.c_poll-bar div { background:url(http://z4.ifrm.com/30079/55/0/p1043540/Pollbar.png) repeat-x #000!important; float:left; height:10px; }
td.c_poll-bar span { background:url(http://z4.ifrm.com/30079/55/0/p1043540/Pollbar.png) repeat-x #000!important; display:block; float:left; height:10px; width:1px; padding-right: 3px; }
.editby,.queued { border:1px dotted #0d0d0d; color:#b0b0b0; font-style:italic; margin-top:1em; padding:3px 5px; }
.queued { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border-color:#b0b0b0; }
blockquote { font-size: 11px; background:#121212; border: 1px solid #0d0d0d; margin:10px auto; padding-bottom:1px; width:98%; }
blockquote dl { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; border-bottom:1px solid #0d0d0d; font-size: 11px; }
blockquote dl dt { background:#0f84e2 url(http://z4.ifrm.com/30079/55/0/p1033407/ViewingUsers.png) repeat-x; color:#0f84e2; float:left; font-weight:bold; border-right:1px solid #0d0d0d; border-bottom: 1px solid #0d0d0d; padding: 1px 3px 1px 3px; }
code { display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; max-height:400px; overflow:auto; white-space:pre; }
div.spoiler { background: #121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border:1px solid #0d0d0d; border-top:0; padding:5px 7px; }
div.spoiler_toggle { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; border:1px solid #0d0d0d; color:#b0b0b0; cursor:pointer; font-weight:700; padding:2px 4px; }
td.c_postinfo { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; color:#b0b0b0; vertical-align:middle;
}
td.c_postinfo input {
vertical-align:middle; }
td.c_sig { color:#b0b0b0;
}
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; }
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#b0b0b0; padding:0; }
td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0;
}
tr.c_postfoot td { clear:both; }
tr.c_postfoot td img { margin: 0 2px; }
td.c_footicons,td.c_postinfo { width:100%; }
td.c_username { width:195px; }
.c_next a { display:block; font-weight:700; text-align:center; }
td.c_view { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; line-height: 2; color:#b0b0b0; }
div.c_view-list { background:#212121 url(http://z4.ifrm.com/30079/55/0/p1033407/ViewingUsers.png) repeat-x; padding: 0px 5px; border: 1px solid #0d0d0d; color:#b0b0b0; }
dl#fast-reply dt { padding: 3px 10px;
background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; border: 1px solid#024581; border-bottom: none; color:#ffffff; font-size: 14px; font-weight:700;
margin:0;
}
dl#fast-reply dd { background:#151515; border:1px solid #0d0d0d; padding:15px 0; text-align:center; }
#c_post-preview { background:#151515; border:1px solid #0d0d0d; margin:0 auto 10px; padding:5px; text-align:left; }
#c_post-resize span { color:#b0b0b0; cursor:pointer; padding:20px 5px 0; }
#emot_wrap { background:url(http://z3.ifrm.com/398/71/0/p200126/Rl.jpg) repeat-x top #151515; border:1px solid #0d0d0d; }
#emot_wrap h3 { background:#0f84e2 url(http://z4.ifrm.com/30079/55/0/p1033407/ViewingUsers.png) repeat-x; border-bottom:1px solid #0d0d0d; color:#b0b0b0; text-align:center; font-size: 12px; }
#emot_end { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border-top:1px solid #0d0d0d; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #0d0d0d; border-right:1px solid #0d0d0d; padding-top:30px; vertical-align:top; width:150px; }
#pm_folderlist { position: relative; margin-left:0; margin-top:0 }
#pm_folderlist li { background: none; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded { border:1px dotted #0d0d0d; color:#b0b0b0; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) repeat-x!important; }
#ucp_gallery a { font-weight: bold; }
#ucp_gallery button { font-weight: bold; }
.calendar td.cal_inactive { color:#aaaaaa!important; }
/* Calendar header */ .calendar thead th { padding:3px 5px; background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; border: 1px solid#024581; border-bottom: none; } .calendar thead th a, .calendar thead th a:hover { color: #0f84e2; } .calendar big { font-size: 14px; }
.calendar td div.cal_div { border-bottom:1px solid #0d0d0d; font-weight:700; padding:5px 7px; }
.calendar div.cal_div a { background: none; float:right; 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; }
div.portal_content { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; border:1px solid #0d0d0d; margin:0; padding:5px 7px; overflow-x: hidden; }
#portal h2 { border: 1px solid #000000; }
#portal h4 { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border-left:1px solid #0d0d0d; border-right:1px solid #0d0d0d; color:#b0b0b0; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a { color:#b0b0b0; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#b0b0b0; font-style:italic; }
.search_results { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; border:1px solid #0d0d0d; margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; }
.search_results cite,.search_results p { color:#b0b0b0; margin:0; }
#findposts .c_mark { color:#b0b0b0; font-weight:700; vertical-align:top; }
#pmtoast { background: url(http://z4.ifrm.com/30079/55/0/p1038893/NewPMNoHover.png) no-repeat top left; bottom:10px; color:#0d0d0d; display:none; position:fixed; right:10px; text-align:right; text-decoration:none; width:240px; z-index:1; height: 101px; }
#pmtoast:hover { background: url(http://z4.ifrm.com/30079/55/0/p1038892/NewPM.png) no-repeat top left; }
#pmlink { color:#0f84e2; display:block; padding:10px 10px 10px 55px; text-decoration:none; }
#pmlink big { color:#0f84e2; display:block; font-weight:700; padding-bottom:5px; }
#pmlink strong { color:#0f84e2; }
#pmclose { color:#bfbfbf; display:block; padding:0px 18px 0 0; margin-top: -4px; text-decoration: none; }
#pmclose:hover { color:#0f84e2; }
#newfoot { background: url(http://z3.ifrm.com/398/71/0/p201543/Links.jpg) top right no-repeat; }
#foot_wrap { margin:10px 0; }
#foot td { border: 0; color:#999999; padding: 0px 50px 10px 50px }
#foot a { color:#aaaaaa; } #foot a:hover { color:#0f84e2; }
td#foot_themechooser { background: url(http://z4.ifrm.com/30079/55/0/p1033397/ThemeChanger.png) left repeat-x; border:1px solid #000000; padding-top: 5px; }
td#foot_links { display:none; }
td#foot_datetime { width:1%; white-space:nowrap; background: url(http://z4.ifrm.com/30079/55/0/p1033397/ThemeChanger.png) right repeat-x; border:1px solid #000000; padding-top: 5px; }
select#setskin { background: transparent; border: none; color: #aaaaaa; margin-top: 1px; }
/* Removes image */
#foot_datetime img { display: none; }
#copyright { color:#0f84e2; text-align:center; font-size: 11px; padding-top:80px; } #copyright a { color: #0f84e2; font-weight: bold; } #copyright a:hover { color:#0d0d0d; }
#c_tos h3 { color:#b0b0b0; }
td.username_ok { background:#151515; }
input.username_ok { outline:2px solid #0d0d0d; }
td.username_no { background:#151515; }
input.username_no { outline:2px solid #0d0d0d; }
#acplogin { background:url() repeat-x 0 -195px #151515; border:2px solid #0d0d0d; height:275px; left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:500px; }
#acplogin h1 { color:#b0b0b0; 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, thead th { padding: 2px 10px; text-align:center; }
.cat_head h2 { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color:#ffffff; font-size: 14px; font-weight:700; border-color:#730b9d; padding: 2px 10px; }
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:top; }
.drop_menu li:hover ul,.drop_menu li.hover ul { left:auto; }
#nav li img { vertical-align:top; }
.meta_box,.meta_menu { margin:10px 0; }
.meta_box li { display:list-item; list-style-position:inside; list-style-type:square; margin-left:10px; }
.meta_menu ul { 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; }
tr.postbtn td { padding:5px; text-align:center; }
.row1,.row2 { line-height:1.4; }
/* Hints background fix */ input.row1 { background: #151515; }
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:20px 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%; }
#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:175px; min-width:175px; max-width:175px; }
img.c_user { height: 1px; }
.avatar { display:block; margin:auto; text-align:center; }
.av_wrap { overflow:hidden; text-align:center;
margin:auto; }
td.c_user .usertitle { margin:3px 0; text-align:center;
}
.pip { margin:3px 0; white-space:nowrap; }
dl.user_info dt,dl.user_info dd { padding:.1em; font-size: 11px; }
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,td.c_post li {
list-style-type:square;
margin-left:10px; }
.c_post img,#topic_review img { max-width:90%; }
.c_post-attachment { margin-top:1em; padding:1em;
}
.c_post-attachment dd { margin-left:1em; }
.post_sep { background: url(http://z4.ifrm.com/30079/55/0/p1038413/Divider.png) top repeat-x; padding: 3px; border-top: 1px solid #0d0d0d; border-bottom: 1px solid #0d0d0d; font-size:0px; height:0px; }
td.c_sig,td.c_nosig { height:1%; vertical-align:top; }
td.c_nosig { border-top-style:hidden!important; }
blockquote dl dd { padding:1px 4px; }
blockquote div,blockquote code { width: 100%; margin:0; padding:5px; }
dl#fast-reply { clear:both; margin:auto; width:80%; }
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; padding: 3px 4px; margin:15px 5px; } #ucp_gallery li:hover { background:#010101; padding: 2px 3px; border: 1px solid #000; }
#ucp_gallery button { cursor:pointer; text-align:center; }
.ucp { margin-bottom: 10px; }
.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 { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; margin-top: -2px; color: #0f84e2; }
.calendar td#cal_current { background:#121212; padding: 2px 0px; }
#portal_head { margin-bottom:10px; }
#portal_foot { margin-top:10px; }
#portal_l,#portal_r { 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_foot h2, #portal h2 { clear:none; margin-left: -1px; padding: 2px 5px; border: 1px solid #000000; } #portal h2 { margin: 0; }
#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; }
input,select,td,th { }
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt { font-weight:700; }
td.c_topicfoot strong,#meta_welcome strong { }
.row2 td { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; }
.row1 td { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; }
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,#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; }
td.c_poll-total { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; }
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: #151515; border:1px solid #0d0d0d; color:#b0b0b0; margin: 0 0 10px 0; }
#blog blockquote {
background:none; border:none; padding:0 10px; }
#blog h1 { float:right; }
#blog h2 { background:none; clear:none; padding:0; }
#blog h2,#blog h2 a { color: #0f84e2 } #blog h2 a:hover { color: #000000; }
#blog_foot { clear:both; margin-bottom:20px; }
#blog_head { background:#111111 url(http://z4.ifrm.com/30079/55/0/p1033405/Controls.png) repeat-x; border-bottom:1px solid #0d0d0d; padding:10px 14px; }
#blog_head h1 { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; padding: 2px 5px; border: 1px solid #0d0d0d; }
#blog_head img.avatar { display:inline; }
#blog_head:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
#blog_main { margin:20px 200px 10px 10px; }
#blog_categories,#blog_readers,#blog_about,div.blog_options { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; border: 1px solid #0d0d0d; margin:15px 0; padding:5px 7px; }
#blog_sidebar h3,#blog_sidebar dt { color:#b0b0b0; font-weight:700; }
#blog_sub { background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; clear:both; position:relative; padding:5px 7px; text-align:right; }
#blog_sub span { padding-top:4px; }
#blog_sidebar { background:#151515; float:right; margin:20px 10px 0 0; padding:0 10px; width:160px; }
#blog_sidebar dd { margin-left:10px; }
#blog_user { }
#blog table {
clear:none; }
div.blog_options { text-align:right; }
div.blog_date { background: #444444 url(http://z3.ifrm.com/291/21/0/p131128/Top.jpg) repeat-x; border:1px solid #000000; color:#0f84e2; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase; width:40px; }
div.blog_date span { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; border-top:1px solid#024581; color:#ffffff; display:block; font-weight:700; padding:2px 4px; }
div.blog_entry { background:#111 url(http://z4.ifrm.com/30079/55/0/p1033407/ViewingUsers.png) repeat-x; border: 1px solid #0d0d0d; margin:10px 0; padding:5px 7px; }
div.blog_entry blockquote { font-size: 12px; }
#blog_comments li { padding:5px 7px; }
#blog_comments li.odd { background:#0f84e2; }
#shoutwrap { background:#151515; border:1px solid #0d0d0d; }
#shoutwrap td { padding:0; }
#shoutbox { list-style-type:none; margin:0; padding:0; }
#shoutbox li { padding:5px 7px; }
#shoutbox li.odd { background:#151515; }
#shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; }
#shoutbox dt { color:#777; }
#shoutopts,#shoutpost { clear:both; text-align:center; }
#setskin { background-color: #151515; color: #b0b0b0; border: 1px solid #0d0d0d; }
#main_content {margin:0 130px;}
#header_l {background:url(http://z4.ifrm.com/30079/55/0/p1037746/HeaderL.png) left no-repeat;height: 195px;width: 237px;float:left;} #header_lc {background:url(http://z4.ifrm.com/30079/55/0/p1037747/HeaderLC.png) left repeat-x;height: 195px; width:50%;} #header_r {background:url(http://z4.ifrm.com/30079/55/0/p1037750/HeaderR.png) right no-repeat;height: 195px;width: 219px;float:right;margin-top:-195px;} #header_rc {background:url(http://z4.ifrm.com/30079/55/0/p1037749/HeaderRC.png) left repeat-x;height: 195px; width:100%;}
#subm {background:url(http://z4.ifrm.com/30079/55/0/p1038053/SubMC.png);height: 32px; width:100%;} #subl {background:url(http://z4.ifrm.com/30079/55/0/p1038052/SubML.png) no-repeat top;height: 32px;width: 18px;float:left;margin-top:8px !important;} #subr {background:url(http://z4.ifrm.com/30079/55/0/p1038054/SubMR.png) no-repeat bottom;height: 32px;width: 18px;float:right;margin-top:8px !important;}
#nav_r {background:url(http://z4.ifrm.com/30079/55/0/p1038261/NavR.png) no-repeat top right; float:right; height:20px; width:11px;margin-top:-32px;}
#lb {background:url(http://z4.ifrm.com/30079/55/0/p1037756/SideL.png) repeat-y scroll left center #0e0e0e;} #rb {background:url("http://z4.ifrm.com/30079/55/0/p1037755/SideR.png") repeat-y scroll right center transparent;}
/* repeated footer background */
#bb {background:url(http://z4.ifrm.com/30079/55/0/p1038044/BottomC.png) bottom repeat-x #111111;height:114px; width:100%;} #blb {background:url(http://z4.ifrm.com/30079/55/0/p1038042/BottomL.png); height: 114px; width: 160px;float:left} #brb {background:url(http://z4.ifrm.com/30079/55/0/p1038043/BottomR.png); height: 114px; width: 161px;float:right;}
#cpy {background:url(http://z4.ifrm.com/30079/55/0/p1033789/Copyright.png) bottom no-repeat #111111; height: 148px; width: 319px;}
/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap { background: url(http://z4.ifrm.com/30079/55/0/p1038050/H2C.png) repeat-x; }
/* h2left is the left image. */ .h2left { background: url(http://z4.ifrm.com/30079/55/0/p1038049/H2L.png) no-repeat top left; height: 38px; }
/* h2center is the text itself. */ .h2center{ padding-top: 13px;font-weight: 700;font-size:12px; color: #ffffff; height: 38px; text-transform: uppercase!important; text-align: center; text-shadow:0 1px #111111; } .h2center a:link, .h2center a:visited, .h2center a:active, .h2center a:hover { color: #ffffff; text-transform: uppercase!important; }
/* h2right is the right image. */ .h2right { background: url(http://z4.ifrm.com/30079/55/0/p1038051/H2R.png) no-repeat right top; height: 38px; }
/* Collapse/Uncollapse Images */ .collapse,.uncollapse { right: 20px; top: -5px; }
thead td,thead th {padding:0px;background: inherit;border-width:0px;}
.calh2 { background: null!important;height: auto!important; font-weight: null; padding: 0px !important;border: null!important;}
/* Leave the above alone. For the bottom, style your profile h2's. */ .profile thead td,.profile thead th { padding:0px;background: inherit;border-width:0px; background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color:#ffffff; padding: 2px 10px; border: 1px solid #000000; border-bottom: 1px solid #0d0d0d; } .profile th.l { border: none; }
th#profile_menuwrap, .profile th.l { color:#b0b0b0; border: 1px solid #0d0d0d!important; padding: 0 5px!important; text-align:left; }
#profile_menuwrap .drop_menu ul { padding-bottom: 0!important; }
#profile_menuwrap .drop_menu { margin-left: -15px; margin-top: 0px; } *:first-child+html #profile_menuwrap .drop_menu { margin: 0; }
#profile_menuwrap .drop_menu a, #profile_menuwrap .drop_menu a:hover { width: 160px; background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; padding: 2px; margin: 0; color: #ffffff; } #profile_menuwrap .drop_menu ul { padding: 0px; padding-top: 0px!important; padding-right: 1px; margin: 0!important; width: 160px; border: 1px solid #0d0d0d; border-top: none; border-bottom: none; background: #0d0d0d; }
#profile_menuwrap .drop_menu li ul li a { width: 160px; color:#0f84e2; background:#151515 url(http://z4.ifrm.com/30079/55/0/p1038315/Light.png) top repeat-x; border: none; padding: 5px 0; margin: 0; border-right: 1px solid #0d0d0d; border-bottom: 1px solid #0d0d0d; } #profile_menuwrap .drop_menu li ul li a:hover { border: none; padding:5px 0; margin: 0; background:#0f84e2 url(http://z4.ifrm.com/30079/55/0/p1033407/ViewingUsers.png) repeat-x; border-right: 1px solid #0d0d0d; border-bottom: 1px solid #0d0d0d; color:#0f84e2 }
div.c_repeat { background:url(http://z4.ifrm.com/30079/55/0/p1038253/FooterM.png) repeat-x top center; height:11px; width:100%; } div.c_left { background:url(http://z4.ifrm.com/30079/55/0/p1038252/FooterL.png) no-repeat top center; height:11px; width:80px; float:left; } div.c_right { background:url(http://z4.ifrm.com/30079/55/0/p1038254/FooterR.png) no-repeat top center; height:11px; width:80px; float:right; }
#stats td.c_foot { padding-top:5px; padding-right:25px; color:#999999; font-size:9px; text-transform:uppercase!important; }
#menu_l {background:url(http://z4.ifrm.com/30079/55/0/p1037728/TopML.png);height: 40px; width: 121px; float:left;margin-top:-40px; z-index:1; position:relative;} #menu_lc {background:url(http://z4.ifrm.com/30079/55/0/p1037729/TopMLC.png) repeat-x;height: 40px;width:50%;} #menu_c {background:url(http://z4.ifrm.com/30079/55/0/p1037730/TopMC.png) center no-repeat;height: 40px; width:443; margin-top:-40px;} #menu_rc {background:url(http://z4.ifrm.com/30079/55/0/p1037731/TopMRC.png) repeat-x;height: 40px;} #menu_r {background:url(http://z4.ifrm.com/30079/55/0/p1037732/TopMR.png);height: 40px;width: 219px;float:right; margin-top:-40px;}
/* CRAZY */ ul.cat-pages { margin-top: 0; float:left; margin:15px 0; padding: 3px 5px 5px 10px; width: 49%; }
.cat-pages a:hover,.cat-topicpages a:hover { background: #0f84e2 url(http://z4.ifrm.com/30079/55/0/p1033410/ButtonHover.png) repeat-x top center; color: #000000; border-color: #ffffff; }
.cat-pages span { background:url(http://z4.ifrm.com/30079/55/0/p1038414/MiniH2.png) repeat-x top #000000; color:#ffffff; border:1px solid#024581; cursor:default; font-weight:700; padding:2px 5px; }
.cat-pages input { background:#121212 url(http://z4.ifrm.com/30079/55/0/p1038316/Dark.png) top repeat-x; color:#b0b0b0; padding:3px 5px; vertical-align:baseline;
}
ul.cat-topicpages { float:right; padding:1px 0; }
.cat-buttons,.topic-buttons { float: right; margin:15px 0 15px; text-align:right; width:49%; }
Edited by Helena, Jun 19 2012, 07:20 PM.
|
|
|
| |
|
Pando
|
Jan 29 2011, 12:21 AM
Post #2
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #384,273
- Joined:
- April 16, 2010
- I'm Browsing With
- Firefox
|
Another awesome Cody theme!
Psst, give a blank logo image and remove the Burnt Triangle Poll Only button from your post
|
|
|
| |
|
CodyOL
|
Jan 29 2011, 12:33 AM
Post #3
|
- Posts:
- 186
- Group:
- Members
- Member
- #359,317
- Joined:
- November 18, 2008
|
- Pandorasaurus
- Jan 29 2011, 12:21 AM
 Another awesome Cody theme! Psst, give a blank logo image and remove the Burnt Triangle Poll Only button from your post  There should be a blank logo png in there, I'll look though. The Poll Only is red because it's suppose to be like locked, don't go.
|
|
|
| |
|
Delirium
|
Jan 29 2011, 01:34 AM
Post #4
|
Locked in Perpetual Motion
- Posts:
- 5,664
- Group:
- Members
- Member
- #83,901
- Joined:
- June 24, 2005
|
Your h2 script is old, definitely not a fan of those rows, not too bad a theme though.
|
|
|
| |
|
Nimor
|
Jan 29 2011, 03:39 AM
Post #5
|
- Posts:
- 506
- Group:
- Members
- Member
- #386,658
- Joined:
- October 2, 2010
- Latest Design
- http://resources.zetaboards.com/topic/5108686/1/#new
|
I love this! Might use it on my board.
|
|
|
| |
|
Quozzo
|
Jan 29 2011, 03:53 AM
Post #6
|
Only in death does duty end
- Posts:
- 1,214
- Group:
- Members
- Member
- #386,319
- Joined:
- September 1, 2010
- Latest Design
- http://chapterlibrary.com/
- Latest Blog Entry
- http://resources.zetaboards.com/blog/main/2070103/
|
the only criticism I have Is the translucent pm notifier, apart from that this is one tasty theme. :wink:
|
|
|
| |
|
Leonardo
|
Jan 29 2011, 04:42 AM
Post #7
|
- Posts:
- 7,637
- Group:
- Members
- Member
- #256,601
- Joined:
- March 10, 2007
|
Lovely theme you have there Cody I agree with Delirium about the rows, I think flat rows would've looked better instead of the gradient. Also the submenu left and right images are a few pixels too low compared to the rest of the bar and the hover is a bit off too (Opera browser).
|
|
|
| |
|
Patrick
|
Jan 29 2011, 04:56 AM
Post #8
|
- Posts:
- 1,160
- Group:
- Members
- Member
- #178,870
- Joined:
- May 30, 2006
- Latest Design
- http://resources.zetaboards.com/topic/5105566/1/#new
|
Nice theme. Great job. As said above.. i feel the h2 gradient doesn't flow. Pretty flat. Good work Cody.
|
|
|
| |
|
Eccentric Feline
|
Jan 29 2011, 08:40 AM
Post #9
|
梦想 ツ

- Posts:
- 7,864
- Group:
- Resource Admin
- Member
- #100,036
- Joined:
- August 20, 2005
|
Great techy-futuristic theme! Other then the gradient on the rows that a few others also pointed out, I think the theme is fantastic.
|
|
|
| |
|
Swim-ZNR
|
Jan 29 2011, 12:50 PM
Post #10
|
- Posts:
- 352
- Group:
- Members
- Member
- #385,894
- Joined:
- August 7, 2010
- Latest Design
- Pink Envy, Red vs Blue
|
That's the most AMAZING theme ever!
|
|
|
| |
|
CodyOL
|
Jan 29 2011, 01:29 PM
Post #11
|
- Posts:
- 186
- Group:
- Members
- Member
- #359,317
- Joined:
- November 18, 2008
|
- Leonardo
- Jan 29 2011, 04:42 AM
Lovely theme you have there Cody I agree with Delirium about the rows, I think flat rows would've looked better instead of the gradient. Also the submenu left and right images are a few pixels too low compared to the rest of the bar and the hover is a bit off too (Opera browser). Yeah, I've always felt the rows were a bit too fuzzy/intense and kind of detracted from the content, but I think it's too late to fix that.
As for the submenu, I've known of a bug that I never could quite fix. I've never really been able to pin a specific browser or resolution to it, but occasionally someone will find the submenu to be off.
|
|
|
| |
|
Pando
|
Jan 29 2011, 01:50 PM
Post #12
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #384,273
- Joined:
- April 16, 2010
- I'm Browsing With
- Firefox
|
How about, instead of using a 3 piece submenu, instead use CSS rounded corners? It would only not show to IE 8 and below users (IE 9 adds support for it)
|
|
|
| |
|
CodyOL
|
Jan 29 2011, 02:01 PM
Post #13
|
- Posts:
- 186
- Group:
- Members
- Member
- #359,317
- Joined:
- November 18, 2008
|
It might throw off the drop shadow, but I'll surely try it sometime soon.
|
|
|
| |
|
Pando
|
Jan 29 2011, 02:38 PM
Post #14
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #384,273
- Joined:
- April 16, 2010
- I'm Browsing With
- Firefox
|
- CodyOL
- Jan 29 2011, 02:01 PM
It might throw off the drop shadow, but I'll surely try it sometime soon.  Then crop off the shadow and use a Box Shadow
|
|
|
| |
|
Nivexonix
|
Jan 29 2011, 10:02 PM
Post #15
|
- Posts:
- 7,582
- Group:
- Members
- Member
- #143,495
- Joined:
- January 31, 2006
- I'm Browsing With
- Chrome
|
Very nice theme! It makes me think of Alienware, for some reason. It looks fabulous though.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|