S2 Flexible Squares; White Space
White Space (with sidebar)White Space (no sidebar)
Image | Live
Image | Live
White Space (WITH SIDEBAR, NO ADS)
Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) First make your ad-placement "Horizontal", then save. Then after, set it to "Between entries", then save again, (this hides the ad everywhere besides the comment page).
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url('http://themes.googleusercontent.com/static/fonts/quicksand/v1/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway-Thin'), url('http://themes.googleusercontent.com/static/fonts/raleway/v4/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
body {
background-color: transparent;
color: #999;
font-family: helvetica, arial;
font-size: 8pt;
line-height:1.8em;
}
a, a:link, a:visited {
color: #737373;
text-decoration: none;
cursor: default;
}
a:hover {
color: #ccc;
text-decoration: none; cursor:help;
}
blockquote {
padding: 10px;
color: #999;
background:#f2f2f2;
border: 1px solid #ccc;
text-align: justify;
}
code, kbd, pre, tt {
font-family: tahoma;
font-size: 9px;
background: #fff;
border: 1px solid #ccc;
}
b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }
#content
{ z-index; 1; width: 729px;
margin:10px auto;
}
#maincontent {
margin-top: 35px;
width:460px;
}
#sidebar {
float: left;
position: fixed;
bottom: 150px; width:270px;
margin-left: 500px;
background-color: #f7f7f7!important;
-moz-box-shadow:10px 0 px #ddd!important;
-webkit-box-shadow:10px 0 px #ddd!important;
-border-shadow:10px 0 px #ddd!important;
-moz-border-radius-topright:20px;
-webkit-border-top-right-radius:20px;
border-top-right-radius:20px;
}
#header {position: fixed; bottom: 100px;
width:300px; background-color:transparent;z-index:1; display:inline; height:40px; margin-left:457px;
}
div#header li.view { ;}
#footer {
width: 300px;
padding: 0px 0px 10px 0px;
text-align: left;
margin-top: 0px;
z-index: 5000;
clear: both;
margin:auto;
display:inline;
}
.clearfoot {
clear: both;
}
#footer .viewing { display:none; }
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited {
}
div#header a:hover {
color:#a6a6a6;
}
div#footer a:hover {
color:#A6A6A6;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: ;
}
ul.navheader{
border-bottom: 1px #ccc;
display:block; text-transform: lowercase;
}
ul.navheader li {
display:inline;
padding: 0 3px 0 3px;
list-style:none;
}
#header li, #footer li {color: black;list-style:none;}
.title { display:none;
}
.subtitle{ text-shadow: 1px 1px 2px #0d0d0d!important; float:left; color: #000!important; display: inline;font-family: Raleway; letter-spacing:-2px; text-transform: lowercase; z-index:7; margin-left: 40px;
font-size: 38px; line-height:35px ; padding-bottom: 20px; height:auto;
}
.defaultuserpic {
display:none;
}
.defaultuserpic img {
display:none;
}
.sbarbody2 { float:left;padding: 15px; width:240px; color: #bbb; }
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
}
li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}
li.sbartitle{
display:none;
}
#sidebar_linklist li.sbartitle{
display:none;}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_linklist {
display:none;}
#sidebar_summary { display:none;}
#sidebar_tags {
display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}
ul.ljtaglist li {
list-style: none;
list-style-position: inside;
padding-left: 5px;
}
ul.ljtaglist {
text-align: left;
padding: 8px 8px 8px 12px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}
.subcontent {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowwsmall2.png");
background-position: center bottom;
background-repeat: no-repeat;
margin: 0;
padding-bottom: 19px;
}
.entry {
background: #fff;
padding: 15px 0 0px 15px;
text-align: justify;
}
.entry_text {
padding-right: 15px;
}
.entry_text img{max-width:430px!important;height:auto; padding-bottom:10px;}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
list-style: decimal-leading-zero;
list-style-position: inside;
}
hr {
height: 1px;
background-color: #ffffff;
border-bottom: 1px solid #ccc; }
.userpic {
padding: 5px;
z-index: 15;
border: 1px solid #eee;
background: #fff;
display: block; float: left; margin-left:-130px; position:
relative;
}
.userpicfriends {
position: relative;
float: left;
padding:5px;
margin-left:-130px;
z-index: 15;
background: #fff!important;
border:1px solid #eee;}
.userpicfriends font {font-family: helvetica, arial; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}
.userpicfriends img {
}
.date {
text-transform: uppercase;
color: #aaaaaa;
font-family:Helvetica;
font-size: 10px;
padding-left: 15px;
letter-spacing: 1px;
word-spacing: 0px;}
.subject {
color: #ddd;
background-color: transparent;
padding-left: 15px;
font-size: 15pt;
font-family:Quicksand;
text-transform: lowercase;
line-height: 100%;
text-shadow: 1px 1px 2px #ccc;
}
.subject a, .subject a:link, .subject a:visited { color: #080808;}
.datesubject {
text-align: left;
background-image: url();
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 5px;
}
.currents div { margin-left: -10px; display: block; }
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #000;display:none;font-weight: lighter;font-family: georgia; font-size: 7.5pt;text-transform: lowercase;margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmusic.png) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmood.png)
no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 16px; background: transparent url(http://imgboot.com/images/estiloamor/lightlocation.png)
no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags {padding: 4px 0 4px 12px; background: transparent url(http://imgboot.com/images/estiloamor/shemad.png) no-repeat scroll 0 50%;margin-top: 10px; width:350px; text-transform: lowercase; color: transparent;font-size: 0}
div.ljtags a {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
div.ljtags a:hover {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
.currents, .currentmood, .currentmusic {
padding:0 5px 0 15px;
font-size: 7.5pt;
margin-left: 0px;
line-spacing: 0px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ccc;
font-weight: bold;
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
color: #504F4F;
font-weight: bold;
text-transform: lowercase;
}
.comments {
text-transform: uppercase;
margin-top: 10px;
font-size: 11px;
color: #858585;
text-align: left;
padding: 15px;
padding-top:10px;
position: relative;
width: 400px;
border-top:#f7f7f7 1px solid;
}
div.comments a, div.comments a:link, div.comments a:visited{
color:#858585;
}
div.comments a:hover { color:; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background-color: #fff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 30px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #d1d1d1;
border-style: dotted;
width: 60px;
height: 60px;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
color: #0a0a0a;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background: #fff;
font-size: 11px;
}
select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #F7F7F7; background: #fafafa; color: #ccc;}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: arial;
font-size: 11px;
color: #999;
}
.commentbox {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowcomments.png");
background-position: center bottom;
background-repeat: no-repeat;
border-color: #fff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73382B;
}
.datesubjectcomment a:hover {
color: #DEBB9F;
border-bottom: #F0EEE8 1px dotted;
}
.commentboxpartial {
border-color: #fff;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo {
background-color: #fff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #fff;
background: #fff;
}
ul.year li {
display: inline;
background: #fff;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #fff;
background: #fff; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #fff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li { list-style: none; list-style: decimal inside; }
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 10px;
}
.skiplinks {
display: block;
text-transform: lowercase;
text-align: center;
padding: 8px; color: transparent;
margin-bottom: -2px;}
.headerimage {
/* for formatting header image */
width: XXXpx;
height: XXXpx;
background-image:url();
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-color: ;
}
.separator { background: transparent; height: 29px; }
/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 14px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/lockpicon_4.png);
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 13px 21px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/eyeballprivatee.png);
}
.ljuser img {width: 0; height: 0; background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50%; padding: 8px 9px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50% !important; padding: 8px 9px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://imgboot.com/images/estiloamor/community.png) no-repeat scroll 0 50% !important; padding: 10px 11px 0 2px !important}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/2w74r2u.png);
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/11i27oz.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i27.tinypic.com/vxgnll.png);
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/2uqgius.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/o8ewz8.png);
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/23jjs5s.png);
}
img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i25.tinypic.com/igaxpc.png);
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i31.tinypic.com/1zxkxu8.png);
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/191jz8.png);
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
display: none;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/m7zus3.png);
}
Sidebar Properties !important!
Under the Setup area make sure these are set under the drop-downs!
Show default userpic: No
Show blurb/free text in the sidebar: Yes
Show the link list in the sidebar: No
Show tags in the sidebar: No
Under the "Text to be added to the sidebar", make sure you don't forget to fill in random stuff which will appear in the sidebar!
White Space (NO SIDEBAR, NO ADS)
Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) Make your ad-placement "vertical". (This hides the ad)
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url('http://themes.googleusercontent.com/static/fonts/quicksand/v1/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway-Thin'), url('http://themes.googleusercontent.com/static/fonts/raleway/v4/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
body {
background-color: transparent;
color: #999;
font-family: helvetica, arial;
font-size: 8pt;
line-height:1.8em;
}
a, a:link, a:visited {
color: #737373;
text-decoration: none;
cursor: default;
}
a:hover {
color: #ccc;
text-decoration: none; cursor:help;
}
blockquote {
padding: 10px;
color: #999;
background:#f2f2f2;
border: 1px solid #ccc;
text-align: justify;
}
code, kbd, pre, tt {
font-family: tahoma;
font-size: 9px;
background: #fff;
border: 1px solid #ccc;
}
b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }
#content
{ z-index; 1; width: 600px;
margin:10px auto;
}
#maincontent {
margin-top: 35px;
width:460px;
}
#sidebar {
display:none;
}
#header {position: fixed;
width:300px; background-color:transparent;z-index:1; margin-left:447px; text-shadow: 1px 1px 2px #0d0d0d!important; float:left; color: #000!important;font-family: Raleway; letter-spacing:-2px; text-transform: lowercase; z-index:7; margin-top: 25px;
font-size: 38px; line-height:35px; height:auto;
}
div#header li.view { ;}
#footer {
width: 300px;
padding: 0px 0px 10px 0px;
text-align: left;
margin-top: 0px;
z-index: 5000;
clear: both;
margin:auto;
display:inline;
}
.clearfoot {
clear: both;
}
#footer .viewing { display:none; }
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited {
}
div#header a:hover {
color:#a6a6a6;
}
div#footer a:hover {
color:#A6A6A6;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: ;
}
ul.navheader{
border-bottom: 1px #ccc;
display:block; text-transform: lowercase;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style:none;
}
#header li, #footer li {color: black;list-style:none;}
.title { display:none;
}
.subtitle{ display:none;
}
.defaultuserpic {
display:none;
}
.defaultuserpic img {
display:none;
}
.sbarbody2 { float:left;padding: 15px; width:240px; color: #bbb; }
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
}
li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}
li.sbartitle{
display:none;
}
#sidebar_linklist li.sbartitle{
display:none;}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_linklist {
display:none;}
#sidebar_summary { display:none;}
#sidebar_tags {
display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}
ul.ljtaglist li {
list-style: none;
list-style-position: inside;
padding-left: 5px;
}
ul.ljtaglist {
text-align: left;
padding: 8px 8px 8px 12px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}
.subcontent {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowwsmall2.png");
background-position: center bottom;
background-repeat: no-repeat;
margin: 0;
padding-bottom: 19px;
}
.entry {
background: #fff;
padding: 15px 0 0px 15px;
text-align: justify;
}
.entry_text {
padding-right: 15px;
}
.entry_text img{max-width:430px!important;height:auto; padding-bottom:10px;}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
list-style: decimal-leading-zero;
list-style-position: inside;
}
hr {
height: 1px;
background-color: #ffffff;
border-bottom: 1px solid #ccc; }
.userpic {
padding: 5px;
z-index: 15;
border: 1px solid #eee;
background: #fff;
display: block; float: left; margin-left:-130px; position: relative; margin-top:15px;
}
.userpicfriends {
position: relative;
float: left;
padding:5px;
margin-left:-130px;
z-index: 15;
background: #fff!important;
border:1px solid #eee;}
.userpicfriends font {font-family: helvetica, arial; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}
.userpicfriends img {
}
.date {
text-transform: uppercase;
color: #aaaaaa;
font-family:Helvetica;
font-size: 10px;
padding-left: 15px;
letter-spacing: 1px;
word-spacing: 0px;}
.subject {
color: #ddd;
background-color: transparent;
padding-left: 15px;
font-size: 15pt;
font-family:Quicksand;
text-transform: lowercase;
line-height: 100%;
text-shadow: 1px 1px 2px #ccc;
}
.subject a, .subject a:link, .subject a:visited { color: #080808;}
.datesubject {
text-align: left;
background-image: url();
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 5px;
}
.currents div { margin-left: -10px; display: block; }
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #000;display:none;font-weight: lighter;font-family: georgia; font-size: 7.5pt;text-transform: lowercase;margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmusic.png) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmood.png)
no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 16px; background: transparent url(http://imgboot.com/images/estiloamor/lightlocation.png)
no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags {padding: 4px 0 4px 12px; background: transparent url(http://imgboot.com/images/estiloamor/shemad.png) no-repeat scroll 0 50%;margin-top: 10px; width:350px; text-transform: lowercase; color: transparent;font-size: 0}
div.ljtags a {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
div.ljtags a:hover {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
.currents, .currentmood, .currentmusic {
padding:0 5px 0 15px;
font-size: 7.5pt;
margin-left: 0px;
line-spacing: 0px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ccc;
font-weight: bold;
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
color: #504F4F;
font-weight: bold;
text-transform: lowercase;
}
.comments {
text-transform: uppercase;
margin-top: 10px;
font-size: 11px;
color: #858585;
text-align: left;
padding: 15px;
padding-top:10px;
position: relative;
width: 400px;
border-top:#f7f7f7 1px solid;
}
div.comments a, div.comments a:link, div.comments a:visited{
color:#858585;
}
div.comments a:hover { color:; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background-color: #fff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 30px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #d1d1d1;
border-style: dotted;
width: 60px;
height: 60px;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
color: #0a0a0a;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background: #fff;
font-size: 11px;
}
select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #F7F7F7; background: #fafafa; color: #ccc;}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: arial;
font-size: 11px;
color: #999;
}
.commentbox {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowcomments.png");
background-position: center bottom;
background-repeat: no-repeat;
border-color: #fff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73382B;
}
.datesubjectcomment a:hover {
color: #DEBB9F;
border-bottom: #F0EEE8 1px dotted;
}
.commentboxpartial {
border-color: #fff;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo {
background-color: #fff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #fff;
background: #fff;
}
ul.year li {
display: inline;
background: #fff;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #fff;
background: #fff; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #fff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li { list-style: none; list-style: decimal inside; }
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 10px;
}
.skiplinks {
display: block;
text-transform: lowercase;
text-align: center;
padding: 8px; color: transparent;
margin-bottom: -2px;}
.headerimage {
/* for formatting header image */
width: XXXpx;
height: XXXpx;
background-image:url();
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-color: ;
}
.separator { background: transparent; height: 29px; }
/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 14px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/lockpicon_4.png);
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 13px 21px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/eyeballprivatee.png);
}
.ljuser img {width: 0; height: 0; background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50%; padding: 8px 9px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50% !important; padding: 8px 9px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://imgboot.com/images/estiloamor/community.png) no-repeat scroll 0 50% !important; padding: 10px 11px 0 2px !important}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/2w74r2u.png);
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/11i27oz.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i27.tinypic.com/vxgnll.png);
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/2uqgius.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/o8ewz8.png);
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/23jjs5s.png);
}
img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i25.tinypic.com/igaxpc.png);
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i31.tinypic.com/1zxkxu8.png);
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/191jz8.png);
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
display: none;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/m7zus3.png);
}
-----------------------------------------------------------------
FOR BOTH W/ AND WITHOUT SIDEBAR:
!IMPORTANT! Ordering Properties!
Under the Ordering area which is located under the Sidebar properties, make sure the selected drop-down options are set as shown:
First box in the sidebar: Default Userpic
Second box in the sidebar: Blurb
Third box in the sidebar: Link List
Fourth box in the sidebar: Calendar
Fifth box in the sidebar: Tags
Sixth box in the sidebar: Page Summary
Image | Live
Image | Live
White Space (WITH SIDEBAR, NO ADS)
Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) First make your ad-placement "Horizontal", then save. Then after, set it to "Between entries", then save again, (this hides the ad everywhere besides the comment page).
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url('http://themes.googleusercontent.com/static/fonts/quicksand/v1/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway-Thin'), url('http://themes.googleusercontent.com/static/fonts/raleway/v4/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
body {
background-color: transparent;
color: #999;
font-family: helvetica, arial;
font-size: 8pt;
line-height:1.8em;
}
a, a:link, a:visited {
color: #737373;
text-decoration: none;
cursor: default;
}
a:hover {
color: #ccc;
text-decoration: none; cursor:help;
}
blockquote {
padding: 10px;
color: #999;
background:#f2f2f2;
border: 1px solid #ccc;
text-align: justify;
}
code, kbd, pre, tt {
font-family: tahoma;
font-size: 9px;
background: #fff;
border: 1px solid #ccc;
}
b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }
#content
{ z-index; 1; width: 729px;
margin:10px auto;
}
#maincontent {
margin-top: 35px;
width:460px;
}
#sidebar {
float: left;
position: fixed;
bottom: 150px; width:270px;
margin-left: 500px;
background-color: #f7f7f7!important;
-moz-box-shadow:10px 0 px #ddd!important;
-webkit-box-shadow:10px 0 px #ddd!important;
-border-shadow:10px 0 px #ddd!important;
-moz-border-radius-topright:20px;
-webkit-border-top-right-radius:20px;
border-top-right-radius:20px;
}
#header {position: fixed; bottom: 100px;
width:300px; background-color:transparent;z-index:1; display:inline; height:40px; margin-left:457px;
}
div#header li.view { ;}
#footer {
width: 300px;
padding: 0px 0px 10px 0px;
text-align: left;
margin-top: 0px;
z-index: 5000;
clear: both;
margin:auto;
display:inline;
}
.clearfoot {
clear: both;
}
#footer .viewing { display:none; }
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited {
}
div#header a:hover {
color:#a6a6a6;
}
div#footer a:hover {
color:#A6A6A6;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: ;
}
ul.navheader{
border-bottom: 1px #ccc;
display:block; text-transform: lowercase;
}
ul.navheader li {
display:inline;
padding: 0 3px 0 3px;
list-style:none;
}
#header li, #footer li {color: black;list-style:none;}
.title { display:none;
}
.subtitle{ text-shadow: 1px 1px 2px #0d0d0d!important; float:left; color: #000!important; display: inline;font-family: Raleway; letter-spacing:-2px; text-transform: lowercase; z-index:7; margin-left: 40px;
font-size: 38px; line-height:35px ; padding-bottom: 20px; height:auto;
}
.defaultuserpic {
display:none;
}
.defaultuserpic img {
display:none;
}
.sbarbody2 { float:left;padding: 15px; width:240px; color: #bbb; }
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
}
li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}
li.sbartitle{
display:none;
}
#sidebar_linklist li.sbartitle{
display:none;}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_linklist {
display:none;}
#sidebar_summary { display:none;}
#sidebar_tags {
display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}
ul.ljtaglist li {
list-style: none;
list-style-position: inside;
padding-left: 5px;
}
ul.ljtaglist {
text-align: left;
padding: 8px 8px 8px 12px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}
.subcontent {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowwsmall2.png");
background-position: center bottom;
background-repeat: no-repeat;
margin: 0;
padding-bottom: 19px;
}
.entry {
background: #fff;
padding: 15px 0 0px 15px;
text-align: justify;
}
.entry_text {
padding-right: 15px;
}
.entry_text img{max-width:430px!important;height:auto; padding-bottom:10px;}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
list-style: decimal-leading-zero;
list-style-position: inside;
}
hr {
height: 1px;
background-color: #ffffff;
border-bottom: 1px solid #ccc; }
.userpic {
padding: 5px;
z-index: 15;
border: 1px solid #eee;
background: #fff;
display: block; float: left; margin-left:-130px; position:
relative;
}
.userpicfriends {
position: relative;
float: left;
padding:5px;
margin-left:-130px;
z-index: 15;
background: #fff!important;
border:1px solid #eee;}
.userpicfriends font {font-family: helvetica, arial; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}
.userpicfriends img {
}
.date {
text-transform: uppercase;
color: #aaaaaa;
font-family:Helvetica;
font-size: 10px;
padding-left: 15px;
letter-spacing: 1px;
word-spacing: 0px;}
.subject {
color: #ddd;
background-color: transparent;
padding-left: 15px;
font-size: 15pt;
font-family:Quicksand;
text-transform: lowercase;
line-height: 100%;
text-shadow: 1px 1px 2px #ccc;
}
.subject a, .subject a:link, .subject a:visited { color: #080808;}
.datesubject {
text-align: left;
background-image: url();
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 5px;
}
.currents div { margin-left: -10px; display: block; }
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #000;display:none;font-weight: lighter;font-family: georgia; font-size: 7.5pt;text-transform: lowercase;margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmusic.png) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmood.png)
no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 16px; background: transparent url(http://imgboot.com/images/estiloamor/lightlocation.png)
no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags {padding: 4px 0 4px 12px; background: transparent url(http://imgboot.com/images/estiloamor/shemad.png) no-repeat scroll 0 50%;margin-top: 10px; width:350px; text-transform: lowercase; color: transparent;font-size: 0}
div.ljtags a {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
div.ljtags a:hover {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
.currents, .currentmood, .currentmusic {
padding:0 5px 0 15px;
font-size: 7.5pt;
margin-left: 0px;
line-spacing: 0px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ccc;
font-weight: bold;
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
color: #504F4F;
font-weight: bold;
text-transform: lowercase;
}
.comments {
text-transform: uppercase;
margin-top: 10px;
font-size: 11px;
color: #858585;
text-align: left;
padding: 15px;
padding-top:10px;
position: relative;
width: 400px;
border-top:#f7f7f7 1px solid;
}
div.comments a, div.comments a:link, div.comments a:visited{
color:#858585;
}
div.comments a:hover { color:; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background-color: #fff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 30px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #d1d1d1;
border-style: dotted;
width: 60px;
height: 60px;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
color: #0a0a0a;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background: #fff;
font-size: 11px;
}
select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #F7F7F7; background: #fafafa; color: #ccc;}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: arial;
font-size: 11px;
color: #999;
}
.commentbox {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowcomments.png");
background-position: center bottom;
background-repeat: no-repeat;
border-color: #fff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73382B;
}
.datesubjectcomment a:hover {
color: #DEBB9F;
border-bottom: #F0EEE8 1px dotted;
}
.commentboxpartial {
border-color: #fff;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo {
background-color: #fff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #fff;
background: #fff;
}
ul.year li {
display: inline;
background: #fff;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #fff;
background: #fff; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #fff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li { list-style: none; list-style: decimal inside; }
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 10px;
}
.skiplinks {
display: block;
text-transform: lowercase;
text-align: center;
padding: 8px; color: transparent;
margin-bottom: -2px;}
.headerimage {
/* for formatting header image */
width: XXXpx;
height: XXXpx;
background-image:url();
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-color: ;
}
.separator { background: transparent; height: 29px; }
/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 14px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/lockpicon_4.png);
;){kind=link}
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 13px 21px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/eyeballprivatee.png);
;){kind=link}
}
.ljuser img {width: 0; height: 0; background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50%; padding: 8px 9px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50% !important; padding: 8px 9px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://imgboot.com/images/estiloamor/community.png) no-repeat scroll 0 50% !important; padding: 10px 11px 0 2px !important}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/2w74r2u.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/11i27oz.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i27.tinypic.com/vxgnll.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/2uqgius.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/o8ewz8.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/23jjs5s.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i25.tinypic.com/igaxpc.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i31.tinypic.com/1zxkxu8.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/191jz8.png);
;){kind=link}
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
display: none;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/m7zus3.png);
;){kind=link}
}
Sidebar Properties !important!
Under the Setup area make sure these are set under the drop-downs!
Show default userpic: No
Show blurb/free text in the sidebar: Yes
Show the link list in the sidebar: No
Show tags in the sidebar: No
Under the "Text to be added to the sidebar", make sure you don't forget to fill in random stuff which will appear in the sidebar!
White Space (NO SIDEBAR, NO ADS)
Instructions:
1) You need to be in S2 to do this, so if you haven't done so, switch from S1 to S2.
2) Go under "Journal" and click "Journal Style"
3) Under your "Current Theme" (Which is located to the right of the page), Click "Select Different Theme"
4) Search "Flexible Squares". Once you've found it, choose it for your theme.
5) Then go back to "Select Different Theme" and scroll down to the bottom where it says "Choose Page Setup"
6) Make your ad-placement "vertical". (This hides the ad)
7) Make it "2 Column (sidebar on right)"
8) Scroll back up to "Customize your theme", under "Current theme" on the right side of the page.
9) Click "Customize your theme"
10) Click "Custom CSS"
11) Make all the drop-down menu's say "No" above the CSS box!
12) Then paste this code...
/* stylesheet by fuckkcliche@estiloamor */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url('http://themes.googleusercontent.com/static/fonts/quicksand/v1/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway-Thin'), url('http://themes.googleusercontent.com/static/fonts/raleway/v4/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
body {
background-color: transparent;
color: #999;
font-family: helvetica, arial;
font-size: 8pt;
line-height:1.8em;
}
a, a:link, a:visited {
color: #737373;
text-decoration: none;
cursor: default;
}
a:hover {
color: #ccc;
text-decoration: none; cursor:help;
}
blockquote {
padding: 10px;
color: #999;
background:#f2f2f2;
border: 1px solid #ccc;
text-align: justify;
}
code, kbd, pre, tt {
font-family: tahoma;
font-size: 9px;
background: #fff;
border: 1px solid #ccc;
}
b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }
#content
{ z-index; 1; width: 600px;
margin:10px auto;
}
#maincontent {
margin-top: 35px;
width:460px;
}
#sidebar {
display:none;
}
#header {position: fixed;
width:300px; background-color:transparent;z-index:1; margin-left:447px; text-shadow: 1px 1px 2px #0d0d0d!important; float:left; color: #000!important;font-family: Raleway; letter-spacing:-2px; text-transform: lowercase; z-index:7; margin-top: 25px;
font-size: 38px; line-height:35px; height:auto;
}
div#header li.view { ;}
#footer {
width: 300px;
padding: 0px 0px 10px 0px;
text-align: left;
margin-top: 0px;
z-index: 5000;
clear: both;
margin:auto;
display:inline;
}
.clearfoot {
clear: both;
}
#footer .viewing { display:none; }
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited {
}
div#header a:hover {
color:#a6a6a6;
}
div#footer a:hover {
color:#A6A6A6;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: ;
}
ul.navheader{
border-bottom: 1px #ccc;
display:block; text-transform: lowercase;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style:none;
}
#header li, #footer li {color: black;list-style:none;}
.title { display:none;
}
.subtitle{ display:none;
}
.defaultuserpic {
display:none;
}
.defaultuserpic img {
display:none;
}
.sbarbody2 { float:left;padding: 15px; width:240px; color: #bbb; }
ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
}
li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}
li.sbartitle{
display:none;
}
#sidebar_linklist li.sbartitle{
display:none;}
#sidebar_tags li.sbartitle {display:none;}
#sidebar_linklist {
display:none;}
#sidebar_summary { display:none;}
#sidebar_tags {
display:none;}
#sidebar_calendar, #sidebar_tags {display:none;}
ul.ljtaglist li {
list-style: none;
list-style-position: inside;
padding-left: 5px;
}
ul.ljtaglist {
text-align: left;
padding: 8px 8px 8px 12px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}
.subcontent {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowwsmall2.png");
background-position: center bottom;
background-repeat: no-repeat;
margin: 0;
padding-bottom: 19px;
}
.entry {
background: #fff;
padding: 15px 0 0px 15px;
text-align: justify;
}
.entry_text {
padding-right: 15px;
}
.entry_text img{max-width:430px!important;height:auto; padding-bottom:10px;}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
list-style: decimal-leading-zero;
list-style-position: inside;
}
hr {
height: 1px;
background-color: #ffffff;
border-bottom: 1px solid #ccc; }
.userpic {
padding: 5px;
z-index: 15;
border: 1px solid #eee;
background: #fff;
display: block; float: left; margin-left:-130px; position: relative; margin-top:15px;
}
.userpicfriends {
position: relative;
float: left;
padding:5px;
margin-left:-130px;
z-index: 15;
background: #fff!important;
border:1px solid #eee;}
.userpicfriends font {font-family: helvetica, arial; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}
.userpicfriends img {
}
.date {
text-transform: uppercase;
color: #aaaaaa;
font-family:Helvetica;
font-size: 10px;
padding-left: 15px;
letter-spacing: 1px;
word-spacing: 0px;}
.subject {
color: #ddd;
background-color: transparent;
padding-left: 15px;
font-size: 15pt;
font-family:Quicksand;
text-transform: lowercase;
line-height: 100%;
text-shadow: 1px 1px 2px #ccc;
}
.subject a, .subject a:link, .subject a:visited { color: #080808;}
.datesubject {
text-align: left;
background-image: url();
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 5px;
}
.currents div { margin-left: -10px; display: block; }
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #000;display:none;font-weight: lighter;font-family: georgia; font-size: 7.5pt;text-transform: lowercase;margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmusic.png) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 2px 2px 20px; background: transparent url(http://imgboot.com/images/estiloamor/lightmood.png)
no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 16px; background: transparent url(http://imgboot.com/images/estiloamor/lightlocation.png)
no-repeat scroll 0% 50%; margin-left: 0px;}
.ljtags {padding: 4px 0 4px 12px; background: transparent url(http://imgboot.com/images/estiloamor/shemad.png) no-repeat scroll 0 50%;margin-top: 10px; width:350px; text-transform: lowercase; color: transparent;font-size: 0}
div.ljtags a {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
div.ljtags a:hover {font-size: 7pt;margin-left:12px;padding:0 2px;font-weight: normal;}
.currents, .currentmood, .currentmusic {
padding:0 5px 0 15px;
font-size: 7.5pt;
margin-left: 0px;
line-spacing: 0px;
font-weight: lighter;
color: #ccc;
text-transform: lowercase;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #ccc;
font-weight: bold;
text-transform: lowercase;
}
.currentlocation a:hover, .ljtags a:hover {
color: #504F4F;
font-weight: bold;
text-transform: lowercase;
}
.comments {
text-transform: uppercase;
margin-top: 10px;
font-size: 11px;
color: #858585;
text-align: left;
padding: 15px;
padding-top:10px;
position: relative;
width: 400px;
border-top:#f7f7f7 1px solid;
}
div.comments a, div.comments a:link, div.comments a:visited{
color:#858585;
}
div.comments a:hover { color:; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background-color: #fff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
background-color: #fff;
top: -30px;
left: 0px;
padding: 5px;
margin: 30px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #d1d1d1;
border-style: dotted;
width: 60px;
height: 60px;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
color: #0a0a0a;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background: #fff;
font-size: 11px;
}
select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #F7F7F7; background: #fafafa; color: #ccc;}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial;
font-size: 10px;
line-height: 125%;
background-color: #fff;
color: #000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-family: arial;
font-size: 11px;
color: #999;
}
.commentbox {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://imgboot.com/images/estiloamor/shadowcomments.png");
background-position: center bottom;
background-repeat: no-repeat;
border-color: #fff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73382B;
}
.datesubjectcomment a:hover {
color: #DEBB9F;
border-bottom: #F0EEE8 1px dotted;
}
.commentboxpartial {
border-color: #fff;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 10px;
background-color: #fff;
}
.commentinfo {
background-color: #fff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #fff;
background: #fff;
}
ul.year li {
display: inline;
background: #fff;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #fff;
background: #fff; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #fff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li { list-style: none; list-style: decimal inside; }
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 10px;
}
.skiplinks {
display: block;
text-transform: lowercase;
text-align: center;
padding: 8px; color: transparent;
margin-bottom: -2px;}
.headerimage {
/* for formatting header image */
width: XXXpx;
height: XXXpx;
background-image:url();
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-color: ;
}
.separator { background: transparent; height: 29px; }
/*----------------------------------------------------
Tiny Icons
----------------------------------------------------------------*/
.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 16px 14px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/lockpicon_4.png);
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 13px 21px 0px 0px;
background: url(http://imgboot.com/images/estiloamor/eyeballprivatee.png);
}
.ljuser img {width: 0; height: 0; background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50%; padding: 8px 9px 0 2px !important; vertical-align: baseline !important}
.ljuser img[src*="userinfo.gif"] {background: transparent url(http://imgboot.com/images/estiloamor/userinfopicon.png) no-repeat 0 50% !important; padding: 8px 9px 0 2px !important}
.ljuser img[src*="community.gif"] { background: transparent url(http://imgboot.com/images/estiloamor/community.png) no-repeat scroll 0 50% !important; padding: 10px 11px 0 2px !important}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i43.tinypic.com/2w74r2u.png);
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/11i27oz.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i27.tinypic.com/vxgnll.png);
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/2uqgius.png);
}
img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/o8ewz8.png);
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/23jjs5s.png);
}
img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i25.tinypic.com/igaxpc.png);
}
img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i31.tinypic.com/1zxkxu8.png);
}
img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i29.tinypic.com/191jz8.png);
}
img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
display: none;
}
img[src="http://l-stat.livejournal.com/img/help.gif"] {
height: 0px;
width: 0px;
padding: 0px 0px 16px 16px !important;
background: url(http://i32.tinypic.com/m7zus3.png);
}
-----------------------------------------------------------------
FOR BOTH W/ AND WITHOUT SIDEBAR:
!IMPORTANT! Ordering Properties!
Under the Ordering area which is located under the Sidebar properties, make sure the selected drop-down options are set as shown:
First box in the sidebar: Default Userpic
Second box in the sidebar: Blurb
Third box in the sidebar: Link List
Fourth box in the sidebar: Calendar
Fifth box in the sidebar: Tags
Sixth box in the sidebar: Page Summary