Username:
Password: Forgot?
Register
-/+
Shoutbox - History
sivart0 : we could put sivquest in this arcade :D
sivart0 : Moo
Kesha : Testing out Qutebrowser, works pretty good
Kesha : An HTML5 arcade would be cool, not sure how HTML5 games are distributed these days, wonder if there's a way to collect them for an arcade system?
Sean : finally got rid of the arcade link. Took a while to find where it was, lol
sivart0 : Hmmmm
sivart0 : Mobole test
momo : hi sean, i found a new php arcade and who adapted HTML game on it
Sean : I'm much better at it than I was back then for sure
sivart0 : anybody can write one, been done to death
 
St. Nick, Christmas Theme
Self made. Krazy
Posts: 25
Status: Offline
Group: Member
Member: #21
Quote
Preview: Here
Authors: JJstorm
Description: Quickly through this together for a christmas feel on my forums, I figured I'd share it.
Total Time Invested: ~30 mins

Happy Holidays!




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 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-->  </div>  <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" />   <div id="JJSepBar">    <b>News Feed</b>   </div>  </div>  <!--INCLUDE:NewsFeed-->  <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" />   <div id="JJSepBar">    Quick Links: <a href=""?act=serverstats">Server Stats</a> | <a href="?act=servertimes">Server Uptimes</a>   </div>  </div>  <div class="bodyshad">   <div id="body">    <!--SHOUTBOX-->   </div>  </div>  <!--PATH-->  <div class="bodyshad">   <div id="body">     <!--PAGE-->   <!--FOOTER-->   <!--DEBUG-->   </div>  </div>  <div class="c_bottom"></div> </div> </body> </html> <M name="icon-read"><img src="http://cdn4.iconfinder.com/data/icons/New-Year-icons-png/64x64/ball_red_2.png" style='opacity: 1; margin: 0 0 0 -69px;'/></M> <M name="icon-unread"><img src="http://cdn1.iconfinder.com/data/icons/New-Year-icons-png/64x64/ball_red_1.png" style='margin: 0 0 0 -69px;'/></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> <M name="button-newtopic"><img src="http://sm.jcink.com/images/forum/zeneca/t_new.gif"></M> <M name="button-reply"><img src="http://sm.jcink.com/images/forum/zeneca/t_reply.gif"></M> <M name="button-qreply"><img src="http://sm.jcink.com/images/forum/zeneca/t_qr.gif"></M>



CSS
/*WYSWYG Editor CSS*/ @import url("http://jaxboards.com/wysiwyg.css"); body{background:url(http://74211.com/wallpaper/picture_big/wallpaper_of_a_Christmas_tree_in_snowy_night.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 #F00;position:fixed;border-radius:10px 10px 0 0;} .window .title{padding-right:0px;cursor:move;text-align:center;background:url(http://jjstorm.jaxboards.com/boards/jjstorm/Uploads/3c644fb980862cec9682a61fe27f3110.png) center;color:#922;font-weight:bold;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:#0FC;} .im .them .name{color:#FF0;} .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:#8AF;padding:5px;color:#00F;} #modcp .minibox .content{padding:5px;background:#FF3;color:#000;} #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:#fA0;font-size:12px;} #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{background:url(http://www.freechristmaswallpapers.net/images/wallpapers/Green-Merry-Christmas-442183.jpeg) left center no-repeat; background-size:100%; height: 450px; padding: 0px 0px 0px 0px; } #logo img{display:none;} /*UserBox*/ #userbox{box-shadow: 2px 2px 8px #0F0;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;} /*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, #000); 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, #000); 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:#039;border:1px solid #CCF;} #polloptions textarea{color:#000;height:200px;width:100%;background:#DDF;} #qreply textarea{background:#000;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: 20px 20px 15px 15px;margin:10px 5px 10px 5px;background: transparent; box-shadow: 0 1px 10px #0F0;} .box>.title{background: url(http://jjstorm.jaxboards.com/boards/jjstorm/Uploads/3c644fb980862cec9682a61fe27f3110.png) right bottom;position:relative;padding:10px 5px 5px 50px;color:#FFF; font-weight:bold; text-align: left; text-shadow: #000 1px 1px 1px, #000 5px 5px 5px; border-radius: 18px 18px 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 , #222, #292);border-radius: 5px 5px 16px 16px; } /*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:26 am
^ Top
-/+
Users Viewing This Topic