LJ Layout #3
I'm having fun doing new layouts for LJs. I try to find new things.
It's a Grey's Anatomy related Layout again. I hope you like it.
Preview:
Grey's Anatomy - Waiting for Season 6
by freakyx
Click on the picture to see in a bigger size. Install select your theme Choose Flexible Squares - Chocolate Milkshake sidebar position 2 Column (sidebar on right) Customize Journal Style Go to Custom CSS Use layout's stylesheet(s) : No
Use layout's stylesheUse layout's stylesheet(s) when including custom external stylesheet t(s): No
Use external stylesheets: Yes Paste the following in the Custom Stylesheet box: /* Layout by freaky */ /* freakyx.livejournal.com */ body { background-color: #d5e1eb; /* Change background picture here*/ background: url('http://img407.imageshack.us/img407/461/bg001.jpg') repeat-x bottom fixed; text-align: center; color: #000000; font-family: Verdana; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #52678a; text-decoration: none; } a:hover { color: #3f748e; text-decoration: underline; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } #content-outer { background-image: none; } #content { width: 750px; margin-left: auto; margin-right: auto; background-color: #e3f6ff; border: 1px solid #c0dce2; /* Picture behind content */ background: url('http://img193.imageshack.us/img193/812/freakystylelayout03.jpg') repeat-y top center; padding: 0px; } #maincontent { margin: 15px 193px 0 0; font-family: Verdana; font-size: 11px; background-color: transparent; color: #000000; text-align: left; } #sidebar { padding-left: 5px; padding-right: 15px; margin-top: 50px; background-color: transparent; border-width: 0px; font-size: 10px; font-family: Verdana; color: #000000; width: 150px; float: right; text-align: left; } #header { padding: 10px 0px 20px 0px; margin: 0px; text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 2px; border-top: 1px solid #c0dce2; border-left: 1px solid #c0dce2; border-right: 1px solid #c0dce2; /*Change header here*/ background: url('http://img6.imageshack.us/img6/3052/freakystylelayout01.jpg') no-repeat top center; background-color: #e3f6ff; padding-top:400px; color: #000000; padding-top: 350px; } #footer { text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color: #c0d7e2; color: #000000; border: 1px solid #c0dce2; z-index: 100; clear: both; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #9ab0bb; } div#header a:hover, div#footer a:hover { color: #3f748e; text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; background-color: #e3f6ff; } ul.navheader li { display: inline; padding: 0 3px 0 3px; list-style-type: none; list-style-image: none; list-style-position: outside; } .title { background-color: #e3f6ff; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: 100%; top: 10px; } .subtitle{ background-color: #e3f6ff; font-family: Verdana; font-size: 10px; font-weight: normal; top: 10px; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #3f748e; } div#sidebar a:hover { color: #c0d7e2; text-decoration: none; } li.sbartitle { background-image: none; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } #sidebar_summary li.sbaritem { margin: 0 10px; padding: 3px 0; border-bottom: 1px #ffffff solid; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #000000; border-width: 1px; border-style: solid; text-align: center; font-family: Verdana; font-size: 11px; } .sbarcalendarposts { border-color: #000000; border-width: 1px; border-style: solid; background-color: #c0d7e2; text-align: center; font-family: Verdana; font-size: 11px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem, .tagcloud { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 15px; list-style: none; border-width: 0px; background-color: #9ab0bb; margin-bottom: 10px; margin-top: 10px; } /* maincontent */ .subcontent { margin: 5px 8px 19px 5px; } .entry { margin: 50px 24px 10px 30px; padding: 10px; background-color: #c0d7e2; background-image: none; color: #000000; font-family: Verdana; font-size: 11px; text-align: left; border-width: 1px; border-color: #9ab0bb; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { position: relative; float: left; background-color: transparent; margin: 0 10px; z-index: 15; border-width: 0px; width: 0px; height: 0px; padding: 0px; } .userpicfriends { /*position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #9ab0bb; font-family: Verdana; font-size: 11px; z-index: 15; width: 100px;*/ } .date { line-height: 200%; top: 5px; color: #000000; font-family: Verdana; font-size: 11px; } .subject { font-weight: bold; padding: 10px; background-color: #9ab0bb; color: #000000; font-family: Verdana; font-size: 11px; } .subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #000000; /*color: #c0d7e2;*/ text-decoration: none; } /*.subject a:hover { color: #3f748e; }*/ .datesubject { background-color: #9ab0bb; padding: 5px 10px 5px 5px; margin-right: 19px; margin-left: 120px } .currents, .currentmood, .currentmusic { font-family: Verdana; font-size: 11px; } .comments { font-family: Verdana; font-size: 11px; text-align: right; background-color: #9ab0bb; background-image: none; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #c0d7e2; } div.comments a:hover { color: #3f748e; text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #9ab0bb; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px; border-style: solid; border-color: #c0d7e2; background-color: #c0d7e2; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #9ab0bb; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ffffff; padding: 10px; clear: left; } input, textarea { background-color: #c0d7e2; color: #000000; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Verdana; font-size: 11px; line-height: 125%; background-color: #c0d7e2; color: #000000; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Verdana; color: #000000; } .commentbox { border-color: #ffffff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #c0d7e2; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #c0d7e2; } .datesubjectcomment a:hover { color: #3f748e; } .commentboxpartial { border-color: #ffffff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #c0d7e2; } .commentinfo { background-color: #c0d7e2; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #ffffff; } table.yeartable td.yearday { background-color: #c0d7e2; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { display: none; } /* misc */ .clear { height: 15px; } .skiplinks { text-align: center; } .headerimage { /* for formatting header image */ } .separator{ /* for formatting separators between entries */ height: 35px; } * html div.subcontent { /* fixes an IE reply page bug */ height: 1%; clear: none; } * html div.box#commentform { /* fixes an IE reply page bug */ position: absolute; border-width: 1px; border-style: solid; border-color: #ffffff; background-color: #bea16d; }
Credit: Please credit freakyx or freaky_styles
It's a Grey's Anatomy related Layout again. I hope you like it.
Preview:
Grey's Anatomy - Waiting for Season 6
by freakyx
Click on the picture to see in a bigger size. Install select your theme Choose Flexible Squares - Chocolate Milkshake sidebar position 2 Column (sidebar on right) Customize Journal Style Go to Custom CSS Use layout's stylesheet(s) : No
Use layout's stylesheUse layout's stylesheet(s) when including custom external stylesheet t(s): No
Use external stylesheets: Yes Paste the following in the Custom Stylesheet box: /* Layout by freaky */ /* freakyx.livejournal.com */ body { background-color: #d5e1eb; /* Change background picture here*/ background: url('http://img407.imageshack.us/img407/461/bg001.jpg') repeat-x bottom fixed; text-align: center; color: #000000; font-family: Verdana; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #52678a; text-decoration: none; } a:hover { color: #3f748e; text-decoration: underline; } p, td, blockquote { font-size: 11px; } code, kbd, pre, tt { font-family: monospace; } #content-outer { background-image: none; } #content { width: 750px; margin-left: auto; margin-right: auto; background-color: #e3f6ff; border: 1px solid #c0dce2; /* Picture behind content */ background: url('http://img193.imageshack.us/img193/812/freakystylelayout03.jpg') repeat-y top center; padding: 0px; } #maincontent { margin: 15px 193px 0 0; font-family: Verdana; font-size: 11px; background-color: transparent; color: #000000; text-align: left; } #sidebar { padding-left: 5px; padding-right: 15px; margin-top: 50px; background-color: transparent; border-width: 0px; font-size: 10px; font-family: Verdana; color: #000000; width: 150px; float: right; text-align: left; } #header { padding: 10px 0px 20px 0px; margin: 0px; text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 2px; border-top: 1px solid #c0dce2; border-left: 1px solid #c0dce2; border-right: 1px solid #c0dce2; /*Change header here*/ background: url('http://img6.imageshack.us/img6/3052/freakystylelayout01.jpg') no-repeat top center; background-color: #e3f6ff; padding-top:400px; color: #000000; padding-top: 350px; } #footer { text-align: center; font-family: Verdana; font-size: 11px; font-weight: bold; letter-spacing: 1px; background-color: #c0d7e2; color: #000000; border: 1px solid #c0dce2; z-index: 100; clear: both; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #9ab0bb; } div#header a:hover, div#footer a:hover { color: #3f748e; text-decoration: none; } ul.navheader { padding: 0px; margin: 0px; background-color: #e3f6ff; } ul.navheader li { display: inline; padding: 0 3px 0 3px; list-style-type: none; list-style-image: none; list-style-position: outside; } .title { background-color: #e3f6ff; font-family: Verdana; font-size: 11px; font-weight: normal; line-height: 100%; top: 10px; } .subtitle{ background-color: #e3f6ff; font-family: Verdana; font-size: 10px; font-weight: normal; top: 10px; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #3f748e; } div#sidebar a:hover { color: #c0d7e2; text-decoration: none; } li.sbartitle { background-image: none; } .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } #sidebar_summary li.sbaritem { margin: 0 10px; padding: 3px 0; border-bottom: 1px #ffffff solid; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #000000; border-width: 1px; border-style: solid; text-align: center; font-family: Verdana; font-size: 11px; } .sbarcalendarposts { border-color: #000000; border-width: 1px; border-style: solid; background-color: #c0d7e2; text-align: center; font-family: Verdana; font-size: 11px; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem, .tagcloud { padding-left: 15px; list-style: none; } li.sbartitle { padding-left: 15px; list-style: none; border-width: 0px; background-color: #9ab0bb; margin-bottom: 10px; margin-top: 10px; } /* maincontent */ .subcontent { margin: 5px 8px 19px 5px; } .entry { margin: 50px 24px 10px 30px; padding: 10px; background-color: #c0d7e2; background-image: none; color: #000000; font-family: Verdana; font-size: 11px; text-align: left; border-width: 1px; border-color: #9ab0bb; border-style: solid; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic, .userpicfriends { position: relative; float: left; background-color: transparent; margin: 0 10px; z-index: 15; border-width: 0px; width: 0px; height: 0px; padding: 0px; } .userpicfriends { /*position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 1px; border-color: #9ab0bb; font-family: Verdana; font-size: 11px; z-index: 15; width: 100px;*/ } .date { line-height: 200%; top: 5px; color: #000000; font-family: Verdana; font-size: 11px; } .subject { font-weight: bold; padding: 10px; background-color: #9ab0bb; color: #000000; font-family: Verdana; font-size: 11px; } .subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #000000; /*color: #c0d7e2;*/ text-decoration: none; } /*.subject a:hover { color: #3f748e; }*/ .datesubject { background-color: #9ab0bb; padding: 5px 10px 5px 5px; margin-right: 19px; margin-left: 120px } .currents, .currentmood, .currentmusic { font-family: Verdana; font-size: 11px; } .comments { font-family: Verdana; font-size: 11px; text-align: right; background-color: #9ab0bb; background-image: none; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #c0d7e2; } div.comments a:hover { color: #3f748e; text-decoration: none; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #9ab0bb; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px; border-style: solid; border-color: #c0d7e2; background-color: #c0d7e2; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #9ab0bb; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #ffffff; padding: 10px; clear: left; } input, textarea { background-color: #c0d7e2; color: #000000; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: Verdana; font-size: 11px; line-height: 125%; background-color: #c0d7e2; color: #000000; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: Verdana; color: #000000; } .commentbox { border-color: #ffffff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #c0d7e2; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #c0d7e2; } .datesubjectcomment a:hover { color: #3f748e; } .commentboxpartial { border-color: #ffffff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #c0d7e2; } .commentinfo { background-color: #c0d7e2; margin-top: 10px; width: 100%; } /* maincontent -- year/achive pages */ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #ffffff; } table.yeartable td.yearday { background-color: #c0d7e2; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { display: none; } /* misc */ .clear { height: 15px; } .skiplinks { text-align: center; } .headerimage { /* for formatting header image */ } .separator{ /* for formatting separators between entries */ height: 35px; } * html div.subcontent { /* fixes an IE reply page bug */ height: 1%; clear: none; } * html div.box#commentform { /* fixes an IE reply page bug */ position: absolute; border-width: 1px; border-style: solid; border-color: #ffffff; background-color: #bea16d; }
Credit: Please credit freakyx or freaky_styles