Authors: JJstorm & GMaster479
Description: Editted from Rain Forest.
Total Time Invested: 5 hours
Enjoy and paste.
Little editting required.
Place in the css (Replace !NUMBER! with the number of the forum at the bottom of each category):
.boardindex #fid_!NUMBER!_topics{border-radius: 15px 0 0 0;}.boardindex #fid_!NUMBER!_replies{border-radius: 0 15px 0 0;}
Wrapper
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--CSS-->
<title><!--TITLE--></title>
<!--SCRIPT-->
</head>
<body>
<div>
<!-- <img id="bgimage" src="http://3.bp.blogspot.com/-rNsiGFT14uM/TutWUlwAxhI/AAAAAAAAAGk/V8lf8EOfcyc/s1600/moon-fantasy-1600x1200.jpg"> --!>
</div>
<div id="container">
<div class="head">
<div style="position:relative"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2btml.png" class="wrapleft" /><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2btmr.png" class="wrapright" /><!--NAVIGATION--></div>
<!--LOGO-->
<!--USERBOX-->
<!--PATH-->
</div>
<div class="bodyshad">
<div id="body">
<!--SHOUTBOX-->
<!--PAGE-->
<!--DEBUG-->
<!--FOOTER-->
</div>
</div>
<div class="c_bottom"></div>
</div>
</body>
</html>
<M name="icon-read"><img src="http://i1172.photobucket.com/albums/r570/JJstorm/2e0375cb.png" style='opacity: 0.2; margin: 10px 0 0 -23px;'/></M>
<M name="icon-unread"><img src="http://i1172.photobucket.com/albums/r570/JJstorm/2e0375cb.png" style='margin: 10px 0 0 -23px;'/></M>
<M name="subforum-icon-read"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2fmacro_1.png" style='opacity: 0.2; margin: 10px 0 0 -23px;'/></M>
<M name="subforum-icon-unread"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2fmacro_1.png" style='margin: 10px 0 0 -23px;'/></M>
<M name="topic-icon-read"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2tmacros_1.png" style='opacity: 0.2; margin: 10px 0 0 -12px;'/></M>
<M name="topic-icon-unread"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2tmacros_1.png" style='margin: 10px 0 0 -12px;'/></M>
<M name="path"><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2btml.png" class="wrapleft" /><img src="http://gmskins.b1.jcink.com/uploads/gmskins//rain2btmr.png" class="wrapright" /><ul>%1$s</ul><div style="clear:both"></div></M>
CSS
/*WYSWYG Editor CSS*/
@import url("http://jaxboards.com/wysiwyg.css");
body{background:url(http://3.bp.blogspot.com/-rNsiGFT14uM/TutWUlwAxhI/AAAAAAAAAGk/V8lf8EOfcyc/s1600/moon-fantasy-1600x1200.jpg) fixed no-repeat center center;font-family:copperplate, arial;font-size:16px;color:#fdfdfd;text-align:center;overflow-y:scroll;word-wrap:break-word;margin: 0;}
#bgimage {
height: 100%;
position: fixed;
width: 100%;
z-index: -1;
top: 0;
left: 0;
}
img{border:0;}
a:active,a:visited,a:link{color:#018F07;text-decoration:none;}
a:hover{text-decoration:underline; color: #EEBC00;}
textarea{background:#111;border:1px solid #222; color: #FFF;}
#container img{max-width:680px;}
input[type=text], input[type=password] { background: #111; color: #fff; border: 1px solid #222; padding: 3px 5px;}
/*Misc (Global)*/
.error{background:#990701;border:1px solid #F33;margin:5px;padding:5px;}
.success{background:#CFC;border:1px solid #3F3;margin:5px;padding:5px;}
.clear{clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
/*Avatars*/
.avatar img{max-width:150px;max-height:150px;}
/* All windows */
.window{box-shadow: 0px 0px 100px #FF0;position:fixed;border-radius:10px 10px 0 0;}
.window .title{padding-right:0px;cursor:move;text-align:center;background:url(http://jaxboards.com/Themes/Default/img/boxgrad.png) bottom;color:#FFF;border-radius:10px 10px 0 0;}
.window .title .controls{cursor:pointer;position:absolute;top:2px;right:2px;font-size:smaller;}
.window .title .controls div{display:inline-block;padding:0 5px;}
.window.minimized .content{top:0;left:0;display:none;}
.window.minimized .title{top:0;left:0;padding-right:50px;}
.window .resize{cursor:nw-resize;width:10px;height:10px;background:url(http://jaxboards.com/Themes/Default/icons/cornerdrag.png);position:absolute;}
.window .content{text-align:left;background:#222;border-radius:0 0 0px 0px;padding:0px;}
.window .content,.window .title{position:relative;border:-1px solid #111;}
/* IM windows */
.im .ims{padding:5px;width:200px;height:100px;overflow:auto;}
.im .ims div{background:#111;}
.im .content{border-radius:0;}
.im form{display:block;width:100%;border-top:1px solid #555;}
.im input[type=text] {padding:5px;width:95%;border:none;}
.im .you .name{color:#F00;}
.im .them .name{color:#00F;}
.im .action,.im .action .you,.im .action .them{font-style:italic;}
.im .action{color:#522994;}
.im .offline{display:none;}
.im.offline .offline{display:block;color:#600;background:#ECC;font-style:italic;padding:5px;font-size:10px;}
.im .content{padding:0;}
.immenu,.emotewin{border:1px solid #000;background:#111;}
/* User Control Panel */
#ucp .content{background: #181818; bottom repeat-x;}
#ucp textarea{width:650px;height:100px;}
#ucp label{display:inline-block;width:150px;}
#ucp .leftbar{float:left;width:200px;}
#ucp .leftbar .icon{margin:10px;font-size:12px;padding:2px 25px;background:url(http://jaxboards.com/Themes/Default/icons/inboxicons.png) 0 0 no-repeat;}
#ucp .leftbar h2{margin:0;background: #222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));font-size:16px;padding:3px;}
#ucp .icon.inbox{background-position:0 -32px;}
#ucp .icon.sent{background-position:0 -64px;}
#ucp .icon.flagged{background-position:0 -96px;}
#ucp .icon.compose{background-position:0 -128px;}
#ucp .leftbar,.ucp #ucppage{}
#ucp .leftbar a{display:block;margin:5px 10px;}
#ucp .error{margin:5px;padding:5px;}
#ucppage{background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));border-left:1px solid #282828;margin-left:200px;padding:20px;min-height:400px;}
#ucppage h2{font-size:20px;}
#ucppage .tooltip{font-size:14px;background:url(http://jaxboards.com/Themes/Default/icons/help.png) no-repeat;text-indent:-1000px;display:inline-block;width:20px;border:none;cursor:help;}
#ucp .error{text-align:left;margin-bottom:15px;padding:8px;}
/* Mod CP */
#modcp .content{background:#181818;}
#modcp .minibox{border:1px solid #000;margin:10px;}
#modcp .minibox .title{background:#CCDDFF;padding:5px;}
#modcp .minibox .content{padding:5px;background:#181818;}
#modcp .minibox .post{border-bottom:1px solid #282828;padding:10px;}
#modcp .leftbar{float:left;padding:10px;width:150px;}
#modcp .modcppage{border-left:1px solid #000;margin-left:170px;padding:10px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));min-height:200px;}
#modcp .modcppage .error{margin:5px;padding:5px;}
#modcp td{vertical-align:top;}
#modcp textarea{width:500px;height:100px;}
/*Inbox*/
.inbox{}
.inbox .listing{border:1px solid #222;font-size:14px;width:100%;border-collapse:collapse;}
.inbox .listing .unread{font-weight:bold;}
.inbox .listing td{padding:2px;border:1px solid #222;border-style:solid none;background:#181818;}
.inbox .listing tr:hover td{background:#282828;}
.inbox .listing th{padding:8px 2px;color:#FDFDFD;text-align:left;background: #222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));font-weight:normal;}
.inbox .listing .center{text-align:center;}
.inbox .compose{font-weight:bold;background-position:0 -128px;}
.inbox .compose a{color:#090;}
.inbox .composeform{background:#181818;padding:10px;border:1px solid #669;}
.inbox .composeform label{margin-bottom:10px;display:inline-block;width:100px;}
.inbox .composeform textarea{width:650px;height:300px;}
.inbox .switch_converted.flag{height:16px;background:url(http://jaxboards.com/Themes/Default/icons/flags.png) no-repeat;background-position:center 0;}
.inbox .messageview{border:1px solid #000;background:#1818118;padding:10px;}
.inbox .message{margin-top:10px;background:#181818;border:1px solid #222;padding:10px;}
.inbox .messageinfo{background:#181818;font-size:smaller;padding:10px;border: 1px solid #222;}
.inbox .messageinfo .title{font-weight:bold;}
.inbox .messagebuttons{margin-top:10px;text-align:left;}
/* Shoutbox */
#shoutbox{background:none;}
#shoutbox .content table{width:100%;border-collapse:collapse;}
#shoutbox .shout.highlight{background:#FF0;}
#shoutbox .shout{background:#181818;}
#shoutbox .shouts{padding:3px;background:#181818;border-right:1px solid #282828;font:14px copperplate, arial;}
#shoutbox .shoutform{background: #181818; bottom repeat-x #FFF;padding:20px;width:220px;margin-top:30px}
#shoutbox .title{background:url(http://i1172.photobucket.com/albums/r570/JJstorm/b5b8f824.png) rgba(0.1,0.1,0,0.1) center center repeat-x;color:#fff;}
#shoutbox .title a{color:#fff;}
#shoutbox .action,#shoutbox .action a,.sbhistory .action,.sbhistory .action a{font-style:italic;color:#F00;}
#shoutbox .action a,.sbhistory .action a{color:#A00;}
#shoutbox img{max-height:150px;max-width:150px;}
#shoutbox .shout .delete{margin-right:10px;display:none;}
#shoutbox .shout:hover .delete{display:inline;}
.sbhistory .shout .delete{margin-right:10px;}
.sbhistory{padding:10px;}
/*Buddy/Contacts List*/
#buddylist {box-shadow: 0px 0px 15px #00F;}
#buddylist .online{font-weight:bold;color:#00F;}
#buddylist .offline{color:#F00;}
#buddylist .blocked{color:#F00;}
#buddylist .content{height:600px;width:250px;overflow-y:auto;}
#buddylist .contact{background:#111;position:relative;cursor:hand;cursor:pointer;min-height:32px;padding:5px;border-bottom:1px solid #AAF;}
#buddylist .contact:hover{background:#333;}
#buddylist .avatar img{max-width:32px;max-height:32px;}
#buddylist .avatar{position:absolute;}
#buddylist .name{margin-left:50px;}
#buddylist .status{margin-left:10px;padding:0px;white-space:nowrap;overflow:auto;font-size:12px;color:#555;}
#buddylist .contact:hover .status{white-space:normal;}
/* Contact cards */
.contact-card .content{}
.contact-card .content a{font-size:14px;}
.contact-card .right{padding:10px;width:150px;}
.contact-card .left{padding:10px 30px;}
.contact-card .username{font-weight:bold;padding:10px;}
.contact-card .contact_details{font-size:12px;margin-top:20px;}
.contact-card .contact_details a:hover{text-decoration:none;}
/* User profiles */
.userprofile{margin:30px 5px;}
.userprofile .leftbar{float:left;width:200px;border:1px solid #000;background:rgba(0,55,200,0.5);}
.userprofile .leftbar .username{background: #222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));padding:.5em;font-weight:bold;}
.userprofile .leftbar .avatar{margin-top:20px;text-align:center;}
.userprofile .leftbar .avatar img{border:1px solid #000;}
.userprofile .leftbar .usertitle{font-size:.8em;margin:1px;text-align:center;}
.userprofile .infobox{background:RGBA(100,100,100,0.5);margin:20px 5px 10px 5px;border:1px solid #35485E;padding:5px;}
.userprofile .infobox .content{font-size:.8em;}
.userprofile .infobox div{font-size:.8em;margin:5px}
.userprofile .rightbar{margin-left:210px;}
.userprofile .rightbar .post{border-bottom:1px solid #35485E;padding:10px;}
.userprofile .rightbar .postdate{font-size:.8em;margin:10px;background:#699;border:1px solid #339;padding:5px;}
.userprofile .rightbar .signature{border-top:1px dashed #CCC;margin:0px 10px;}
.userprofile #pfbox{background:RGBA(100,100,100,0.8);border:0px solid #000;margin-left:217px;}
.userprofile .pftabs a{margin-left:5px;display:inline-block;padding:.5em;border:1px solid #000;border-bottom:none;background:RGBA(255,255,255,0.5);color:#FA0;}
.userprofile .pftabs a.active{background:RGBA(100,100,100,0.8);color:#FA0;}
.userprofile .comment{position:relative;min-height:80px;border-bottom:1px solid #35485E;padding:10px;}
.userprofile .comment img{max-height:50px;max-width:50px;}
.userprofile .comment .userdata{position:absolute;}
.userprofile .comment .commenttext{margin-left:100px;padding:10px;}
.userprofile .comment .date{position:absolute;top:0;right:0;padding:0;font-size:smaller;color:#AAF;}
.userprofile .contacts{background:RGBA(100,100,100,0.1);display:inline-block;}
.userprofile .contacts .contact{background:RGBA(0,100,200,0.5);border:0px solid #FFF;cursor:hand;cursor:pointer;padding:30px 27.87px;min-height:80px;width:120px;float:left;text-align:center;}
.userprofile .contacts .contact:hover{background:#DDF;border:0px solid #35485E;}
.userprofile .contacts .contact .avatar img{max-width:50px;max-height:50px;}
/* Activity (global) */
.activity{padding:10px 10px 10px 36px;background:url(http://jaxboards.com/Themes/Default/icons/activity.png) no-repeat;}
.activity.new_post{background-position:0 -64px;}
.activity.profile_name_change{background-position:0 -128px;}
.activity.profile_comment{background-position:0 -194px;}
.activity.buddy_add{background-position:0 -258px;}
/*Surrounding Container/Template for Board*/
#container{border-radius:0 0 100px 100px;margin: 0 auto; width:950px;text-align:left;background: rgba(0,0,0,0.4); box-shadow: 0 0 20px #FFF;}
.head{padding:0;padding-top: 0px;position:relative;}
.navigation ul{list-style-type:none;padding:0;margin:0;height:30px; background: url(http://gmskins.b1.jcink.com/uploads/gmskins//rain2gradient.png) repeat-x center; text-align: center; position: relative;}
.navigation ul li{margin:0 0 0 1px;padding:7px 15px 15px 15px; display: inline-block; }
.navigation ul li.active{background:url(http://gmskins.b1.jcink.com/uploads/gmskins//rain2gradientflip.png) repeat-x;}
.navigation a{color:#FFF;}
.navigation a:hover { text-decoration: none; }
.navigation ul li:hover{background:url(http://gmskins.b1.jcink.com/uploads/gmskins//rain2gradientflip.png) repeat-x;}
.c_bottom{background:url(http://jaxboards.com/Themes/Default/img/c_shadow_bottom.png);height:9px;}
.footer{text-align:center;margin:10px;}
.bodyshad{padding:0;}
#body{background: transparent;padding: 0 10px 20px 10px;}
*:focus{outline:none;}
/*Logo*/
#logo{clear:both; background: rgba(0,0,0,0.5) url(http://gmskins.b1.jcink.com/uploads/gmskins//rflogobg.png) no-repeat top left;
height: 99px;
padding: 40px 90px 0px 5px;
}
#logo img{ vertical-align:left; horizontal-align:bottom;padding:0px !important;}
/*UserBox*/
#userbox{padding:8px;color:#FFF;position:absolute;top:40px;right:10px;width:239px;height:105px; background: rgba(24,24,24,0.85); border: 1px outset #333;}
#userbox form{margin:0;font-size:16px;}
#userbox form input{width:200px;}
#userbox form input[type=submit]{width:auto;}
#userbox a{color:#FFF;}
#userbox a:first-child{color:#FFF;}
#userbox .welcome{text-align:center;}
#userbox .lastvisit{margin:20px 0;color:#018F07;text-align:center;}
#userbox .messages{float:left;width:50%;}
#userbox .messages a{color:#0ff !important;}
#userbox .settings{text-align:right;float:left;width:50%;}
#userbox .settings a{background:url(http://jaxboards.com/Themes/Default/icons/wrench.png) no-repeat;padding-left:20px;color:#FFF;}
#userbox .forgot{font-size:smaller;float:right;color:#FFF;}
#userbox a.num-messages{color:#018f07;}
/*Breadcrumbs*/
#path{font:14px copperplate, arial; background: url(http://gmskins.b1.jcink.com/uploads/gmskins//rain2gradient.png) repeat-x center;padding:.5em 0 .5em 1em; position: relative; text-align: center;}
#path a{color:#4FF !IMPORTANT;}
#path ul{list-style:none;margin:0;padding:0;}
#path ul li{background:url(http://www.aiclandscaping.com/images/greenArrow.png) no-repeat;padding-left:20px;margin-right:10px;float:left;}
#path ul li:first-child{background:none;padding-left:0;}
#path a{color:#fff;}
#NewsFeed{font:14px copperplate, arial; background: url(http://gmskins.b1.jcink.com/uploads/gmskins//rain2gradient.png) repeat-x center;padding:.5em 0 .5em 1em; position: relative; text-align: center;}
#NewsFeed a{color:#0CF;text-decoration:underline;}
/*Board Index*/
.idxtools{font-size:smaller;margin:10px;}
.boardindex {width:100%;border-collapse:collapse;font:12px copperplate, arial;}
.boardindex td{border: none;}
.boardindex .last_post{padding:10px;border-right:none;}
.boardindex .last_post:first-letter{background:url(http://www.convio.com/summit-2009/images/small-gold-arrow.gif) center left no-repeat;padding-left:15px;}
.boardindex .last_post a{font-weight:bold;color:#0F0;}
.boardindex .f_icon{border-style:none;background-color:#000;background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));width: 40px; vertical-align:middle;text-align:center;}
.boardindex .unread .forum a{font-weight:bold;}
.boardindex .forum{border: none;background-color:#000;background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));padding:20px;padding-left:10px;}
.boardindex .forum a{font:14px copperplate, arial;}
.boardindex .subforums,.boardindex .ledby,
.boardindex .subforums a,.boardindex .ledby a{font-style:italic;font-size:10px;}
.boardindex .item_1{border-radius: 15px 0 0 15px;font-size:11px;width:165px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #FF0); background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#FF0));text-align:center;padding:5px 2px;border: none;}
.boardindex .item_2{border-radius: 0 15px 15px 0;font-size:11px;width:165px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #FF0); background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#FF0));text-align:center;padding:5px 2px;border: none;}
/*Forum Listings*/
.forumindex{width:100%;border-collapse:collapse;font:12px copperplate, arial;}
.forumindex td{padding:10px;height:50px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111)); border: none;}
.forumindex .f_icon{width:20px;padding:0;}
.forumindex .unread .topic{font-weight:bold;}
.forumindex .topic{background-color:#FFF;border-left:none;}
.forumindex .last_post{width:250px;background-color:#e0e0ff;}
.forumindex .last_post a{color:#00f;}
.forumindex .last_post:first-letter{background:url(http://www.convio.com/summit-2009/images/small-gold-arrow.gif) center left no-repeat;padding-left:15px;}
.forumindex .item_1,.forumindex .item_2{width:65px;text-align:center;background-color:#ececff;}
.forumindex .pinned .topic>a:first-child{font-style:italic;background:url(http://jaxboards.com/Themes/Default/icons/pin.gif) center left no-repeat;padding-left:14px;}
.forumindex .error{margin:0;text-align:center;padding:20px;}
.forumindex .moderate{background:url(http://jaxboards.com/Themes/Default/icons/posticons.png);text-indent:-1000px;display:inline-block;visibility:hidden;width:16px;height:16px;float:right;}
.forumindex .moderate.selected,.forumindex tr:hover .moderate{visibility:visible;}
.forum-buttons-top{text-align:right;margin:10px;}
/*Subforums (in forum listings)*/
.subindex{width:100%;border-collapse:collapse;font:12px copperplate, arial;}
.subindex td{background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111)); border: none;}
.subindex .last_post{background:url(http://gmskins.b1.jcink.com/uploads/gmskins//mahoganytm.png);padding:10px;border-right:none;}
.subindex .last_post a{color:#fdfdfd;}
.subindex .last_post:first-letter{background:url(http://www.convio.com/summit-2009/images/small-gold-arrow.gif) center left no-repeat;padding-left:15px;}
.subindex .f_icon{border-style:none;background-color:#F6f6ff;width:40px;vertical-align:middle;text-align:center;}
.subindex .forum{border-left:none;background-color:#f6f6ff;padding:20px;padding-left:10px;}
.subindex .forum a{font:14px copperplate, arial;}
.subindex .unread .forum a{font-weight:bold;}
.subindex .item_1,.subindex .item_2{font-size:11px;width:165px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));text-align:center;padding:5px 2px;border-right:none;}
/*Topic View*/
#intopic{width:100%;margin:auto;border-collapse:collapse;}
#intopic .topic-post-row{clear:both;background:#e0e0ff url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;}
#intopic td{vertical-align:top;border:1px solid #282828; margin: 10px 0; background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));}
#intopic .userdata{text-align:center;width:150px; margin: 0;}
#intopic .avatar{margin-top:10px;}
#intopic .avatar img{border:1px solid #000;}
#intopic .username{background:#222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));padding:5px;}
#intopic .username a{font-weight:bold;}
#intopic .signature{font-size:smaller;display:inline-block;margin:20px;border-top:1px dashed #CCC;}
#intopic .edit,#intopic .quotepost{margin-left:10px;padding-left:18px;background:url(http://jaxboards.com/Themes/Default/icons/posticons.png) no-repeat top left;}
#intopic textarea{width:650px;height:200px;}
#intopic .modpost.selected{color:#090;}
#intopic .quotepost{background-position:0 -32px;}
#intopic .post{line-height:140%;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111));max-width:700px; margin: 0;}
#intopic .post .attachment{font-size:smaller;}
#intopic .post .post_content{padding:20px;}
#intopic .post .post_buttons{font-size:smaller;float:left;text-align:left;padding:4px;}
#intopic .post .post_info{padding:4px;text-align:right;color:#fdfdfd;font-size:smaller; background: #222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));}
#intopic .postbottom{height:1em;text-align:right;border-top:hidden;padding:5px;background: #222;
background: -moz-linear-gradient(center top , #333, #111); background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));}
/*Post Ratings*/
#intopic .postrating{float:left;}
#intopic .postrating .form{display:none;}
#intopic .postrating .form img{opacity:.5;}
#intopic .topic-post-row:hover .postrating .showrating{display:none;}
#intopic .topic-post-row:hover .postrating .form{display:block;}
#intopic .postrating a:hover img{opacity:1;}
.postrating_list{position:absolute;overflow:hidden;background:#EEF;border:1px solid #99F;font-size:smaller;}
.postrating_list .column{width:90px;float:left;}
.postrating_list ul{list-style-type:none;padding:0;margin:0;max-height:200px;overflow-y:auto;border:1px dashed #99F;}
/*end post ratings*/
#intopic .userstats{font-size:smaller;text-align:left;padding:15px;background:url(http://gmskins.b1.jcink.com/uploads/gmskins//mahoganytm.png);border:1px solid #EEBC01;margin:10px;color: #fff;}
#intopic .usertitle{font-size:.6em;}
.topic-buttons-top,.topic-buttons-bottom{margin:10px;text-align:right;}
.topic-tools{float:right;}
.topic-reply-form textarea{width:500px;height:200px;}
#poll{margin-bottom:10px;}
#poll .content{background:#000;padding:10px;}
#poll .title,#poll .buttons{text-align:center;}
#poll .choice{padding:5px;margin-bottom:10px;background:#038;border:1px solid #CCF;}
#poll .choice:hover{background:#049;border:2px solid #FF0;box-shadow:5px 5px 50px #FFF;}
#poll table{border-collapse:collapse;background:#444;width:100%;}
#poll td{border:1px solid #CCF;padding:5px;}
#poll .bar{background:url(http://jaxboards.com/Themes/Default/img/pollbar1.png);height:16px;display:inline-block;border:1px solid #1234b4;}
#poll .numvotes{width:100px;text-align:center;}
#poll .totalvotes{text-align:center;font-weight:bold;}
/*New Topic Form*/
.topicform{border:1px solid #000;padding:20px;background:#181818;}
.topicform input[type=text]{width:500px;}
.topicform label{display:inline-block;width:100px;padding-bottom:20px;}
.topicform textarea {height:300px;width:100%;}
.topicform .buttons{text-align:center;margin-top:20px;}
.postoptions{margin-bottom:10px;}
.postoptions .uploadbutton,.postoptions .addpoll{padding:0 20px;margin:10px;background:url(http://jaxboards.com/Themes/Default/icons/postoptions.png) no-repeat top left;}
.postoptions .uploadbutton{background-position:0 -32px;}
.topicform .files .file{border:1px solid #CCF;background:#DDF;}
.topicform .files .file .name{display:inline;}
.topicform .progressbar{margin-left:10px;display:inline-block;width:200px;height:20px;border:1px solid #000;background:#FFF;}
.topicform .progressbar .progress{height:100%;background:#2663C3;}
#polloptions{padding:10px;background:#DDF;border:1px solid #CCF;}
#polloptions textarea{height:200px;width:100%;background:#FFF url(http://jaxboards.com/Themes/Default/img/shade.png) bottom repeat-x;}
#qreply textarea{border-style:none none solid none;}
/*New Post Form*/
.postform {padding:10px;background:#EEF;}
.postform textarea{height:300px;width:880px;}
.postform .uploadbutton{background:url(http://jaxboards.com/Themes/Default/icons/postoptions.png) no-repeat 0 -32px;padding-left:16px;width:100px;height:1em;}
.postform .files .file{border:1px solid #CCF;background:#DDF;}
.postform .files .file .name{display:inline-block;width:300px;overflow:hidden;}
.postform .progressbar{display:inline-block;width:200px;height:1.1em;border:1px solid #000;background:#FFF;}
.postform .progressbar .progress{height:100%;background:#2663C3;}
.postform .buttons{text-align:center;}
/*Search*/
#searchresults .content{padding:10px;}
.searchresult{border-bottom:1px solid #AAF;padding:10px;}
.searchresult .highlight{background:#FFA;color:#F00;}
#searchadvanced{width:100%;margin:10px;border-collapse:collapse;border-style:hidden;}
#searchadvanced label{display:inline-block;width:50px;}
#searchadvanced td{text-align:center;vertical-align:top;padding:10px;border-right:1px solid #000;}
#searchadvanced th{text-align:center;padding-left:10px;}
/*Ticker*/
#ticker .tick{height:20px;padding:5px;border-bottom:1px solid #CCC;}
#ticker .date{float:left;width:110px;font-size:10px;padding-top:3px;}
#ticker .by{float:right;width:150px;height:100%;overflow:hidden;text-align:right;}
/*Calendar*/
.calendar{width:100%;empty-cells:hide;}
.calendar .month{font-size:25px;padding:20px;}
.calendar th{text-align:center;}
.calendar td{height:100px;width:14%;border:1px solid #000;}
.calendar td>div{height:100%;position:relative;}
.calendar .today{background:#282828;}
.calendar .birthdays{font-size:smaller;position:absolute;bottom:0;background:url(http://jaxboards.com/Themes/Default/icons/birthday.png) no-repeat;padding-left:18px;}
/*Boxes/Collapse Boxes (Global)*/
/* DISCLAIMER: the borders around the title are actually not borders, but an image behind it (in .box) */
/* if you want to remove that border, just remove the background from .box and remove the margin on .box>.title */
.box{border-radius: 15px 15px 15px 15px;margin:10px 5px 10px 5px;background: transparent; box-shadow: 0 1px 10px #AAA;}
.box>.title{background: -moz-linear-gradient(center top ,#FF0,#222);position:relative;padding:7px;color:#0C0; font-weight:bold; text-align: center; text-shadow: #000 1px 1px 1px, #000 5px 5px 5px; border-radius: 15px 15px 0 0;}
.box>.title .x{background:url(http://gmskins.b1.jcink.com/uploads/gmskins//rf2cande.png);position:absolute;right:15px;width:24px;height:22px;text-indent:25px;overflow:hidden;cursor:pointer; color: transparent;}
.box.collapsed .title .x{background-position:0 -22px;}
.box .content_top{display:none;}
.box .content{background:#181818;}
.box .content>.error{margin:0;padding:10px;}
.box .content_bottom{height:20px;background: -moz-linear-gradient(center top , #FF0, #555);border-radius: 0 0 14px 14px; }
/*Function-Specific*/
#debug{display:none;position:absolute;top:0;left:0;background:#FFF;color:#000;}
#overlay{position:fixed;top:0px;left:0px;background:#000;opacity:.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#notification,#modbox{cursor:pointer;text-align:left;font-size:14px;border:1px solid #282828;background:#181818;padding:20px;width:280px;position:fixed;right:10px;bottom:10px;}
#notification.newmessage{padding-left:60px;background:url(http://jaxboards.com/Themes/Default/icons/newmessage.png) no-repeat 20px center #05B;color:#FFF;}
.pages-top .active,.pages-bottom .active{color:#FFF;text-decoration:underline;}
.pages-top,.pages-bottom{position:absolute;margin-left:10px;}
.pages-bottom{margin-top:10px;}
.sort{background:url(http://jaxboards.com/Themes/Default/icons/collapse.png) no-repeat;padding-right:18px;display:inline-block;background-position:right -56px;}
.sort.desc{background-position:right -30px;}
#status{display:block;background:url(http://jaxboards.com/Themes/Default/icons/status.png) top no-repeat;width:16px;height:16px;position:absolute;top:3px;left:3px;}
#status.invisible{background-position:bottom;}
/*Login Form (Full)*/
.login .content{padding:10px;}
.login label{display:inline-block;width:100px;}
/*Register Form*/
.register .content{padding:10px;}
.register .content label{display:inline-block;width:100px;}
/* Users Online*/
#statusers{display:inline;}
#statusers a{margin-left:5px;}
#statusers .idle{background:url(http://jaxboards.com/Themes/Default/icons/clock.png) no-repeat 2px 2px;padding-left:18px;font-style:italic;}
#stats .content{padding:20px;background: #181818;
background: -moz-linear-gradient(center top , #1E1E1E, #111); background: -webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#111)); }
#stats .userstoday{margin-top:10px;padding-top:10px;border-top:1px solid #282828;letter-spacing:1px;}
#stats .stats{margin-top:10px;padding:10px 25px;background:url(http://jaxboards.com/Themes/Default/icons/boardstats.png) left center no-repeat;border-top:1px solid #282828;}
#statusers a:after{content:",";}
#statusers a:last-child::after{content:"";}
/*Member List*/
#memberlist{clear:both;}
#memberlist table{width:100%;border-collapse:collapse;}
#memberlist th{padding:10px;}
#memberlist .avatar{width:50px;}
#memberlist .avatar img{max-width:50px;max-height:50px;}
#memberlist td{padding:10px;border-top:1px solid #CCC;}
/*Member/Group Specific*/
a.birthday{background:url(http://jaxboards.com/Themes/Default/icons/birthday.png) no-repeat 2px 2px;padding-left:18px;}
a.mgroup1{color:#03F !important;}
a.mgroup2{color:#FA0 !important;text-shadow: 0 0 20px #EEBC01 !important;font-weight:bold !important;}
a.mgroup4{color:#282828 !important;text-decoration:line-through !important;}
a.mgroup7{text-shadow: 0 0 5px #880 !important;color:#049 !important;}
a.mgroup8{text-shadow: 0 0 5px #AA0 !important;color:#077 !important;}
a.mgroup9{text-shadow: 0 0 5px #CC0 !important;color:#0A5 !important;}
a.mgroup10{font-weight:bold !important;text-shadow: 0 0 5px #DD0 !important;color:#0C2 !important;}
a.mgroup11{font-weight:bold !important;text-shadow: 0 0 5px #FF0 !important;color:#0F0 !important;}
/*BBcodes*/
.quote{border:1px solid #282828; background: #A50; padding:10px;}
.quote .quotee{margin:-10px 0 10px -5px;font-weight:bold;}
.code{border:1px solid #AAF;background:#44B;padding:10px;font-family:consolas,fixedsys;font-size:12px;}
.spoilertext{display:inline-block;background:#222;color:#222;border:1px solid #AAF;}
.spoilertext *{visibility:hidden;}
.spoilertext:hover *{visibility:visible;}
.spoilertext:hover{background:#222;color:#FFF;}
/*Contact icons*/
.contact{background:url(http://jaxboards.com/Themes/Default/icons/contact.png) no-repeat;padding-left:20px;padding-top:3px;}
.contact:hover{text-decoration:none;}
.skype{background-position:0 -32px;}
.gtalk{background-position:0 -64px;}
.aim{background-position:0 -96px;}
.yim{background-position:0 -128px;}
.steam{background-position:0 -160px;}
.twitter{background-position:0 -192px;}
.contact.im,.contact.pm{background-position:0 -224px;}
/*Social icons*/
.social{display:inline-block;background:url(http://jaxboards.com/Themes/Default/icons/social.png) no-repeat;width:16px;height:16px;overflow:hidden;text-indent:-1000px;}
.rss{background-position:0 0;}
/*Tooltip*/
.tooltip{position:absolute;border-collapse:collapse;color:#FFF;max-width:550px;}
.tooltip td{background:url(http://jaxboards.com/Themes/Default/img/tooltip.png);}
.tooltip .top{height:10px;}
.tooltip .bottom{height:15px;}
.tooltip .top .right{background-position:top right;}
.tooltip .content td{background-position:center center;}
.tooltip .content .left{background-position:center left;width:10px;}
.tooltip .content .right{background-position:center right;width:10px;}
.tooltip .bottom .left{background-position:bottom left;}
.tooltip .bottom .right{background-position:bottom right;}
/*AutoComplete*/
#autocomplete{border:1px solid #000;background:#EEF;text-align:left;}
#autocomplete div{padding:5px;cursor:pointer;}
#autocomplete div:hover,#autocomplete div.selected{color:#00F;background:#F5F5FF;border:1px solid #669;border-style:solid none;}
#validname.good,#validname.bad{display:inline-block;width:16px;height:16px;background:url(http://jaxboards.com/Themes/Default/icons/check_x.png) top center;}
#validname.good{background-position:bottom center;}
#searchform .content{padding:10px;}
#searchform label{margin:10px;display:inline-block;}
.wrapleft,.wrapright {position:absolute;top:0;}
.wrapleft{left:-13px;}
.wrapright{right:-13px;}
Edited by: JJstorm , Dec 4th, 2012 @ 12:22 am
