Add Reply
New Topic
New Poll

 obscurus
merc
 Posted: Apr 8 2015, 05:32 PM
Quote
Group Icon
merc ▪ Offline


Obscurus
Do not claim this skin as your own. Custom Forum Structure Script by Black. Please remember to credit these people in your credits.



WRAPPERS
CODE

<!DOCTYPE html>
<html>
   <head>
<title><% TITLE %></title>
<% CSS %>
<% JAVASCRIPT %>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<script>
// jQuery Modal Popups by Black
// HTTP://CODE.JFBS.NET/?SHOWTOPIC=57
$(document).ready(function() {
var fadeBackground = $(document.createElement("div")).hide().attr("id", "fade-background"),
modalWindow = $(document.createElement("div")).hide().attr("id", "modal-window");
$(document.body).append(fadeBackground, modalWindow);
$(document).on("click", ".modal-link", function(e) {
 $("#fade-background").css({ "opacity": "0.3" }).fadeIn("fast");
               var newContents = $("#" + $(this).data("modal-target")).html();
               $("#modal-window").html(newContents);
 $("#modal-window").fadeIn("fast");
 e.preventDefault();
});
$(document).on("click", "#fade-background", function() {
 $("#fade-background").fadeOut("fast");
 $("#modal-window").fadeOut("fast");
});
$(document).keypress(function(e) {
 if(e.keyCode == 27) {
  $("#fade-background").fadeOut("fast");
  $("#modal-window").fadeOut("fast");
 }
});
});
</script>

<script type="text/javascript">
$(function(){ // document ready
 if (!!$('#navstrip').offset()) { // make sure ".sticky" element exists
   var stickyTop = $('#navstrip').offset().top; // returns number
   $(window).scroll(function(){ // scroll event
     var windowTop = $(window).scrollTop(); // returns number
     if (stickyTop < windowTop){
       $('#navstrip').css({ position: 'fixed', top: 0 });
     }
     else {
       $('#navstrip').css('position','static');
     }
   });
 }
});
</script>
<script type="text/javascript">
//<![CDATA[
/*
* Individually customizable Maintitle Classes
* v0.1.121 Created by Laiam.
*/
$(document).ready(function(){
$('.maintitle').each(function(a){
$(this).addClass('mt_'+a);
});
});
//]]>
</script>

<script src="http://elegantexpressions.us/black/cfs.min.js"></script>
   </head>
   <body>
<div id="wrapper">
<div id="merclinksbar">
 <a href="/">INDEX</a>
 <a href="#" class="modal-link" data-modal-target="m-controls">controls</a>
 <a href="#" class="modal-link" data-modal-target="m-info">information</a>
 <a href="#" class="modal-link" data-modal-target="m-navi">navigation</a>
 <a href="#" class="modal-link" data-modal-target="m-insp">inspiration</a>
</div>
<div id="header"></div>
     <div id="navi">
     <% NAVIGATION %>
     </div>
    <% BOARD HEADER %>
    <div id="innerwrapper">
     <div id="board"><% BOARD %></div>
<script>
customIndex.init({
page: "<!-- |input_act| -->",
html: "<div class='index_container'><table><tr><td><div class='index_marker'>{%marker}</div></td><td><div class='index_left'><div class='index_forum'>{%link}</div></div></td><td><div class='index_right'><div class='index_desc'>{%description}</div></div></td><td><div class='index_traps'><div class='index_trapsContent'>{%topics} topics</div><div class='index_trapsContent' style='margin-top:2px'>{%replies} replies</div></div></td><td><div class='index_last'>{%lp-title}<br />by: {%lp-author}</div></td></tr></table></div>"
});
customStats.init({
html: "<div class='stats_above'><div class='stats_text'>board statistics</div><div class='stats_line'></div></div><div class='stats_container'><table><tr><td><div class='stats_left'><div class='stats_info'>{%users} online / {%users#guests} guests / {%users#anonymous} anon</div><div class='stats_info'>{%stats#posts} total posts</div><div class='stats_info'>{%stats#members} total members</div><div class='stats_info'>{%online-today#total} users online today</div></div></td><td><div class='stats_online'>{%users#list}</div></td><td><div class='stats_box'>{%stats#newest}</div><div class='stats_merc'>NEWEST MEMBER</div></td></tr></table></div>"
});
customProfile.init({
html: "<div class='prof_container'><table cellspacing='3'><tr><td><div class='prof_av'>{%avatar}</div></td><td><div class='prof_name'>{%name}</div><div class='prof_title'>{%title}</div></td><td><div class='prof_infoTitle'><span>user information</span></div><div class='prof_fieldCont'><div class='prof_fieldInfo'><span>status</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%status}</div><p /><div class='prof_fieldInfo'><span>last activity</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%activity}</div><p /><div class='prof_fieldInfo'><span>last active</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%last-active}</div><p /><div class='prof_fieldInfo'><span>user group</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%group}</div><p /><div class='prof_fieldInfo'><span>date joined</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%joined}</div><div class='prof_fieldOther' style='border-top:1px solid #000; margin-top:27px; background-color:#000; color:#fff; width:350px; text-align:center;'><a href='http://obscurus.jcink.net/index.php?act=Msg&CODE=04&MID={%id}'>send a pm</a></div></div></td></tr></table></div>"
});
</script>
     <div id="skin_selector">
         <% SKIN_SELECTOR %>
     </div>
     <% COPYRIGHT %>
     <script>$('#logo a img[src="style_images/1/spacer.gif"]').replaceWith('<!-- |board_name| -->');</script>
    </div>
</div>
<div id="credit">skinned by merc @ <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">caution</a> & cfs / popups by <a href="http://code.jfbs.net/index.php?showuser=1">black</a></div>
<div id="m-controls" class="modal-content">
<div class="m-<!-- |g_id| -->" align='center'>
 <br /><br /><br />
 <div class="popup-account"><div align='center'><a href='index.php?showuser=<!-- |id| -->' style='font-size:30px;'><!-- |name| --></a></div>
<br />

<div id='member_links' style='text-align: center;'>

 <a href='index.php?act=UserCP'>Account Settings</a><br />
 <a href="javascript:window.open('index.php?showuser=<!-- |id| -->&CODE=friends','Friends','width=620,height=460,resizable=yes,scrollbars=yes');void(0);">My Friends</a> //
 <a href="index.php?act=Search&CODE=getnew">New Posts</a><br />
 <a href='index.php?act=Msg&CODE=01'>Messages (<span id='new_messages'><!-- |new_msg| --></span>)</a> // <a href="index.php?act=Login&CODE=03&key=<!-- |auth_key| -->">Log Out</a><br /><a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->">Admin CP</a> // <a href="index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->">Mod CP</a><br /><br /><br />
</div>
</div>
</div>
<div class="g-<!-- |g_id| -->" style="display: none;" align='center'>

<center><br /><br />

<div class="popup-ctrls" style="background-color:rgba(255,255,255,0.0); font-size:30px;"><a href='http://roux.b1.jcink.com/index.php?act=Reg&CODE=00' style='font-size:30px;'>REGISTER</a> /
<a href='/index.php?act=Login&CODE=00' style='font-size:30px;'>LOGIN</a><br><div style="padding-top:20px;"></div>

</div>
<div id="m-info" class="modal-content">
<div class="popup-text">Welcome to my coding archive! I'm Merc. I kind of have a thing for coding. This is where I store and test all my codes. Of course, everything that I put up in the resource section will be available for you to use if you'd like, even if I don't provide them on other resource sites. I also get a lot of requests for exclusive coding, so if you're interested in getting codes from me, check out the request forum to see if I'm available! This was created mostly because I thought it would be cool to get all my coding together in one place and have one giant gallery. Thanks for stopping by! (:
</div>

</div>
<div id="m-navi" class="modal-content">
<div class="popup-text"><div class="james"><a href="http://obscurus.jcink.net/index.php?showtopic=7&st=0&#entry8">Rules</a> <a href="http://obscurus.jcink.net/index.php?showtopic=8">FAQ</a> <a href="http://obscurus.jcink.net/index.php?c=4">Skins</a> <a href="http://obscurus.jcink.net/index.php?c=3">Templates</a> <a href="http://obscurus.jcink.net/index.php?showforum=27">Help</a> <a href="http://obscurus.jcink.net/index.php?c=6">Requests</a> <a href="http://obscurus.jcink.net/index.php?showforum=17">Questions</a> <a href="http://obscurus.jcink.net/index.php?showforum=6">Testing</a> <a href="http://obscurus.jcink.net/index.php?showforum=5">Updates</a> <a href="http://obscurus.jcink.net/index.php?showforum=25">Queue</a> <a href="http://obscurus.jcink.net/index.php?showtopic=1">Credits</a> <a href="http://obscurus.jcink.net/index.php?c=2">Archive</a></div></div>

</div>
<div id="m-insp" class="modal-content">
<div class="popup-text"> Bad Blood - Bastille / Storm Song - Phildel / Ultraviolence - Lana Del Rey / End of All Time - Stars of Track and Field</div>

</div>
   </body>
</html>


STYLESHEETS
CODE

/*=============================================== *
* OBSCURUS v 1.0.1
* SKINNED BY MERC (ALINA STARKOV)
* ==============================================
* DO NOT STEAL
*=============================================== */

html { overflow-x: auto; }
form { display:inline; }

/****************************************
Body Background & Text Style
*****************************************/

body {
font-family: roboto condensed;
font-size: 12px;
color: #222; margin:0px;
padding:0px;
       background-color:#000000;
text-align:center;
}

/****************************************
  Table Styles
*****************************************/

table, tr, td {
font-family: roboto condensed;
font-size: 12px;
color: #222;
border-collapse: collapse;
}

/****************************************
  Board Width
*****************************************/

#wrapper {
text-align:left;
       width:920px;
       margin: auto;
       background: #fbfbfb;
       padding:20px;
padding-top:0px;
}
#header {
width:900px;
height:350px;
background-image:url(http://i.imgur.com/2flWc2b.png);
margin:auto;
border-bottom:4px solid #ffffff;
}
#innerwrapper {
padding: 0 10px;
}
#merclinksbar {
width:900px;
margin:auto;
padding-top:10px;
padding-bottom:10px;
background-color:#000;
font-family:Roboto Condensed;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
word-spacing:100px;
text-align:center;
border-bottom:4px solid #fbfbfb;
}
#merclinksbar a {
color:#fff !important;
text-decoration:none;
}

/***********************************
Modal Pop Ups by Black
***********************************/
.modal-content {
display: none;
}
#fade-background {
position: fixed;
_position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 2;
}
#modal-window {
position: fixed;
top: 64px;
width: 300px;
background-color: #F9F9F9;
left:39%;
z-index: 3;
}
#header a {
padding:4px;
background-color:#fff;
color:#000;
font-family:Roboto Condensed;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
font-size:15px;
letter-spacing:3px;
}
.arrow-up {
padding:4px;
background-color:#fff;
color:#000;
font-family:Roboto Condensed;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
letter-spacing:3px;
padding-left:5px;
text-decoration:none;
}
.arrow-up a:link, a:active, a:visited, a:hover {
text-decoration:none;
}
#top a {
text-decoration:none;
}
/******************************
Pop ups
******************************/

.popup-text {
font-family:calibri;
font-size:10px;
line-height:110%;
text-align:justify;
background-color:#fff;
padding:20px;
}
.popup-merc {
background-image:url(http://i.imgur.com/zYw86W5.png);
width:300px;
height:200px;
background-position:center center;
}
.popup-staff {
font-family:Roboto Condensed;
text-transform:uppercase;
letter-spacing:1px;
font-size:15px;
color:#000;
background-color:#fff;
letter-spacing:3px;
padding:10px;
text-align:center;
width:280px;
height:13px;
float:left;
}
.popup-staff a {
padding:3px;
color:#000;
}
.popup-account {
font-family:Roboto Condensed;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
line-height:200%;
}
.popup-account a {
color:#000 !important;
letter-spacing:0px;
padding:3px;
}
.popup-account a:first-line {
font-size:30px;
}
.popup-ctrls {
font-family:Roboto Condensed;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
line-height:200%;
}
.popup-ctrls a {
color:#000;
letter-spacing:0px;
padding:3px;
}
.mcp-0, .acp-0, .m-2 { display: none; }
.g-2 { display: block !important; }
/****************************************
  Link colors
*****************************************/

a:link, a:visited, a:active {
text-decoration: none;
color: gray;
}
a:hover {
color: gray;
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:150%;
width:22%;
background-color: #fbfbfb;
}

#ucpmenu p  {
padding:2px 5px 6px 9px;
margin:0px;  
}

#ucpcontent {
background-color: #fbfbfb;
line-height:150%; width:auto;
}

#ucpcontent p  {
padding:10px;
margin:0px;
}

/****************************************
 Logo Strip
*****************************************/

#logostrip {
display: none;
}

#logo {
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;
}

/****************************************
 Search Bar
*****************************************/

#searchbar {
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 {
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;
}

#navi br {
display: none;
}

#navstrip  {
font-weight:none;
padding:20px;
font-family:roboto condensed;
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
background-color:#000;
display:block;
width:860px;
margin-left:10px;
margin-bottom:4px;
}
#navstrip a {
color:#fff !important;
text-decoration:none;
background-color:#000;
margin-left:3px;
margin-right:10px;
}

/****************************************
  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 {
list-style: none;
width: 880px;
margin: 0 auto;
display:none;
}

#userlinks td {
color: #333;
}

#userlinks a {
text-decoration: underline; padding: 1px;
}

#userlinks a:hover {
text-decoration: none;
}


/****************************************
  Topic View styles
*****************************************/

.activeuserstrip {
font-size:7px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

.normalname {
font-size: 12px;
font-weight: none;
color: #003;
}

.normalname a {
font-size: 20px;
}

.unreg {
font-size: 11px;
font-weight: bold;
color: #900;
}

.post1 {
background-color: #fbfbfb;
}

.post2 {
background-color: #fbfbfb;
}

.postdetails {
font-size: 10px;
}

.postcolor   {
font-size: 12px; line-height: 160%;
}

.postlinksbar {
font-size:7px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
background-color:#fbfbfb;
}

.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 {
    background-color:#740300;
    padding-left:6px;
    padding-right:6px;
    color:#ffffff;
    text-decoration:none;
}

.pagination a:hover {
background: #EFEEEE;
text-decoration: none;
color:#000000;
}

.pagination .pagination_current {
    background: none repeat scroll 0% 0% #FFFFFF;
    border: 1px solid #545454;
    border-radius:3px;
    padding-left:6px;
    padding-right:6px;
}

.pagination_first, .pagination_last, .pagination_page {
    background: none repeat scroll 0% 0% #740300;
}

.pagination_pagetxt {
   display:none;
}

/****************************************
  Global general table/div row styles
*****************************************/

.row1,.row3,.row4,.row2 {
background-color: #fbfbfb;
padding: 5px;
}

#boardstats .row2 {
text-align: center;
}

.darkrow1 {
background-color: #fbfbfb; color:black;
}

.darkrow2 {
background-color: #fbfbfb; color:black;
font-size:7px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}
.row2 {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}
td.darkrow2 {
display: none;
}
td.row4 {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}
span.desc {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}
.darkrow3 {
background-color: #fbfbfb;
color: #000;
padding: 3px;
}

.hlight { background-color: #EFEFEF; }
.dlight { background-color: #EFEFEF; }

/****************************************
  Top table bars / gradient holders
*****************************************/

.maintitle {
background-color: #000000;
font-weight: none;
padding: 40px;
color: #ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
background-image:url(http://i.imgur.com/P6vzTA2.png);
text-align:center;
border-bottom:1px solid #000;
padding-top:50px;
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none; color: #FFF !important;
background-color:#000;
padding:8px;
}
.maintitle a:hover {
text-decoration: none;  
}

.maintitle:before {
content: '';
width:90%;
height:1px;
display:block;
background-color:#000;
margin:auto;
margin-bottom:-7px;
}
.maintitle span a {
display:none;
}
/****************************************
 Bar directly below the maintitles
*****************************************/

.titlemedium {
font-weight:none; color:#222;
padding: 2px 6px; margin:0px;
background-color:#fbfbfb;
font-size:7px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #222;
}

/****************************************
 Table & Div Borders
*****************************************/

.tableborder {
background-color: #C0C0C0; padding:0px; margin:0;
}

.tablefill {
background-color: #EFEFEF;
padding:6px;
}

.tablepad {
background-color: #EFEFEF;
padding:6px;
}

.tablebasic {
width:100%; padding:0; margin:0px; border:0px;
}

.plainborder {  
background-color: #EFEFEF;
}

/****************************************
 QUOTE and CODE BBCode boxes
*****************************************/

#QUOTE {
white-space:normal;
font-family: roboto condensed;
font-size: 10px;
color: #333;
background-color: #EFEFEF;
border: 0px;
padding:10px;
margin-top:2px;
}

#CODE  {
white-space:normal;
font-family: roboto condensed;  
font-size: 10px;
color: #333;
background-color: #EFEFEF;
border: 0px;
padding:10px;
margin-top:2px;
}


/**********************************************
 Input buttons, e.g. submit, text input, etc
***********************************************/

.button-large {
background: #000;
color: #FFFFFF;
font-weight: none;
text-transform:uppercase;
font-size: 8px;
       padding: 5px 12px;
text-align:center;
margin:0px 5px 0px 5px;
font-weight: none;
       min-width: 75px;
       display: inline-block;
}


.button-small {
background: #000;
color: #FFFFFF;
font-weight: none;
text-transform:uppercase;
font-size: 8px;
margin: 3px;
padding: 4px 7px;
text-decoration: none;
       min-width: 50px;
       max-width: 80px;
}

.post-buttons-top { margin-top: 3px; }

.button-large.closed {
background: url(http://files.b1.jcink.com/themes/default/white-gradient.png);
       padding: 7px 12px;
text-align:center;
margin:0px 5px 0px 5px;
       border: 1px solid #d8d8d8;
       color: #660000;
font-weight: bold;
}

.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
background: #FFF;
color: #000;
font-family: roboto condensed;
font-size: 10px;
padding: 8px;
vertical-align: middle;
}


input[type=submit], input[type=button], input[type=reset] {
background-color:#000;
color: #FFFFFF;
font-size: 8px;
font-weight: none;
text-transform:uppercase;
margin: 3px;
padding: 2px 6px;
text-decoration: none;
border: none;
}

.codebuttons  {
font-size: 10px;
}


/****************************************
 Form table cell styles, left/right/top
*****************************************/

.pformstrip {
font-weight:none; color:#222;
padding: 2px 6px; margin:0px;
background-color:#fbfbfb;
font-size:7px;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
}

.pformleft  {
background-color: #fbfbfb;
padding:6px;
margin-top:1px;width:25%;
}

.pformleftw {
background-color: #fbfbfb; padding:6px;
margin-top:1px;width:40%;  
}

.pformright {
background-color: #fbfbfb;
padding:6px; margin-top:1px;
}


/****************************************
Tabs on the portal profiles + sections
*****************************************/

.opentab {
color: #FFF;
padding:8px;float: left; width: auto;
margin-top:3px;
margin-right:2px;
font-size:11px;
border: #545454 1px solid;
}

.closedtab {
color: #FFF;
padding:7px;float: left;width: auto;
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 {
background-color: #fbfbfb;
font-size: 8px;
padding: 5px;
text-transform:uppercase;
       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: #ffffff;
background-color:#000;
padding:8px;
font-family:roboto condensed;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px;
text-decoration: none;
}

.toplinks {
margin: auto;
text-align: center;
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: #000; }

/* 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 {
display:none;
}

/* 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;
}
/***********************************
Custom Forum Structure by Black
************************************/
/* FLOATS */

.new-section:before,
.new-section:after {
content: " ";
display: table;
}
.new-section:after {
clear: both;
}
.new-section {
*zoom: 1;
}

/* INDEX */

.index_container {
width:880px;
padding:10px;
background-color:#fbfbfb;
}
.index_marker {
width:50px;
text-align:center;
}
.index_left {
width:250px;
text-align:center;
overflow:hidden;
}
.index_right {
width:300px;
text-align:center;
overflow:hidden;
}
.index_forum {
text-align:right;
font-family: roboto condensed;
font-size:10px;
text-transform:uppercase;
letter-spacing:3px;
color:#000;
display:block;
background-color:#fbfbfb;
padding:20px;
}
.index_forum a {
color:#000 !important;
border:1px solid #6bfee4;
padding:4px;
background-color:#fbfbfb;
}
.index_forum:before {
content: '';
width:100%;
height:1px;
display:block;
background-color:#000;
margin:auto;
margin-bottom:-7px;
}
.index_desc {
padding:10px;
font-size:10px;
font-family:roboto condensed;
line-height:100%;
text-align:justify;
border-bottom:1px solid #6bfee4;
border-top:1px solid #6bfee4;
height:32px;
overflow:auto;
}
.index_traps {
padding:10px;
text-align:left;
width:60px;
overflow:hidden;
}
.index_trapsContent {
background-color:#000;
color:#fff;
font-family:roboto condensed;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
padding:8px;
text-align:center;
}
.index_last {
font-family:roboto condensed;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
padding:8px;
color:#000;
text-align:left;
line-height:170%;
}
.index_last a {
color:#000;
border-bottom:1px solid #6bfee4;
padding-bottom:2px;
}
/* STATS */
.stats_container {
width:880px;
padding:10px;
background-color:#fbfbfb;
}
#boardstats .maintitle {
display:none;
}
.stats_above {
width:820px;
padding:40px;
background-color: #000000;
font-weight: none;
color: #ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
background-image:url(http://i.imgur.com/P6vzTA2.png);
text-align:center;
border-bottom:1px solid #000;
}
.stats_text {
background-color:#000;
display:block;
padding:8px;
color:#fff;
margin:auto;
margin-top:-10px;
width:100px;
}
.stats_line {
width:90%;
height:1px;
background-color:#000;
margin:auto;
margin-top:-14px;
}
.stats_left {
width:240px;
overflow:hidden;
padding:10px;
}
.stats_info {
border-bottom:1px solid #6bfee4;
font-family:roboto condensed;
font-size:10px;
letter-spacing:2px;
color:#000;
text-transform:uppercase;
text-align:right;
padding:8px;
}
.stats_info a {
color:#cccccc;
}
.stats_online {
display:block;
text-align:justify;
background-color:#fbfbfb;
padding:10px;
height:100px;
width:400px;
border-left:1px solid #000;
overflow:hidden;
font-family:roboto condensed;
font-size:9px;
text-transform:uppercase;
letter-spacing:2px;
}
.stats_online a {
color:#000;
}
.stats_box {
width:100px;
padding:10px;
text-align:center;
color:#fff;
background-color:#000;
font-size:10px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:2px;
}
.stats_box a {
color:#fff !important;
}
.stats_merc {
font-size:8px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:2px;
text-align:center;
border-left:1px solid #000;
padding:4px;
}
/* FIRST TRY */
/* .index_leftBox {
width:130px;
background-color:#000000;
height:85px;
padding:10px;
padding-top:55px;
text-align:center;
font-family:roboto condensed;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
}
.index_leftBox a {
color:#fff !important;
text-decoration:none;
}
.index_leftSpacer {
height:1px;
width:1px;
background-color:#000;
}
.index_leftLine {
width:80%;
height:1px;
background-color:#6bfee4;
margin:auto;
margin-top:3px;
margin-bottom:4px;
}
.index_leftBox span {
width:90px;
text-align:center;
background-color:#6bfee4;
padding:5px;
}
.index_description {
width:300px;
padding:10px;
height:46px;
font-family:roboto condensed;
font-size:10px;
line-height:110%;
text-align:justify;
color:#000;
overflow:auto;
border:1px solid #000;
}
.index_posts {
width:302px;
padding:10px;
height:38px;
font-family:roboto condensed;
line-height:110%;
background-color:#000;
text-align:center;
color:#fff;
overflow:auto;
border:1px solid #fbfbfb;
font-size:20px;
margin-left:-1px;
margin-top:3px;
padding-top:12px;
}
.index_dec {
width:323px;
background-color:#6bfee4;
height:14px;
margin-top:3px;
}
.index_link {
background-color: #000000;
font-weight: none;
padding: 30px;
width:340px;
color: #ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
background-image:url(http://i.imgur.com/P6vzTA2.png);
text-align:center;
padding-top:50px;
padding-bottom:50px;
}
.index_link a {
background-color:#000;
padding:8px;
color:#fff !important;
}
.index_link:before {
content: '';
width:90%;
height:1px;
display:block;
background-color:#000;
margin:auto;
margin-bottom:-7px;
}
.index_info {
width:380px;
padding:10px;
padding-top:11px;
padding-bottom:11px;
background-color:#000;
text-align:center;
color:#fff;
font-size:9px;
line-height:100%;
margin-bottom:3px;
text-transform:uppercase;
letter-spacing:1px;
}
.index_info a {
color:#6bfee4 !important;
} */

/* MINIS */
.minis_merc {
width:250px;
height:450px;
overflow:hidden;
margin:auto;
}
.minis_av {
width:250px;
height:450px;
background-image:url(http://placehold.it/250x450);
}
.minis_pip {

width:250px;
height:450px;
margin-top:-450px;
z-index:999;
position:relative;
}
.mp_under {
width:250px;
overflow:hidden;
 background-image:url(http://i.imgur.com/P6vzTA2.png);

}
.mp_cont {
width:230px;
padding:10px;
}
.mp_info {
font-family:roboto condensed;
font-size:9px;
text-transform:uppercase;
color:#fff;
letter-spacing:2px;
padding:2px;
text-align:center;
}
/*** MULTIS ***/
.multi {
background-color: #000000;
font-weight: none;
padding: 20px;
width:300px;
margin:auto;
color: #ffffff;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
background-image:url(http://i.imgur.com/P6vzTA2.png);
text-align:center;
border-bottom:1px solid #000;
padding-top:50px;
padding-bottom:35px;
}

.multi a {
text-decoration: none; color: #FFF !important;
background-color:#000;
padding:8px;
}
.multi a:hover {
text-decoration: none;  
}

.multi:before {
content: '';
width:90%;
height:1px;
display:block;
background-color:#000;
margin:auto;
margin-bottom:-10px;
}
.multi_text {
width:300px;
padding:20px;
text-align:justify;
margin:auto;
font-family:roboto condensed;
font-size:10px;
line-height:100%;
border-bottom:1px solid #000;
}
/*** TEMPLATES ***/
.temp_container {
width:300px;
overflow:hidden;
margin:auto;
}
.temp_title {
background-image:url(http://i.imgur.com/P6vzTA2.png);
padding:20px;
color:#fff;
text-align:center;
font-family:roboto condensed;
font-size:9px;
text-transform:uppercase;
letter-spacing:3px;
}
.temp_title span {
background-color:#000;
padding:8px;
}
.temp_content {
padding:20px;
background-color:#ffffff;
font-family:roboto condensed;
font-size:10px;
line-height:100%;
text-align:justify;
border-bottom:1px solid #000;
}
.temp_quote {
padding:10px; border-left:1px solid #000; text-align:justify; width:200px; margin:auto;
}
.temp_quote b {
float:left;
font-size:17px;
padding:3px;
padding-bottom:0px;
padding-top:4px;
}
/*** PROFILES ***/
.prof_container {
width:840px;
padding:20px;
background-color:#fbfbfb;
margin:auto;
overflow:hidden;
}
.prof_av {
width:250px;
height:450px;
}
.prof_name {
width:200px;
text-align:center;
font-size:15px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:2px;
padding:10px;
}
.prof_title {
font-family:times new roman;
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
font-style:italic;
border-top:1px solid #000;
padding:10px;
text-align:center;
width:180px;
margin:auto;
}
.prof_infoTitle {
background-image:url(http://i.imgur.com/P6vzTA2.png);
width:350px;
padding:20px;
text-align:center;
color:#fff;
font-size:15px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:2px;
}
.prof_infoTitle span {
border-bottom:1px solid #000;
padding-bottom:2px;
}
.prof_fieldInfo {
font-size:8px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:3px;
text-align:right;
font-weight:bold;
padding:5px;
width:100px;
float:left;
color:#000;
border-right:1px solid #000;
text-decoration:underline;
}
.post_fieldInfo span {
border-bottom:1px solid #000;
padding-bottom:2px;
}
.prof_fieldCont {
width:350px;
padding:20px;
overflow:hidden;
}
.prof_fieldOther {
width:230px;
padding:5px;
font-size:8px;
text-transform:uppercase;
font-family:roboto condensed;
letter-spacing:3px;
text-align:left;
margin-left:5px;
position:relative;
margin:auto;
}
.prof_fieldOther a {
color:#6bfee4;
}
.prof_spacing {
width:7px;
float:left;
height:10px;
}
.james { font-size:8px; text-align:text-align:justify; word-spacing:5px; }
.james a {
padding:2px; letter-spacing:2px;
text-transform:uppercase; text-align:center; color:#000;
border:1px solid #6bfee4; line-height:350%;
}
#credit {
background-color:#000000;
border-top:1px solid #6BFEE4;
padding:10px;
color:#fff;
font-family:roboto condensed;
font-size:10px;
text-transform:uppercase;
letter-spacing:3px;
margin-top:10px;
}
#credit a {
color:#6bfee4;
}



PMEmail
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


skinned by merc @ caution