wolves layout
FRIENDS_OPT_ITEMS=>10
GLOBAL_HEAD<=
<title>c</title>
<meta charset="UTF-8">
<link rel="shortcut icon" href="http://i.imgur.com/j3C4PJw.png">
<link rel="stylesheet" href="http://minna.neocities.org/fonts/font.css">
<link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">
<style>
/* ᴄʀᴇᴅɪᴛ: original layout base @ᴍɪɴɴᴀ with heavy edits by squirtle@ij -- please do not remove this credit */
/* background */
body{background: url(http://imgur.com/a/z0Hd4) ;background-attachment:fixed;
background-color:#c0ddea;
background: -webkit-linear-gradient(#d4d4d4, #094f64);
background: -o-linear-gradient(#d4d4d4, #094f64);
background: -moz-linear-gradient(#d4d4d4, #094f64);
background: linear-gradient(#d4d4d4, #094f64);
}
overflow-x: hidden; margin-top: 0px; margin-top:0px;}
table {margin-bottom: 0px;}
.shadowed {background-color: #f9f9f9;}
/* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
table {
border: 0p;
}
table table {
border: 0px;
}
/* JUSTIFIES TEXT */
tr {
text-align:justify;
}
/* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
.entrybox {
width:594px;
}
/* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */
.entrybox, .shadowed {
background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */
box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
border-radius: 2px; /* adding a very slight rounding to the edges */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
/* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
table table table td.meta {
font-size: 0px;
line-height: 0px;
}
/* CHANGES FONT SIZES FOR IJ LINKS */
p table.entrybox table table td.meta, table table table td.meta a {
font-size:6px;
line-height: 6px;
font-family: mada;
letter-spacing:1px;
margin-right: 10px;
}
/* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
visibility: hidden;
line-height: 0px;
}
.entrybox td.index {
display: none;
}
/* PAGE FONT */
tr, td, table, body {
font-family: mada;
font-size: 6px;
color: #333;
letter-spacing: 1px;
line-height: 10px;
font-weight: lighter;
text-transform: uppercase;
padding: 1px;
}
/* SETS HOW BOLDED TEXT LOOKS */
b {
font-weight: normal !important;
}
/* SUBJECT LINE APPEARANCE & FONT */
p table table td.caption {
font-family: mada;
font-size: 8px;
color: #333;
letter-spacing: 1px;
line-height: 8px;
font-weight: lighter;
margin-bottom: -4px;
text-shadow: 0px 0px 1px #404040;
text-transform:uppercase;
padding: 0px;
}
/* NAMEFIELD - note: this pulls your default namefield */
.shadowed td div {
font-family: wild;
font-size: 12px;
line-height: 3px;
color:#000;
text-transform: lowercase;
margin-left: 20px;
}
/* MISC LITTLE TEXT. e.g. navigation/date and time. */
p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
font-family: mada;
font-size: 6px;
line-height: 8px;
letter-spacing: 1px;
color:#222222;
text-shadow:0px 0px 0px #ddd;
font-weight: lighter;
text-transform: uppercase;
}
.date {
padding:0;
display:block;
text-align:left; font-size: 6px;
}
/ * HIDES DATE * /
.dates {
display: none;
}
/* LINK EFFECTS */
a {
color: #333;
text-shadow: 0px 0px 1px #094f64 ;
text-decoration: none;
-webkit-transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}
A:hover {
filter: hue-rotate(342deg) saturate(0.9);
-webkit-filter: hue-rotate(342deg) saturate(0.9);
-moz-filter: hue-rotate(342deg) saturate(0.9);
-ms-filter: hue-rotate(342deg) saturate(0.9);
-o-filter: hue-rotate(342deg) saturate(0.9);
text-decoration: none;
color:#7aadc5;
}
.shadowed td div img {
box-shadow: 0 0 0 !important;
}
/* USERICONS & LOCKS - note: this pulls your default icon. */
.shadowed img, .index img {
border-radius: 0px;
opacity: 1.0;
filter:alpha(opacity=75);
height: 100px; /* ADJUST SIZE OF ICON */
width: 100px; /* ADJUST SIZE OF ICON */
}
.shadowed img {
border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 0px;
position: relative;
z-index: 1;
visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */
}
p table table td.caption img {
height:6px;
width:7px;
opacity:0.7;
}
/* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
img[src*="img/userinfo.gif"] {
width: 0 !important;
height: 0 !important;
}
img[src*="img/community.gif"] {
width: 0 !important;
height: 0 !important;
}
/* OPACITY FOR IMAGES */
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 ICON BACKGROUND/FONT */
.entrybox a.index {
background:transparent;
color:#808080;
font-size:8px;
}
/* SCROLLBAR APPEARANCE */
::-webkit-scrollbar {width: 4px;}
/* UNDERNEATH BAR */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
/* TOP BAR */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);}
/* CURSOR */
body, a, a:hover {
cursor:url(http://i.imgur.com/ONVDMqu.png), default;
.}
/* CSS */
#circle{
position:absolute;
top: 3px;
margin-left: -208px;
visibility: visible;
z-index: 2;
visibility: visible !important;
}
#dahlia {
position:absolute;
top: 17px;
margin-left: 190px;
z-index: 2;
}
#moon{
position:absolute;
top: 130px;
margin-left: 260px;
z-index: 2;
}
#moon2{
position:absolute;
top: 15px;
margin-left: 320px;
z-index: 2;
}
#wolf{
position:absolute;
top: 380px;
margin-left: -321px;
z-index: 2;
}
#wolf2{
position:absolute;
top: 250px;
margin-left: -421px;
z-index: 2;
}
#icon {
position:absolute;
top: 35px;
margin-left: -110px;
z-index: 1;
width: 100px;
height: 100px;
}
#mountain{
position:absolute;
top: 55px;
margin-left: 10px;
z-index: 1;
width: 300px;
}
#mountain2{
position:absolute;
top: 0px;
margin-left: 90px;
z-index: 1;
width: 150px;
}
</style>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="mountain2">
<img src="http://i.imgur.com/PjIhkVb.png" style="display: block; width: 250px; height: px; opacity: 1.0; visibility: visible; border-radius: 0px !important;">
</div>
<div id="dahlia">
<font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>
<div id="moon2">
<img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:50; height:50; transform: rotate(0deg); visibility: visible;">
</div>
<div id="wolf2">
<img src="http://i.imgur.com/b9u7Ij3.png" style="display: block; width:250px; height: 250px; transform: rotate(-5deg); visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
</div>
<=FRIENDS_WEBSITE
LASTN_OPT_ITEMS=>10
LASTN_WEBSITE<=
<table cellspacing="0" cellpadding="0" border="0" summary="">
<div id="mountain">
<img src="http://i.imgur.com/PjIhkVb.png" style="display: block; width: 250px; opacity: 1.0; visibility: visible; border-radius: 0px !important;">
</div>
<div id="circle">
<img src="http://i.imgur.com/V6cEKL1.png" style="display: block;margin-top: -18px;margin-left: 50px; width: 200px;height: 200px;opacity: .1; filter: hue-rotate(0deg); visibility: visible;">
</div>
<div id="dahlia">
<font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>
<div id="moon">
<img src="http://i.imgur.com/IvDrYXw.png" style="display: block; width:70; height:70; transform: rotate(0deg); visibility: visible;">
</div>
<div id="wolf">
<img src="http://i.imgur.com/ytostJs.png" style="display: block; width:; transform: rotate(0deg); visibility: visible; border: 0px !important; border-radius: border-radius: 0px !important;">
</div>
<div id="icon">
<img src="http://www.insanejournal.com/userpic/35780491/4192030" style="display: block; width: 100px; height: 100px; opacity: 1.0; visibility: visible; border-radius: 100px !important;">
</div>
<=LASTN_WEBSITE
Public Last updated: 2017-09-27 01:01:55 AM
