allow layout
FRIENDS_OPT_ITEMS=>20
FRIENDS_WEBSITE<=
<div id="sidebar">
<a href="http://allow.insanejournal.com/" style="text-decoration:none;"><img src="http://i.imgur.com/WNTSk7z.png" width="180px" style="padding:2px; border:0px solid #;"></a>
<span id="sidebar-inner">
</span>
<form>
<input type="checkbox" id="dropdown">
<label for="dropdown"><i>ALLOW</i></label>
<span class="drop">
<a href="http://allow.insanejournal.com/">RULES</a>
<a href="http://allow.insanejournal.com/friends">TAKEN</a>
<a href="http://allow.insanejournal.com/tag/">APPLY</a>
<a href="">MEMBERS ONLY</a>
<a href="">PROFILE</a>
</span>
</form>
</div>
<!-- This fixes a bug in Internet Explorer -->
<div> </div>
<=FRIENDS_WEBSITE
LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><font style="font-size: 18px;">
%%readlink%%<a href="%%urlpost%%"><img src=http://i.imgur.com/a7jLq3A.png width=14></a>
</td>
</tr>
<=LASTN_TALK_LINKS
GLOBAL_HEAD<=
<link href="http://wiccan.altervista.org/font.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Hind:500|Oswald:400,700,300|Source+Sans+Pro|Inconsolata|NTR|Pompiere" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet">
<style>
body {background-image: url(http://i.imgur.com/XKCSfMI.png);}
table {border:0px solid #cccccc;} table table {border:0;}
tr {text-align:justify;} .entrybox {width:594px;} .date, a.index {visibility:visible !important;}
table table table td.meta {font-size:0px;line-height:0px;}
p table.entrybox table table td.meta, table table table td.meta a {font-size:6px;letter-spacing:1px;line-height: 6px;margin-top:-4px;}
table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {visibility:hidden; line-height: 0px;}
.entrybox, .shadowed {background-color: rgba(255, 255, 254, 0.6); box-shadow: 0 0 1px #dddddd; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
border-width: 0 0 2px 0; border-style: solid;
-webkit-border-image: -webkit-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
-moz-border-image: -moz-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
-o-border-image: -o-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
border-image: linear-gradient(to left, #78F9DA, #FEB652, #FF8C7A) 100% 1;}
/* date line */
.date {color:#333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;}
/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}
/* NEW DATES */
.dates {
color: #7a7a7a;
font-family: hind;
font-size: 7px;
letter-spacing: 1px;
line-height: 5px;
text-shadow: 0px 0px 1px #fff;
text-transform: uppercase;
padding-left: 25px;}
/* body text */
tr, td, table, body {padding:1px; font-family:calibri; font-size: 8px; line-height: 10px; letter-spacing: 1px; color:#333; text-shadow:0px 0px 0px #808080; text-transform: uppercase; font-weight: lighter; border-radius: 0px;}
/* subject lines */
p table table td.caption {font-family: oswald, calibri; font-size: 13px; color: #333; letter-spacing: 1px; font-weight: lighter; margin-bottom:0px; line-height: 19px; text-shadow:0px 0px 1px #404040;text-transform:uppercase; padding: 0;}
/* link effects. */
a {color: #333; text-shadow:0px 0px 0px #606060; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
a:hover {text-decoration: none; color: #85cb79; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
/* namefield. */
.shadowed td div {font-family: "Reenie Beanie"; font-size:42px; letter-spacing:0.5px; line-height:18px; color:#2b2b2b; text-shadow: 3px 3px 1px #FEB652; text-transform: uppercase; font-weight: none;}
.shadowed td div img {box-shadow: 0 0 0 !important;}
/* all misc little text */
p.index, .index, tr.caption, .meta, td.meta, .comments {font-family:calibri; font-size: 7px; line-height: 8px; letter-spacing: 1px; color:#222222;text-shadow:0px 0px 0px #ddd; font-weight: lighter; text-transform: uppercase; border-radius: 0px;}
b {font-weight:normal !important;}
/* comments */
.comments {font-family: panda; font-size: 11px; line-height: 13px; letter-spacing:2px; text-transform: uppercase; }
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:7px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;}
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;}
/* image opacity */
img { border: 0px; opacity:0.7; filter:alpha(opacity=70);border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover {opacity:1.0;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
/* friends page icons & users. */
.entrybox a.index {background:transparent; color:#808080; font-size:8px;}
::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url(http://i.imgur.com/XKCSfMI.png);background-color:#dddddd;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px #CCC;background-image:url('');border-radius:0px;background-color:#85cb79;}
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
/*THE GOODS*/
#sidebar{
visibility:visible;
position:fixed;
width:250px;
top:70px;
left:50%;
margin-left:-550px;
text-align:center;
}
#sidebar img{
display:inline;
max-width:100%;
}
#sidebar-inner{
display:block;
margin:10px 30px;
font-size:14px;
color:#ff9373;
text-align:justify;
}
input[type=checkbox]{
display:none;
}
label{
display:block;
margin:0 30px;
cursor:pointer;
background:#fdbc62;
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:14px;
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:#ff9373;
max-height:0;
overflow:hidden;
text-align:left;
font-size:14px;
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;
}
/*--- 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_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"><font style="font-size: 18px;">
%%readlink%%<a href="%%urlpost%%"><img src=http://i.imgur.com/a7jLq3A.png width=14></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS
LASTN_TALK_READLINK=><a href="%%urlread%%"><font style="font-size: 10px;"><b>%%messagecount%% </b></a></font>
LASTN_OPT_ITEMS=>20
FRIENDS_TALK_READLINK=><a href="%%urlread%%"><font style="font-size: 10px;"><b>%%messagecount%% </b></a></font>
LASTN_WEBSITE<=
<div id="sidebar">
<a href="http://allow.insanejournal.com/" style="text-decoration:none;"><img src="http://i.imgur.com/WNTSk7z.png" width="180px" style="padding:2px; border:0px solid #;"></a>
<span id="sidebar-inner">
</span>
<form>
<input type="checkbox" id="dropdown">
<label for="dropdown"><i>ALLOW</i></label>
<span class="drop">
<a href="http://allow.insanejournal.com/">RULES</a>
<a href="http://allow.insanejournal.com/friends">TAKEN</a>
<a href="http://allow.insanejournal.com/tag/">APPLY</a>
<a href="">MEMBERS ONLY</a>
<a href="">PROFILE</a>
</span>
</form>
</div>
<!-- This fixes a bug in Internet Explorer -->
<div> </div>
<=LASTN_WEBSITE
Public Last updated: 2017-08-31 02:03:59 PM
