<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&boxtag=s2njk3&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&boxtag=s2njk3&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>