- Posts:
- 3,202
- Group:
- Members
- Member
- #384,273
- Joined:
- April 16, 2010
|
 Author: Pando Date Created: November 10th-17th 2011.
Theme Preview: Click for full preview
Side Notes: Looks best in Firefox 5+, Google Chrome, Safari 5.1+, and IE10+, but it's also designed to render (mostly correct) in Safari 5, IE9, and Opera 11.10+. It should also look good in IE8 and possibly IE7. Edits Allowed? Besides the CSS modifications I posted below, no.
Theme Layout:- Code: HTML
-
<noscript><style type="text/css">.category .c_foot { background:url(http://z3.ifrm.com/28068/113/0/p431303/Catfoot.png) repeat-x top!important; background:url(http://z3.ifrm.com/28068/113/0/p431304/Catfootright.png) no-repeat right top, url(http://z3.ifrm.com/28068/113/0/p431302/Catfootleft.png) no-repeat left top, url(http://z3.ifrm.com/28068/113/0/p431303/Catfoot.png) repeat-x top!important; padding-right:15px; }</style></noscript><div id="topcontainer"><div id="logobg"><!-- TOPMENU --><!-- HEADER --><div id="submenuwrap"><div id="submenuleft"><!-- SUBMENU --></div></div><div id="subhovercache"></div></div></div><div id="wrap"><!-- NAV --><!-- BOARD --></div><div id="copyright2"><strong>Selene</strong> created by <strong>Pando</strong> of <a href="http://resources.zetaboards.com/index/">ZNR</a> and <a href="http://gforceforum.com/index/">GForce</a>.</div> <script type="text/javascript"> $(".category td.c_foot").append('<div class="foot_left"></div><div class="foot_right"></div>'); $("#stats td.c_foot .right").prependTo("#stats .foot_right"); if ($('td.c_desc:contains(Status)').length) { $(".profile .c_mark").attr("rowspan","5"); } if ($('td.c_desc:contains(User Verification)').length) { $("#c_tos").attr("rowspan","11"); } if ($.browser.mozilla) { $('body').addClass('mozilla'); } </script> <script type="text/javascript" src="http://z1.ifrm.com/0/2/0/p401504/3h2.js"></script>
CSS (Theme Appearance):Spoiler: click to toggle - Code:
-
body { background:url(http://z3.ifrm.com/28068/113/0/p431314/htmlbody.png) repeat-x left bottom fixed #000; color:#f797f7; font-family:"Arial", "Helvetica", "Verdana", "Bitstream Vera Sans", sans-serif; font-size:93.3%; margin:0; padding:0; text-shadow:0 1px #000; }
a { color:#f0f; text-decoration:none; } a:hover { color:#ffb5ff; text-decoration:none; } hr { background-color:#b5b; border:0; clear:both; color:#b5b; height:1px; -webkit-box-shadow:0 1px #000; -moz-box-shadow:0 1px #000; box-shadow:0 1px #000; } table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; } th,td,.c_user dl,#shoutwrap,.portal_content,#c_post-preview,dl#fast-reply dd,.search_results,.meta_menu,#emot_wrap,.meta_box,.cat-pages a,.cat-pagesjump i,.cat-topicpages a,.blog_entry,#blog_sidebar,#blog_head,#blog_categories,#blog_readers,#blog_about{ border:1px solid #120B12; } th { color:#d575d5; font-weight:400; padding:3px 5px; text-align:left; }
th,#portal h4,.calendar td div.cal_div,#emot_wrap h3,.blog_options{ background:url(http://z3.ifrm.com/28068/113/0/p431353/IETH.png) repeat-x top #382238; background:-moz-linear-gradient(top, #4F274F, #382238); background:-webkit-linear-gradient(top, #4F274F, #382238); background:-o-linear-gradient(top, #4F274F, #382238); background:linear-gradient(to bottom, #4F274F, #382238); } td { color:#F797F7; padding:5px 10px; }
td, #shoutwrap,.portal_content,dl#fast-reply dd,#quick_pm_compose .row2 td,.search_results,.meta_menu,.cat-pages a,.cat-pagesjump i,.cat-topicpages a,.blog_entry,#blog_sidebar{ background:url(http://z3.ifrm.com/28068/113/0/p431282/IETD.png) repeat-x top #291829; background:-webkit-linear-gradient(top, rgba(55, 28, 55, .7), rgba(47, 27, 47, .7) 20px, rgba(47, 27, 47, .7)); background:-moz-linear-gradient(top, rgba(55, 28, 55, .7), rgba(47, 27, 47, .7) 20px, rgba(47, 27, 47, .7)); background:-o-linear-gradient(top, rgba(55, 28, 55, .7), rgba(47, 27, 47, .7) 20px, rgba(47, 27, 47, .7)); background:linear-gradient(to bottom, rgba(55, 28, 55, .7), rgba(47, 27, 47, .7) 20px, rgba(47, 27, 47, .7)); }
.c_mark, td.c_info-v,td.c_info-t,td.c_info-r, .c_sig, .c_user dl, .c_subforum,.c_username,.c_postinfo,#c_post-preview,.c_head,.row2 td,.c_foot,.c_sort,.c_desc,.calendar td.cal_inactive,.calendar td#cal_current,.meta_box,.cat-pages a:hover,.cat-topicpages a:hover{ background:url(http://z3.ifrm.com/28068/113/0/p431283/IETDDARK.png) repeat-x top #231523; background:-moz-linear-gradient(top, rgba(49, 25, 49, .7), rgba(41, 24, 41, .7) 20px, rgba(41, 24, 41, .7)); background:-webkit-linear-gradient(top, rgba(49, 25, 49, .7), rgba(41, 24, 41, .7) 20px, rgba(41, 24, 41, .7)); background:-o-linear-gradient(top, rgba(49, 25, 49, .7), rgba(41, 24, 41, .7) 20px, rgba(41, 24, 41, .7)); background:linear-gradient(to bottom, rgba(49, 25, 49, .7), rgba(41, 24, 41, .7) 20px, rgba(41, 24, 41, .7)); }
#emot_list,div.spoiler,blockquote,#blog_categories,#blog_readers,#blog_about{ background:url(http://z3.ifrm.com/28068/113/0/p431283/IETDDARK.png) repeat-x top #231523; background:-moz-linear-gradient(top, #2B162B, #231523 20px, #231523); background:-webkit-linear-gradient(top, #2B162B, #231523 20px, #231523); background:-o-linear-gradient(top, #2B162B, #231523 20px, #231523); background:linear-gradient(to bottom, #2B162B, #231523 20px, #231523); } th a { font-weight:700; } h1 { font-size:200%; } h2,h3 { font-size:100%; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th,dl#fast-reply dt { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; background:url(http://z3.ifrm.com/28068/113/0/p431322/h2left.png) no-repeat left bottom, url(http://z3.ifrm.com/28068/113/0/p431324/h2right.png) no-repeat bottom right, url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; color:#ff95ff; font-size:16px; font-weight:100; letter-spacing:.5px; height:23px; padding:19px 0 0 47px!important; font-family:"Helvetica", "Arial", "Verdana"; }
h2 a, h2 a:hover,.h2center a,.h2center a:hover { color:#ff95ff; } .h2wrap { background: url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; } .h2left { background: url(http://z3.ifrm.com/28068/113/0/p431322/h2left.png) no-repeat bottom left; height: 41px; }
.h2center{ padding: 19px 0px 0px 47px; height: 41px; color:#ff95ff; font-size:16px; font-weight:100; letter-spacing:.5px; font-family:"Helvetica", "Arial", "Verdana"; }
.h2right { background: url(http://z3.ifrm.com/28068/113/0/p431324/h2right.png) no-repeat right bottom; height: 41px; } thead td,thead th {padding:0px; border-width:0px;} .profile thead td,.profile thead th {padding:0px; background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; background:url(http://z3.ifrm.com/28068/113/0/p431322/h2left.png) no-repeat left bottom, url(http://z3.ifrm.com/28068/113/0/p431324/h2right.png) no-repeat bottom right, url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; border-width:0px;} thead th { border:0; position:relative; height:29px; padding:19px 0 6px 47px!important; } input,select,textarea,button,a.btn_fake { background:#4F2B4F; border:1px solid #070407; color:#ff95ff; padding:3px 5px; vertical-align:middle; } textarea { font-family:"Verdana", sans-serif; font-size:100%; margin:auto; width:98%; } input:focus,input.focus,textarea:focus,textarea.focus,button:hover,a.btn_fake:hover { border-color:#1E111E; outline:0; } .submit_error { border:1px solid #e39; }
button,a.btn_fake, button.c_foot,.cat-pages span,.c_cat-title .cat-topicpages li a { background:url(http://z3.ifrm.com/28068/113/0/p431327/IEBUTTON.png) repeat-x top #120b12; background:-moz-linear-gradient(top, #232323, #232323 1px, #171717 1px, #0a0a0a 50%, #050505 50%, #120b12); background:-webkit-linear-gradient(top, #232323, #232323 1px, #171717 1px, #0a0a0a 50%, #050505 50%, #120b12); background:-o-linear-gradient(top, #232323, #232323 1px, #171717 1px, #0a0a0a 50%, #050505 50%, #120b12); background:linear-gradient(to bottom, #232323, #232323 1px, #171717 1px, #0a0a0a 50%, #050505 50%, #120b12); color:#ff95ff; }
button,a.btn_fake, button.c_foot { cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; overflow:visible; width:auto; } button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%; }
.notice { background:url(http://z3.ifrm.com/28068/113/0/p431404/IENOTICE.png) repeat-x top #120b12; background:-moz-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:-webkit-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:-o-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:linear-gradient(to bottom, #171717, #0f0f0f 50%, #050505 50%, #120b12); border:2px solid #070407; -webkit-box-shadow:inset 0 1px #232323; -moz-box-shadow:inset 0 1px #232323; box-shadow:inset 0 1px #232323; color:#ff95ff; margin:10px auto 0; width:70%; }
.notice dt { color:#ee84ee; font-weight:700; display:inline-block; } .notice dd { font-style:italic; margin:0; display:inline-block; } dl.error { border-color:#4f0F4c; } .error dt { color:#E39; } #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, .search_results div div, table.calendar ul { 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 { background:url(http://z3.ifrm.com/28068/113/0/p431271/Top.png) repeat-x 0 -1px; background:rgba(0, 0, 0, .2); border-bottom:1px solid rgba(255, 155, 255, .12); height:20px; padding:0 58px 6px; font-size:.9em; }
#top_info { float:left; margin-top:4px; } #top_menu { float:right; margin-top:0px; } .drop_menu li { float:left; margin-right:1px; text-align:center; width:100px; } .drop_menu a { display:block; padding:4px 0; position:relative; width:9em; }
.drop_menu ul { background:rgb(38, 6, 38); background:rgba(38, 6, 38, .5); border-bottom:1px solid rgba(255, 0, 255, .14); left:-999em; margin:0; position:absolute; width:9.4em; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; z-index:2; }
.drop_menu ul li { font-size:85%; margin:0; padding:0; width:100%; }
.drop_menu ul li a { display:block; padding:4px 5%; width:90%; }
#logo { border-bottom:0; clear:both; margin:48px 0 0 87px; display:inline-block; }
#logobg { background:url(http://z3.ifrm.com/28068/113/0/p431266/Logo_BG.png) no-repeat top left; min-height:218px;}
#topcontainer { background:url(http://z3.ifrm.com/28068/113/0/p431267/Top_Container.png) repeat-x left top; background:url(http://z3.ifrm.com/28068/113/0/p431357/Topcontainer3.png) repeat-x left top, url(http://z3.ifrm.com/28068/113/0/p431356/Topcontainer2.png) repeat-x left top, url(http://z3.ifrm.com/28068/113/0/p431355/Topcontainer1.png) repeat-x top left; -moz-animation:topcontainer 3600s linear infinite; -webkit-animation:topcontainer 3600s linear infinite; -o-animation:topcontainer 3600s linear infinite; animation:topcontainer 3600s linear infinite; }
#submenu { background:url(http://z3.ifrm.com/28068/113/0/p431278/Submenu_Right.png) no-repeat top right; font-size:14px; letter-spacing:1px; font-weight:100; font-family:"Helvetica", "Arial", "Verdana"; text-align:center; padding:0 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; z-index:1; height:48px; }
#submenu a { padding:17px 17px 13px; display:inline-block;} #submenu a:hover { background:url(http://z3.ifrm.com/28068/113/0/p431281/Submenu_Hover.png) repeat-x center right; }
#submenuleft { background:url(http://z3.ifrm.com/28068/113/0/p431276/Submenu_Left.png) no-repeat top left; height:48px; display:inline-block; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
#submenuwrap { background:url(http://z3.ifrm.com/28068/113/0/p431277/Submenu.png) repeat-x top left; position:absolute; right:58px; top:89px; height:48px; }
#wrap { background:#190F19; background:rgba(206, 120, 206, .12); -webkit-box-shadow:inset 0 2px rgba(206, 120, 206, .12), inset 0 -2px rgba(206, 120, 206, .12); -moz-box-shadow:inset 0 2px rgba(206, 120, 206, .12), inset 0 -2px rgba(206, 120, 206, .12); box-shadow:inset 0 2px rgba(206, 120, 206, .12), inset 0 -2px rgba(206, 120, 206, .12); margin:0 58px 30px; padding:15px 1% 10px; }
#nav { background:#000; color:#F2ACF2; padding:6px 1% 3px; border-bottom:1px solid #322132; margin:0 0 10px!important; display:block; }
.meta_box { font-size:85%; line-height:150%; padding:10px 25px; }
.meta_menu { padding:0; width:49%; }
.meta_menu h3 { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; color:#ff95ff; border-left:1px solid #070403; border-right:1px solid #070403; clear:both; font-size:100%; margin:-1px; text-align:center; height:24px; padding:7px 0 0; }
.meta_menu a { color:#d6d; } .meta_menu a:hover { color:#a3a; } 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 { color:#f797f7; } .cat-pages a:hover,.cat-topicpages a:hover { color:#c767c7; } .cat-pages span { cursor:default; font-weight:700; padding:2px 5px; border:1px solid #070407; } .cat-pages input { 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; } .c_head,td.c_foot,td.c_sort { font-size:80%; } td.c_desc { font-weight:700; text-align:right; vertical-align:middle; width:200px; } td.c_desc small { display:block; font-weight:400; } tr.pm_new td, tr.hidden .c_post { background:rgb(39, 23, 39); background:rgba(39, 23, 39, .7); font-weight:700; } tr.pm_new td { font-weight:700; } .bday { background:url(http://z3.ifrm.com/28068/113/0/p431459/Bday.png) no-repeat; color:#dad; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 20px; width:20px; } .c_mark { text-align:center; width:1%; } .c_forum { font-size:80%;width:60%; } .c_forum strong a { font-size:135%; } td.c_last { font-size:85%; } .c_forum-desc { font-size:85%; } .c_last-title { background:url(http://z3.ifrm.com/28068/113/0/p431316/lasttitle.png) no-repeat left 1px; display:block; line-height:14px; padding-left:16px; } td.c_info-v,td.c_info-t,td.c_info-r { font-size:80%; padding:5px; text-align:center; } td.c_subforum { font-size:80%; font-style:italic; } .cat_head td,thead td { border:0; background:none; padding:0; } .description { font-size:85%; } a.member:hover, th a:hover { color:#bb70bb; } td#stats_events a,td#stats_events span { background:url(http://z3.ifrm.com/28068/113/0/p431459/Bday.png) no-repeat left center; padding:4px 0 4px 20px; } td.c_username { width:175px; 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 { 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 { border-top:0; background:rgb(38, 6, 38); background:rgba(38, 6, 38, .9); border-bottom:1px solid rgba(255, 0, 255, .14); } #profile_menu a { color:#ff95ff; } #profile_menu ul a { color:#f0f; } #profile_menu ul a:hover { color:#ffb5ff; } #profile_menu li li a { border-top:0; } 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, td.c_poll-bar span { background:url(http://z3.ifrm.com/28068/113/0/p431460/IEPOLL.png) repeat-x top #120b12; background:-moz-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:-webkit-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:-o-linear-gradient(top, #171717, #0f0f0f 50%, #050505 50%, #120b12); background:linear-gradient(to bottom, #171717, #0f0f0f 50%, #050505 50%, #120b12); border:1px solid #070407; -webkit-box-shadow:inset 0 1px #232323; -moz-box-shadow:inset 0 1px #232323; box-shadow:inset 0 1px #232323; }
td.c_poll-bar div { border-left:0; float:left; height:12px; padding-right:3px; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; margin-left:3px; } td.c_poll-bar span { border-right:0; display:block; float:left; height:12px; width:3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; margin:-1px 0 0 -3px; }
.editby,.queued { font-size:85%; font-style:italic; margin-top:1em; padding:3px 5px; }
blockquote { border:1px solid #070403; margin:10px auto; padding-bottom:1px; border-top:0; color:#c475c4; }
blockquote dl { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; color:#ff95ff; padding:4px 2px 0; height:27px; }
blockquote dl dt { color:#ff95ff; float:left; }
code { display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; max-height:400px; overflow:auto; width:auto!important; resize:vertical; }
div.spoiler { border:1px solid #070403; border-top:0; padding:5px 7px; overflow-x:auto; overflow-y:visible; }
div.spoiler_toggle { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; color:#ff95ff; cursor:pointer; padding:4px 6px 0; height:27px; border-left:1px solid #070403; border-right:1px solid #070403; }
td.c_postinfo { font-size:80%; vertical-align:middle; } td.c_sig { color:#d575d5; font-size:80%; } td.c_sig blockquote { background:none; border:0; border-left:3px solid #d575d5; padding-left:5px; } td.c_sig blockquote dl { background:none transparent; border:0; color:#d575d5; } td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#d575d5; padding:0; } td.c_sig blockquote div { background:none; margin-left:5px; padding:0; } tr.c_postfoot { clear:both; } .c_postfoot td { border-right:0; } .c_postfoot td.c_footicons { border-left:0; border-right:1px solid #120B12; } td.c_footicons,td.c_postinfo { width:100%; } .c_next a { display:block; font-size:125%; font-weight:700; text-align:center; } div.c_view-list { color:#d575d5; font-size:92.5%; } dl#fast-reply dt { margin:0; } dl#fast-reply dd { padding:15px 0; text-align:center; }
#c_post-preview { margin:0 auto 10px; padding:5px; text-align:left; width:98%; overflow-x:auto; }
#c_post-resize span { color:#d5d; cursor:pointer; font-size:225%; padding:20px 5px 0; }
#emot_wrap h3 { border-bottom:1px solid #120b12; color:#d575d5; font-size:120%; text-align:center; }
#emot_list { background:url(http://z3.ifrm.com/28068/113/0/p431283/IETDDARK.png) repeat-x top #231523; }
#emot_end { background:#231523; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #120B12; border-right:1px solid #120B12; padding-top:30px; vertical-align:top; width:150px; }
#pm_folderlist { position: relative; margin-left:0; margin-top:0 }
#pm_folderlist li { background:url(http://z3.ifrm.com/28068/113/0/p431482/PMfolder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded { border:1px dotted #120b12; font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery a { color:#d1d; font-weight:700; } #ucp_gallery a:hover { color:#a2a; } .calendar td div.cal_div { border-bottom:1px solid #120B12; font-weight:700; padding:5px 7px; }
.calendar div.cal_div a { background:url(http://z3.ifrm.com/28068/113/0/p431459/Bday.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 { border:2px solid #120B12; }
div.portal_content { font-size:88.3%; margin:0; padding:5px 7px; }
#portal h4 { border-left:1px solid #120B12; border-right:1px solid #120B12; color:#d575d5; font-size:88.3%; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a { color:#d0d; font-size:120%; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#929; font-style:italic; }
.search_results { margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; font-size:125%; }
.search_results cite,.search_results p { color:#d575d5; font-size:85%; margin:0; }
#findposts .c_mark {f font-size:200%; font-weight:700; vertical-align:top; }
#pmtoast { background:url(http://z3.ifrm.com/28068/113/0/p431429/PMtoast.png) no-repeat top center; bottom:1px; color:#F797F7; display:none; font-size:90%; position:fixed; right:1px; text-align:right; text-decoration:none; width:329px; height:193px; z-index:3; }
#pmlink { color:#F797F7; display:block; text-decoration:none; margin:45px 65px 0 75px; }
#pmlink big { color:#f0f; display:block; text-align:center; margin:0 0 18px 9px; font-size:18px; letter-spacing:.5px; font-weight:500; }
#pmlink strong { color:#f0f; font-size:.95em; }
#pmclose { color:#f0f; display:block; font-size:80%; position:absolute; bottom:16px; right:70px; }
#foot_wrap { margin:20px 0 0; } #foot td { background:none; border:0; font-size:80%; } #foot #foot_datetime { width:1%; white-space:nowrap; } #copyright, #copyright2 { text-align:center; font-size:.9em; margin:45px 0; } #copyright a, #copyright2 a { font-weight:700; } #c_tos h3 { color:#c767c7; font-size:120%; } input.username_ok { outline:2px solid #0c0; } td.username_no { background:#4f0F4c; } input.username_no { outline:2px solid #e39; }
#acplogin { background:url(http://z3.ifrm.com/28068/113/0/p431267/Top_Container.png) repeat-x left top; background:url(http://z3.ifrm.com/28068/113/0/p431357/Topcontainer3.png) repeat-x left top, url(http://z3.ifrm.com/28068/113/0/p431356/Topcontainer2.png) repeat-x left top, url(http://z3.ifrm.com/28068/113/0/p431355/Topcontainer1.png) repeat-x top left; -moz-animation:topcontainer 3600s linear infinite; -webkit-animation:topcontainer 3600s linear infinite; -o-animation:topcontainer 3600s linear infinite; animation:topcontainer 3600s linear infinite; min-height:169px; }
#acplogin h1 { background:url(http://z3.ifrm.com/28068/113/0/p431428/Selene_ACP_H1.png) no-repeat left top; color:#984098; font-weight:400; font-size:40px; padding:66px 86px 0 0; text-align:right; height:170px; }
#acplogin #loginform { position:absolute; top:40%; left:20%; margin:0 0 0 5%; } a img { border:0; } form { display:inline; margin:0; padding:0; } 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; } #main { height:1%; } #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 { 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; top:3px; right:5px; } .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:1px; min-width:175px; max-width:175px; } .c_post { width:100%; } .c_sig,.c_nosig { width:100%; } img.member,.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:90%; } 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:92%; } #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:11px 0 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; } #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 { font-size:90%; } button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt { font-weight:700; } .meta_box h3,td.c_topicfoot strong,#meta_welcome strong { font-size:120%; }
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover, th a { color:#bb00bb; }
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 { color:#f797f7; margin:1% 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_foot { clear:both; margin-bottom:20px; }
#blog_head { background:url(http://z3.ifrm.com/28068/113/0/p432032/Blog_Head.png) repeat-x top #301530; background:-moz-linear-gradient(top, #462046, #3F1E3F 50%, #381938 50%, #301530); background:-webkit-linear-gradient(top, #462046, #3F1E3F 50%, #381938 50%, #301530); background:-o-linear-gradient(top, #462046, #3F1E3F 50%, #381938 50%, #301530); background:linear-gradient(to bottom, #462046, #3F1E3F 50%, #381938 50%, #301530); padding:10px 14px 47px 10px; border-bottom:0; }
#blog_head img.avatar { display:inline; } #blog_main { margin:20px 200px 10px 10px; } #blog_categories,#blog_readers,#blog_about { margin:15px 0; padding:5px 7px; } #blog_categories dt,#blog_readers h3,#blog_about h3 { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x top!important; color:#ff95ff; text-align:center; height:24px; padding:5px 0 2px!important; font-size:16px; margin:-6px -7px 8px; } .blog_options { padding:5px 7px; border-top:1px solid #120b12; } #blog_sidebar h3,#blog_sidebar dt { font-weight:700; } #blog_sub { clear:both; padding:0 7px; text-align:right; position:relative; top:-32px; } #blog_sub span { padding-top:4px; } #blog_sidebar { font-size:93.3%; padding:0 10px; width:160px; float:left; margin-top:-27px;} #blog_sidebar dd { margin-left:10px; } #blog_user { font-size:175%; padding-bottom:5px; } div.blog_options { font-size:90%; text-align:right; }
div.blog_date { background:#120b12; font-weight:700; text-align:center; text-transform:uppercase; width:40px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; float:right; margin-top:31px; }
div.blog_date span { font-size:130%; font-weight:700; padding:2px 4px; } .blog_entry h2 { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x top!important; color:#ff95ff; text-align:center; height:24px; padding:5px 0 2px!important; font-size:16px; } div.blog_entry { margin:0 -201px 0 171px; border-width:0 1px; } .blog_entry:first-child h2 { padding:5px 280px 2px 0!important; } .blog_entry:first-child .blog_date { margin:4px 0 0; } .blog_entry:first-child { margin-top:-47px; } .blog_entry blockquote { min-height:40px!important; margin-bottom:5px; } .blog_entry blockquote blockquote { font-size:100%!important; border:1px solid #120b12!important; border-top:0!important; padding:0!important;} .blog_entry blockquote div { padding:5px 7px; } #blog_comments li { padding:5px 7px; margin-right:10px; } #blog_comments li.odd { background:#231523; } #shoutwrap { font-size:88.3%; } #shoutwrap td { padding:0; } #shoutbox { list-style-type:none; margin:0; padding:0; } #shoutbox li { padding:7px; margin:0 5px; } #shoutwrap li.odd { margin:1px 5px; background:#231523; background:rgba(35, 21, 35, .7); } #shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; } #shoutbox dt { font-size:80%; display:inline-block; float:right; } #shoutopts,#shoutpost { clear:both; text-align:center; } #blog_comments li.odd, .notice, #submenuwrap, #wrap, #nav, #shoutwrap li.odd { -moz-border-radius: 5px; border-radius: 5px; } #blog_head { -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .cornercanvas, #top_menu img,#acplogin h1 img { display:none!important; } #subhovercache { background:url(http://z3.ifrm.com/28068/113/0/p431281/Submenu_Hover.png); } .profile, .topic h2.special { margin-top:10px; } .category .c_foot { background:url(http://z3.ifrm.com/28068/113/0/p431303/Catfoot.png) repeat-x top; height:21px; border:0; padding:0; } .foot_left { float: left; background: url(http://z3.ifrm.com/28068/113/0/p431302/Catfootleft.png) no-repeat top left; height:21px; width:192px; } .foot_right { float: right; background: url(http://z3.ifrm.com/28068/113/0/p431304/Catfootright.png) no-repeat right top; height: 21px; width: 225px; } #stats .foot_right { padding-right:14px; padding-top:5px; height:16px; } #stats .foot_right .right { width: 1000px; text-align:right; } .mozilla .foot_left { margin-left:-1px; } .c_post thead th { height:23px; padding:12px 0 1px 47px!important; } #portal_l h2, #portal_r h2 { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; border-left:1px solid #070407; border-right:1px solid #070407; padding:8px 3px 0!important; text-align:center; } #portal_l .h2left, #portal_r .h2left { background:none; height:31px; } #portal_l .h2right, #portal_r .h2right { background:none; height:31px; } #portal_l .h2wrap, #portal_r .h2wrap { border-left:1px solid #070407; border-right:1px solid #070407; } #portal_l .h2center, #portal_r .h2center { padding: 9px 0 0; text-align:center; } .profile thead th.l { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; background:url(http://z3.ifrm.com/28068/113/0/p431324/h2right.png) no-repeat bottom right, url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; } .profile #profile_menuwrap { background:url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; background:url(http://z3.ifrm.com/28068/113/0/p431322/h2left.png) no-repeat left bottom, url(http://z3.ifrm.com/28068/113/0/p431323/h2_repeat.png) repeat-x bottom; } .calh2 .h2center { padding:19px 0 0; text-align:center; } .calh2 .h2center a { font-size:.8em; top:-2px; position:relative; } #warn_viewer thead td { background:none; padding:0; } #warn_viewer .h2left, #warn_viewer .h2right, #warn_viewer .h2wrap { margin:0; padding:0; }
@-moz-keyframes topcontainer { from { background-position:left top, left top, left top; } to { background-position:39000px top, 39000px top, 30000px top; } } @-webkit-keyframes topcontainer { from { background-position:left top, left top, left top; } to { background-position:39000px top, 39000px top, 30000px top; } } @-o-keyframes topcontainer { from { background-position:left top, left top, left top; } to { background-position:39000px top, 39000px top, 30000px top; } } @keyframes topcontainer { from { background-position:left top, left top, left top; } to { background-position:39000px top, 39000px top, 30000px top; } }
Theme Modifications: To remove the background animation (only currently visible in Firefox 5+, Google Chrome, Safari, and IE10+), add this to the end of your CSS:- Code:
-
#topcontainer,#acplogin { -moz-animation:none; -webkit-animation:none; -ms-animation:none; -o-animation:none; animation:none; animation:none; }
To make the background image that scrolls at the bottom of the page stick at the copyright area, add this to the end of your CSS:- Code:
-
body { background-attachment:scroll; }
Theme Images Button Images
Prehosted images - Theme Images page These images will remain permanently hosted on server1.
To anyone who added the theme before July 24th please update the CSS. The CSS gradients have been updated to be standards-compliant and the useless -ms- prefixed properties have been removed.
Edited by Helena, Oct 1 2013, 04:44 PM.
|