(layout 021 →) flexi sqs, air isolate.
This one is special. Streamlined and sophisticated, with a splash of color. Just like we love it.
AIR ISOLATE /4 COLORS/; static | live
Browsers: Chrome, Firefox, IE, Safari
Accounts: Basic, Plus, Paid
INSTALLATION 101
Go to Customize -> Select a Flexible Squares stylesheet.
Page setup -> 2 Column (sidebar on right) option selected.
Display tab -> Presentation -> Additional options -> user picture position should be set to right.
Custom CSS tab -> Set all dropdown menus to NO.
Input Corresponding Code //;
{{ AI GREEN }
| (screencapture)
/* entitled: air isolate [green] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #A6CE88;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#85D696;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #85D696;
padding-bottom: 10px;
color: #555555;
border: 10px solid #85D696;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#BCEA9A;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #A2E2A1;
border-top:5px solid #BCEA9A;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #85D696;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #BCEA9A;
border-top:5px solid #BCEA9A;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #BCEA9A;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#85D696;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #BCEA9A;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #85D696;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #A2E2A1;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #BCEA9A;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #A2E2A1 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI BLUE }
| (screencapture)
/* entitled: air isolate [blue] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #1FA7CD;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#1FC5EF;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #1FA7CD;
padding-bottom: 10px;
color: #555555;
border: 10px solid #1FA7CD;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#76D2E0;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #1FC5EF;
border-top:5px solid #76D2E0;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #1FA7CD;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #76D2E0;
border-top:5px solid #76D2E0;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #76D2E0;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#1FA7CD;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #76D2E0;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #1FC5EF;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #76D2E0;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #76D2E0;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png") !important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #76D2E0 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI PURPLE }
| (screencapture)
/* entitled: air isolate [purple] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #A279A9;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#BD94D3;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #A279A9;
padding-bottom: 10px;
color: #555555;
border: 10px solid #A279A9;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#DDB8F2;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #BD94D3;
border-top:5px solid #DDB8F2;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #A279A9;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #DDB8F2;
border-top:5px solid #DDB8F2;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #DDB8F2;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#A279A9;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #DDB8F2;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #CFC3E0;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #BD94D3;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #CFC3E0;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #DDB8F2 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI RED }
| (screencapture)
/* entitled: air isolate [red] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #B94643;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#B94643;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #B94643;
padding-bottom: 10px;
color: #555555;
border: 10px solid #B94643;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#E8887F;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #DB4A48;
border-top:5px solid #E8887F;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #B94643;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #E8887F;
border-top:5px solid #E8887F;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #E59992;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#E8887F;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #E8887F;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #DB4A48;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #E8887F;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #DB4A48;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #E8887F !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
EXTRANEOUS
→ Credit: N/A
→ Layout Archive: browse through older layouts~
→ Resources: precarious and hasty outline of various resources used.
WATCH & AFFILIATE
AIR ISOLATE /4 COLORS/; static | live
Browsers: Chrome, Firefox, IE, Safari
Accounts: Basic, Plus, Paid
INSTALLATION 101
Go to Customize -> Select a Flexible Squares stylesheet.
Page setup -> 2 Column (sidebar on right) option selected.
Display tab -> Presentation -> Additional options -> user picture position should be set to right.
Custom CSS tab -> Set all dropdown menus to NO.
Input Corresponding Code //;
{{ AI GREEN }
| (screencapture)
/* entitled: air isolate [green] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #A6CE88;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#85D696;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #85D696;
padding-bottom: 10px;
color: #555555;
border: 10px solid #85D696;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#BCEA9A;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #A2E2A1;
border-top:5px solid #BCEA9A;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #85D696;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #BCEA9A;
border-top:5px solid #BCEA9A;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #BCEA9A;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#85D696;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #BCEA9A;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #85D696;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #A2E2A1;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #BCEA9A;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #A2E2A1 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI BLUE }
| (screencapture)
/* entitled: air isolate [blue] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #1FA7CD;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#1FC5EF;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #1FA7CD;
padding-bottom: 10px;
color: #555555;
border: 10px solid #1FA7CD;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#76D2E0;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #1FC5EF;
border-top:5px solid #76D2E0;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #1FA7CD;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #76D2E0;
border-top:5px solid #76D2E0;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #76D2E0;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#1FA7CD;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #76D2E0;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #1FC5EF;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #76D2E0;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #76D2E0;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png") !important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #76D2E0 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI PURPLE }
| (screencapture)
/* entitled: air isolate [purple] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #A279A9;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#BD94D3;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #A279A9;
padding-bottom: 10px;
color: #555555;
border: 10px solid #A279A9;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#DDB8F2;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #BD94D3;
border-top:5px solid #DDB8F2;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #A279A9;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #DDB8F2;
border-top:5px solid #DDB8F2;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #DDB8F2;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#A279A9;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #DDB8F2;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #CFC3E0;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #BD94D3;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #CFC3E0;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #DDB8F2 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
{{ AI RED }
| (screencapture)
/* entitled: air isolate [red] */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY ---------------- */
body {
background-color: #efefef;
background-attachment:fixed; }
body, td, th {
font: normal 11px "Arial", sans-serif;
color: #AAAAAA;
line-height:15px;
text-align:justify;
}
/* PARENT LINKS, BLOCK QUOTE ---------------- */
a, a:link, a:visited, a:active {
color: #828282;
padding: 1px;
text-decoration: none;
}
a:hover {
color: #B94643;
text-decoration: none;
}
blockquote {
border:1px dotted #e2e2e2;
font: 10px "Lucida Sans", sans-serif;
line-height:2em;
background-image:url("http://i56.tinypic.com/11smu5j.png");
padding: 20px;
color:#9E9E9E;
}
b, strong {
color:#B94643;
}
em, i {
color: #BBBBBB;
}
input, textarea, select {
background-color: #ffffff;
font: normal 11px "Courier New", monospace;
color: #888888;
}
/* CONTENT FORMATTING ---------------- */
#content {
width:75%;
margin: 0 auto;
border: 0px;
padding: 0px;}
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #AAAAAA;
border: 0px;
text-align: left;}
.subcontent, .yeartable {
background-color:#ffffff;
padding:10px;
width:96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
padding-top: 10px; }
/* HEADER AND FOOTER ---------------- */
#header {
text-align: center;
background-color: #B94643;
padding-bottom: 10px;
color: #555555;
border: 10px solid #B94643;
text-transform:lowercase;
font: normal 12px "Lucida Sans", sans-serif;
letter-spacing: 1px;
margin-bottom:5px;
margin-top:-5px;
}
.title {
background:#E8887F;
font: italic 24px "Times";
color:#ffffff;
letter-spacing: 0px;
}
.subtitle {
display:none;
}
#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font: normal 15px "Times", sans-serif;
letter-spacing: 2px;
}
#footer a {
color:#888888;
background-color: #transparent;
font: italic 15px "Times", sans-serif;
padding: 5px;
letter-spacing:0px;}
div#header a, div#header a:link, div#header a:visited {
color: #ffffff;
background: #DB4A48;
border-top:5px solid #E8887F;
padding: 20px;
text-decoration: none;
margin:0px;
}
div#header a:hover {
color: #ffffff;
font: normal 12px "Lucida Sans", sans-serif;
border-top:5px solid #ffffff;
text-decoration: none;
margin:0px;
}
ul.navheader {
padding: 20px;
margin: 0 0 0 0px;
border-top: 15px solid #B94643;
background-color: #transparent;
}
ul.navheader li {
padding: 20px;
display: inline;
margin:0 0px 0 0px;
padding:0;
}
ul.navheader li.view {
padding: 20px;
margin:0 0px 0 0px;
background: #E8887F;
border-top:5px solid #E8887F;
color: #ffffff;}
/* ENTRY, ENTRY-LISTS ---------------- */
.entry {
margin: 0;
padding: 0 15px 10px 15px;
background-color: #ffffff;
line-height: 2em;
text-align: justify;
}
.lj-view-recent .entry_text {
min-height:220px; }
.entry_text {
padding: 0 0 12px 0;}
.entry_text a:link, a:visited, a:active {color:68D9FF; }
.entry_text a:hover {font-color:000;}
.entry_text img {
border-top: 1px dotted #eee;
padding:5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 5px;
}
.entry ol li {
padding-left: 5px;
margin-left: 5px;
}
/* USER PIC CRAP ---------------- */
.userpic {
position: relative;
float: right;
}
.userpicfriends {
text-align: center;
font-family: Lucida Sans;
font-size: 8pt;
position: relative;
float: right;
}
.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:7px;
border:5px solid #EFEFEF;
background-image:url("http://i54.tinypic.com/dwbbrc.png");
margin: 0px 0px 14px 14px;
}
.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #888888; }
/* DATE AND SUBJECT ---------------- */
.date {
text-transform:uppercase;
font: normal 9px "Trebuchet MS", sans-serif;
color: #CCCCCC;
letter-spacing: 3px;
text-align: left;
padding: 0px;
}
.subject, subject a, subject a:link {
font: italic 17px "Times", sans-serif;
color: #898989;
padding-top: 3px;
letter-spacing:0px;
text-transform:none;}
.subject a:hover {color: #AAAAAA;}
.datesubject {
padding: 10px 17px 0px 10px;
background-color: #ffffff;
text-align:left;
}
/* FORMAT THE SIDEBAR ------------------ */
#sidebar {
padding-top: 10px;
font: normal 9px "Arial", sans-serif;
color: #AAAAAA;
width: 25%;
float:right;
margin-top:-5px;
text-align: justify;
line-height: 15px; }
.defaultuserpic {
display: none;
}
li.sbartitle {
list-style: none;
font: italic 15px "Times", sans-serif;
text-transform:capitalize;
text-align: center;
padding-bottom: 5px;
border-bottom:3px solid #E59992;
}
.sbarbody {
background-color: #ffffff;
padding: 5px;
margin-top:
10px;border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
.sbarbody2 {
font: normal 11px "Arial", sans-serif;
padding: 10px;
background:#ffffff;
border-left:1px solid #E2E2E2;
border-right:1px solid #E2E2E2;
border-bottom:none;
line-height: 2em;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color:#E8887F;
text-transform:uppercase;
}
div#sidebar a:hover {
color: #A3A3A3;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 1px solid #EAEAEA;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #ffffff;
padding: 6px;
margin-bottom:4px;
}
.sbarcalendarposts {
border: none;
background-color: #F4f4f4;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 11px;
padding: 6px;
}
ul.sbarlist{
background-color: #ffffff;
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px dotted #DDDDDD;
}
li.sbaritem:hover {
font: normal 9px "Arial", sans-serif;
line-height: 15px;
background-color:#F9F9F9;
padding: 5px 0 2px 5px; }
#sidebar_linklist, #sidebar_calendar {
background: #ffffff;
padding: 5px;
margin-top: 10px;
border:1px solid #E2E2E2;
border-bottom:none;
border-top:3px solid #E2E2E2;}
/* TAGS ------------------ */
.ljtags {
font: normal 9px "Trebuchet MS", sans-serif;
color: #888888;
text-transform:uppercase;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
height: 10px;
position:relative;
text-align:left; }
.ljtags a {color: #888888;}
.ljtags a:hover {border-bottom: 1px dotted #CCCCCC;}
ul.ljtaglist {
width: 96%;
border:1px solid #E2E2E2;
border-top:3px solid #E2E2E2;
border-bottom:none;
background-color:#ffffff;
padding: 10px;
padding-top:30px;
list-style:none;
margin:0;}
/* CURRENTS INFO ---------------- */
.currents {
padding:6px;
background:white;
margin-top:-20px;
font: normal 9px "Trebuchet MS", sans-serif;
text-transform: uppercase;
color: #A3A3A3;
}
.currents strong {
display: none;
}
.currentmood {
background: url('http://img219.imageshack.us/img219/4487/044z.png') no-repeat left center; padding-left: 14px;
}
.currentmusic {
background: url('http://img850.imageshack.us/img850/3669/060.png') no-repeat left center; padding-left: 14px;}
.currentlocation {display:none;}
/* COMMENT LINKS ---------------- */
.comments {
text-align: center;
padding: 2px;
font-size:0;
border-bottom:5px solid #E8887F;
margin: 0;
color:#ffffff;
}
.comments a {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
padding: 5px;
color:#ffffff;
background-color: #DB4A48;
margin: 0 2px 0px 0px;
}
.comments a:hover {
font: normal 11px "Lucida Sans", sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#ffffff;
padding: 5px;
background-color: #E8887F;
margin: 0 2px 0px 0px;
}
/* COMMENT-PAGE ---------------- */
.datesubjectcomment {
padding: 5px;
background-color: #f4f4f4;
border-bottom:5px solid #efefef;
margin-top: 0px;
}
.userpiccomment {
position: relative;
top: -8px;
left: 0px;
margin: 0px 10px 15px 0px;
z-index: 15;
float: left;
width:50px;
height:50px;
padding:5px;
background-color: #DB4A48;
}
.box {
width:90%;
float:left;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 10px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
}
.commentbox {
border:1px solid #e2e2e2;
border-top:5px solid #e2e2e2;
border-bottom:none;
background:#ffffff;
padding: 10px;
margin: 0px 10px 10px 0px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
.datesubjectcomment a:hover {
}
.commentboxpartial {
padding: 10px;
margin: 10px;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ARCHIVE PAGE ---------------- */
ul.year {
text-align: center;
padding-bottom: 20px;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 595px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #ffffff;
padding:10px;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* FOOTER ---------------- */
ul.navfooter{
text-align: center;
padding: 5px;
margin: 0px;
}
ul.navfooter li {
text-align: center;
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
height:0;
}
/* MISC, SPACE SEPARATOR ----------------*/
.clear {
height: 5px;
}
.skiplinks {
text-align: center;
text-transform:uppercase;
}
.separator{
height: 5px;
}
form#qrform table {
border-width: 0px !important;
}
/* LJ USER IMG ICONS ---------------- */
.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"], img
[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img
[src*="openid-profile.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url("http://img19.imageshack.us/img19/2576/160w.png")
!important;
padding: 15px 11px 0 0 !important;
text-decoration: none;
}
.ljuser img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-repeat: no-repeat !important;
background-image:url("http://img807.imageshack.us/img807/3271/159j.png")
!important;
padding: 15px 11px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_protected.gif"] {
background-repeat: no-repeat;
background-image:url("http://img807.imageshack.us/img807/1817/181.png");
padding: 19px 19px 0 0 !important;
width:0;
height: 0;
text-decoration: none;
}
img[src*="icon_private.gif"] {
background-repeat: no-repeat;
background-image: url("http://img692.imageshack.us/img692/1787/183ou.png");
padding: 17px 20px 0 0 !important;
text-decoration: none;
width:0;
height: 0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:18px 18px 0 0 !important;
width:0;
}
/* CONTEXTUAL POP-UP ---------------- */
div.ContextualPopup div.Inner {
padding: 10px 10px 8px 10px !important;
background-color: #ffffff;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 8px;
text-transform:uppercase;
width:210px;
border:1px solid #DDDDDD;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner
a:active {
color: #E8887F !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #888888 !important;
font-weight: normal;
text-decoration: none !important;
}
div.ContextualPopup .Relation {
color: #333333;
font-weight: normal !important;
}
EXTRANEOUS
→ Credit: N/A
→ Layout Archive: browse through older layouts~
→ Resources: precarious and hasty outline of various resources used.
WATCH & AFFILIATE