Layout 004 - Cloudy Eyes
cloudy eyes cannot see stars
IMG Preview! + Live Preview!
What you see in the preview above wasn't the original plan for the layout, I used tinypic.com for the first time to host the layout images and ended up deleting my only copy of the original layout base :P at first I was O_O NOOO and tried to recover it using a program but it was hopeless then I moved on but i have say the original version was awesome, i hate my absolute urge to delete thing off my pc once i upload/share!! PC OCD...? anyways, I hope you like it!
installation;
★ Top Navigation bar hover over journal Then click on journal style.
★ journal style >>
★ Select Flexible Squares as your new theme.
★ Scroll down to the bottom Ad Placement: Vertical
★ Page set up: Left Side Bar
★ Display » Navigation Strip un-check Always show on my journal/community and Always show on any journal or community I view
★ Then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
★ Then copy & paste the CSS into the box & save changes.
more options;
with this layout image border and resize are automatic
if you do not want the border you have two options
Option no.01
Is to use this code on the image you do not want a border on
Option no.02
simply remove this code from your custom CSS
.entry_text img {border: 1px solid #f1f1f1;
padding: 2px;
background-color: transparent;
max-width: 315px;}
if you want to keep the resize but remove the border, replace the code above the the code below
.entry_text img {max-width: 315px;}
And change the width properties to what fits your layout/tastes =D
"removing" vert. ads;
The vertical ads will be displayed in you side bar to remove, or rather hide them, all you have to do is, After you finish writing in blurbs just press the enter button and till you feel satisfied.
for this to work you must
★ hide your userpic, tags, calender, etc.
★ Set Blurbs as the first in Ordering
Code;
body {
background-color:#f0f0f0;
background-attachment:fixed;
margin:0px 0;
}
body {
background: url(http://i36.tinypic.com/sw29.jpg) top center repeat-y #f0f0f0;
text-align: center;
color: #f0f0f0;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
b {color : #7bd3f7; text-decoration : none;}
b:hover {color : #f9f9f9; text-decoration : none;}
i {color : #363636; text-decoration : none;}
hr {border: 0; border-bottom: 1px solid #EEE;}
small {color : #d3f77b; font: 9px silkscreen, arial;}
code,kbd,pre,tt {
font-family:monospace;
}
#content {
width:580px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-width:0;
padding:0;
}
#maincontent {
margin-left:10px;
text-align:left;
background-color:transparent;
border-width:0;
}
#subcontent {
min-height: 200px;
}
#lj_controlstrip {
display: none;
}
#sidebar {
background-color:transparent;
width:160px;
float:left;
position:fixed;
font-family:silkscreen, arial;
font-size:9px;
color:#fff;
text-align:center;
border-width:0;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:190px;
}
#header {
width:200px;
float:left;
position:fixed;
font-family:georgia;
font-size:9px;
color:#666;
text-align:right;
background-color:transparent;
border-width:0;
margin: 0px 0px 0px -215px;
padding:0;
}
div#header a,div#header a:link,div#header a:visited {
color:#ccc;
font-family:georgia;
font-size:9px;
text-transform:uppercase;
}
.title {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
margin-top:03px;
}
.subtitle {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 08px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
top:10px;
text-align:right;
margin:0;
}
ul.navheader li {
display:;
padding:0 0 0 5px;
}
.entry {
width:315px;
background-color:tranparent;
font-family: Arial; color: #999;
font-size: 09px;
text-transform: none;
letter-spacing: 0px;
line-height: 100%;
text-align:justify;
border-width:0;
padding:05px;
margin-bottom:02px;
margin-top:02px;
margin-left:175px;
margin right:0px;
}
.entry_text img {border: 1px solid #f1f1f1; padding: 2px; background-color: #; max-width: 315px; }
.entry_text img.noborder {
border:0 solid #E1E1E1;
padding:0px; max-width: 315px; }
.userpic img { display:none;
}
.date {
width:315px;
margin-bottom:0px;
margin-top:0px;
margin-left:100px;
margin right:0px;
color:#ccc;
font-family:georgia;
font-size:9px;
text-transform:uppercase;
text-align:left;
}
.subject {
margin-bottom:0px;
margin-top:0px;
margin-left:px;
margin right:0px;
width:315px;
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
text-align:center;
padding:0;
}
.subject a,.subject a:link,.subject a:visited {
color:#65c3e1;
}
.datesubject {
margin-left:170px;
width:315px;
background-color:transparent ;
padding:0;
}
.currents,.currentmood,.currentmusic {
display:none;
font-family:lucida sans unicode;
font-size:9px;
font-weight:100;
text-transform:uppercase;
text-align:left;
border-color:#f1f1f1;
border-style:solid;
border-width:0 0 0 10px;
}
.ljtags {
font-family:lucida sans unicode;
font-size:9px;
text-transform:lowercase;
margin:20px 0 0;
}
.comments {
width:300px;
color:#666;
font-family:lucida sans unicode;
font-size:9px;
text-align:justify;
background-color:transparent;
position:relative;
text-transform:lowercase;
top:15px;
padding:0;
}
.separator {
height:60px;
}
.sbarbody2 {
font-family:silkscreen, arial;
font-size:9px;
color:#fff;
line-height:100%;
padding:0 0 0 0px;
}
ul.sbarlist {
padding-left:0;
margin-left:0;
list-style:none;
}
li.sbaritem {
padding-left:15px;
list-style:none;
}
li.sbartitle {
padding-left:15px;
list-style:none;
background-color:#919bad;
margin-bottom:10px;
margin-top:10px;
border-color:#999;
border-style:solid;
border-width:1px;
}
#footer {
width:300px;
text-align:center;
color : #666; font: 9px silkscreen, arial;
letter-spacing:1px;
background-color:#fff;
clear:both;
margin-left:190px;
border-width:0;
}
ul.navfooter li {
display:inline;
margin:0 5px;
}
.clearfoot {
clear:both;
}
ul.year {
text-align:center;
padding-bottom:40px;
}
ul.year li {
display:inline;
}
table.yeartable {
width:300px;
margin-left:180px;
margin-right:auto;
}
table.yeartable td.yeardate,table.yeartable td.yearday {
border-color:#ccc;
border-style:dashed;
border-width:0px;
}
table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}
td.yearmonth {
border-style:none;
}
.datesubjectcomment {
background-color:transparent;
}
.userpiccomment {
display:none;
}
.box {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 08px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
width:300px;
border: 0px solid #f1f1f1;
margin-left:180px;
padding:10px;
clear: left;
}
input,textarea {
background-color: #ffffff;
color : #666; font: 9px silkscreen, arial;
}
textarea.textbox {
background-color: #ffffff;
border: 1px solid #f1f1f1;
width:100% !important;
}
.reply {
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
position:relative;
text-align:left;
font-family:lucida sans unciode;
color: #777;
font-size:9px;
line-height:100%;
background-color:#fff;
color:#999;
padding:05px;
}
.replytosubject {
font-weight:700;
}
.commentreply {
font-family: Arial; color: #999;
font-size: 09px;
text-transform: none;
letter-spacing: 0px;
line-height: 100%;
position:relative;
}
.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#fff;
}
.commentinfo {display:none;
}
.skiplinks {
margin-left:110px;
color:#666; font: 9px silkscreen, arial;
text-align:center;
}
.clear {
height:0;
}
.ljuser a {
font-weight:100;
font-family:georgia;
color:#666;
}
a,a:link,a:visited,div#footer a:hover,div.comments a:hover {
color:#ccc;
text-decoration:none;
}
a:hover,div#header a:hover,.ljtags a:hover,div#sidebar a:hover {
color:#666;
text-decoration:none;
}
div#footer a,div#footer a:link,div#footer a:visited,div.comments a,div.comments a:link,div.comments a:visited {
color:#666;
font-family:lucida sans unicode;
font-size:9px;
text-align:justify;
}
ul.navheader,ul.navfooter {
margin:0;
padding:0;
}
.userpic,.userpicfriends { display:none;
position:relative;
float:left;
background-color:#fafafa;
z-index:15;
border-color:#ccc;
border-style:dashed;
border-width:1px;
margin:2px 10px 10px 0;
padding:10px;
font-size: 9px;
font-family: lucida sans unicode;
color: #999;
}
.subject a:hover,.datesubjectcomment a:hover {
color:#b0b9c8;
}
.entry ul li,.entry ol li {
padding-left:5px;
margin-left:15px;
}
.ljtags a,div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#ccc;
}
.defaultuserpic,.sbarheader,.sbarbody,table.calendar,.sbarcalendar,.sbarcalendarposts {
display:none;
}
.commentbox,.commentboxpartial {
background-color:transparent;
border-color:#ccc;
border-style:solid;
border-width:0px;
margin-left:190px;
padding:10px;
width:300px;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0px;
height: 0px;
background-image: url();
background-repeat: no-repeat;
padding: 0px 0px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width: 0px;
height: 0px;
background-image: url();
background-repeat: no-repeat;
padding: 0px 0px 0 0 !important;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
Comments Are <3
Add Me? :: More Layouts? :: THANK YOU.
IMG Preview! + Live Preview!
What you see in the preview above wasn't the original plan for the layout, I used tinypic.com for the first time to host the layout images and ended up deleting my only copy of the original layout base :P at first I was O_O NOOO and tried to recover it using a program but it was hopeless then I moved on but i have say the original version was awesome, i hate my absolute urge to delete thing off my pc once i upload/share!! PC OCD...? anyways, I hope you like it!
installation;
★ Top Navigation bar hover over journal Then click on journal style.
★ journal style >>
★ Select Flexible Squares as your new theme.
★ Scroll down to the bottom Ad Placement: Vertical
★ Page set up: Left Side Bar
★ Display » Navigation Strip un-check Always show on my journal/community and Always show on any journal or community I view
★ Then go to custom options and press Custom CSS & select NO in all the dropdown boxes.
★ Then copy & paste the CSS into the box & save changes.
more options;
with this layout image border and resize are automatic
if you do not want the border you have two options
Option no.01
Is to use this code on the image you do not want a border on
Option no.02
simply remove this code from your custom CSS
.entry_text img {border: 1px solid #f1f1f1;
padding: 2px;
background-color: transparent;
max-width: 315px;}
if you want to keep the resize but remove the border, replace the code above the the code below
.entry_text img {max-width: 315px;}
And change the width properties to what fits your layout/tastes =D
"removing" vert. ads;
The vertical ads will be displayed in you side bar to remove, or rather hide them, all you have to do is, After you finish writing in blurbs just press the enter button and till you feel satisfied.
for this to work you must
★ hide your userpic, tags, calender, etc.
★ Set Blurbs as the first in Ordering
Code;
body {
background-color:#f0f0f0;
background-attachment:fixed;
margin:0px 0;
}
body {
background: url(http://i36.tinypic.com/sw29.jpg) top center repeat-y #f0f0f0;
text-align: center;
color: #f0f0f0;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
b {color : #7bd3f7; text-decoration : none;}
b:hover {color : #f9f9f9; text-decoration : none;}
i {color : #363636; text-decoration : none;}
hr {border: 0; border-bottom: 1px solid #EEE;}
small {color : #d3f77b; font: 9px silkscreen, arial;}
code,kbd,pre,tt {
font-family:monospace;
}
#content {
width:580px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-width:0;
padding:0;
}
#maincontent {
margin-left:10px;
text-align:left;
background-color:transparent;
border-width:0;
}
#subcontent {
min-height: 200px;
}
#lj_controlstrip {
display: none;
}
#sidebar {
background-color:transparent;
width:160px;
float:left;
position:fixed;
font-family:silkscreen, arial;
font-size:9px;
color:#fff;
text-align:center;
border-width:0;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:190px;
}
#header {
width:200px;
float:left;
position:fixed;
font-family:georgia;
font-size:9px;
color:#666;
text-align:right;
background-color:transparent;
border-width:0;
margin: 0px 0px 0px -215px;
padding:0;
}
div#header a,div#header a:link,div#header a:visited {
color:#ccc;
font-family:georgia;
font-size:9px;
text-transform:uppercase;
}
.title {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
margin-top:03px;
}
.subtitle {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 08px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
top:10px;
text-align:right;
margin:0;
}
ul.navheader li {
display:;
padding:0 0 0 5px;
}
.entry {
width:315px;
background-color:tranparent;
font-family: Arial; color: #999;
font-size: 09px;
text-transform: none;
letter-spacing: 0px;
line-height: 100%;
text-align:justify;
border-width:0;
padding:05px;
margin-bottom:02px;
margin-top:02px;
margin-left:175px;
margin right:0px;
}
.entry_text img {border: 1px solid #f1f1f1; padding: 2px; background-color: #; max-width: 315px; }
.entry_text img.noborder {
border:0 solid #E1E1E1;
padding:0px; max-width: 315px; }
.userpic img { display:none;
}
.date {
width:315px;
margin-bottom:0px;
margin-top:0px;
margin-left:100px;
margin right:0px;
color:#ccc;
font-family:georgia;
font-size:9px;
text-transform:uppercase;
text-align:left;
}
.subject {
margin-bottom:0px;
margin-top:0px;
margin-left:px;
margin right:0px;
width:315px;
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
text-align:center;
padding:0;
}
.subject a,.subject a:link,.subject a:visited {
color:#65c3e1;
}
.datesubject {
margin-left:170px;
width:315px;
background-color:transparent ;
padding:0;
}
.currents,.currentmood,.currentmusic {
display:none;
font-family:lucida sans unicode;
font-size:9px;
font-weight:100;
text-transform:uppercase;
text-align:left;
border-color:#f1f1f1;
border-style:solid;
border-width:0 0 0 10px;
}
.ljtags {
font-family:lucida sans unicode;
font-size:9px;
text-transform:lowercase;
margin:20px 0 0;
}
.comments {
width:300px;
color:#666;
font-family:lucida sans unicode;
font-size:9px;
text-align:justify;
background-color:transparent;
position:relative;
text-transform:lowercase;
top:15px;
padding:0;
}
.separator {
height:60px;
}
.sbarbody2 {
font-family:silkscreen, arial;
font-size:9px;
color:#fff;
line-height:100%;
padding:0 0 0 0px;
}
ul.sbarlist {
padding-left:0;
margin-left:0;
list-style:none;
}
li.sbaritem {
padding-left:15px;
list-style:none;
}
li.sbartitle {
padding-left:15px;
list-style:none;
background-color:#919bad;
margin-bottom:10px;
margin-top:10px;
border-color:#999;
border-style:solid;
border-width:1px;
}
#footer {
width:300px;
text-align:center;
color : #666; font: 9px silkscreen, arial;
letter-spacing:1px;
background-color:#fff;
clear:both;
margin-left:190px;
border-width:0;
}
ul.navfooter li {
display:inline;
margin:0 5px;
}
.clearfoot {
clear:both;
}
ul.year {
text-align:center;
padding-bottom:40px;
}
ul.year li {
display:inline;
}
table.yeartable {
width:300px;
margin-left:180px;
margin-right:auto;
}
table.yeartable td.yeardate,table.yeartable td.yearday {
border-color:#ccc;
border-style:dashed;
border-width:0px;
}
table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}
td.yearmonth {
border-style:none;
}
.datesubjectcomment {
background-color:transparent;
}
.userpiccomment {
display:none;
}
.box {
font-family: "Arial Narrow";color: #7bd3f7;
font-size: 08px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 100%;
width:300px;
border: 0px solid #f1f1f1;
margin-left:180px;
padding:10px;
clear: left;
}
input,textarea {
background-color: #ffffff;
color : #666; font: 9px silkscreen, arial;
}
textarea.textbox {
background-color: #ffffff;
border: 1px solid #f1f1f1;
width:100% !important;
}
.reply {
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
position:relative;
text-align:left;
font-family:lucida sans unciode;
color: #777;
font-size:9px;
line-height:100%;
background-color:#fff;
color:#999;
padding:05px;
}
.replytosubject {
font-weight:700;
}
.commentreply {
font-family: Arial; color: #999;
font-size: 09px;
text-transform: none;
letter-spacing: 0px;
line-height: 100%;
position:relative;
}
.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#fff;
}
.commentinfo {display:none;
}
.skiplinks {
margin-left:110px;
color:#666; font: 9px silkscreen, arial;
text-align:center;
}
.clear {
height:0;
}
.ljuser a {
font-weight:100;
font-family:georgia;
color:#666;
}
a,a:link,a:visited,div#footer a:hover,div.comments a:hover {
color:#ccc;
text-decoration:none;
}
a:hover,div#header a:hover,.ljtags a:hover,div#sidebar a:hover {
color:#666;
text-decoration:none;
}
div#footer a,div#footer a:link,div#footer a:visited,div.comments a,div.comments a:link,div.comments a:visited {
color:#666;
font-family:lucida sans unicode;
font-size:9px;
text-align:justify;
}
ul.navheader,ul.navfooter {
margin:0;
padding:0;
}
.userpic,.userpicfriends { display:none;
position:relative;
float:left;
background-color:#fafafa;
z-index:15;
border-color:#ccc;
border-style:dashed;
border-width:1px;
margin:2px 10px 10px 0;
padding:10px;
font-size: 9px;
font-family: lucida sans unicode;
color: #999;
}
.subject a:hover,.datesubjectcomment a:hover {
color:#b0b9c8;
}
.entry ul li,.entry ol li {
padding-left:5px;
margin-left:15px;
}
.ljtags a,div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#ccc;
}
.defaultuserpic,.sbarheader,.sbarbody,table.calendar,.sbarcalendar,.sbarcalendarposts {
display:none;
}
.commentbox,.commentboxpartial {
background-color:transparent;
border-color:#ccc;
border-style:solid;
border-width:0px;
margin-left:190px;
padding:10px;
width:300px;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
width: 0px;
height: 0px;
background-image: url();
background-repeat: no-repeat;
padding: 0px 0px 0 0 !important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
width: 0px;
height: 0px;
background-image: url();
background-repeat: no-repeat;
padding: 0px 0px 0 0 !important;
}
img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
width: 0;
height: 0;
padding: 0 0px 0px 0px;
background: url();
background-repeat: no-repeat;
}
Comments Are <3
Add Me? :: More Layouts? :: THANK YOU.