(28): the slow equilibrium
Bahahaha, I have returned! Happy New Years everyone~! ♥♥♥
Here's a Smooth Sailing layout. :D I spent the last week fiddling with Smooth Sailing instead of studying for finals whoops, so hopefully I'll have some new designs up soon.
I want to diversify (.. /cough) my layouts, so this year, I'll be trying to create more styles in Bloggish, Tranquility, Opal, etc. I'm also in the middle of revamping unequally to be more organized, so hopefully it'll be easier to navigate!
Live || Preview
STYLESHEET OVERVIEWS2 STYLESMOOTH SAILING ► THE SLOW EQUILIBRIUMBROWSERIE7, Mozilla Firefox, Opera (800x600+)ACCOUNT TYPESBasic, Plus (horizontal ad placement preferred), PaidDISABLEDTitle / SubtitleADD-ONSContextual pop-up, tiny icons, custom comment pagesNAVIGATION STRIPCompatible
INSTALLATION INSTRUCTIONSCODES
/* -------- stylesheet by INTROJECT (at) UNEQUALLY ------
------ (s2 smooth sailing : the slow equilibrium) -------
--------- found at unequally.livejournal.com ------------ */
/* -------------------------------------------
------------------- BODY ---------------------
---------------------------------------------- */
body {
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/tan_bgnew.jpg');
font-size: 8pt;
margin: 0;
color: #444;
font-family: "lucida sans unicode", sans-serif;
}
a, a:visited, .day-count a, .entryHeader a, div.ContextualPopup .Relation {
text-decoration: none;
color: #444444;
}
a:hover {color: #5F5841;
position: relative;
top: 1px; left: 1px;
}
b, u {color:#664e3a;} i, em {color:#904443;}
blockquote {
padding:15px;
border-bottom: 1px solid #eeeeee;
background: transparent url() repeat-x scroll 0 100%;
color:#666666;
}
code {
font-family: monospace;
display:block;
padding:5px;
border:1px dashed #eeeeee;
font-size: 12px;
}
input, textarea, select {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #777777; background:#fafafa;
line-height: 150%;
padding: 2px;
border:1px solid #d8d2b2;
}
/* -------------------------------------------
------------------- PAGE ---------------------
---------------------------------------------- */
.bodyblock {padding: 0px 15px;
margin-right:auto;
margin-left: auto;
}
.body-title, .body-midtitle { display:none; }
.bodyheaderblock { border: 0px;
color: #888888;
padding: 0px;
}
.bodynavblock {
color: #777777;
margin: 0px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #444;
}
.pageblock{ margin:0; }
/* -------------------------------------------
------------------- HEADER -------------------
---------------------------------------------- */
.pageheaderblock {
background: #131313;
text-align: right;
padding: 20px;
margin-bottom:0px;
font-size: 9pt;
}
.pageblock{
margin:0;
}
.header-title, .header-subtitle, .header-icon { display:none;}
.header-menu {
padding: 5px;
padding-left: 19px;
letter-spacing: -1px;
line-height: 20px;
text-transform: lowercase;
}
.header-menu a, .header-menu a:visited {
text-align: left;
padding: 10px;
padding-bottom: 23px;
margin-right:2px;
color: #444;
text-decoration: bold;
letter-spacing: -.8pt;
font-family: "arial";
font-size: 13.5pt;
text-transform: uppercase;
}
.header-menu a:hover {
color: #666;
text-decoration: bold;
background: transparent url('http://i44.tinypic.com/28arsc6.png') no-repeat bottom center
}
.header-menu ul { margin: 0px; padding: 0px; }
.header-menu li { display: inline; }
/* -------------------------------------------
----------------- FOOTER ---------------------
---------------------------------------------- */
#footer-menu {
background: url('http://i41.tinypic.com/302qddg.png');
font-size: 11px;
padding: 25px 15px;}
#footer-menu a, .footer-menu a:visited {
text-align: left;
color:#333;
background:#eae3cd;
padding: 5px;
}
#footer-menu a:hover {color:#b4ad8f;}
.pagefooterblock {
background-color: #131313;
color: #444;
font-family: "arial";
letter-spacing: .3pt;
text-align: right;
padding: 12px 15px;
margin-top: -4px;
}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
#footer-menu li { display: inline; }
#footer-menu ul { margin: 0px; padding: 0px; }
/* -------------------------------------------
------------------- ENTRY --------------------
---------------------------------------------- */
.entryHolder {
line-height: 1.75;
margin: 0px 0px 2px 0px;
background: url('http://i41.tinypic.com/302qddg.png');
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.entryUserinfo-usericon img { border:0px; padding:2px; margin: 0px 0px 5px 15px;}
.entryText { padding: 15px; min-height: 30px; }
/* ---------------- SUBJECT ------------------ */
.entryHeader {
color: #eee;
font-family: "georgia", sans-serif;
text-decoration: none;
text-align: right;
padding: 25px 20px 0px 0px;
font-size:0px;
letter-spacing: -.5pt;
border-bottom:1px solid #e9e2c5;
}
.entryHeader a{ color:#333;}
.entryHeaderSubject {font-size: 12pt; color: #f3edda; text-transform: lowercase;}
.entryHeaderSubject a {font-size: 22pt; font-style: italic;}
/* ----------------- DATE -------------------- */
.entryHeaderDate {
display:block;
text-transform: lowercase;
color:#777;
margin-bottom: -5px;
font-size:15pt !important;
font-family: "georgia";
line-height:1px;
}
.entryHeaderDate a {color: #ccc; text-decoration : none;}
.entryHeaderDate a:hover { color: #dddddd; text-decoration :underline; }
/* ---------------- METADATA ------------------ */
.entryMetadata {
padding-bottom: 18px;
padding-left: 40px;
font-family: "franklin gothic medium";
color: #7F6D57;
}
.entryMetadata ul {
margin: 0px;
padding: 0px; }
.entryMetadata li {
list-style: none;
font-size: 7pt;
}
.entryMetadata img {display:none;}
.entryMetadata-label {font-weight: bold; padding-right: 3px; }
.entryMetadata a:hover {color:#BFAE9B;}
/* -------------- COMMENT LINKS ---------------- */
.entryLinkbar {
border-top:1px solid #eae3c6;
font-family: "georgia", sans-serif;
text-transform: lowercase;
letter-spacing: .2pt;
font-size: 8pt;
text-align: right;
padding: 0px;
}
.entryLinkbar ul {
margin: 12px 0;
padding: 0px;
}
.entryLinkbar li {
padding: 15px;
margin: 0px;
border-left: 1px solid #eae3c6;
display: inline;
}
.entryLinkbar li:hover {
background:#FFFCEF;
padding: 14px 15px;
}
.entryLinkbar a:hover {color:#5F553B;}
/* -------------------------------------------
------------------ SIDEBAR -------------------
---------------------------------------------- */
.sidebar {
margin: auto;
width: 140px;
font-family: "arial";
color: #555;
padding: 15px;
font-size: 8pt;
line-height: 150%;
}
.sidebox #profile {text-align: center; }
img.profile-userpic {
text-align: center;
width: 80px;
height: 80px;
border: 10px solid #f0e9d3;
margin-top: 15px;
}
.sideboxTitle {
text-transform: uppercase;
font-family: "courier new";
text-decoration: none;
font-size: 8pt;
padding: 8px 8px 0px 8px;
color: #a8937d;
text-align: right;
letter-spacing: 1px;
border-bottom: 3px double #d8d2b2;
margin-bottom: 8px;
}
.sideboxContent {
text-align: justify;
padding: 0px 4px 22px 0px;
}
.sidebox #latestmonth {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.sidebox #tags_sidebox {
text-align: left;
color:#eee;
margin-top: 15px;
}
.sidebox #tags_sidebox a {
background:#f1ebd6;
padding: 2px; margin: 2px;
border-bottom:1px solid #dfd8c1;
}
.sidebox #freetext {
text-align: left;
line-height: 170%;
}
.sidebox #search {
text-align: center;
}
.sidebox #summary {
text-align: left;
font-size: 7.5pt;
font-family: "franklin gothic medium";
}
.sidebox #systemlinks { text-align: center; }
.listitem {
padding: 0px 5px 0px 5px;
font-size: 7pt;
font-family: "georgia", sans-serif;
text-align: justify;
}
.sideboxContent input#SearchTerm, select#SearchType, input { border:1px solid #d9cfad; }
.sidebox td {
font-family: "georgia";
padding-bottom: 5px;
color:#3F3B2B;
letter-spacing: -.4pt;
}
.sidebox #latestmonth table{
text-align: center;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
.latestmonth-inactive { background: #FFF8DF; font-size: 7pt; color:#888; padding: 2px; margin: 2px;}
.latestmonth-active {background: #CFC39B; margin:1px; font-size: 7pt; padding: 1px;}
.listtitle {font-weight: bold; }
.profile-label,
.profile-content { display:none; }
/* -------------------------------------------
------ CUSTOM COMMENT PGS (PAID ONLY) --------
---------------------------------------------- */
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.commentUserinfo-usericon img {
margin-left: 10px;
border:0px;
padding: 8px;
background:#DFD6B5;
}
.commentHolder {
background: url('http://i41.tinypic.com/302qddg.png');
padding: 0px;
margin: 15px 10px;
}
.commentText {
text-align: justify;
padding: 10px;
}
.commentHeader {
color: #444;
font-weight: bold;
text-transform: lowercase;
font-family: "georgia";
font-size: 15pt;
padding: 8px;
}
.commentHeaderScreened {
background-color: #EFE8D1;
padding: 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
text-align: right;
font-size: 7pt;
border-top: 1px solid #e9e2c6;
padding: 6px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 6px 12px;
margin: 0px;
border-left: 1px solid #e9e2c6;
display: inline;
}
.commentLinkbar li:hover {
background:#FFF8DF;
color:#5F5841;
}
.replyform {
padding-left: 10px;
margin: auto;
}
/* -------------------------------------------
----------------- TAGS PG --------------------
---------------------------------------------- */
.tagstable { width: 100%; }
.tagstable, .tagstable td { border: 1px solid #eee4c9; margin: 1px; }
/* -------------------------------------------
----------------- ARCHIVES -------------------
---------------------------------------------- */
.yearlinks{ text-align: center; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center;
margin-right: auto;
margin-left:auto;
width: 55%; }
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center;
text-transform: lowercase;
text-decoration: bold;
border-top: 1px solid #e9e3c1;
background: #f1ecd9;
font-family: "georgia"; }
.day-blank, .day { border-top: 1px solid #e9e3c1; border-left: 1px solid #e9e3c1;}
.day-count { text-align: right; font-size: 1.5em; }
.day-count a { text-decoration: none; color: #888; }
/* -------------------------------------------
---------- CONTEXTUAL POP-UPS ----------------
---------------------------------------------- */
div.ContextualPopup div.Inner {
background:transparent!important;
color: #333029 !important;
border:none;
padding:10px;
width: 245px;
font-family:"franklin gothic medium", sans-serif;
font-size: 8pt;
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
border: 1px solid #CCC3A3; background-color: #D6CEB0;
}
div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
border: 1px solid #CCC3A3; background-color: #D6CEB0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #590404 !important;
text-transform: uppercase;
}
div.ContextualPopup div.Inner a:hover {
text-decoration: none !important;
font-weight: normal;
color: #824C3D !important;
}
div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 1px dotted #AB9780;
margin-bottom:4px;
padding-bottom:4px;
}
/* -------------------------------------------
-------------- LJ TINY ICONS -----------------
---------------------------------------------- */
.ljuser img {
width: 0;
height: 0;
background: transparent url('http://i40.tinypic.com/ibcu4x.png') no-repeat center left;
padding: 17px 16px 0 2px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background: transparent url('http://i40.tinypic.com/ibcu4x.png') no-repeat center left;
padding: 17px 14px 0 2px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/home_small.png');
padding: 14px 12px 0 2px !important;
}
img[src="http://p-stat.livejournal.com/img/syndicated.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/feed.png');
padding: 17px 16px 0 2px !important;
background-position: center left;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] {
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/gear.png') no-repeat;
padding: 17px 16px 0 2px !important;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src="http://p-stat.livejournal.com/img/anonymous.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/talk/none.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i38.tinypic.com/vovi8j.png) no-repeat scroll 50% 50%;
}
img[src="http://p-stat.livejournal.com/img/pencil.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i40.tinypic.com/289fp7d.png');
}
img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i39.tinypic.com/mrrblj.png');
}
img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
}
/* -------------------------------------------
------------------- CONTROL STRIP ------------
---------------------------------------------- */
#lj_controlstrip {
background:#131313;
}
#lj_controlstrip_statustext, #lj_controlstrip a {
color:#777;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search,
#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_login td, #lj_controlstrip td td {
border:none !important; }
#lj_controlstrip input {
background:#181818 !important;
color:#777 !important; font-family: "courier new"; }
#lj_controlstrip_search_input_text, #lj_controlstrip select,
#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password,
#lj_controlstrip input#xc_remember {
background:#131313 !important;
color:#777 !important; border: 1px solid #444; font-family: "courier new";
}
#lj_controlstrip .ljuser a b {
color:#666; font-family: georgia;
text-decoration:none !important;
}
/* -------------------------------------------
------------------- MISC ---------------------
---------------------------------------------- */
html body {}
::-moz-selection
{
background: #131313;
color: #FFFBEF;
}
S2 STYLECUSTOMIZE ► SMOOTH SAILINGDISPLAY
( suju icon → acony_icons )CREDITPlease credit unequally and/or introject!QUESTIONS?If there's anything I've overlooked or coded badly, please don't hesitate to tell me! Further questions (customization, etc.) can be asked in this post, and I'll get back to you asap. :)
Here's a Smooth Sailing layout. :D I spent the last week fiddling with Smooth Sailing instead of studying for finals whoops, so hopefully I'll have some new designs up soon.
I want to diversify (.. /cough) my layouts, so this year, I'll be trying to create more styles in Bloggish, Tranquility, Opal, etc. I'm also in the middle of revamping unequally to be more organized, so hopefully it'll be easier to navigate!
Live || Preview
STYLESHEET OVERVIEWS2 STYLESMOOTH SAILING ► THE SLOW EQUILIBRIUMBROWSERIE7, Mozilla Firefox, Opera (800x600+)ACCOUNT TYPESBasic, Plus (horizontal ad placement preferred), PaidDISABLEDTitle / SubtitleADD-ONSContextual pop-up, tiny icons, custom comment pagesNAVIGATION STRIPCompatible
INSTALLATION INSTRUCTIONSCODES
/* -------- stylesheet by INTROJECT (at) UNEQUALLY ------
------ (s2 smooth sailing : the slow equilibrium) -------
--------- found at unequally.livejournal.com ------------ */
/* -------------------------------------------
------------------- BODY ---------------------
---------------------------------------------- */
body {
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/tan_bgnew.jpg');
font-size: 8pt;
margin: 0;
color: #444;
font-family: "lucida sans unicode", sans-serif;
}
a, a:visited, .day-count a, .entryHeader a, div.ContextualPopup .Relation {
text-decoration: none;
color: #444444;
}
a:hover {color: #5F5841;
position: relative;
top: 1px; left: 1px;
}
b, u {color:#664e3a;} i, em {color:#904443;}
blockquote {
padding:15px;
border-bottom: 1px solid #eeeeee;
background: transparent url() repeat-x scroll 0 100%;
color:#666666;
}
code {
font-family: monospace;
display:block;
padding:5px;
border:1px dashed #eeeeee;
font-size: 12px;
}
input, textarea, select {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #777777; background:#fafafa;
line-height: 150%;
padding: 2px;
border:1px solid #d8d2b2;
}
/* -------------------------------------------
------------------- PAGE ---------------------
---------------------------------------------- */
.bodyblock {padding: 0px 15px;
margin-right:auto;
margin-left: auto;
}
.body-title, .body-midtitle { display:none; }
.bodyheaderblock { border: 0px;
color: #888888;
padding: 0px;
}
.bodynavblock {
color: #777777;
margin: 0px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #444;
}
.pageblock{ margin:0; }
/* -------------------------------------------
------------------- HEADER -------------------
---------------------------------------------- */
.pageheaderblock {
background: #131313;
text-align: right;
padding: 20px;
margin-bottom:0px;
font-size: 9pt;
}
.pageblock{
margin:0;
}
.header-title, .header-subtitle, .header-icon { display:none;}
.header-menu {
padding: 5px;
padding-left: 19px;
letter-spacing: -1px;
line-height: 20px;
text-transform: lowercase;
}
.header-menu a, .header-menu a:visited {
text-align: left;
padding: 10px;
padding-bottom: 23px;
margin-right:2px;
color: #444;
text-decoration: bold;
letter-spacing: -.8pt;
font-family: "arial";
font-size: 13.5pt;
text-transform: uppercase;
}
.header-menu a:hover {
color: #666;
text-decoration: bold;
background: transparent url('http://i44.tinypic.com/28arsc6.png') no-repeat bottom center
}
.header-menu ul { margin: 0px; padding: 0px; }
.header-menu li { display: inline; }
/* -------------------------------------------
----------------- FOOTER ---------------------
---------------------------------------------- */
#footer-menu {
background: url('http://i41.tinypic.com/302qddg.png');
font-size: 11px;
padding: 25px 15px;}
#footer-menu a, .footer-menu a:visited {
text-align: left;
color:#333;
background:#eae3cd;
padding: 5px;
}
#footer-menu a:hover {color:#b4ad8f;}
.pagefooterblock {
background-color: #131313;
color: #444;
font-family: "arial";
letter-spacing: .3pt;
text-align: right;
padding: 12px 15px;
margin-top: -4px;
}
.pagefooterblock a, .pagefooterblock a:visited { color: #69D2E7; }
#footer-menu li { display: inline; }
#footer-menu ul { margin: 0px; padding: 0px; }
/* -------------------------------------------
------------------- ENTRY --------------------
---------------------------------------------- */
.entryHolder {
line-height: 1.75;
margin: 0px 0px 2px 0px;
background: url('http://i41.tinypic.com/302qddg.png');
}
.entryUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.entryUserinfo-usericon img { border:0px; padding:2px; margin: 0px 0px 5px 15px;}
.entryText { padding: 15px; min-height: 30px; }
/* ---------------- SUBJECT ------------------ */
.entryHeader {
color: #eee;
font-family: "georgia", sans-serif;
text-decoration: none;
text-align: right;
padding: 25px 20px 0px 0px;
font-size:0px;
letter-spacing: -.5pt;
border-bottom:1px solid #e9e2c5;
}
.entryHeader a{ color:#333;}
.entryHeaderSubject {font-size: 12pt; color: #f3edda; text-transform: lowercase;}
.entryHeaderSubject a {font-size: 22pt; font-style: italic;}
/* ----------------- DATE -------------------- */
.entryHeaderDate {
display:block;
text-transform: lowercase;
color:#777;
margin-bottom: -5px;
font-size:15pt !important;
font-family: "georgia";
line-height:1px;
}
.entryHeaderDate a {color: #ccc; text-decoration : none;}
.entryHeaderDate a:hover { color: #dddddd; text-decoration :underline; }
/* ---------------- METADATA ------------------ */
.entryMetadata {
padding-bottom: 18px;
padding-left: 40px;
font-family: "franklin gothic medium";
color: #7F6D57;
}
.entryMetadata ul {
margin: 0px;
padding: 0px; }
.entryMetadata li {
list-style: none;
font-size: 7pt;
}
.entryMetadata img {display:none;}
.entryMetadata-label {font-weight: bold; padding-right: 3px; }
.entryMetadata a:hover {color:#BFAE9B;}
/* -------------- COMMENT LINKS ---------------- */
.entryLinkbar {
border-top:1px solid #eae3c6;
font-family: "georgia", sans-serif;
text-transform: lowercase;
letter-spacing: .2pt;
font-size: 8pt;
text-align: right;
padding: 0px;
}
.entryLinkbar ul {
margin: 12px 0;
padding: 0px;
}
.entryLinkbar li {
padding: 15px;
margin: 0px;
border-left: 1px solid #eae3c6;
display: inline;
}
.entryLinkbar li:hover {
background:#FFFCEF;
padding: 14px 15px;
}
.entryLinkbar a:hover {color:#5F553B;}
/* -------------------------------------------
------------------ SIDEBAR -------------------
---------------------------------------------- */
.sidebar {
margin: auto;
width: 140px;
font-family: "arial";
color: #555;
padding: 15px;
font-size: 8pt;
line-height: 150%;
}
.sidebox #profile {text-align: center; }
img.profile-userpic {
text-align: center;
width: 80px;
height: 80px;
border: 10px solid #f0e9d3;
margin-top: 15px;
}
.sideboxTitle {
text-transform: uppercase;
font-family: "courier new";
text-decoration: none;
font-size: 8pt;
padding: 8px 8px 0px 8px;
color: #a8937d;
text-align: right;
letter-spacing: 1px;
border-bottom: 3px double #d8d2b2;
margin-bottom: 8px;
}
.sideboxContent {
text-align: justify;
padding: 0px 4px 22px 0px;
}
.sidebox #latestmonth {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.sidebox #tags_sidebox {
text-align: left;
color:#eee;
margin-top: 15px;
}
.sidebox #tags_sidebox a {
background:#f1ebd6;
padding: 2px; margin: 2px;
border-bottom:1px solid #dfd8c1;
}
.sidebox #freetext {
text-align: left;
line-height: 170%;
}
.sidebox #search {
text-align: center;
}
.sidebox #summary {
text-align: left;
font-size: 7.5pt;
font-family: "franklin gothic medium";
}
.sidebox #systemlinks { text-align: center; }
.listitem {
padding: 0px 5px 0px 5px;
font-size: 7pt;
font-family: "georgia", sans-serif;
text-align: justify;
}
.sideboxContent input#SearchTerm, select#SearchType, input { border:1px solid #d9cfad; }
.sidebox td {
font-family: "georgia";
padding-bottom: 5px;
color:#3F3B2B;
letter-spacing: -.4pt;
}
.sidebox #latestmonth table{
text-align: center;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
.latestmonth-inactive { background: #FFF8DF; font-size: 7pt; color:#888; padding: 2px; margin: 2px;}
.latestmonth-active {background: #CFC39B; margin:1px; font-size: 7pt; padding: 1px;}
.listtitle {font-weight: bold; }
.profile-label,
.profile-content { display:none; }
/* -------------------------------------------
------ CUSTOM COMMENT PGS (PAID ONLY) --------
---------------------------------------------- */
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
}
.commentUserinfo-usericon img {
margin-left: 10px;
border:0px;
padding: 8px;
background:#DFD6B5;
}
.commentHolder {
background: url('http://i41.tinypic.com/302qddg.png');
padding: 0px;
margin: 15px 10px;
}
.commentText {
text-align: justify;
padding: 10px;
}
.commentHeader {
color: #444;
font-weight: bold;
text-transform: lowercase;
font-family: "georgia";
font-size: 15pt;
padding: 8px;
}
.commentHeaderScreened {
background-color: #EFE8D1;
padding: 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
text-align: right;
font-size: 7pt;
border-top: 1px solid #e9e2c6;
padding: 6px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 6px 12px;
margin: 0px;
border-left: 1px solid #e9e2c6;
display: inline;
}
.commentLinkbar li:hover {
background:#FFF8DF;
color:#5F5841;
}
.replyform {
padding-left: 10px;
margin: auto;
}
/* -------------------------------------------
----------------- TAGS PG --------------------
---------------------------------------------- */
.tagstable { width: 100%; }
.tagstable, .tagstable td { border: 1px solid #eee4c9; margin: 1px; }
/* -------------------------------------------
----------------- ARCHIVES -------------------
---------------------------------------------- */
.yearlinks{ text-align: center; }
.yearlink{ padding-left:4px; padding-right: 4px; }
.month { text-align: center;
margin-right: auto;
margin-left:auto;
width: 55%; }
.daysubjects { color: #888888; padding: 8px 8px 8px 40px; }
.daytitles { text-align: center;
text-transform: lowercase;
text-decoration: bold;
border-top: 1px solid #e9e3c1;
background: #f1ecd9;
font-family: "georgia"; }
.day-blank, .day { border-top: 1px solid #e9e3c1; border-left: 1px solid #e9e3c1;}
.day-count { text-align: right; font-size: 1.5em; }
.day-count a { text-decoration: none; color: #888; }
/* -------------------------------------------
---------- CONTEXTUAL POP-UPS ----------------
---------------------------------------------- */
div.ContextualPopup div.Inner {
background:transparent!important;
color: #333029 !important;
border:none;
padding:10px;
width: 245px;
font-family:"franklin gothic medium", sans-serif;
font-size: 8pt;
}
div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:80px;
line-height: 1.4;
border: 1px solid #CCC3A3; background-color: #D6CEB0;
}
div.ContextualPopup .Userpic {
padding:10px;
margin:0px;
border: 1px solid #CCC3A3; background-color: #D6CEB0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #590404 !important;
text-transform: uppercase;
}
div.ContextualPopup div.Inner a:hover {
text-decoration: none !important;
font-weight: normal;
color: #824C3D !important;
}
div.ContextualPopup .Relation {
letter-spacing:0px;
border-bottom: 1px dotted #AB9780;
margin-bottom:4px;
padding-bottom:4px;
}
/* -------------------------------------------
-------------- LJ TINY ICONS -----------------
---------------------------------------------- */
.ljuser img {
width: 0;
height: 0;
background: transparent url('http://i40.tinypic.com/ibcu4x.png') no-repeat center left;
padding: 17px 16px 0 2px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
background: transparent url('http://i40.tinypic.com/ibcu4x.png') no-repeat center left;
padding: 17px 14px 0 2px !important;
}
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/home_small.png');
padding: 14px 12px 0 2px !important;
}
img[src="http://p-stat.livejournal.com/img/syndicated.gif"] {
background-color:transparent;
background-image: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/feed.png');
padding: 17px 16px 0 2px !important;
background-position: center left;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src="http://p-stat.livejournal.com/img/newsinfo.gif"] {
background: transparent url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/gear.png') no-repeat;
padding: 17px 16px 0 2px !important;
background-repeat: no-repeat;
width: 0px;
height: 0px;
}
img[src="http://p-stat.livejournal.com/img/anonymous.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/question_frame.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/book_key.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/talk/none.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/delete.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i38.tinypic.com/vovi8j.png) no-repeat scroll 50% 50%;
}
img[src="http://p-stat.livejournal.com/img/pencil.gif"] {
height: 0;
width: 0;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/pencil_plus.png') no-repeat;
padding: 0px 0px 16px 16px !important;
}
img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i40.tinypic.com/289fp7d.png');
}
img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i39.tinypic.com/mrrblj.png');
}
img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{
width: 0;
height: 0;
padding: 0 0 16px 16px;
background: url('http://i83.photobucket.com/albums/j302/sansespoir/livejournal/lock_disable.png');
}
/* -------------------------------------------
------------------- CONTROL STRIP ------------
---------------------------------------------- */
#lj_controlstrip {
background:#131313;
}
#lj_controlstrip_statustext, #lj_controlstrip a {
color:#777;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search,
#lj_controlstrip_login, #lj_controlstrip_loggedout_userpic, #lj_controlstrip_login td, #lj_controlstrip td td {
border:none !important; }
#lj_controlstrip input {
background:#181818 !important;
color:#777 !important; font-family: "courier new"; }
#lj_controlstrip_search_input_text, #lj_controlstrip select,
#lj_controlstrip_search_submit, input#Logout, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password,
#lj_controlstrip input#xc_remember {
background:#131313 !important;
color:#777 !important; border: 1px solid #444; font-family: "courier new";
}
#lj_controlstrip .ljuser a b {
color:#666; font-family: georgia;
text-decoration:none !important;
}
/* -------------------------------------------
------------------- MISC ---------------------
---------------------------------------------- */
html body {}
::-moz-selection
{
background: #131313;
color: #FFFBEF;
}
S2 STYLECUSTOMIZE ► SMOOTH SAILINGDISPLAY
- Wrap Entry text under userinfo? Yes
- MetaData Position? Below Entry Text
- Set all drop-down menus on the custom css page to NO
!important - Copy & paste the CSS codes into 'Custom stylesheet'
- Hit 'save changes' & you're done!
( suju icon → acony_icons )CREDITPlease credit unequally and/or introject!QUESTIONS?If there's anything I've overlooked or coded badly, please don't hesitate to tell me! Further questions (customization, etc.) can be asked in this post, and I'll get back to you asap. :)