• chat
  • music
  • follow us
Latest Shouts In The Shoutbox -- View The Shoutbox · Rules Collapse  



VIEW FULL SHOUTBOX


  • SLIDE ONE CONTENT
  • SLIDE 2 CONTENT
  • SLIDE THREE CONTENT



 
Add Reply
New Topic
New Poll

 CODES!, wrapper and CSS
recursiveMAX420
 Posted: Sep 25 2013, 04:41 PM
Quote
alias is currently N/A and has 6 posts.
gender
N/A years young
Cash: $: 30 | ?
| alter:

Administrator



WRAPPERS... watch out for the *******COMMENTS********** so you can add or change things!

CODE
<html>
<head>
<title><% TITLE %></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<% CSS %>
<% JAVASCRIPT %> <link href='http://fonts.googleapis.com/css?family=Text+Me+One|Alef:400,700' rel='stylesheet' type='text/css'>
<script type='text/javascript'>
/* code written by kismet of RPG-Directory.com */
$(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
</head>
<body>

<table><td width="255" valign="top"><div class="ssidebarbic"><center>
<div align="center"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><ul id='tab-strip'>
<li id='tab1' class='clickable' style="color:#648532; font-style:italic; font-size:12px; font-family: 'Text Me One', arial; text-transform:uppercase;">***TAB 1 TITLE***</li>
<li id='tab2' class='clickable' style="color:#65558B; font-style:italic; font-size:12px; font-family: 'Text Me One', arial; text-transform:uppercase;">***TAB 2 TITLE***</li>
<li id='tab3' class='clickable' style="color:#648532; font-style:italic; font-size:12px; font-family: 'Text Me One', arial; text-transform:uppercase;">***TAB 3 TITLE***</li>
</ul></div>

<div id='tab1-content' class='tab-content'>

<% DSHOUTBOX %>
*********YOU CAN REPLACE THE JCINK DSHOUTBOX WITH A CBOX IF YOU WISH**********
</div>

<div id='tab2-content' class='tab-content'>
****TAB TWO, I HAD A MUSIC PLAYER HERE! YOU CAN DO WHAT YOU WANT!********
</div>

<div id='tab3-content' class='tab-content'>
******TAB THREE HERE, PUT WHAT YOU WANT!******
</div>

<div id="maintable">
<center><div style="padding-left: 280px;"><table class="out" style="border:5px e9ebed;" width="870" cellspacing="0" cellpadding="1"><tr><td><center>

<table class="in" style="border:5px e9ebed;"  align="center" width="850" cellspacing="0" cellpadding="1">
<tr><td valign="top">

<!-- START BANNER CODE -->

<div class="slidebanner"><div class="sp-slideshow">
         
  <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  <label for="button-1" class="button-label-1"></label>
 
  <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
  <label for="button-2" class="button-label-2"></label>
 
  <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
  <label for="button-3" class="button-label-3"></label>
 
  <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
  <label for="button-4" class="button-label-4"></label>
 
  <label for="button-1" class="sp-arrow sp-a1"></label>
  <label for="button-2" class="sp-arrow sp-a2"></label>
  <label for="button-3" class="sp-arrow sp-a3"></label>
  <label for="button-4" class="sp-arrow sp-a4"></label>
 
  <div class="sp-content">
      <div class="sp-parallax-bg"></div>
      <ul class="sp-slider clearfix">
          <li><div class="slideone"></div></li>


        <li><div class="slidetwo">
 *****SLIDE ONE CONTENT****

 </div></li>
         
<li><div class="slidethree">
 *****SLIDE 2 CONTENT*****
</div></li>

   <li><div class="slidethree">
 ******SLIDE THREE CONTENT*****
   </div></li>
      </ul>
  </div>
</div>
</div>

<!-- END BANNER CODE -->
<% BOARD HEADER %>


<% NAVIGATION %>

<% BOARD %>
</td>
</tr>
</table>
<% STATS %><br />  
<br />
<% COPYRIGHT %>
<br><center><div class="box"><i>HOLDING OUT FOR A HERO!</i> by MAX of <a href="http://cyberink.me">CYBERINK.ME</a>, <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=5754">CAUTION 2.0</a>, <a href="http://creatingchaos.b1.jcink.com/index.php?showuser=63">CREATING CHAOS</a> and <a href="http://starlitnights.net">STARLIT NIGHTS</a>
.</div></center><br>
</td></tr>
</table></div>
</body>
</html>
PMEmail
^
recursiveMAX420
 Posted: Sep 25 2013, 04:43 PM
Quote
alias is currently N/A and has 6 posts.
gender
N/A years young
Cash: $: 30 | ?
| alter:

Administrator



CSS! watch out for the ****COMMENT****

CODE
/*=============================================== *
* Jcink.com Forum Hosting Stylesheet
* modified by recursiveMAX420 of cyberink.me and starlitnights.net
* ==============================================
* #Version: 1.0.0
*=============================================== */

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }


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

BODY {
font-family: 'Text Me One', sans-serif;
background-color: #0c0113; background-image:url('http://www.freevector.com/site_media/preview_images/FreeVector-Dark-Purple-Pattern-Vector.jpg');
font-size: 9pt; color: #606060;
margin:0px 10px 0px 10px; }
/****************************************
  Table Styles
*****************************************/

TABLE, TR, TD {
font-family: 'Alef', sans-serif;
font-size: 9pt; color: #646464;
padding: 0px; }

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

.out { background-color:#0c0113; padding; 10px; margin-top:27px; margin-bottom: 10px; margin-left:300px; margin-right:10px; -moz-border-radius: 200px 0px 0px 0px; border:20px solid #180326;  }
.in { background-color:#0c0113; padding; 0px; margin-top:10px; margin-bottom: 10px; margin-left:10px; margin-right:10px;-moz-border-radius: 200px 0px 0px 0px; }

/****************************************
  Link colors
*****************************************/

a:link, a:visited, a:active {
font-family:'Text Me One', sans-serif;
color:#648532;
text-transform:uppercase;
letter-spacing;0px;
text-decoration: none;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}

a:hover { color: #2B283A; text-decoration:none; letter-spacing;0px; }


/****************************************
  Profile styles
*****************************************/

#profilename { font-size:28px; color:#648532; font-weight:bold; color:#5C405B;
text-shadow: #000000 1px 1px 1px; }
#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:25%; border:0px solid #10021a; background-color: #10021a }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #10021a; border:0px solid #10021a;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;
color: #800000;
}

/****************************************
 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:'Alef', serif;
padding: 1px 0 0 8px;
}

#searchbar .search-input:focus {
   color: #000000;
}

#searchbar .search-button {
background: #800000 url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
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;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3a3232; }

#submenu img {
display: none;
}

#submenu a:hover {
color: #fff !important;
text-decoration: underline;
}

#navi br {
display: none;
}

#navstrip  { text-transform:uppercase; padding:6px 0px 6px 0px; text-align:center; font-family:'Text Me One', sans-serif; text-transform: uppercase;
font-size: 15px;
letter-spacing:-1px; }

/****************************************
  Calendar styling
*****************************************/

.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#0c0113;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:1px solid #10021a; background-color: #10021a; position: fixed; top: 0px; left: 0px; display: block; z-index: 99; opacity:0.8;}
#userlinks td {
color: #646464;
}

#userlinks a {
text-decoration: none; padding: 1px; color:#8e2f40;
}

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


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

.activeuserstrip { background-color:#0c0113; padding:6px }

.normalname { font-size: 14pt; font-family:'Text Me One'; text-shadow: #000000 1px 1px 1px; color: #2B283A; letter-spacing;0px;  }

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 14px; font-family:'Text Me One'; text-shadow: #000000 1px 1px 1px; letter-spacing;0px;}

.unreg { font-size: 14px; font-family:'Text Me One'; text-shadow: #000000 1px 1px 1px; color: #ffdeb3; letter-spacing;0px; }


.post1 { background-color: #10021a; text-align:justify; padding:5px; }
.post2 { background-color: #10021a;text-align:justify; padding:5px; }

.postdetails { font-size: 10pt; letter-spacing;0px; }

.postcolor   { font-size: 10pt; line-height: 100%; letter-spacing:0px; padding:5px; }

.postlinksbar {
font-family:'Text Me One', serif;
background-color: #2B283A;
font-size:8pt; color:#648532;
text-transform:uppercase;
text-shadow: #000000 1px 0px 0px;  }

.postlinksbar a:link, .postlinksbar  a:visited, .postlinksbar a:active{
font-size:8pt; color:#648532;
text-transform:uppercase;text-shadow: #000000 1px 0px 0px;  }

.postlinksbar a:hover{
font-size:8pt; color:#180326;
text-transform:uppercase;
text-shadow: #000000 1px 0px 0px;  }


.signature   { font-size: 8pt; letter-spacing;0px; color: #646464 }



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


.row1 { background-color: #10021a; letter-spacing:0px; }
.row2 { background-color: #10021a; letter-spacing:0px; border:0px; }
.row3 { background-color: #10021a; letter-spacing:0px; }
.row4 { background-color: #10021a; border: 1px solid #10021a!important; font-family:'Alef', sans-serif;   font-size:13px; text-align:center; font-weight:none; text-transform:uppercase;padding:10px;text-shadow: #000000 1px 1px 1px;}

.row4 a:link, .row4  a:visited, .row4  a:active { text-decoration: none; color: #8e2f40; font-weight:none; -webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
.row4 a:hover {color:#2B283A; border-bottom: 0px;font-weight:none;}

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

.darkrow1 { background-color: #2B283A; color:#180326;  text-transform:uppercase; font-size:8pt; font-weight:bold; padding:0px; margin:0px;letter-spacing:0px;}

.darkrow2 { background-color: #2B283A; background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2516/2516853.png'); color:#fc2248; text-transform:uppercase; font-size:6pt; font-weight:bold; padding:0px; margin:0px; letter-spacing:0px; text-align:center;}

.darkrow3 { background-color: #10021a; color:#606060; }

.hlight { background-color: #3a8e14 }
.dlight { background-color: #10021a }

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

.maintitle {
font-family:'Text Me One', sans-serif;
background-color:#180326;
text-transform: uppercase;
font-size: 20px;
line-height: 105%;
letter-spacing:-1px;
border-bottom: 5px solid #648532;
color:#648532;
text-shadow: #000000 1px 0px 0px;
padding: 35px 3px 5px 3px;
text-align:center;
font-weight:none;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #648532; font-weight:none; -webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;}
.maintitle a:hover {color:#FC2248; border-bottom: 0px;font-weight:none;}

.maintitle img { display: none; }


/****************************************
 Bar directly below the maintitles
*****************************************/

.titlemedium {
background-color:#8e2f40;
text-transform:uppercase;
font-style:italic;
font-size:8pt;
padding:0px; margin:0px;
color:#180326;
letter-spacing:0px; text-align:center;
text-shadow: #000000 1px 0px 0px;}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
color: #10021a; letter-spacing:0px; text-align:center;}

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

.tableborder {background-color:#0c0113; padding:0px; margin:0px; width:100% }
.tablefill   { background-color:#0c0113;padding:6px;  }
.tablepad    { background-color:#10021a;padding:0px; margin-bottom:10px; }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.plainborder { background-color:transparent; }

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


#QUOTE {
font-size: 10pt;
color: #606060;
background-color: #0c0113;
border-left: 20px solid #648532;
padding-left: 4px;
letter-spacing;0px;
text-align:justify;}

#CODE  {
font-size: 7pt; color: #606060;
background-color: #0c0113;
border-top: 10px solid #8e2f40;
border-bottom: 10px solid #8e2f40;
padding: 3px;
letter-spacing; 0px;
text-align:justify;}

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

.button-small {
font-size: 11px;
margin: 3px;
padding: 4px 7px;
}

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

.forminput, .textinput, .radiobutton, .checkbox  {font-family: 'Alef', serif; font-size: 8pt;  vertical-align: middle; background-color:#648532; border: 0px solid #648532; color:#0c0113;}


input[type=submit], input[type=button], input[type=reset] {
background-color: #648532;
border-radius:3px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
color: #0c0113;
font-size: 11px;
font-weight: bold;
margin: 3px;
padding: 2px 6px;
text-decoration: none;
border: none;
font-family: 'Alef', serif;
}


.codebuttons  { font-size: 7pt; font-family: 'Alef', serif; vertical-align: middle; background-color:#0c0113; border: 0px solid #8ECFCC; color:606060 }


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

.pformstrip {
background-color: #2B283A;
font-size:8pt; color:#648532;
text-transform:uppercase;
padding:2px;
margin-top:0px;
text-shadow: #000000 1px 0px 0px;}

.pformleft  {
background-color: #10021a;
padding:6px;
margin-top:1px;
width:25%;
border-top:1px solid #10021a; border-right:1px solid #10021a; }

.pformleftw {
background-color: #10021a;
padding:6px;
margin-top:1px;
width:40%;
border-top:1px solid #10021a;   border-right:1px solid #10021a; }

.pformright {
background-color: #10021a;
padding:6px;
margin-top:1px;
border-top:1px solid #10021a; }

/****************************************
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 {
background-color: #0c0113;
border: 1px solid #0c0113;
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: #FC2248;
font-size: 11px;
text-decoration: none;
}

.toplinks {
margin: 0 11px -37px 0;
text-align: right;
color: transparent;
}

/*******************************
Mini Profile Seperators
*******************************/

.postbit {
border-bottom: solid 1px #0c0113;
color: #606060;
background: #10021a;
font-size: 11px;
       padding: 6px 7px;
}

/********************************
Miscellaneous
********************************/

/* image tag styles */
img  { vertical-align:middle; border:0px }
img.attach { border:0px outset #0c0113;padding:0px; background-color:#0c0113; }

/* Forum Descriptions */
.desc { font-size:8pt; color:#646464 }

/* Edited by text */
.edit { font-size: 8pt; letter-spacing;0px; }

/* Topic Macros */

.wrapmini    { float:left;line-height:1.5em;width:25% }

/* Warning CSS */
.warngood { color:green }
.warnbad  { color:red }

/* Skin selector dropdown */
#skin_selector {
margin: 10px 0;
}


/* Online users list row */
.thin { padding:3px;line-height:110%;margin:3px 0px 3px 0px; border-top:1px solid #10021a;border-bottom:1px solid #10021a }

/* Latest news area */
.newstext {
background-color: #0c0113;
border: 1px solid #0c0113;
padding: 6px 6px 2px 6px;
margin-bottom: 10px;
}

/* Highlighted text in search */
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

/****************************************
Mobile-specific Styles
*****************************************/

#mobile {
background-color: #606060;
}

/***********************************
Copyright: Removal is against Terms
************************************/

.copyright { font-family: 'Alef', serif; font-size: 9px; line-height: 12px; border:0px; }

/************************************
SIDEBAR
*************************************/

.ssidebarbic {
position: fixed;
left: 0px;
top: 0px;
float: left;
width: 255px;
height: 1000px;
background-image: url('***SIDEBAR BACKGROUND***');
font-family: 'Alef', serif;
font-size: 9px; }

/* TAB SIDEBAR */

.clickable {
display:inline;
border-bottom:0px;
margin-right:10px;
cursor:pointer;
background-color: #0c0113;
}
.tab-content {
background-color: #0c0113;
display: none; /* do not remove this */
}
#tab1-content { display: block; } /* do not remove this */

/* Active tag has highlight */
.highlight {
background-color: #180326; padding-left:7px;padding-right:7px;
}

/* Clear up the list default styles */
#tab-strip {
list-style: none outside none;
margin:0px;
padding:0px;
display:block;
background-color:#0c0113;
}
#tab-strip a { text-decoration: none; }

.click {display:inline; margin-left:20px;}
.clickconto { padding:5px;}
.clickcont {display:none;padding:5px;}
#links a {padding-left:10px; padding-right:10px;}

.clickwrap h1 {font-size:18px; text-transform:uppercase; font-weight:normal; margin-bottom:-5px;}


/************************************
BANNER STYLES
*************************************/

.sp-slideshow {  position: relative; margin: 10px auto; width: 850px; max-width: 850px; min-width: 260px; height: 414px;}
.sp-content { background: #7d7f72 url(http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/images/grid.png) repeat scroll 0 0;position: relative;width: 100%;height: 100%;overflow: hidden;}
.sp-parallax-bg {
  background:#cccccc; background-image:url('***YOUR BANNER GOES HERE, 850X400***'); -webkit-background-size: cover;-moz-background-size: cover;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.sp-slideshow input {position: absolute;bottom: 15px;left: 50%;width: 9px;height: 9px;z-index: 1001;cursor: pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.sp-slideshow input + label { position: absolute;bottom: 15px;left: 50%;width: 6px;height: 6px;display: block;z-index: 1000;border: 3px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: background-color linear 0.1s;-moz-transition: background-color linear 0.1s;-o-transition: background-color linear 0.1s;-ms-transition: background-color linear 0.1s;transition: background-color linear 0.1s;}
.sp-slideshow input:checked + label {background-color: #648532;}

.sp-selector-1, .button-label-1 {margin-left: -36px;}
.sp-selector-2, .button-label-2 { margin-left: -18px;}
.sp-selector-4, .button-label-4 {margin-left: 18px;}
.sp-selector-5, .button-label-5 {margin-left: 36px;}
.sp-arrow {position: absolute;top: 50%;width: 28px;height: 38px;margin-top: -19px;display: none;opacity: 0.8;cursor: pointer;z-index: 1000;background: transparent url(http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/images/arrows.png) no-repeat;-webkit-transition: opacity linear 0.3s;-moz-transition: opacity linear 0.3s;-o-transition: opacity linear 0.3s;-ms-transition: opacity linear 0.3s;
transition: opacity linear 0.3s;}
.sp-arrow:hover{opacity: 1;}
.sp-arrow:active{margin-top: -18px;}
.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a5 {
  right: 15px;
display: block;
background-position: top right;
}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-5:checked ~ .sp-arrow.sp-a4 {
  left: 15px;
display: block;
background-position: top left;
}

.sp-slideshow input:checked ~ .sp-content {-webkit-transition: background-position linear 0.6s, background-color linear 0.8s;-moz-transition: background-position linear 0.6s, background-color linear 0.8s;-o-transition: background-position linear 0.6s, background-color linear 0.8s;-ms-transition: background-position linear 0.6s, background-color linear 0.8s;transition: background-position linear 0.6s, background-color linear 0.8s;}

.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {-webkit-transition: background-position linear 0.7s;-moz-transition: background-position linear 0.7s;-o-transition: background-position linear 0.7s;-ms-transition: background-position linear 0.7s;transition: background-position linear 0.7s;}

input.sp-selector-1:checked ~ .sp-content {background-position: 0 0;background-color: #727b7f;}
input.sp-selector-2:checked ~ .sp-content {background-position: -100px 0;background-color: #7f7276;}
input.sp-selector-3:checked ~ .sp-content {background-position: -200px 0;background-color: #737f72;}
input.sp-selector-4:checked ~ .sp-content {background-position: -300px 0;background-color: #79727f;}
input.sp-selector-5:checked ~ .sp-content {background-position: -400px 0;background-color: #7d7f72;}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}
input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {background-position: 0 0;}

.sp-slider { position: relative;left: 0; width: 500%;height: 100%;list-style: none; margin: 0;padding: 0;-webkit-transition: left ease-in 0.8s; -moz-transition: left ease-in 0.8s; -o-transition: left ease-in 0.8s; -ms-transition: left ease-in 0.8s;transition: left ease-in 0.8s; }

.sp-slider > li {height: 100%;padding: 0 60px;float: left;text-align: center;opacity: 0.4; -webkit-transition: opacity ease-in 0.4s 0.8s;-moz-transition: opacity ease-in 0.4s 0.8s;-o-transition: opacity ease-in 0.4s 0.8s;-ms-transition: opacity ease-in 0.4s 0.8s;transition: opacity ease-in 0.4s 0.8s; }
.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider {left: 0;}
input.sp-selector-2:checked ~ .sp-content .sp-slider {left: -100%;}
input.sp-selector-3:checked ~ .sp-content .sp-slider {left: -200%;}
input.sp-selector-4:checked ~ .sp-content .sp-slider {left: -300%;}
input.sp-selector-5:checked ~ .sp-content .sp-slider {left: -400%;}

input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){opacity: 1;}
.chatter { width:230px; height:400px; background-color:#cccccc; float:left; margin-left:50px; margin-top:100px; padding:10px; position:fixed; }
input.forminput {display:block;}

/* SLIDES */
.slideone { width: 850px; height: 400px; padding:0px; margin-left:-60px;}
.slidetwo { width: 850px; height: 400px; padding:0px; margin-left:-120px;}
.slidethree { width: 850px; height: 400px; padding:0px; margin-left:-120px;}
.slidefour { width: 850px; height: 400px; padding:0px; margin-left:-120px;}

/************************************
MAX CODES
*************************************/
.subforums {
font-family: 'Text Me One', arial;
font-size:12px;
text-transform:uppercase;
padding-bottom: 5px;
width:350px;
font-weight:none;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
color: #5C405B;
text-align:center;
}

#shoutbox, #shoutbox td.row2 { width: 254px; float: left; background-color:#0c0113;}
#shoutbox iframe { width: 250px; height: 300px; background-color:#0c0113; overflow-x:hidden;}
#shoutbox form input.forminput { width: 55px; padding:0px margin-bottom: 3px; display:inline-block; }
#shoutbox form input.forminput[type="text"] { width: 230px;  display:inline-block; }
#shoutbox .maintitle { display: none; }

.box {
font-family:'Alef', serif;
font-size:12pt;
text-shadow:1px 1px 1px #000000;}

.bigs {
color: #8e2f40;
font-size:15pt;
font-family: 'Text Me One', cursive;
letter-spacing:0px;
text-transform:uppercase;
line-height:100%;
display:inline;
text-decoration: none;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

.bigs:hover {
color:#2B283A;
text-decoration: none;
}

.pinkhead {
color:#8e2f40;
font-style:italic;
font-size:14px;
font-family: 'Text Me One', serif;
text-transform:lowercase;
}

.stafftemplate {
width:400px;
background-color:#180326;
border: 20px solid  #2B283A;  
font-family:'Alef', serif;
font-size: 12px;
text-align:justify;
padding:5px;
}

.stafftempheader {
font-family: 'Text Me One', cursive;
font-size: 35px;
line-height: 90%;
letter-spacing: -1px;
color: #648532;
text-shadow: 1px 0px 0px #000000;
word-spacing: -1px;
text-align: center;
text-transform:uppercase;
}

.acceptcode {
width:300px;
top:-30px;  
background-color:#180326;
border-top: 15px solid  #2B283A;
font-family:'Alef', serif;
font-size: 12px;
text-align:justify;
padding:5px;
}

.acceptphead {
font-family: 'Text Me One', cursive;
font-size: 40px;
line-height: 100%;
letter-spacing: -3px;
color: #648532;
text-shadow: 1px 0px 0px #000000;
word-spacing: -1px;
text-align: center;
font-style:italic;
text-transform:lowercase;
}

.forumdescwrap {
width:405px;
background-image:url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2516/2516853.png');
border: 1px dotted #2B283A;
}

.forumdescbox {
width:325px;
line-height:85%;
background-color:#180326;
border: 5px solid  #2B283A;  
font-family:'Text Me One', arial;
font-size: 12px;
text-align:justify;
padding:10px;
margin:20px;
text-transform:uppercase;
}

.mpc2 {
width: 200px;
padding:20px;
background-color:#0c0113;
background-image:url('http://www.freevector.com/site_media/preview_images/FreeVector-Dark-Purple-Pattern-Vector.jpg');
border:15px solid #180326;
text-align:center; }

.provava2 {width:200px; height:440px; background-color:#0c0113;}

.avahov2 {
width: 200px;
height: 440px;
background-color:#030106;
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: -440px;
margin-right:5px;
text-align:center;
}

.avahov2:hover {
opacity: 0.8;
background-color: #030106;
width: 200px;
height: 440px;
margin-top: -440px;
margin-right:5px;
text-align:center;
}

.minipic2 {
width:160px;
text-align:center;
padding-top:20px;
}

.hovbig2 {
width:160px;
text-align:center;
font-family: 'Text Me One', serif;
font-size:12px;
color:#646464;
background-color:#2B283A;
height:15px;
display:block;
padding-bottom:3px;
border-bottom:2px solid #648532;
text-transform:uppercase;
}

.hovbig2:hover {
background-color:#8e2f40;
color:#646464;
border-bottom:2px solid #648532;
}


.hovmt2 {
width:160px;
text-align:center;
font-family: 'Text Me One', serif;
font-size:12px;
color:#646464;
background-color:#180326;
border: 1px dotted #2B283A;
padding:3px;
}

.bannerql {
width:200px;
background-color:#2B283A;
display:block;
font-family: 'Text Me One', cursive;
font-size:15px; }

.bannerql a:link, .bannerql a:visited, .bannerql a:active {
width:200px;
padding:3px;
background-color:#2B283A;
display:block;
font-family: 'Text Me One', cursive;
font-size:15px; }

.bannerql a:hover {
padding-left:53px;
width:150px;
background-color:#8e2f40;
}

.awardcont { width:157px; margin-top:-40px; }


.awardhov {
margin-top:-209px;
width:157px;
height:159px;
background-color: #10021a;
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;
text-align:center;
overflow-y:hidden;
}

.awardhov:hover {
opacity: 0.8;
background-color: #10021a;
width: 157px;
height: 159px;
text-align:center;
}
PMEmail
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
Fast Reply
New Topic
New Poll



 


 





HOLDING OUT FOR A HERO! by MAX of CYBERINK.ME, CAUTION 2.0, CREATING CHAOS and STARLIT NIGHTS .