break the ice; ( s2 flexible squares )

[vertebra]

live preview | image preview


break the ice; ( details )
theme: s2 flexible squares
browser: tested in firefox, 1024x768+. not tested with plus account.
coded: main page, archive, contextual pop-up.
uncoded: comment pages.
turned off: sidebar.
use layout stylesheet? no

break the ice; ( credits )
all coding: vertebra
no special codings from others. you're welcome to add them.

break the ice; ( codes )
please credit vertebra / sacrospinalis in your information or wherever it is you credit people, thank you.

/*
S2 FLEXIBLE SQUARES ---- Break The Ice ----
Layout Coding by Vertebra @ LJ
http://community.livejournal.com/sacrospinalis

*/

body {
background-color: #f7f7f7;
font-family: impact;
color: #367180;
font-size: 9px;
line-height: 11px;
text-align: justified;
margin: 60px 0 30px 0;
background-image: url();
background-position: top left;
background-repeat: repeat-x; }

a, a:link, a:visited {
color: #a2c9d3;
text-decoration: none; }

a:hover {
color: #2b98b4;
text-decoration: none;
cursor: default; }

p, td {
font-size: 9px; }

blockquote {
padding:5px;
color: #999999;
background-color:#f2f2f2;
border: none;
border-left:1px #60a6b7 dotted;
}

code, kbd, pre, tt {
font-family: monospace;
color: #4d7f8b;
padding:5px;
background-color:#e4f5f9;
border: none; }

#content {
width: 550px;
background-color: none;
margin-left: auto;
margin-right: auto;
border: none;
padding: 0px; }

#maincontent {
margin: 0px;
width: 550px;
background-color: none;
border: none;
font-family: impact;
font-size: 9px;
color: #367180;
text-align: justify; }

#sidebar { display: none;
width: 540px;
height: auto;
background-color: ;
padding: 5px;
padding-bottom: 0px;
margin: 0px;
margin-bottom: 25px;
border: none;
border-top: 1px dotted #7bafbc;
font-family: impact;
font-size: 10px;
color: #ffffff;
text-align: center;
float: center; }

#header {margin-bottom: 75px;
padding: 10px;
text-align: center;
font-family: impact;
font-size: 10px;
color: #a4ccd6;
text-transform: uppercase;
letter-spacing: 2px;
background-color: ; }

#footer {
width: 530px;
padding: 10px;
background-color: ;
border: none;
text-align: center;
font-family: impact;
font-size: 10px;
color: #999999;
text-transform: lowercase;
letter-spacing: 2px;
z-index: 100;
margin: 0px;
clear: both; }

div#header a, div#header a:link, div#header a:visited {
color: #e8e8e8;
text-decoration: none; }

div#header a:hover {
color: #39929a;
text-decoration: none;
cursor: default; }

div#footer a, div#footer a:link, div#footer a:visited {
color: #a8d0da;
text-decoration: none; }

div#footer a:hover {
color: #edf8f9;
text-decoration: none;
cursor: default; }

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

ul.navheader li {
display: ;
list-style: none;
list-style-type: none;
padding: 0 3px 0 3px; }

.title {display: none;
text-align: center;
font-face: impact;
color: #ffffff;
font-size: 21px;
letter-spacing: 4px;
line-height: 20px;
padding-top: 5px; }

.subtitle {
display: none; }

.subcontent {
margin: 0px;
border-bottom: 1px dotted #a2c8d1;
background-color: ; }

.entry {
margin: 0px 10px 0px 10px;
padding: 5px;
color: #367180;
font-family: arial narrow;
font-size: 10px;
text-align: justify;
border: none;
background-color: none; }

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

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

span.ljuser, span.ljuser a b{
padding: 0px;
width: 0px;
height: 0px;
margin: 0px;
font-weight:100; }

span.ljuser img{
visibility: hidden;
padding: 0px;
width: 0px;
height: 0px; }

img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 8px;
background: url(http://i25.tinypic.com/2i11ptz.gif); }

.userpic, .userpicfriends {
position: relative;
float: right;
text-align:center;
color:#ffffff;
margin: auto 10px 10px 10px;
padding:4px;
background-color: transparent !important; }

.userpic img, .userpicfriends img {
border:1px dotted #e6e6e6;
padding:5px;
background-color: transparent !important; }

.date {
line-height: 100%;
padding-top: 0px;
padding-left: 5px;
margin-left: 0px;
margin-top: 15px;
padding-bottom: 5px;
color: #60a6b7;
font-family: impact;
font-size: 16px;
letter-spacing: 3px;
background-color: none; }

.subject {
line-height: 50%;
padding: 5px;
margin-left: 100px;
padding-left: 15px;
margin: 0px;
color: #9ac3cd;
font-family: impact;
font-size: 10px;
letter-spacing: 5px;
background-color: none; }

.subject a, .subject a:link, .subject a:visited {
color: #a2c9d3;
text-decoration: none; }

.subject a:hover {
color: #2b98b4;
text-decoration: none;
cursor: default; }

.datesubject {
}

.currents, .currentmood, .currentmusic, .currentlocation {
font-family: arial narrow;
font-size: 9px; }

.comments {
font-family: impact;
font-size: 10px;
text-align: right;
background-color: none;
padding: 0px 10px 15px 10px;
position: relative;
text-transform: uppercase;
top: 0px; }

div.comments a, div.comments a:link, div.comments a:visited{
color: #a2c9d3;
text-decoration: none; }

div.comments a:hover {
color: #2b98b4;
text-decoration: none;
cursor: default; }

.ljtags {padding: 12px;
color: #8D9DAD;
font-style: italic;
text-transform: lowercase; }

ul.ljtaglist li {
list-style: decimal-leading-zero;
list-style-position: outside;
padding-left: 10px;}

ul.ljtaglist {
padding: 30px;
margin-right: auto;
margin-left: auto;
background: #edf8f9;
border-top: 5px solid #a2c8d1;
border-bottom: 5px solid #a2c8d1; }

.datesubjectcomment {
border-top: 1px solid #cadde2;
border-bottom: 1px solid #cadde2;
padding: 3px;
margin-top: 5px;
color: #60a6b7; }

.userpiccomment {
position: relative;
border: none;
background-color: transparent;
padding: 0px;
padding-left: 10px;
margin-right: -3px;
margin-top: -9px;
z-index: 15;
float: right; }

.box {
clear: left; }

input {
background-color: #d4e4ee;
color: #367180; }

textarea {
background-color: #edf8f9;
color: #367180; }

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

ul.year {
text-align: center;
padding-top: 20px;
padding-bottom: 10px; }

ul.year li {
font-face: trebuchet ms;
font-size: 30px;
display: inline; }

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #a2c8d1;
background-color: #ffffff;
text-align: center; }

td.yearmonth {
border: none;
font-size: 9px; }

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

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

.clearfoot {
clear: both; }

.clear {
height: 10px; }

.skiplinks {
text-align: center;}

.headerimage {
}

.separator {
height: 10px; }

h2 {
display: none; }

div.ContextualPopup {
margin: 5px 0 0 20px;
font: normal 9px "impact" !important; }

div.ContextualPopup img {
border: 0; }

div.ContextualPopup div.Inner {
background-color: #f7f7f7 !important;
color: #367180 !important;
border: 1px dotted #bbd8df;
padding: 0px;
width: 200px; }

div.ContextualPopup .Content {
padding: 5px;
margin-right: 50px; }

div.ContextualPopup .Relation {
font-weight: bold !important; }

div.ContextualPopup .Content .OnlineStatus {
font-weight: bold; }

div.ContextualPopup .Userpic {
padding: 4px 5px 1px 0; }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: bold;
color: #a2c9d3 !important; }