Layouts

Livejournal

By: Morango	Instructions: Change into S2 in case of your Livejournal is S1. Go to journal > customize journal theme Select Tranquility II Go to customize your theme > Custom CSS Mark 'Use layout's stylesheet' as 'NO' and custom external stylesheet 'YES' On Custom stylesheet copy and paste the code above (Ctrl C + Ctrl +V) @media screen, print { ul#lj-links, ul#lj-summary, ul#user-links { margin: 0; padding: 0; } body { background: #000000 url(http://www.versaillesbr.com/layouts/2fundoai52.jpg) center top repeat-y; font-family: Georgia, serif; font-size: 12px; line-height: 125%; color: #990000; text-align: center; margin-top: 0; } a { font-family: Georgia, serif; font-size: 100%; color: #ffffff; text-decoration: none; } a:visited { color: #ffffff; } a:hover, a:visited:hover { color: #ffffff; text-decoration: none; } a:active { color: #ffffff; } a img { border: none; } a.comm { background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat; padding-left: 19px; padding-bottom: 7px; } a.user { background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat; padding-left: 19px; padding-bottom: 7px; } p { margin: 5px; padding: 5px; } form { display: inline; margin: 0px; padding: 0px; } input, select, textarea { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #000000; padding: 1px; margin: 0px; } #container { position: relative; width: 757px; margin: 0 auto; text-align: left; } #header { margin-bottom: 15px; background: transparent url(http://www.versaillesbr.com/layouts/curevol50_90a.gif) top center no-repeat; height: 401px; } #header h1 { display: none; } #menu { position: relative; background-color: #ffffff; margin-left: 10px !important; margin-left: 5px; float: left; width: 150px; font-family: Georgia, serif; font-size: 100%; color: #ffffff; border: 1px solid #990000; padding: 4px; } #content { position: relative; margin-left: 160px; } #entries { border: 0px; padding: 15px; background-color: transparent; } #menu h2 { margin: 20px 0; font-family: serif; text-transform: uppercase; font-size: 100%; color: #990000; border-bottom: 1px solid #990000; } #menu h2.userpic { text-align: center; border: 0px; } #menu a { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #CEBAAA; } #menu a:visited { color: #ffffff; } #menu a:hover, #menu a:visited:hover { color: #4D0000; background-color: #CEBAAA; } #menu a:active { color: #ffffff; } #menu ul { margin: 3px; list-style: none; } #menu ul li { margin: 3px; padding: 0px; list-style: none; } #menu ul li.active { margin: 20px 0; font-family: serif; font-size: 100%; text-transform: uppercase; color: #990000; font-weight: bold; border-bottom: 1px solid #990000; } #user-links a, #lj-links a, #user-links a:link, #lj-links a:link, #user-links a:visited, #lj-links a:visited { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; display: block; color: #CEBAAA; padding-left:3px; padding-bottom:3px; line-height: 18px; } #user-links a:hover, #lj-links a:hover { color: #4D0000; } #content h2 { margin: 20px 0; } #entries, #comments { margin: 10px; } .ind-entry { padding: 5px; padding-bottom: 35px; border-bottom: 0px; background-color: transparent; background: transparent url() bottom center no-repeat; } .ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img { position: relative; float: right; padding: 0px; } .ind-entry h2 { font-family: Georgia, serif; font-size: 150%; color: #4F1A16; margin: 20px 0px; line-height: 140%; background: transparent url() no-repeat 0em 0.10em; padding-left: 25px; border-bottom: #5D525C double 3px; } .ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 { font-family: Verdana, Helvetica, sans-serif; font-size: 80%; color: #000000; } .ind-entry h4 { background-color: transparent; } .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a { font-family: Verdana, Helvetica, sans-serif; font-size: 100%; color: #000000; text-decoration: none; } .ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited { color: #000000; } .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover { color: #000000; } .ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #000000; } .ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active, .ind-comment-screened h4 a:active { color: #000000; } .ind-entry div.entry-item, .ind-entry div.month-entries { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 15px 0px; } .ind-entry div.entry-item a, .ind-entry div.month-entries a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #000000; } .ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #000000; } .ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #000000; } .ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #000000; } .ind-comment-one, .ind-comment-two, .ind-comment-screened { margin: 10px 0; padding: 5px; } .ind-comment-one { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-two { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-screened { background-color: #E9DFD8; border-bottom: 1px solid #340000; } .ind-comment-one h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; } .ind-comment-one div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 15px 0px; } .ind-comment-one div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-comment-one div.entry-item a:visited { color: #000000; } .ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #000000; } .ind-comment-one div.entry-item a:active { color: #000000; } .ind-comment-two h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; line-height: 140%; } .ind-comment-two div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 10px 0px; } .ind-comment-two div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #000000; text-decoration: underline; } .ind-comment-two div.entry-item a:visited { color: #000000; } .ind-comment-two div.entry-item a:hover, .ind-comment-two div.entry-item a:visited:hover { color: #000000; } .ind-comment-two div.entry-item a:active { color: #000000; } .ind-comment-screened h2 { font-family: Georgia, serif; font-size: 130%; color: #990000; margin: 20px 0px; } .ind-comment-screened div.entry-item { font-family: Georgia, serif; font-size: 100%; color: #990000; margin: 10px 0px; } .ind-comment-screened div.entry-item a { font-family: Georgia, serif; font-size: 100%; color: #5E0302; text-decoration: underline; } .ind-comment-screened div.entry-item a:visited { color: #000000; } .ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #000000; } .ind-comment-screened div.entry-item a:active { color: #000000; } .month-entries { margin: 10px 0; } .month-entries ul { list-style: none; margin: 10px; } .month-entries ul li { list-style: none; padding: 3px; } .ljtaglist { margin-left: 5px; } .ljtags { margin-top: 15px; } #footer { position: relative; font-family: Georgia, serif; font-size: 100%; color: #000000; background-color: transparent; } #footer p { padding: 20px; } #footer a { font-family: Georgia, serif; font-size: 100%; color: #000000; } #footer a:visited { color: #000000; } #footer a:hover, #footer a:visited:hover { color: #000000; } #footer a:active { color: #000000; } } @media print { #menu { display: none; } #content { margin-left: 0px; } #entries, .ind-entry, .ind-comment, #footer, #header { border: none; } }
By: Morango	Instructions: Change into S2 in case of your Livejournal is still S1. Go to journal > customize journal theme Select Smooth Sailing theme Go to customize your theme > Custom CSS Mark 'Use layout's stylesheet' as 'NO' and custom external stylesheet 'YES' On Custom stylesheet copy and paste the code above (Ctrl C + Ctrl V): /* PAGE */ /* MADE BY MORANGO from www.versaillesbr.com */ body { font-family:arial; font-size: 12px; line-height: 16px; letter-spacing: 0pt; margin-top: 0px; background-color: #ffffff; color: #993333; align: left; background-image: url(http://www.versaillesbr.com/layouts/hiza_bg.jpg); background-repeat: repeat; background-position: top; } ::-moz-selection { background-color: #ef1b67; color: #ffffff; } a, a:link, a:visited { color: #bba4a4; text-decoration: none; } a:hover { color: #ffffff; background-color: #bba4a4; line-height: 16px; text-decoration: none; } .pageblock{ width:780px; background-image: url(http://www.versaillesbr.com/layouts/hiza_body.jpg); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top: 0px; } .pagefooterblock { background-color: transparent; color:#993333; background-image: url(''); padding-top:5px; padding-bottom:5px; text-align: center; border-top:1px solid #993333; width: 780px; } .pagefooterblock a, .pagefooterblock a:visited { color: #ffffff; } /* HEADER */ .pageheaderblock { text-align: left; } .header-title { font-size: 0px; background-color: transparent; background-image: url(http://www.versaillesbr.com/layouts/hiza_header.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top:0px; height: 464px; width: 780px; } .header-subtitle { display:none; } .header-icon { display:none; } .header-menu { padding: 0px; background-color: transparent; font-family:Myriad Web Pro; font-size: 11px; line-height: 20px; text-align: center; background-image: url(); border-bottom:0px dashed #5c5c5c; width: 500px; margin-left: 189px; } .header-menu a, .header-menu a:visited { text-align: center; padding: 3px 10px 3px 10px; color: #a87b7b; text-decoration: bold; } .header-menu a:hover { padding: 1px 5px 2px 5px; color: #ffffff; background-color: #b57777; font-size: 11px; text-decoration: bold; } .header-menu ul, #footer-menu ul { margin: 0px; padding: 0px; } .header-menu li, #footer-menu li { display: inline; } /* BODY */ .bodyblock { padding:0px; background-color: transparent; width: 780px; background-image:url(); margin-left: 0px; color: #885252; } .bodyheaderblock { display: none; } .bodynavblock { background-color: transparent; color: #885252; text-align:right; } .bodynavblock a, .bodynavblock a:visited { color: #ffffff; } .body-title { display: none; } .body-midtitle { display: none; } /*ENTRIES*/ .entryHolder { color:#885252; background-color:transparent; font-family:Arial; font-size: 12px; margin-left: 30px; margin-right: 150px; padding-top: 3px; padding-left: 10px; padding-bottom: 20px; padding-left:5px; border-bottom:1px solid #993333; width:500px; margin-right:70px; margin-left:40px; } .entryUserinfo { text-align: center; margin: 5px; background-color: transparent; background-image:url(); background-repeat: no-repeat; background-position: top left; padding-bottom: 1px; } .entryUserinfo-usericon img { background-image:url(); border: 0px; } .entryText { padding: 6px; } .entryHeader { color:#885252; font-family:Arial; font-size: 14px; font-weight: none; text-decoration: none; background-color: transparent; padding-top: 5px; padding-bottom:5px; } .entryHeader a{ color: #885252; } .entryHeaderSubject { font-weight: none; font-size: 15px; letter-spacing: 3pt; text-decoration : none; } .entryHeaderDate { color: #885252; text-decoration : none; } .entryHeaderDate a { color: #885252; text-decoration : none; } .entryHeaderDate a:hover { color : #885252; text-decoration : none; } .entryMetadata { padding-left: 6px; } .entryMetadata ul { margin: 0px; padding: 0px; } .entryMetadata li { list-style: none; display: inline; padding-right: 10px; } .entryMetadata-label { color: #885252; font-weight: none; padding-right: 4px; } .entryLinkbar { font-family:Arial; font-size: 11px; color: #885252; text-align: right; padding: 4px 0px 4px 0px; } .entryLinkbar ul { margin: 0px; padding: 0px; } .entryLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } /*FOOTER*/ #footer-menu { font-size: 10px; background-color:tranparent; padding-left:5px; } #footer-menu a, .footer-menu a:visited { color: #993333; background-color:tranparent; padding: 0px; text-align: right; } #footer-menu a:hover { background-color:#885252; color: #993333; padding: 0px; text-align: right; } /*SIDEBAR*/ .sidebar { font-family:Arial; font-size: 12px; margin-right: 0px; margin-left: 0px; width: 120px; border-right:0px solid #ffffff; color: #885252; background-color: transparent; top:-150px; position:relative; z-index:100; margin-left:23px; } .sidebox { padding: 4px; background-color: transparent; margin: 0px 0px 10px 0px; } .sideboxTitle { text-align: right; list-style: none; color: #bba4a4; margin-bottom: 5px; font-family: Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; background-image:url(); background-repeat: no-repeat; background-position: top left; background-color: transparent; height: 26px; border-bottom:1px solid #bba4a4; } .sideboxContent { text-align: right; font-family:Arial; font-size: 10px; padding: 2px 4px 2px 4px; color: #885252; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: right; } .sidebox #tags_sidebox { text-align: right; font-size : 10px; width:100% font-weight:bold; } .sidebox #systemlinks { text-align: right; font-size : 10px; width:100% } .sidebox #latestmonth table{ width: 90%; margin-left: auto; margin-right: auto; margin-top: 4px; color: #000000; } .listtitle { font-weight: bold; text-align: right; font-size : 10px; text-align: center; display: block; width: 100%; } .profile-label { font-weight: bold; } .sidebox #systemlinks a{ padding-top:5px; padding-right: 5px; list-style: none; text-align: right; display: block; } .sidebox #systemlinks hover{ background-color: #885252; } /*ARCHIVE PAGE*/ .yearlinks{ color: #885252; text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 450px; border: 0px solid #3d3d3d; margin: 8px 8px 8px 40px; } .daysubjects { color: #885252; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; border: 1px dotted #3d3d3d; background: transparent; color: #885252; } .day-blank { border: 1px solid #885252; } .day { border: 1px solid #885252; } .day-date { border-right: 1px solid #885252; border-bottom: 1px solid #885252; color: #885252; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 14px; } .day-count a { text-decoration: none; color: #885252; } /*TAGS PAGE*/ .tagstable, .tagstable td { border: 1px solid #885252; } .tagstable { width: 450px; } /* COMMENT PAGE */ .commentHolder { color: #885252; background-color: transparent; border-top: 1px dashed #885252; font-family: ; font-size: 12px; margin: 4px 0px 4px 0px; background-color: #d9c0c0; } .commentUserinfo { text-align: center; margin: 0px 8px 8px 0px; background-color: transparent; } .commentUserinfo-usericon img { border: 0; } .commentText { padding: 6px; } .commentHeader { background-color: transparent; color: #885252; font-family: Myriad Web Pro; font-size: 12px; padding: 4px 0px 4px 8px; } .commentHeader a{ color: #885252; } .commentHeaderScreened { font-family: ; font-size: 12px; background-color: transparent; padding: 4px 0px 4px 8px; } .commentHeaderSubject { font-weight: bold; } .commentLinkbar { font-family: ; font-size: 11px; color: #000000; text-align: right; padding-top: 4px; padding-bottom: 4px; } .commentLinkbar ul { margin: 0px; padding: 0px; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0px; display: inline; } #commenttext{ width:100%; } /* FORM */ .replyform { background-color: #ffffff; text-align: left; margin: 5px 10px 5px 7px; color: #885252; line-height: 16px; border: 1px solid #885252; } .textbox { margin-top: 5px; margin-bottom: 5px; } .replyform textarea { width: 450px; } input { font-family:Myriad Web Pro; font-size: 10pt; color: #885252; background-color: #ffffff; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #885252; font-size: small; margin: 0; width:100px; } #SearchType { margin-bottom: 5px; }
By: Lillie	Instructions: Change into S2 in case of your Livejournal is S1. Go to journal > customize journal theme Select Smooth Sailing theme Go to customize your theme > Custom CSS Mark 'Use layout's stylesheet' as 'NO' and custom external stylesheet 'YES' On Custom stylesheet copy and paste the code above (Ctrl C + Ctrl V): /* Style System: S2 Theme: Smooth Sailing Account: Basic, Plus and Paid */ body { color: #888888; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; margin: 0; padding: 0; background-color: #151515; } a { color: #DD8237; text-decoration: none; font-weight: normal; } a:hover { color: #FA9E0D; } blockquote { background-image: url(http://yourdomain/boxbg.jpg); background-position: bottom center; background-repeat: no-repeat; height: 200px; width: 400px; margin: 0 auto; margin-top: 50px; padding: 10px; background-color: #110D0E; color: #888888; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #222222; } input, textarea, select { background-color: #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 10px; color: #888888; border: 1px solid #222222; margin: 1px; } /* CONTAINER */ .pageblock{ background-color: #110D0E; width: 900px; margin: 0 auto; padding: 0; } .pagefooterblock { display: none; } .pagefooterblock a, .pagefooterblock a:visited { color: #DD8237; } .pageheaderblock { padding: 0; margin: 0; } .header-title { background-image: url(http://www.versaillesbr.com/layouts/header-1.jpg); background-position: center; background-repeat: no-repeat; height: 300px; width: 900px; font-size: 0; color: transparent; padding: 0; margin: 0; text-align: center; display: yes; } .header-subtitle { display: none; } .header-icon { top: 0; right: 0; position: absolute; z-index: 1; display: none; } .header-menu { border: 0 solid #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; text-transform: lowercase; letter-spacing: 2px; font-size: 10px; line-height: 20px; text-decoration: none; padding: 0; } .header-menu a, .header-menu a:visited { white-space: nowrap; padding: 2px 6px 2px 6px; color: #DD8237; } .header-menu a:hover { color: #FA9E0D; } .header-menu ul, #footer-menu ul { text-align: right; margin: 0; padding: 10px 10px 10px 10px; } .header-menu li, #footer-menu li { display: inline; margin: 3px; padding: 3px; color: #DD8237; } /* BODY */ .bodyblock { padding: 0; background-color: #110D0E; } .bodyheaderblock { display: none; } .bodynavblock { margin: 10px 0 4px 0; padding: 8px; text-align: center; } .bodynavblock a, .bodynavblock a:visited { font-weight: normal; color: #666666; } .body-title { display: none; } .body-midtitle { display: none; } /* ENTRIES */ .entryHolder { padding: 0 10px 20px 20px; color: #888888; background-color: #110D0E; } .entryUserinfo { text-align: center; margin: 10px; background-color: #110D0E; } .entryUserinfo-usericon img { padding: 10px; background-color: #151515; border: 1px solid #222222; } .entryText { text-align: justify; line-height: 14px; padding: 8px 4px 14px 0; } .entryHeader { background-color: #151515; padding: 5px 0 5px 10px; } .entryHeader a { color: #DD8237; } .entryHeader a:hover { color: #888888; } .entryHeaderDate { background-image: url(http://yourdomain/clock.gif); background-position: left center; background-repeat: no-repeat; padding-left: 17px; font-family: small fonts; font-size: 7px; text-transform: uppercase; color: #656565; } .entryHeaderSubject { text-transform: none; letter-spacing: 1px; font-family: georgia,verdana,tahoma,sans-serif; font-size: 17px; font-style: italic; color: #656565; } .entryHeaderDate a { color: #DD8237; text-decoration: none; } .entryHeaderDate a:hover { color: #888888; } .entryMetadata { font-family: "Trebuchet MS",verdana,tahoma,sans-serif; padding-bottom: 10px; } .entryMetadata img { display: none; } .entryMetadata ul { margin: 0; padding: 1px; } .entryMetadata li { list-style: none; padding: 1px; display: block; } .entryMetadata-label { padding: 2px; color: #888888; font-size: 11px; text-transform: lowercase; } .entryLinkbar { border-top: #222222 1px solid; text-transform: uppercase; text-align: right; font-family: small fonts; font-size: 7px; padding: 4px 0 0 0; } .entryLinkbar a, .entryLinkbar a:visited { color: #DD8237; } .entryLinkbar a:hover { color: #FA9E0D; } .entryLinkbar ul { margin: 0; padding: 0; } .entryLinkbar li { background-image: url(http://yourdomain/arrow.gif); background-position: left center; background-repeat: no-repeat; padding: 0 5px 0 15px; margin: 0; display: inline; } /* FOOTER */ #footer-menu { text-transform: lowercase; background-color: #110D0E; text-align: right; } #footer-menu a, .footer-menu a:visited { padding: 0 12px 0 0px; color: #DD8237; white-space: nowrap; } #footer-menu a:hover { color: #FA9E0D; } /* SIDEBAR */ .sidebar { border-left: 1px solid #222222; background-color: #110D0E; padding: 0 10px 10px 10px; font-size: 10px; width: 200px; color: #888888; } .sidebox { color: #888888; margin: 0 0 20px 0; } .sideboxTitle { text-transform: uppercase; letter-spacing: 3px; font-size: 11px; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; padding: 5px 2px 5px 2px; color: #222222; text-align: center; background-color: #151515; } .sideboxContent { line-height: 14px; text-align: left; padding: 3px; } .sidebox #freetext { text-align: justify; } .sidebox #profile, .sidebox #latestmonth, .sidebox #search { text-align: center; } .listitem { background-image: url(http://yourdomain/bullet.gif); background-position: left center; background-repeat: no-repeat; padding: 1px 5px 1px 10px; } .listitem a { font-family: small fonts; font-size: 7px; color: #888888; text-transform: uppercase; } .listitem a:hover { color: #656565; } #tags_sidebox a { display: inline; font-size: 10px; } #tags_sidebox a:hover { color: #FA9E0D; } .sidebox #systemlinks { text-align: left; font-size: 10px; } .sidebox #latestmonth table { width: 90%; margin: 4px auto 4px auto; } #latestmonth a:link, #latestmonth a:active, #latestmonth a:visited { text-align: center; text-transform: lowercase; } #latestmonth td { text-align: center; padding: 1px; font-family: verdana, sans-serif; font-size: 10px; } .latestmonth-inactive { background-color: transparent; padding: 2px; } .latestmonth-active { background-color: #151515; padding: 2px; } .profile-label { display: none; } /* COMMENT PAGE */ .commentHolder { color: #888888; background-color: #110D0E; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; margin: 4px 0px 4px 8px; } .commentUserinfo { text-align: center; margin: 8px 8px 8px 8px; background-color: #110D0E; } .commentUserinfo-usericon img { padding: 10px; border: 1px solid #151515; } .commentText { padding: 10px; text-align: justfiy; } .commentHeader { text-transform: upperrcase; background-color: #110D0E; color: #888888; font-family: "Trebuchet MS",verdana,tahoma,sans-serif; font-size: 11px; padding: 4px 0 4px 8px; } .commentHeader a { color: #DD8237; } .commentHeaderScreened { background-color: transparent; padding: 4px 0 4px 8px; } .commentHeaderSubject { text-transform: uppercase; font-weight: normal; } .commentLinkbar { border-top: 1px solid #151515; text-transform: lowercase; font-size: 10px; text-align: right; } .commentLinkbar a { color: #DD8237; } .commentLinkbar a:hover { color: #FA9E0D; } .commentLinkbar ul { margin: 0; padding: 0; } .commentLinkbar li { padding: 0px 5px 0px 5px; margin: 0; display: inline; } .replyform { border: 0; background-color: #110D0E; color: #888888; padding: 10px; } #commenttext{ width: 90%; } /* ARCHIVE PAGE */ .yearlinks { text-align: right; } .yearlink{ padding-left:4px; padding-right: 4px; } .month { width: 80%; margin: 8px 8px 8px 20px; } .daysubjects { color: #888888; padding: 8px 8px 8px 40px; } .daytitles { text-align: center; background-color: #110D0E; color: #888888; } .day-blank { } .day { } .day-date { color: #888888; width: 50%; text-align: center; } .day-count { width: 50%; text-align: center; float: right; font-size: 12px; } .day-count a { text-decoration: none; color: #DD8237; } /* TAGS PAGE */ .tagstable td { } .tagstable { text-transform: lowercase; width: 90%; }
By: Morango	Instructions: Change into S2 in case of your Livejournal is still S1. Go to journal > customize journal theme Select Flexible Squares theme Go to customize your theme > Custom CSS Mark 'Use layout's stylesheet' as 'NO' and custom external stylesheet 'YES' On Custom stylesheet copy and paste the code above (Ctrl C + Ctrl V): /************************************************ * Theme : Flexible Squares * ************************************************/ BODY { margin: 0px 0px 0px 0px; background-color: #000000; background-image: url('http://i49.photobucket.com/albums/f272/morango_tenjou/Livejournal/background-copy.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; text-align: left; font-size: 10px; color: #484e60; font-family: Verdana, Helvetica, sans-serif; } a, a:link, a:visited { font-family: tahoma, helvetica, sans-serif; color: #f4f4f4; text-decoration: none; text-transform: lowercase; } a:hover{ font-family: tahoma, helvetica, sans-serif; color: #FFF9DF; border-bottom: dashed 1px #FFF9DF; } blockquote { margin: 0px 10px 0px 10px; padding: 10px; color: #FFF9DF; font-size: 10px; border: 1px solid #FFF9DF; background: #595959; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 550px; margin-right: auto; background-color: transparent; background-image: url('http://i49.photobucket.com/albums/f272/morango_tenjou/Livejournal/content.png'); background-attachment: fixed; background-position: top left; background-repeat: repeat-y; } #maincontent { margin: 0px 0px 0px 0px; } #sidebar { width: 450px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; padding-top: 15px; margin-bottom: 30px; background: #252525; color: #142059; font-family: verdana, helvetica, sans-serif; font-size: 10px; line-height: 12pt; text-align: justify; float: center; /*do not change this! the layout was made for the top-sidebar*/ border-top: 2px dashed #FFF9DF; border-right: 2px dashed #FFF9DF; border-bottom: 2px dashed #FFF9DF; } /* link menu at the top (header) */ #header { width: 500px; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; text-align: left; text-transform: lowercase; letter-spacing: -1px; background-color: transparent; font-size: 12pt; font-family: monospace, sans-serif; color: #FFF9DF; font-weight: bold; } div#header a, div#header a:link, div#header a:active, div#header a:visited { font-family: monospace, sans-serif; color: #7e7e7e; text-transform: lowercase; letter-spacing: -1px; } div#header a:hover { color: #FFF9DF; text-transform: lowercase; letter-spacing: -1px; } ul.navheader { padding: 5px; } ul.navheader li{ display: inline; margin: 0 5px 0 5px; } div#header li.view { font-family: monospace, sans-serif; color: #FFF9DF; text-transform: lowercase; letter-spacing: -1px; } /* footer */ #footer { width: 500px; margin: 0px 0 0px 0; padding: 5px 0 5px 0px; text-align: center; text-transform: lowercase; letter-spacing: -1px; background-color: transparent; font-size: 12pt; font-family: monospace, sans-serif; color: #FFF9DF; font-weight: bold; clear: both; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { font-family: monospace, sans-serif; color: #ededed; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#footer a:hover { color: #FFF9DF; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } div#footer li.viewing { font-family: monospace, sans-serif; font-style: italic; color: #FFF9DF; font-size: 12pt; text-transform: lowercase; letter-spacing: -1px; } #footer .viewing { display:none; } ul.navfooter { padding: 5px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /* title and subtitle */ .title { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #142059; text-decoration: none; text-transform: uppercase; font-weight: bold; } div#sidebar a:hover { text-decoration: none; color: #142059; text-transform: uppercase; /*border-top: dashed 1px #FFF9DF;*/ } .defaultuserpic { text-align: right; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 3px 0px 3px; } .sbarbody2 { padding: 0 6px 0 6px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #cccccc; background: transparent; text-align: center; color: #bbbbbb; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #cccccc; background: transparent; text-align: center; color: #aaaaaa; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; list-style: none; background-color: transparent; border-bottom: 1px solid #dddddd; } li.sbaritem:hover { color: #FFFFFF; border-bottom: 1px solid #bbbbbb; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 20px; text-align: left; font-weight: normal; padding-left: 0px; padding-bottom: 2px; background: url('') 0px 0px no-repeat; font-family: "Georgia", sans-serif; font-style: italic; color: #f2f2f2; font-size: 14pt; text-transform: lowercase; } /* tags page */ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 0px 0px 0px; margin-left: 10px; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px dashed #c2c3c4; padding: 7px 2px 7px 5px; color: #c2c3c4; } .ljtaglist a:hover{ background-color: #c2c3c4; } H2 { margin: 0px 10px 0px 10px; text-align: left; padding: 10px; font-size: 14px; color: #ededed; background: url('http://www.two-percent.net/LJ/layout/mar08/tags.gif') 0px 5px no-repeat; } /* entry */ ul.ljtaglist { color: #ededed; font-family: tahoma, helvetica, sans-serif; font-size: 10px; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 35px; } .subcontent { width: 450px; padding-left: 10px; background-image: url(''); background-repeat: repeat-y; } .entry{ padding-left:15px; padding-top: 5px; padding-bottom: 15px; color: #c2c3c4; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; line-height: 14pt; text-align: justify; width: 450px; } .entry ul li { list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { list-style: decimal-leading-zero; list-style-position: outside; } /* userpics */ .userpic { position: relative; float: right; padding: 2px; margin-left: 20px; margin-top: 30px; margin-right: -10px; z-index: 15; /*border: 1px solid #c2c3c4;*/ background-color: #142059 !important; text-align: center; font-family: tahoma, helvetica, sans-serif; font-size: 10px; } .userpicfriends { position: relative; float: right; padding: 2px; margin-left: 20px; margin-top: 30px; margin-right: -10px; z-index: 15; /*border: 1px solid #c2c3c4;*/ background-color: #142059 !important; text-align: center; font-family: tahoma, helvetica, sans-serif; font-size: 10px; } .userpicfriends font { color: #c2c3c4 !important; text-transform: lowercase; } .userpicfriends br { display: block; } /* date, subject, comments, tags, mood, etc */ .date{ text-align: left; font-weight: normal; padding-bottom: 5px; padding-left: 13px; color: #ededed; font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; text-transform: lowercase; background: url('http://www.two-percent.net/LJ/layout/mar08/clock.gif') 0px -1px no-repeat; } .subject { text-align: left; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; padding-left: 5px; color: #c2c3c4; font-size: 12px; text-transform: uppercase; } .subject a, .subject a:link, .subject a:visited { color: #ededed; text-transform: uppercase; } .subject a:hover { color: #FF9DF; } .datesubject { padding-top: 15px; } .currents, .currentmood, .currentmusic { font-family: verdana, helvetica sans-serif; font-size: 10px; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #c2c3c4; padding-left: 13px; margin-top: 35px; font-size: 10px; text-transform: lowercase; font-family: verdana, helvetica, sans-serif; background: url('http://www.two-percent.net/LJ/layout/mar08/other.gif') 0px 0px no-repeat; } .ljtags { margin-top: 35px; color: #c2c3c4; padding-left: 13px; font-weight: bold; text-transform: lowercase; font-family: verdana, helvetica, sans-serif; background: url('http://www.two-percent.net/LJ/layout/mar08/tags.gif') 0px 3px no-repeat; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #ededed; font-weight: normal; text-transform: none; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #ededed; text-transform: lowercase; } .currentlocation a:hover, .ljtags a:hover { color: #FFF9DF; text-transform: lowercase; text-decoration: none; } .comments { text-align: left; color: #c2c3c4; font-family: tahoma, helvetica, sans-serif; font-size: 10px; text-transform: lowercase; font-weight: bold; position: relative; padding-top: 10px; padding-bottom: 15px; margin-top: 10px; border-top: 3px dotted #142059; } div.comments a, div.comments a:link, div.comments a:visited { color: #c2c3c4; font-family: verdana, helvetica, sans-serif; text-transform: lowercase; } div.comments a:hover { color: #ededed; } /* archive */ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px solid #FFF9DF; } ul.year li { color: #ededed; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 7px; background-color: #c2c3c4; border: 1px solid #FFF9DF; color: #FFF9DF; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #c2c3c4; padding: 7px; border: 1px solid #c2c3c4; background-color: #FFF9DF; text-align: center; } table.yeartable td.yearday { background: #FFF9DF; border: 1px solid #c2c3c4; padding: 7px; text-align: center; } td.yearmonth { color: #FFF9DF; border-style: none; } /* header image, separator */ .headerimage { position: relative; width: 0px; height: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url(''); background-repeat: no-repeat; } .separator { height: 40px; background: transparent; } /* custom comment page */ .clear { display: none; height: 20px; } .skiplinks { text-align: center; margin: 5px; padding: 5px; color: #c2c3c4; font-size: 8pt; } .datesubjectcomment { text-align: left; font-weight: bold; padding: 5px; color: #ededed; font-family: tahoma, helvetica, sans-serif; font-size: 10px; border: 0px solid #c2c3c4; text-transform: lowercase; background-color: #142059; } .userpiccomment { position: relative; margin-right: 10px;; z-index: 15; float: left; padding: 2px; background: #FFF9DF; } .box { border-style: solid; border-width: 0px 0px 0px 0px; border-color: #c2c3c4; padding: 5px; clear: left; background: transparent; color: #ededed; } input, textarea { font-size: 10px; margin: 3px 3px; padding: 3px; color: #c2c3c4; background: transparent; text-align: justify; } textarea.textbox{ width: 95% !important; } .reply{ position: relative; margin: 5px; padding: 10px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; color: #c2c3c4; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: tahoma, helvetica, sans-serif; color: #c2c3c4; text-align: justify; } .commentbox { border: 1px solid #c2c3c4; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #c2c3c4; text-transform: lowercase; } .datesubjectcomment a:hover { color: #c2c3c4; } .commentboxpartial { border: 1px dashed #c2c3c4; background: transparent; padding: 7px; margin: 25px; } .commentinfo { margin-top: 10px; width: 95%; } /* tiny icons */ .entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 12px 16px 0 !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/lock.gif); } .entryHeader img[src="http://stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 14px 12px 0 !important; background-color: transparent !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/group.gif); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/user.gif); padding: 0px 12px 16px 0px !important; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/user.gif); padding: 0px 12px 16px 0px !important; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://www.two-percent.net/distractiions/layouts/clouds/comm.gif); padding: 0px 11px 15px 0px !important; } .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0px 12px 15px 0px !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/lock.gif); } .subject img[src="http://stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0px 14px 12px 0px !important; background-color: transparent !important; background: url(http://www.two-percent.net/distractiions/layouts/clouds/group.gif); }
By: Morango	Instructions: Change into S2 in case of your Livejournal is still S1. Go to journal > customize journal theme Select Flexible Squares theme Go to customize your theme > Custom CSS Mark 'Use layout's stylesheet' as 'NO' and custom external stylesheet 'YES' On Custom stylesheet copy and paste the code above (Ctrl C + Ctrl V): /* S2 Flexible Squares */ body { background-image: url(http://versaillesbr.com/Versailles%20BR/patternjasmineljleopard3.jpg); background-attachment: fixed; background-repeat: repeat; background-position: center; text-align: center; color: #333333; font-family: trebuchet ms; font-size: 8pt; margin: 0px; } a, a:link, a:visited { color: #000000; text-decoration: none; } a:hover { color: #a39582; text-decoration: none; } p, td, { font-size: 7pt; } i { color: #333333; } b { color: #333333; } u { color: #333333; } s { color: #333333; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; margin: 0px auto; background-color: #CCCCCC; } #maincontent { margin: 15px 0px 0px 0px; text-align: left; line-height: 15px; width: 600px; border-right: 1px solid #000000; } #sidebar { margin-top: 6px; width: 140px; float: right; background-color: #CCCCCC; text-align: center; cursor: default; border-left: 0px solid #000000; } #header { /* for formatting header image */ } .headerimage { background-image: url(http://versaillesbr.com/Versailles%20BR/headerjasmineljRxR.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center; height: 469px; width: 750px; padding: 0px; margin: 0px auto; background-color: transparent; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { padding-top: 10px; font-size: 14pt; font-family: times; text-transform: uppercase-lowercase; color: #333333; } .view { padding-top: 10px; font-family: times; font-size: 14pt; text-transform: uppercase-lowercase; color: #000000; } div#header a:hover, div#footer a:hover { color: #CCCCCC; font-family: times; text-decoration: none; } .title { display: none; } .subtitle{ display: none; } ul.navheader { font-size: 12pt; padding: 0px; margin: 0px; background-color: #a39582 } ul.navheader li { display: inline; padding: 0px 3px 0px 3px; } .subcontent { } .entry { margin: 10px; padding: 10px; text-align: justify; background-color: #CCCCCC; } .userpic { position: relative; float: right; background-color: #CCCCCC; border: 1px solid #000000; padding: 5px; margin: 7px; z-index: 15; } .date { line-height: 200%; text-align: left; top: 5px; color: #000000; font-family: times; font-size: 7px; text-transform: uppercase; padding-left: 10px; } .subject { font-weight: normal; padding-left: 10px; text-align: left; background-color: #CCCCCC; font-family: freestyle script; color: #000000; font-size: 18pt; border-bottom: 1px dotted #000000; padding-bottom: 5px; margin: 10px; } .subject a, .subject a:link, .subject a:visited { color: #000000; } .subject a:hover { color: #a39582; } .datesubject { background-color: #CCCCCC; padding: 2px; } .entry ul li { padding: 0px; margin: 0px 0px 0px 15px; } .entry ol li { padding: 0px; margin: 0px 0px 0px 15px; } /*the look of the tags in entries*/ .ljtags { margin-top: 15px; text-align: left; text-transform: lowercase; font-size: 10px; color: #000000; } .currents { background-color: transparent; } .currents strong { color: #000000; } .currentmusic, .currentlocation, .currentmood, .currentgroup{ text-align: left; padding-left: 15px; font-size: 10px; color: #000000; } .comments { font-family: calibri; font-size: 10pt; text-align: right; padding: 0px 5px 0px 5px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #000000; text-decoration: none; } div.comments a:hover { color: #a39582; text-decoration: none; } .separator{ /* for formatting separators between entries */ height: 25px; } .userpicfriends { font-family: verdana !important; color: #000000 !important; position: relative; float: left; background-color: #CCCCCC !important; padding: 5px; margin: 7px; z-index: 15; text-align: center; } .defaultuserpic { text-align: center; margin: 10px; padding: 0px; } .defaultuserpic img { padding: 0px; border: 1px solid #000000; margin-top: 10px; width: 100px; height: 100px; padding: 5px; margin: 7px; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { text-align: center; padding: 2px 5px 2px 5px; } .sbarbody2 { text-align: center; padding: 2px 5px 2px 5px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #000000; text-decoration: none; } div#sidebar a:hover { color: #a39582; background-color: #CCCCCC; text-decoration: none; } table.calendar { margin-right: auto; margin-left: auto; text-align: center; border: 1px dashed #000000; } .sbarcalendar { background-color: #CCCCCC; text-align: center; font-size: 7pt; } .sbarcalendarposts { background-color: #a39582; text-align: center; font-size: 7pt; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited { list-style: none; background-color: #CCCCCC; width: 100%; margin-top: 3px; text-align: center; } li.sbaritem a:hover { background-color: #CCCCCC; } li.sbartitle { font-family: tebuchet ms, sans-serif; color: #333333; font-size: 10pt; font-weight: normal; text-transform: uppercase; top: 10px; padding-left: 10px; list-style: none; margin-bottom: 10px; margin-top: 10px; display: none; } #footer { width: 100%; float: center; text-align: center; font-family: fangsong, palatino linotype; font-size: 10pt; font-weight: normal; letter-spacing: 1px; background-color: #a39582; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } 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: #000000; } table.yeartable td.yearday { color: #000000; background-color: #CCCCCC; text-align: center; } td.yearmonth { border-style: none; } .datesubjectcomment { background-color: #CCCCCC; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; max-width: 100px; max-height: 100px; background-color: #CCCCCC; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border: 1px solid #000000; } .box { padding: 10px; clear: left; } input, textarea, select { background-color: #FFFFFFF; font-family: tahoma, verdana, sans-serif; color: #000000; font-size: 7pt; } textarea.textbox { width: 85% !important; } .reply { position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-family: tahoma, verdana, sans-serif; font-size: 7pt; line-height: 125%; background-color: #CCCCCC; color: #333333; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10pt; font-family: calibri; color: #333333; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; background-color: #CCCCCC; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #000000; } .datesubjectcomment a:hover { color: #a39582; } .commentboxpartial { border-color: #000000; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #CCCCCC; } .commentinfo { margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } div.ContextualPopup { position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 7pt "verdana" !important; } div.ContextualPopup div.Inner { color: #000000 !important; border: 1px solid #000000; background-color: #333333 !important; padding: 4px; width: 250px; } div.ContextualPopup .Userpic { padding: 7px; margin-left: 0px; border: 1px solid #000000; background-color: transparent; } div.ContextualPopup .Content { padding: 5px; margin: 4px 0px 4px 4px; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; color: #CCCCCC !important; } div.ContextualPopup .Relation { text-transform: uppercase; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 9pt; letter-spacing:2px; } .clear { height: 15px; } blockquote { font-family: trebuchet ms,tahoma, verdana, sans-serif; background-image: url('http://i44.tinypic.com/sq2ud4.gif'); padding: 5px 15px 5px 15px; margin: 5px; } .ljuser img { width: 0; height: 0; background: transparent url(http://l-stat.livejournal.com/img/userinfo.gif) no-repeat 0 0; padding: 16px 16px 0 2px !important; vertical-align: baseline !important; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background: transparent url(http://i43.tinypic.com/2nq5v1e.png) no-repeat 0 0; padding: 16px 16px 0 2px !important; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width: 0; height: 0; background: transparent url(http://l-stat.livejournal.com/img/community.gif) no-repeat scroll 0 0; padding: 16px 16px 0 2px !important; }

Feel free to e-mail us at contato@versaillesbr.com if you have any troubles with the layout codes. We understand english and portuguese.

We highly recommend you to host the images on your favorite hoster (photobucket or imageshack.us, for example) and change the url in the code.

If any of the layouts looks different than shown here try to change the place of the ads (free accounts only) on Journal > Select Journal Theme, at the end of the page. Switch between horizontal, Vertical and Between Entries to see what looks better.