My Thoughts, Art, and Writing - REQUEST FILLED - LiveJournal Layout: Milo Ventimiglia (2 Versions)

Previous | Memories | Tell a Friend | Next

janine42584

15 June 2007 @ 07:23 pm

REQUEST FILLED - LiveJournal Layout: Milo Ventimiglia (2 Versions)

~Please Comment if Taking
~Please Credit

janine42584 if using

This layout was requested by

marisk8.

Made With S2 and Flexible Squares Layout

How to use CSS override codes.

Go to "Journal" drop down
Select "Edit Journal Style"
From there click "Basics"
Under "Style System" check "S2"
Now click "Look and Feel"
Under "Layout and Language" select "Flexible Squares"
Under "Themes" have the default selected
Now click "Custom Options"
Click "Custom CSS"
Click "No" for "Use Layout's Stylesheet"
Then Paste all of the override code in the box provided.

Override Code

/* Cleaned CSS: */

body {
	background: url(http://img297.imageshack.us/img297/1278/backgroundcd4.jpg) top center repeat-y #1e5148;
        text-align: center;
        color: #acefee;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

a, a:link, a:visited {
        color: #1e5148;
        text-decoration: none;
        }

a:hover {
        color: #ffffff;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
    {
        width: 950px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
    }

#maincontent {
	margin: 0px 20px 0px 220px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        color: #acefee;
        text-align: left;
        }

#sidebar {
	background: url(http://img201.imageshack.us/img201/4708/sidebarfx5.jpg) top left no-repeat transparent;
        padding-top: 180px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #acefee;
        width: 200px;
        float: left;
        text-align: left;
	line-heigt: 18px;
        }

#header {
	background: url(http://img201.imageshack.us/img201/3374/headerko2.jpg) top center no-repeat transparent;
	height:350px;
        padding:0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #1e5148;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #acefee;
        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: #1e5148;
    }

div#header a:hover, div#footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }

ul.navheader
        {
        padding-top: 340px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title    {
	display:none;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
	display:none;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #1e5148;
    }

div#sidebar a:hover {
        color: #ffffff;
        text-decoration: 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 {
         padding: 3px 0;
        border-bottom: 1px #011605 solid;
	margin-right:30px;
    }

table.calendar {
	margin-right:30px;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #acefee;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #acefee;
        border-width: 1px;
        border-style: solid;
        background-color: #000000;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

ul.sbarlist
    {
	margin-right:30px;
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
    }

li.sbaritem, .tagcloud
    {
        padding-left: 5px;
        list-style: none;
    }

li.sbartitle
    {
	color:#92e2f4;
        padding-left: 5px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        border-top-width: 2px;
        border-top-color: #0f777a;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #0f777a;
        border-bottom-style: solid;
        }
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #acefee;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        }

.userpicfriends {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #92e2f4;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
	font-weight:bold;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #92e2f4;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #1e5148;
        }

.subject a:hover {
        color: #ffffff;
        }

.datesubject {
	margin-top:10px;
	margin-right:120px;
        padding: 5px;
        border-top-color: #0f777a;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #0f777a;
        border-bottom-style: solid;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #1e5148;
    }

div.comments a:hover {
        color: #ffffff;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: right;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #011605;
        padding: 10px;
        clear: right;
        }

input, textarea {
        background-color: #000000;
        color: #acefee;
        }

textarea.textbox  {
          width: 95% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        line-height: 125%;
        color: #acefee;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #acefee;
        }

.commentbox {

border-color: #011605;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #000000;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #1e5148;
        }

.datesubjectcomment a:hover {
        color: #ffffff;
        }

.commentboxpartial {
        border-color: #011605;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #000000;
        }

.commentinfo {
        background-color: #000000;
        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: #011605;
        }

table.yeartable td.yearday {
        background-color: #000000;
        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 {
        clear: both;
        }

/* 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: #011605;
        background-color: #000000;
    }
    
div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}

Override Code

/* Cleaned CSS: */

body {
	background: url(http://img293.imageshack.us/img293/1854/backgrounddt4.jpg) top center repeat-y #fffbc1;        
        text-align: center;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px;
        }

a, a:link, a:visited {
        color: #3f5139;
        text-decoration: none;
        }

a:hover {
        color: #e5822d;
        text-decoration: underline;
        }

p, td, blockquote {
            font-size: 11px;
        }

code, kbd, pre, tt {
            font-family: monospace;
        }

#content
    {
        width: 950px;
        margin-left: auto; margin-right: auto;
        padding: 0px;
    }

#maincontent {
	margin: 0px 20px 0px 220px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        color: #000000;
        text-align: left;
        }

#sidebar {
	background: url(http://img148.imageshack.us/img148/5333/sidebarbs8.jpg) top left no-repeat transparent;
        padding-top: 125px;
        margin-top: 0px;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #000000;
        width: 200px;
        float: left;
        text-align: left;
	line-heigt: 18px;
        }

#header {
	background: url(http://img528.imageshack.us/img528/6812/headercy7.jpg) top center no-repeat transparent;
	height:300px;
        padding: 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        color: #3f5139;
        }

#footer {
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #000000;
        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: #3f5139;
    }

div#header a:hover, div#footer a:hover {
        color: #e5822d;
        text-decoration: none;
    }

ul.navheader
        {
        padding-top: 270px;
        margin: 0px;
        }

ul.navheader li  {
        display: inline;
        padding: 0 3px 0 3px;
        }

.title    {
	display:none;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

.subtitle{
	display:none;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
        }

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
        color: #e9e357;
    }

div#sidebar a:hover {
        color: #e5822d;
        text-decoration: 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;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border-color: #000000;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.sbarcalendarposts {
        border-color:  #000000;
        border-width: 1px;
        border-style: solid;
        background-color: #fffbc1;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

ul.sbarlist
    {
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
    }

li.sbaritem, .tagcloud
    {
        padding-left: 5px;
        list-style: none;
    }

li.sbartitle
    {
        padding-left: 5px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        }
    }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: right;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        }

.date {
        line-height: 200%;
        top: 5px;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 12px;
	font-weight:bold;
        }

.subject {
        font-weight: bold;
        padding: 10px;
        color: #000000;
        font-family: "Verdana", sans-serif;
        font-size: 13px;
	font-weight:bold;
	font-variant:small-caps;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #3f5139;
        }

.subject a:hover {
        color: #e5822d;
        }

.datesubject {
        padding: 5px;
	margin-top:10px;
	margin-right:120px;
        border-top-width: 2px;
        border-top-color: #4d5c31;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #4d5c31;
        border-bottom-style: solid;
        }

.currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

.comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

div.comments a, div.comments a:link, div.comments a:visited{
        color: #3f5139;
    }

div.comments a:hover {
        color: #e5822d;
        text-decoration: none;
    }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
            padding: 5px;
            margin-top: 20px;
            }

.userpiccomment {
        position: relative;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: right;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #105c35;
        padding: 10px;
        clear: right;
        }

input, textarea {
        background-color: #fffbc1;
        color: #000000;
        }

textarea.textbox  {
          width: 95% !important;
           }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #000000;
        }

.commentbox {

border-color: #105c35;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #fffbc1;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #3f5139;
        }

.datesubjectcomment a:hover {
        color: #e5822d;
        }

.commentboxpartial {
        border-color: #105c35;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #fffbc1;
        }

.commentinfo {
        background-color: #fffbc1;
        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: #105c35;
        }

table.yeartable td.yearday {
        background-color: #fffbc1;
        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 {
        clear: both;
        }

/* 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: #105c35;
        background-color: #fffbc1;
    }
    
div.ljtags {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	}