<style>/*=============================================== * * Jcink.com Forum Hosting Stylesheet * ============================================== * #Version: 1.0.0 *=============================================== */ html { overflow-x: auto; } form { display:inline; } /**************************************** Body Background & Text Style *****************************************/ body { font-family: tahoma; font-size: 9px; color: #121212; margin-left: 260px;        background-color:#626565; text-align:center; } /****************************************   Table Styles *****************************************/ table, tr, td { font-family: tahoma; font-size: 9px; color: #121212; } /****************************************   Board Width *****************************************/ #wrapper { text-align:left;        width:900px;        background: #99B398;        padding: 20px; border-right: 30px solid #323231; } #innerwrapper { padding: 0 10px; } .newstext span {display:none} .newstext {display: none;} /****************************************   Link colors *****************************************/ a:link, a:visited, a:active { text-decoration: none; color: #65727A; } a:hover { color: #323231; text-decoration: none; } /****************************************   Profile styles *****************************************/ #profilename { font-size:28px; font-weight:bold; } #photowrap { padding:6px; } #phototitle { font-size:24px; border-bottom:1px solid black; } #photoimg   { text-align:center; margin-top:15px; } /****************************************   UserCP/My Controls styles *****************************************/ #ucpmenu { line-height:100%; width:22%; border:5px solid #323231; background-color: #E6E8E3; } #ucpmenu p  { padding:2px 5px 6px 9px; margin:0px;   } #ucpcontent { background-color: #E6E8E3; border:5px solid #323231; line-height:100%; width:auto; } #ucpcontent p  { padding:10px; margin:0px; } /****************************************  Logo Strip *****************************************/ #logostrip { display: none; } #logo { display: none; min-height: 60px; text-align: left; margin-top: 5px; padding: 20px 20px 5px; } #logo a, #logo a:hover { font-size: 36px; text-decoration: none; font-weight: bold; color: #800000; } /****************************************  Search Bar *****************************************/ #searchbar {display: none; display: block; float: right; position: relative; right: 10px; top: 8px; } #searchbar .search-container {    background-color: #FFFFFF;    box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;    border: 1px solid #D8D8D8;    display: block;    height: 26px;    position: relative;    width: 200px; } #searchbar .search-input { background: none repeat scroll 0 0 transparent; border: 0; color: #808080; font-size: 12px; width: 192px; height: 26px; font-family: Arial, sans-serif; padding: 1px 0 0 8px; } #searchbar .search-input:focus {    color: #000000; } #searchbar .search-button { background: #800000; border: 0; bottom: 0; margin: 0; border-radius: 0; display: block; height: 26px; padding: 0; position: absolute; right: 0; text-indent: -3000em; top: 0; width: 26px; cursor: pointer; box-shadow: none; } /****************************************  Navigation Bar / Submenu *****************************************/ #submenu  {display: none; font-size: 13px; border: solid #555;        border-width: 1px 0; background-color: #800000;        background-image: url(http://files.b1.jcink.com/themes/default/red-gradient-glass.png);        background-position: center center;        margin-bottom: 3px; } #submenu img { display: none; } #submenu a:link, #submenu a:visited, #submenu a:active { text-decoration: none; color: #fff !important;        padding: 7px 7px;        font-weight: bold; } #submenu a:hover { color: #fff !important; text-decoration: underline; } #navi br { display: none; } #navstrip  { color: #121212; font-family: arial narrow;   text-transform: uppercase; font-size: 12px; padding:6px 0px 16px 0px; } /****************************************   Calendar styling *****************************************/ .caldate   { text-align:right; font-weight:bold; font-size:11px; color:#555; background-color:#F2F2F2; padding:4px; margin:0px; } #calendarname { font-size:22px; font-weight:bold; } #padandcenter { margin-left:auto; margin-right:auto; text-align:center; padding:14px 0px 14px 0px; } /************************************************** User Links Menu (Messages / View new posts / etc ) ***************************************************/ #userlinks { border: 0px solid #545454; background-color: #F0F2ED; list-style: none; width: 100%; margin: 0 auto; font-size: 9px; } #userlinks td { font-size: 9px; color: #65727A; } #userlinks a { text-decoration: none; padding: 1px; } #userlinks a:hover { text-decoration: none; } /****************************************   Topic View styles *****************************************/ .activeuserstrip { background-color: #65727A; font-size: 8px; text-transform: uppercase; padding: 2px; text-align: center; font-family: orator std; color: #99B398; font-weight; normal; border-bottom: 4px solid #99B398; } .activeuserstrip a {color: #E6E8E3;} .normalname { font-size: 14px; font-weight: bold;; } .normalname a { font-size: 12px; } .unreg { font-size: 11px; font-weight: bold; color: #900; } .post1 { background-color: #E6E8E3; } .post2 { background-color: #E6E8E3; } .postdetails { font-size: 10px; line-height: 160%; } .postcolor   { font-size: 10px; line-height: 160%; } .postlinksbar { background-color: #65727A; font-size: 8px; text-transform: uppercase; padding: 2px; text-align: center; font-family: orator std; color: #99B398; font-weight; normal; border-bottom: 4px solid #99B398; } .postlinksbar a {color: #E6E8E3;} .signature   { font-size: 10px; color: #339; line-height:150%;   } /******************************* Pagination e.g. [1],2,3 ... *******************************/ .pagination .pagination_current, .pagination a {     padding: 2px 5px; } .pagination a:link, .pagination a:visited, .pagination a:active {     border: 1px solid #800000;     border-radius:3px;     background-color:#740300;     padding-left:6px;     padding-right:6px;     color:#ffffff;     text-decoration:none;     box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4); } .pagination a:hover { background: #EFEEEE; text-decoration: none; color:#000000; box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4); background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png); } .pagination .pagination_current {     background: none repeat scroll 0% 0% #FFFFFF;     border: 1px solid #545454;     border-radius:3px;     padding-left:6px;     padding-right:6px;     background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png); } .pagination_first, .pagination_last, .pagination_page {     background: none repeat scroll 0% 0% #740300;     border: 1px solid #800000; } .pagination_pagetxt {    display:none; } /****************************************   Global general table/div row styles *****************************************/ .row1,.row3 { background-color: #E6E8E3; padding: 5px; } .row4 b a:link, .row4 b a:active, .row4 b a:visited {margin-bottom: -10px; font-family: arial narrow; text-transform: uppercase; font-size: 12px; display: block; text-align: center;} .row4 { background-color: #E6E8E3; padding: 5px; } .row2 { background-color: #E6E8E3; padding: 5px; text-transform: uppercase; font-size: 9px; } .row2 a { text-transform: none; font-size: 9px; } #boardstats .row2 { text-align: center; } .darkrow1 { background-color: #99B398; color:black; } .darkrow2 { background-color: #99B398; color:black; } td.darkrow2 { display: none; } .darkrow3 { background-color: #99B398; color: #000; padding: 3px; } .hlight { background-color: #E6E8E3; } .dlight { background-color: #E6E8E3; } /****************************************   Top table bars / gradient holders *****************************************/ .maintitle { background-color: #626565; padding: 10px; color: #E6E8E3; font-family: arial narrow; font-style: none; font-size: 15px; letter-spacing: -1px; text-transform: uppercase; } .maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #E6E8E3 !important; } .maintitle a:hover { text-decoration: none;   } /****************************************  Bar directly below the maintitles *****************************************/ .titlemedium { background-color: #65727A; font-size: 8px; text-transform: uppercase; padding: 2px; text-align: center; font-family: orator std; color: #99B398; font-weight; normal; border-bottom: 4px solid #99B398; } /****************************************  Table & Div Borders *****************************************/ div.tableborder table { border-collapse: collapse; } .tableborder { background-color: #E6E8E3; border:10px solid #323231; padding:0px; margin:0; } .tablefill { background-color: #E6E8E3; border:0px solid #555; padding:6px; } .tablepad { background-color: #E6E8E3; padding:6px; } .tablebasic { width:100%; padding:0; margin:0px; border:0px; } .plainborder { border:0px solid #555; background-color: #E6E8E3; border: 5px solid #323231; } /****************************************  QUOTE and CODE BBCode boxes *****************************************/ #QUOTE {white-space: normal; color: #65727A; line-height: 90%; white-space:normal; font-family: arial narrow; font-size: 11px; background-color: #F0F2ED; border: 0px; padding:10px; border:0px solid #555; } #CODE  { white-space: normal; color: #65727A; line-height: 90%; white-space:normal; font-family: arial narrow; font-size: 11px; background-color: #F0F2ED; border: 0px; padding:10px; border:0px solid #555;   } /**********************************************  Input buttons, e.g. submit, text input, etc ***********************************************/ .button-large { background: #626565;        padding: 5px 12px; text-align:center; margin:0px 5px 0px 5px;        color: #E6E8E3; font-family: arial narrow; text-transform: uppercase;        min-width: 75px;        display: inline-block; } .button-small { background: transparent; color: #65727a; font-size: 9px; margin: 3px; padding: 4px 4px; text-decoration: none;        min-width: 30px;        max-width: 80px; text-transform: uppercase; } .post-buttons-top { margin-top: 3px; } .button-large.closed {        padding: 7px 12px; text-align:center; margin:0px 5px 0px 5px; color: #e6e8e3;        border: 0px solid #d8d8d8;        color: #626565; } .forminput, .codebuttons, .textinput, .radiobutton, .checkbox { background: #F0F2ED; border: 0px solid #545454; color: #65727A; font-family: arial narrow; font-size: 10px; padding: 2px; vertical-align: middle; } input[type=submit], input[type=button], input[type=reset] { background: #626565;        color: #E6E8E3; font-size: 10px; margin: 3px; padding: 2px 6px; font-family: arial narrow; text-decoration: none; border: none; text-transform: uppercase; } .codebuttons  { font-size: 10px; } /****************************************  Form table cell styles, left/right/top *****************************************/ .pformstrip { background-color: #65727A; font-size: 8px; text-transform: uppercase; padding: 2px; text-align: center; font-family: orator std; color: #99B398; font-weight; normal; border-bottom: 4px solid #99B398; } .pformleft  { background-color: #E6E8E3; padding:6px; margin-top:0px;width:25%; border-top:0px solid #545454; border-right:0px solid #545454; } .pformleftw { background-color: #E6E8E3; padding:6px; margin-top:0px;width:40%; border-top:0px solid #232323; border-right:0px solid #232323; } .pformright { background-color: #E6E8E3; padding:6px; margin-top:1px; border-top:0px solid #232323; } /**************************************** Tabs on the portal profiles + sections *****************************************/ .opentab { color: #FFF; padding:8px;float: left; width: auto; background-color: #800000;        background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png); margin-top:3px; margin-right:2px; font-size:11px; border: #545454 1px solid; } .closedtab { color: #FFF; padding:7px;float: left;width: auto; background-color: #800000;        background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png); margin-top:6px; margin-right:2px; font-size:11px; border-top:   #545454 1px solid; border-right: #545454 1px solid; border-left:  #545454 1px solid; } .positiontab { height: 34px; margin-left: 2px; } /****************************************   Delete all cookies / mark read *****************************************/ #delcookiesrow, #mark-as-read-subto {display: none; background-color: #EFEFEF; border: 1px solid #545454; font-size: 10px; padding: 5px;        width: 260px;        float: right;        margin-top:-3px;        padding-left:1px; } #mark-as-read-subto { float: none; padding-top: 3px; } /*******************************     Board Statistics Links *******************************/ .toplinks a { color: #E6E8E3; font-size: 10px; text-decoration: none; text-transform: uppercase; } .toplinks { margin: 0 11px -37px 0; text-align: right; color: transparent; } /******************************* Mini Profile Seperators *******************************/ .postbit { border-bottom: solid 1px #C0C0C0; color: black; background: #EFEFEF; font-size: 11px;        padding: 6px 7px; } /******************************** Miscellaneous ********************************/ /* image tag styles */ img        { vertical-align:middle; border:0px } img.attach { border:2px outset #555;padding:2px } /* Forum Descriptions */ .desc { font-size:11px; color: #121212;} /* Edited by text */ .edit { font-size: 9px } /* Topic Macros */ .wrapmini { float: left; } /* Warning CSS */ .warngood { color:green } .warnbad  { color:red } /* Skin selector dropdown */ #skin_selector { margin: 10px 0; } /* Online users list row */ .thin { padding:6px 0px 6px 0px; line-height:140%; margin:2px 0px 2px 0px; border-top:1px solid #545454; border-bottom:1px solid #545454; } /* Latest news area */ .newstext { background-color: #EFEFEF; border: 1px solid #555; padding: 6px 6px 2px 6px; margin-bottom: 10px; } /* Highlighted text in search */ .searchlite { color:#F00; font-weight:bold;   background-color:#FF0; } /**************************************** Mobile-specific Styles *****************************************/ #mobile { background-color: #FBFBFB; } /*********************************** Copyright: Removal is against Terms ************************************/ .copyright { font-size: 10px; line-height: 12px; } /**************************************** Sidebar *****************************************/ .sides {position: fixed; left: 0px; top: 0px; width: 230px; height: 100%; background-color: #99b398; background-image: url(); background-position: bottom center; background-repeat: no-repeat;} /**************************************** Banner *****************************************/ .banner {width: 900px; height: 400px; background-image: url(http://i1343.photobucket.com/albums/o788/tinibazinga/sitebanner_zpsb1726bc8.gif);} .bannerz {width: 900px; height: 400px; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; opacity: 0.0; background-color: #323231;} .bannerz:hover {width: 900px; height: 400px; opacity: 1.0; background-color: #323231;} .boarddesc {width: 300px; background-color: #2c2d2d; padding: 20px; font-family: arial narrow; text-transform: uppercase; color: #e9f9ec; font-size: 11px; line-height: 90%; text-align: justify; border-style:solid; border-bottom- 3px;  border-color:#99B398;} .sidetitle {background-color: #626565; width: 160px; padding: 20px; color: #E6E8E3; text-align: center; font-family: arial narrow; font-style: italic; font-size: 20px; letter-spacing: -2px; text-transform: uppercase;} .toptitle {background-color: #626565; width: 200px; padding: 20px; text-align: center; color: #E6E8E3; font-family: arial narrow; font-style: italic; font-size: 20px; letter-spacing: -2px; text-transform: uppercase;} .topcontent {width: 220px; padding: 10px; background-color: #E6E8E3; height: 200px; overflow: auto; font-family: tahoma; font-size: 10px; text-align: justify; line-height: 90%; color: #121212;} /**************************************** Lauz Credit DO NOT REMOVE *****************************************/ .lauzcredit a {font-family: arial narrow; font-size: 15px; text-transform: uppercase; font-style: italic;} .lauzcredit {font-family: arial narrow; font-size: 15px; text-transform: uppercase; font-style: italic;}

.mp {width: 200px; padding: 5px; background-color: #99B398; border-top: 10px solid #65727A; border-bottom: 10px solid #65727A;}

.mphov {width: 200px; height: 300px; background-color: #65727A; opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; margin-top: -300px;}

.mphov:hover {opacity: 0.95; background-color: #121212; width: 200px; height: 300px; margin-top: -300px;}

.ptop {padding-top: 10px;}

.mpin {padding: 10px; width: 140px; font-family: arial narrow; color: white; font-size: 12px; text-align: center; background-color: 65727A; text-transform: uppercase; font-weight: lighter; letter-spacing: 2px; margin-top: 3px;}

.mpav {width: 200px; height: 300px;}

</style>

<!DOCTYPE html> <html>    <head> <title><% TITLE %></title>     </head>    <body> <div class="sides"><center><BR> <div class="sidetitle">chatbox</div> <div style="width: 180px; padding: 10px; background-color: #E6E8E3; height: 350px; opacity: 0.9;"> 

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="170" height="225" src="http://www7.cbox.ws/box/?boxid=753241&amp;boxtag=s2njk3&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-753241" style="border:#B9C8A0 1px solid;" id="cboxmain7-753241"></iframe></div>

<div><iframe frameborder="0" width="170" height="75" src="http://www7.cbox.ws/box/?boxid=753241&amp;boxtag=s2njk3&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-753241" style="border:#B9C8A0 1px solid;border-top:0px" id="cboxform7-753241"></iframe></div>

</div>

<!-- END CBOX --> </div> </center></div> <div id="wrapper"> <div class="banner"><div class="bannerz"><center><BR><BR><BR><BR> <table cellspacing="10"><td><div class="toptitle"> welcome </div><div class="topcontent"> welcome message here! maybe events and stuff too. important things, basically. </div></td> <td><div class="toptitle"> updates </div><div class="topcontent"> updates goe here, it scrolls! </div></td><td><div class="toptitle"> staff </div><div class="topcontent"><marquee> STAFF IMAGES HERE!!!! </marquee></div></td></table> </center></div></div>         <div id="innerwrapper">      <div id="navi">            </div>      <center><div class="lauzcredit">skinned by <a href="http://shine.b1.jcink.com/index.php?showuser=145">lauz</a> of shine.</div></center>           <script>$('#logo a img[src="style_images/1/spacer.gif"]').replaceWith('<!-- |board_name| -->');</script>     </div> </div>    </body> </html>