Profile
Personal Photo

No Photo

Options
Custom Title
Administrator
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
alias: merc
Statistics
Joined: 21-June 14
Status: (Offline)
Last Seen: Nov 26 2016, 12:25 AM
Local Time: No Information
82 posts (0.1 per day)
( 97.62% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Message: Click here
Email: Click Here
Signature
View Signature

merc

Admin

Topics
Posts
Comments
Friends
My Content
Apr 8 2015, 05:32 PM
[dohtml]

<div class="temp_container" style="width:400px">
<div class="temp_title"><span>Obscurus</span></div>
<div class="temp_content">
Do not claim this skin as your own. Custom Forum Structure Script by Black. Please remember to credit these people in your credits. <p />
<div class="temp_quote"><a href="http://mercskin008.jfbs.net/index.php?act=idx">PREVIEW OF SKIN</a></div>[/dohtml]

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;
}



[dohtml]
</div>
</div>

[/dohtml]
Jul 11 2014, 02:10 PM
[dohtml]
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.yt_container { width:500px; overflow:hidden; margin:auto; background-color:#f5f5f5; }
.yt_logo { padding:20px; background-color:#fff; font-family:oswald; text-transform:none; letter-spacing:2px; text-align:center; }
.yt_logo span { font-family:oswald; font-size:14px; text-transform:uppercase; color:#000; }
.yt_banner { width:500px; height:250px; background-image:url(http://placehold.it/500x250); }
.yt_av { height:100px; width:100px; overflow:hidden; margin-left:20px; background-image:url(http://i.imgur.com/ZIUPZ5B.png); }
.yt_bar { padding:15px; background-color:#fff; }
.yt_name { font-family:oswald; font-size:25px; width:300px; color:#000;}
.yt_subs { width:171px; background-image:url(http://i.imgur.com/AXkuVSL.png); height:29px;}
.yt_subz { padding-top:6px; padding-left:108px; font-family:open sans condensed; font-size:15px; color:#191919; }
.yt_mt { width:460px; background-color:#fff; margin-top:3px; padding:20px; }
.yt_vid { width:300px; height:169; background-image:url(http://placehold.it/300x169); }
.yt_info { width:160px; text-align:left; overflow:hidden; padding-left:10px; font-family:open sans condensed; font-size:11px; height:169px; line-height:110%;}
.yt_info h1 { color:#816099; font-family:oswald; font-size:15px; }
.yt_info span { color:#816099; font-family:open sans condensed; font-size:13px; }
.yt_info h2 { font-family:calibri; font-size:8px; text-transform:uppercase; color:#cccccc; letter-spacing:1px; margin-top:-10px; margin-left:2px; }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:475px;}
.creds a { color:#cc
</style>

<div class="yt_container">
<div class="yt_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="25" /> iWATCH <img src="http://i.imgur.com/ZIUPZ5B.png" height="25" style="margin-left:200px;" /> <span>LoveLux</span></div>
<div class="yt_banner"><div class="yt_av"></div></div>
<div class="yt_bar"><table><tr><td>
<div class="yt_name">LoveLux <img src="http://i.imgur.com/ejlqVvS.png" /></div>
</td><td>
<div class="yt_subs"><div class="yt_subz">10,101,122</div></div>
</td></tr></table></div>

<div class="yt_mt">
<table><tr><td>
<div class="yt_vid"><img src="http://i.imgur.com/uZRg2X3.png" /></div>
</td><td>
<div class="yt_info">
<h1>Lux Goes Shopping!</h1>
<h2>760,272 views - 1 Day Ago</h2>
Going back to Hogwarts means going shopping, and LOTS of it! Watch 'till the end for the information on the upcoming giveaway from some of my favorite outfits!<br /><br />
<span>READ MORE</span>
</div>
</td></tr></table>
</div>

</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>

[/dohtml]
Jul 11 2014, 02:15 AM
[dohtml]<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">
.dv_container { width:400px; height:550px; background-image:url(http://i.imgur.com/Ox6ButZ.png); margin:auto; overflow:hidden;}
.dv_para { padding:20px; background-color:#fff; width:260px; height:360px; margin-top:-400px; margin-left:50px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;}
.dv_para h1 { font-family: source sans pro; font-weight:bold; font-size:30px; text-align:left; line-height:10%; margin-bottom:5px;}
.dv_para span { font-family:source sans pro; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:left; padding-left:15px; display:block; border-bottom:1px solid #000; }
.dv_para p { width:230px; margin:auto; padding:10px; height:270px; overflow:auto; margin-top:5px; text-align:justify; font-family:calibri; font-size:10px; line-height:110%; color:#000; }
.dv_container:hover .dv_para { margin:auto; margin-top:75px; }
.dv_para ::-webkit-scrollbar-thumb:vertical {
border:2px solid #000;
background-color:#fff;
}
.dv_para ::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
.dv_para ::-webkit-scrollbar {
width:4px;
height:7px;
border:1px solid #000;
background-color:#fff;
}
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:350px;}
.creds a { color:#cccccc; }
</style>

<div class="dv_container">
<div class="dv_para">
<h1>death valley.</h1>
<span>ravenclaw ■ sixteen ■ drug dealer </span>
<p>I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br /></p>
</div>
</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>
[/dohtml]

CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">
.dv_container { width:400px; height:550px; background-image:url(http://i.imgur.com/Ox6ButZ.png);  margin:auto; overflow:hidden;}
.dv_para { padding:20px; background-color:#fff; width:260px; height:360px;  margin-top:-400px; margin-left:50px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;}
.dv_para h1 { font-family: source sans pro; font-weight:bold; font-size:30px; text-align:left;  line-height:10%; margin-bottom:5px;}
.dv_para span { font-family:source sans pro; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:left; padding-left:15px; display:block; border-bottom:1px solid #000; }
.dv_para p { width:230px; margin:auto; padding:10px; height:270px; overflow:auto; margin-top:5px; text-align:justify; font-family:calibri; font-size:10px; line-height:110%; color:#000; }
.dv_container:hover .dv_para { margin:auto; margin-top:75px; }
.dv_para ::-webkit-scrollbar-thumb:vertical {
  border:2px solid #000;
  background-color:#fff;
  }
.dv_para ::-webkit-scrollbar-thumb:horizontal {
  background-color:#fff;
  }
.dv_para ::-webkit-scrollbar {
  width:4px;
  height:7px;
  border:1px solid #000;
  background-color:#fff;
  }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px;  margin-auto; text-align:right; width:350px;}
.creds a { color:#cccccc; }
</style>

<div class="dv_container">
<div class="dv_para">
<h1>death valley.</h1>
<span>ravenclaw ■ sixteen ■ drug dealer </span>
<p>I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br /></p>
</div>
</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>
[/dohtml]
Jul 11 2014, 02:10 AM
[dohtml]<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<style type="text/css">
.dv_container { width:400px; height:550px; background-image:url(http://i.imgur.com/Ox6ButZ.png); margin:auto; overflow:hidden;}
.dv_para { padding:20px; background-color:#fff; width:260px; height:360px; margin-top:-400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out;}
.dv_para h1 { font-family: source sans pro; font-weight:bold; font-size:30px; text-align:left; line-height:10%; margin-bottom:5px;}
.dv_para span { font-family:source sans pro; font-size:8px; text-transform:uppercase; letter-spacing:1px; text-align:left; padding-left:15px; display:block; border-bottom:1px solid #000; }
.dv_para p { width:230px; margin:auto; padding:10px; height:270px; overflow:auto; margin-top:5px; text-align:justify; font-family:calibri; font-size:10px; line-height:110%; color:#000; }
.dv_container:hover .dv_para { margin:auto; margin-top:75px; margin-left:50px; }
.dv_para ::-webkit-scrollbar-thumb:vertical {
border:2px solid #000;
background-color:#fff;
}
.dv_para ::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
.dv_para ::-webkit-scrollbar {
width:4px;
height:7px;
border:1px solid #000;
background-color:#fff;
}
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:350px;}
.creds a { color:#cccccc; }
</style>

<div class="dv_container">
<div class="dv_para">
<h1>death valley.</h1>
<span>ravenclaw ■ sixteen ■ drug dealer </span>
<p>I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br />

I wanna see your animal side Let it all out I wanna see the dirt Under your skin I need your broken promises I want the guts and glory, baby, baby This town is wasted and alone But we are alive Here in death valley But don’t take love off the table yet 'Cause tonight It’s just fire alarms and losing you We love a lot So we only lose a little But we are alive (we are alive) We are alive I wanna see your animal side Let it all out Oh there you go; undress to impress You can wear the crown but you’re no princess. <br /><br /></p>
</div>
</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>
[/dohtml]
Jul 11 2014, 01:21 AM
[dohtml]
<style type="text/css">
.stars_container { width:500px; height:500px; margin:auto; overflow:hidden; background-image:url(http://i.imgur.com/6X6mgvN.png);}
.stars_box { height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; background-color:#fc8f99; color:#fff; text-align:center; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; width:100px; margin-top:-100px; margin-left:300px;}
.stars_barCont { overflow:hidden; height:100px; width:500px; }
.stars_fbar { background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; font-style:italic; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; float:left; margin-left:-300px; width:300px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

.stars_sbar { float:right; background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; margin-left:500px; width:100px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.stars_container:hover .stars_fbar { margin-left:0px; }
.stars_container:hover .stars_sbar { margin-left:0px; margin-top:0px; }
.stars_container:hover .stars_box { margin-top:0px; margin-left:300px;}

.stars_plot { width:300px; height:200px; padding:25px; background-color:rgba(255,255,255,0.8); text-align:justify; font-family:calibri; font-size:10px; line-height:110%; text-transform:none; color:#000; margin-top:400px; margin-left:75px; }
.stars_container:hover .stars_plot { margin-top:75px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; margin-left:75px;}
.stars_inner { width:298px; height:200px; overflow:auto; padding-right:2px;}
.stars_inner::-webkit-scrollbar-thumb:vertical {
border:2px solid #fc8f99;
background-color:#fff;
}
.stars_inner::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
.stars_inner::-webkit-scrollbar {
width:4px;
height:7px;
border:1px solid #fc8f99;
background-color:#fff;
}

.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:475px;}
.creds a { color:#cccccc; }
</style>

<div class="stars_container">
<div class="stars_barCont">
<div class="stars_sbar">♕</div>
<div class="stars_fbar">" i'll be the dawn on your worst night "</div>
<div class="stars_box">LUX</div></div>

<div class="stars_plot">
<div class="stars_inner">
I've seen the world Done it all Had my cake now Diamonds, brilliant And Bel Air now Hot summer nights, mid July When you and I were forever wild The crazy days, city lights The way you'd play with me like a child [Chorus] Will you still love me When I'm no longer young and beautiful? Will you still love me When I got nothing but my aching soul? I know you will, I know you will I know that you will Will you still love me when I'm no longer beautiful? [Verse 2] I've seen the world, lit it up As my stage now Channeling angels in the new age now Hot summer days, rock 'n' roll The way you play for me at your show And all the ways I got to know Your pretty face and electric soul <br /><br />

I've seen the world Done it all Had my cake now Diamonds, brilliant And Bel Air now Hot summer nights, mid July When you and I were forever wild The crazy days, city lights The way you'd play with me like a child [Chorus] Will you still love me When I'm no longer young and beautiful? Will you still love me When I got nothing but my aching soul? I know you will, I know you will I know that you will Will you still love me when I'm no longer beautiful? [Verse 2] I've seen the world, lit it up As my stage now Channeling angels in the new age now Hot summer days, rock 'n' roll The way you play for me at your show And all the ways I got to know Your pretty face and electric soul <br /><br />

I've seen the world Done it all Had my cake now Diamonds, brilliant And Bel Air now Hot summer nights, mid July When you and I were forever wild The crazy days, city lights The way you'd play with me like a child [Chorus] Will you still love me When I'm no longer young and beautiful? Will you still love me When I got nothing but my aching soul? I know you will, I know you will I know that you will Will you still love me when I'm no longer beautiful? [Verse 2] I've seen the world, lit it up As my stage now Channeling angels in the new age now Hot summer days, rock 'n' roll The way you play for me at your show And all the ways I got to know Your pretty face and electric soul <br /><br />
</div>
</div>

</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>
[/dohtml]

CODE
[dohtml]
<style type="text/css">
.stars_container { width:500px; height:500px; margin:auto; overflow:hidden;  background-image:url(500x500 IMAGE HERE!!!!!!!!!);}
.stars_box { height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase;  background-color:#fc8f99; color:#fff; text-align:center; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; width:100px; margin-top:-100px; margin-left:300px;}
.stars_barCont { overflow:hidden; height:100px; width:500px; }
.stars_fbar  { background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; font-style:italic; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;   float:left; margin-left:-300px; width:300px;  -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

.stars_sbar { float:right; background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; margin-left:500px; width:100px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  }
.stars_container:hover .stars_fbar { margin-left:0px; }
.stars_container:hover .stars_sbar { margin-left:0px; margin-top:0px; }
.stars_container:hover .stars_box { margin-top:0px; margin-left:300px;}

.stars_plot { width:300px; height:200px; padding:25px; background-color:rgba(255,255,255,0.8); text-align:justify; font-family:calibri; font-size:10px; line-height:110%; text-transform:none; color:#000;  margin-top:400px; margin-left:75px; }
.stars_container:hover .stars_plot { margin-top:75px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; margin-left:75px;}
.stars_inner { width:298px; height:200px; overflow:auto; padding-right:2px;}
.stars_inner::-webkit-scrollbar-thumb:vertical {
   border:2px solid #fc8f99;
   background-color:#fff;
   }
.stars_inner::-webkit-scrollbar-thumb:horizontal {
   background-color:#fff;
   }
.stars_inner::-webkit-scrollbar {
   width:4px;
   height:7px;
   border:1px solid #fc8f99;
   background-color:#fff;
   }

.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px;  margin-auto; text-align:right; width:475px;}
.creds a { color:#cccccc; }
</style>

<div class="stars_container">
<div class="stars_barCont">
<div class="stars_sbar">♕</div>
<div class="stars_fbar">" i'll be the dawn on your worst night "</div>
<div class="stars_box">FIRST</div></div>

<div class="stars_plot">
<div class="stars_inner">
SHIPPER TEXT HERE!!!<br /><br />
</div>
</div>

</div>
<center><div class="creds"><a href="http://obscurus.jcink.net/index.php?act=idx">© MERC</a></div></center>
[/dohtml]
Last Visitors


May 20 2015, 01:06 PM




Feb 19 2015, 02:36 PM




Nov 8 2014, 08:52 PM



Comments
No comments posted.
Add Comment


skinned by merc @ caution