peckers place layout
GLOBAL_HEAD<=
<title>pecker's place</title>
<link rel="shortcut icon" href="http://i.imgur.com/jGmN6TW.png" type="image/ico" />
<link href="https://fonts.googleapis.com/css?family=Lato|Oswald:700" rel="stylesheet">
<style>
<!--
/*--- LIKE DIAMONDS - TESSISAMESS - 2017 ---*/
/*-- Credit me in profile if removing my credit link from main block --*/
/*-- Find more fun stuff at: tessisamess.insanejournal.com --*/
/*--- GENERATOR BASE BY TESSISAMESS @INSANEJOURNAL ---*/
/*--- GENERAL ---*/
body{
margin:75px 0;
padding:0;
background:#0E141B url(http://imgur.com/GZTrAu4.png)top left repeat fixed;
}
body,table,tr,td{
text-align:justify;
font-family:Lato,helvetica,arial,sans-serif;
font-size:12px;
color:#bbb;
}
a{
color:#fff;
text-decoration:none;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
a:hover{
color:#697C90;
text-decoration:none;
}
h1,h2,h3,h4{
padding:0;
margin:0 0 10px 0;
color:#697C90;
font-family:Oswald,arial black,sans-serif;
font-weight:normal;
text-transform:uppercase;
}
hr{
border:none;
height:1px;
margin:0;
padding:0;
background:#697C90;
}
blockquote{
border-left:3px solid #697C90;
padding-left:10px;
}
ul{
list-style:square;
margin:0;
}
/*THE GOODS*/
#sidebar{
visibility:visible;
position:fixed;
width:250px;
top:70px;
left:50%;
margin-left:-500px;
text-align:center;
}
#sidebar img{
display:inline;
max-width:100%;
}
#sidebar-inner{
display:block;
margin:10px 30px;
font-size:9px;
color:#697C90;
text-align:justify;
}
input[type=checkbox]{
display:none;
}
label{
display:block;
margin:0 30px;
cursor:pointer;
background:#697C90;
border:none;
border-bottom:none!important;
padding:2px 4px;
text-align:left;
-webkit-border-radius:4px;
border-radius:4px;
}
label i{
font-style:normal;
display:block;
font-size:9px;
background:url(http://i.imgur.com/nbuVQcd.png)right center no-repeat;
background-size:5%;
letter-spacing:1px;
}
.drop{
display:block;
margin:0 30px;
background:#697C90;
max-height:0;
overflow:hidden;
text-align:left;
font-size:9px;
letter-spacing:1px;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
input[type=checkbox]:checked ~ label{
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
}
input[type=checkbox]:checked ~ .drop{
max-height:400px;
}
.drop a{
display:block;
color:#333;
padding:3px 4px;
}
.drop a:hover{
background:#bbb;
color:#333;
}
/*--- ENTRIES ---*/
/* ENTRIES CONTAINER */
table{
width:550px;
margin:0 100% 0 575px;
}
/* EACH ENTRY */
.entrybox{
visibility:visible;
margin-bottom:35px;
background:rgba(255,255,255,0.1);
padding:20px 20px 40px 20px;
position:relative;
min-height:140px;
-webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.7);
box-shadow:1px 1px 5px 1px rgba(0,0,0,0.7);
}
/* ENTRY INNER */
.entrybox table{
line-height:170%;
}
.entrybox table a{
font-weight:bold;
}
/* ENTRY IMAGES */
.entrybox img{
max-width:100%;
}
/*--- ENTRY SUBJECT ---*/
td.caption{
padding:0 0 10px 0;
text-align:left;
color:rgba(105,124,144,0.5);
font-size:20px;
font-family:Oswald,arial black,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
/*--- DATE & TIME ---*/
.date{
color:#697C90;
font-size:12px;
font-family:Oswald,arial black,sans-serif;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.entrybox td.index{
width:80px;
text-align:left;
color:transparent;
font-size:0;
position:absolute;
left:10px;
bottom:2px;
z-index:100;
}
/*--- COMMENT FOOTER ---*/
/* COMMENT CONTAINER */
.comments{
text-align:right;
text-transform:uppercase;
font-size:12px;
font-family:Oswald,arial black,sans-serif;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
background:rgba(255,255,255,0.3);
border-top:2px solid rgba(255,255,255,0.5);
position:absolute;
bottom:0;left:0;right:0;
}
/* COMMENT LINKS */
.comments a{
color:#697C90;
display:inline-block;
text-align:center;
padding:0 10px;
height:21px;
line-height:21px;
}
.comments a:hover{
color:#E5E6E7;
}
/*--- USERPICS ---*/
/* USERPIC CONTAINER */
.entrybox table table table td{
position:absolute;
top:0;
right:-95px;
text-align:center;
padding:0;
}
/* USERPIC */
.entrybox a.index img{
width:70px;
height:70px;
margin-bottom:10px;
border:5px solid #697C90;
-webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.7);
box-shadow:1px 1px 5px 1px rgba(0,0,0,0.7);
}
/* USERPIC LINKS */
.entrybox a.index font{
color:#697C90!important;
font-size:9px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.entrybox a.index font:hover{
color:#fff!important;
}
/*--- PAGE VALIKKO ---*/
.meta, table table .index{
color:#697c90;
font-size:8px;
text-transform:uppercase;
line-height:8px;
text-align:right;
}
table table table{
float:right;
width:auto;
}
table table table td.meta{
padding:1px;
}
/*--- TINYICONS ---*/
img[src*="img/userinfo.gif"], img[src*="img/community.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_private.gif"], img[src*="img/icon_groups.gif"]{
background:transparent url(http://i.imgur.com/jGmN6TW.png)no-repeat!important;
width:0!important;
height:0!important;
padding:16px 0 0 18px!important;
margin-bottom:3px;
}
/*--- DISABLED & HIDDEN ELEMENTS - DO NOT EDIT ---*/
/* ORIGINAL TOP HEADER */ .shadowed{visibility:hidden;position:absolute;top:0;height:0;background:transparent;}
/* TOP HEADER CONTENTS */ .shadowed img, tr.caption, .index3, table table table table .meta {display:none;}
/* ALL ORIGINAL TABLE STYLING */ table,tr,td{border:none;background:transparent;padding:0;}
/* INNER-ENTRY */ table table{width:100%;margin:0;}
/* HIDES USERPIC INFO BRACKETS */ .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
-->
</style>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<div id="sidebar">
<a href="http://sepi.insanejournal.com/" style="text-decoration:none;"><img src="http://i.imgur.com/iFJs8z0.gif" width="180px" style="padding:2px; border:1px solid #697C90;"></a>
<span id="sidebar-inner">
An all-night barbecue. A dance on the courthouse lawn. The radio aches a little tune that tells the story of what the night is thinking. It’s thinking of love. It’s thinking of stabbing us to death and leaving our bodies in a dumpster. That’s a nice touch, stains in the night, whiskey and kisses for everyone.
</span>
<form>
<input type="checkbox" id="dropdown">
<label for="dropdown"><i>VALIKKO</i></label>
<span class="drop">
<a href="http://sepi.insanejournal.com/">ETUSIVU</a>
<a href="http://sepi.insanejournal.com/friends">YSTÄVÄT</a>
<a href="http://sepi.insanejournal.com/tag/">TAGIT</a>
<a href="http://www.insanejournal.com/tools/recent_comments.bml">HUOMAUTUKSET</a>
<a href="http://www.insanejournal.com/tools/memories.bml?user=sepi&keyword=Yksityiset&filter=all">YKSITYISET</a>
<a href="http://tessisamess.insanejournal.com/">©</a>
</span>
</form>
</div>
<!-- This fixes a bug in Internet Explorer -->
<div> </div>
<=FRIENDS_WEBSITE
LASTN_WEBSITE<=
<div id="sidebar">
<a href="http://sepi.insanejournal.com/" style="text-decoration:none;"><img src="http://i.imgur.com/iFJs8z0.gif" width="180px" style="padding:2px; border:1px solid #697C90;"></a>
<span id="sidebar-inner">
An all-night barbecue. A dance on the courthouse lawn. The radio aches a little tune that tells the story of what the night is thinking. It’s thinking of love. It’s thinking of stabbing us to death and leaving our bodies in a dumpster. That’s a nice touch, stains in the night, whiskey and kisses for everyone.
</span>
<form>
<input type="checkbox" id="dropdown">
<label for="dropdown"><i>VALIKKO</i></label>
<span class="drop">
<a href="http://sepi.insanejournal.com/">ETUSIVU</a>
<a href="http://sepi.insanejournal.com/friends">YSTÄVÄT</a>
<a href="http://sepi.insanejournal.com/tag/">TAGIT</a>
<a href="http://www.insanejournal.com/tools/recent_comments.bml">HUOMAUTUKSET</a>
<a href="http://www.insanejournal.com/tools/memories.bml?user=sepi&keyword=Yksityiset&filter=all">YKSITYISET</a>
<a href="http://tessisamess.insanejournal.com/">©</a>
</span>
</form>
</div>
<!-- This fixes a bug in Internet Explorer -->
<div> </div>
<=LASTN_WEBSITE
Public Last updated: 2017-08-25 09:55:18 PM
