fifteen.

[apologize]

XV | Apathy
I'm pretty sure I'm losing my mind, aka extremely tired.





XV; Apathy
LIVE PREVIEWS

Apathy

style

S2; Flexible Squares

accounts

Basic & Paid

browsers

All

Resolutions

works best in 1280x1024

disabled features

subtitle, control strip, current location, sidebar items

INSTALLATION
HOW TO INSTALL

if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.

install the code

/*-------------------------------------------
NAME: Apathy
STYLE: S2 | Flexible Squares
TINY ICONS: damnicons
CREDIT: apologize @ jealouss
---------------------------------------------*/

/*---------page--------*/

body {
background: #eee url(http://i49.tinypic.com/2dcitug.png);
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
#lj_controlstrip{display:none;}
/*---------body--------*/

#content
{
width: 80%;
margin-left: auto; margin-right: auto;
background-color: transparent !important;
border: none;
padding: 0px;
}

#maincontent {
margin-top: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent !important;
color: #000000;
border: none;
text-align: left;
}

/*---------header--------*/

#header {
width: 50%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "courier new", sans-serif;
font-size: 11px;
font-weight: lighter;
letter-spacing: 0px;
border: none;
background-color: transparent !important;
color: #444;
text-transform: uppercase;
}

.headerimage {
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #888;
}

div#header a:hover, div#footer a:hover {
color: #7aa1f8;
border-bottom:1px dotted #000;
text-decoration: none;
}

.title {
font-family: "courier new", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 100%;
top: 60px;
left: 135px;
text-transform: uppercase;
position: absolute;

}

.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
display: none;
}

ul.navheader
{
padding: 5px;
margin: 10px 5px 0 5px;
position: absolute;
right: 140px;
top: 47px;
background-color:#fff;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
filter: alpha(opacity=80); -moz-opacity: .80; opacity: .60;
}

ul.navheader li {
display: inline;
padding: 0px 3px 0 3px;
}

/*---------entries--------*/

.subcontent {
}

.entry {
margin: 0px 0px 10px 0px;
padding: 10px;
background-color: #fff;
color: #000000;
font-family: "arial narrow", sans-serif;
font-size: 13px;
text-align: justify;
border: none;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;

}
.entry_text{margin-top: -8px;}

.userpic {
position: relative;
float: left;
background: #efefef;
padding: 8px;
margin: 0;
z-index: 15;
border: none;
position: absolute;
left: 30px;
}

.userpic img{height: 50px; width: 50px;}

.date {
line-height: 10%;
top: 6px;
color: #444;
font-family: "courier new", sans-serif;
font-size: 10px;
text-transform: uppercase;
position: relative;
font-weight: bold;
top: 30px;
}

.subject {
font-weight: normal;
padding: 0px;
color: #888;
font-family: "courier new", sans-serif;
font-size: 30px;
text-transform: uppercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #222;
}

.subject a:hover {
color: #666;
}

.datesubject {
background-color: #fff;
padding: 5px;
border-bottom: 1px dotted #eee;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
filter: alpha(opacity=80); -moz-opacity: .80; opacity: .50;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.clear{display:none;}
/*---------tags--------*/
.ljtags {font-family:courier new; font-size:10px; font-weight: lighter; text-transform:uppercase; border-top:1px dotted #eee;
}

/*---------currents--------*/
.currents{display:inline; }
.currents strong, .currentlocation{display:none;}
.currentmood, .currentmusic{font-family: courier new; font-size:10px; text-transform: uppercase; font-weight: lighter; display:inline;}
.currentmood{margin-right:15px;}
/*---------comments--------*/

.comments {
font-family: "courier new", sans-serif;
font-size: 16px;
text-align: right;
background-color: transparent !important;
padding: 0px 15px 0px 0px;
position: relative;
margin-top: -50px;
margin-left: -100px;
display: block;
width: 55px;
text-transform: uppercase;
border-bottom: 1px dotted #000;
float: left;

}

div.comments a, div.comments a:link, div.comments a:visited{
color: #666;
}

div.comments a:hover {
color: #888;
text-decoration: none;
}

/*---------separator--------*/

.separator{
/* for formatting separators between entries */
height: 15px;
color: transparent !important;
}

/*---------friends page--------*/

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px 0 0 0;
text-align: center;
border: none;
font-family: "arial narrow", sans-serif;
font-size: 9px;
z-index: 15;
left: 40px;
position: absolute;
background-color:#fff;

}

.userpicfriends img{height: 50px; width: 50px;}
/*---------sidebar--------*/

#sidebar {
padding-top: 5px;
margin-top: 15px;
background-color: #fff;
border: none;
font-size: 11px;
font-family: "arial narrow", sans-serif;
color: #000000;
width: 100%;
height: 100px;
float: top;
text-align: justify;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}

.defaultuserpic {
display:none;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
position: absolute;
left: 110px;
border-right: 1px dotted #eee;
width: 10%;
height: 90px;
overflow: auto;
margin: 0;

}

.sbarbody2 {
padding: 10px; 0px 0 5px;
position: absolute;
left: 240px;
width: 65%;
overflow: auto;
height: 80px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #7aa1f8;
}

div#sidebar a:hover {
color: #aaa;
border-bottom: 1px dotted #7aa1f8;
text-decoration: none;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #d4dce8;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
margin: 0px;
font-family: courier new;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}

li.sbartitle, #sidebar_summary, #sidebar_tags, #sidebar_calendar{display: none;}

/*---------footer--------*/

#footer {
width: 100%;
text-align: center;
font-family: "courier new", sans-serif;
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
background-color: #fff;
color: #000;
border:none;
z-index: 100;
clear: both;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
filter: alpha(opacity=80); -moz-opacity: .80; opacity: .60;
}

#footer .viewing {display:none;

}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*---------archive page--------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-bottom: 1px dotted #888;
border-top: 1px dotted #888;
background-color:#fff;
filter: alpha(opacity=80); -moz-opacity: .80; opacity: .60;
}

table.yeartable td.yearday {
background-color: #eee;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*---------comment page--------*/

.datesubjectcomment {
background-color: #fff;
padding: 5px;
margin-top: 20px;
border-bottom:1px dotted #eee;
font-family: courier new;
text-transform: uppercase;
font-size: 10px;
color: #444;
}

.userpiccomment {
position: relative;
border: none;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border: none;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #CBD8F5;
color: #444;
font-family: arial narrow;
font-size: 12px;

}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial narrow", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #fff;
color: #000000;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial narrow", sans-serif;
color: #888;
}

.commentbox {

border: none;
padding: 10px;
margin: 10px;
background-color: #fff;
filter: alpha(opacity=80); -moz-opacity: .80; opacity: .90;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}

.datesubjectcomment a:hover {
color: #7aa1f8;
}

.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background-color: #fff;
}

.commentinfo {
background-color: #fff;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*---------misc--------*/

.clear {
height: 15px;
}

div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}

div.ContextualPopup .Content{
border: none;
}

div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}

textarea.textbox {
width: auto !important;
}

/*LINKS*/
a, a:link, a:visited {
color: #aaa;
text-decoration: none;
}

a:hover {
color: #7aa1f8;
text-decoration: none;
}

p, td, blockquote {
font-size: 10px;
font-family: courier new;
font-weight: normal;
text-transform: uppercase;
border-top: 1px dotted #eee;
border-bottom: 1px dotted #eee;
}

code, kbd, pre, tt {
font-family: monospace;
}

b, s, i, u, small {font-family: courier new; font-weight: lighter; font-size: 10px; text-transform: uppercase; color:#7aa1f8;}
big{font-family: courier new; font-weight: lighter; text-transform: uppercase; color:#7aa1f8;}
/*---------tiny icons--------*/

img[src*="img/userinfo.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i44.tinypic.com/2hcmeix.gif) no-repeat; padding: 12px 0 0 7px !important; }
img[src*="img/community.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i40.tinypic.com/108eqtk.jpg) no-repeat; padding: 7px 0 0 8px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i39.tinypic.com/1zm1i8k.gif) no-repeat; padding: 13px 0 0 9px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important;
background: transparent url(http://i39.tinypic.com/9pqmp4.gif) no-repeat; padding: 10px 0 0 9px !important;

Features
topbar, transparency

Additional Customization
none

Credits

tiny icons by damnicons

Questions

If you have a questions, please make sure you read through all the information provided here, and the FAQ before you ask. I will not answer/help if you don't take the time out to find an answer before coming to me. Questions can be directed to the FAQ entry, please do not PM me.
FAQ | HOW TO CREDIT

like what you see?

watch | more layouts