puina

I have a couple more lj themes to share because the world needs more JEH LJ themes. Now, the first one is my old layout which I am putting up for grabs now that I'm done with it.

- All of these are to be used in the Custom CSS section of your theme customization panel, and work on Flexible Squares.

- Please upload the header image to your own host.


Image preview

Header image

Code:
<br />/*---------------------------------------------------<br />don't ask me to rise (banner) // by milou_veronica<br />flexible squares layout (basic, plus and paid) <br />-----------------------------------------------------*/<br />.headerimage {position: relative;<br /> background: url(http://i44.tinypic.com/334lt8z.jpg);<br /> width: 760px;<br /> height: 395px;<br /> background-repeat: no-repeat;margin-left: auto;margin-right: auto;margin-bottom: 0px;margin-topm: 0px; }<br /><br />body {<br /> background-color: #212121;<br /> text-align: center;<br /> color: #777777;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> margin: 10px 0px 0px 0px;}<br /><br />a, a:link, a:visited {<br /> color: #6195b6;<br /> text-decoration: none;}<br /><br />a:hover {color: #673e1e;text-decoration: none;}<br /><br />b, u { color: #555555;}<br />i, s { color: #999999;}<br /><br />p, td {font-size: 11px;}<br /><br />blockquote {<br /> background-color:#f1f1f1;<br /> padding:3px; <br /> border: 1px #cccccc solid; <br /> color:#8c8c8c; <br /> font-family: Arial, Tahoma, "Verdana", sans-serif;}<br /><br />code {<br /> background-color: #fafafa;<br /> display:block; <br /> color: #9CBF47; <br /> padding:5px; <br /> border:1px dashed #cccccc; <br /> font-size: 12px;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;}<br /><br />kbd, pre, tt {font-family: monospace;}<br />textarea { background-color: #fafafa; }<br />/*---------------------------------------------------------------------<br /> General <br />------------------------------------------------------------------------*/<br />#content{<br /> width: 760px;<br /> margin-left: auto; margin-right: auto;<br /> background-color: #ffffff;<br /> margin-top: 0px;<br /> border-width: 0px;<br /> padding: 0px;}<br /><br /> #maincontent { border-right: 220px solid #f1f1f1;<br /> margin-top: 0px;<br /> text-align: justify;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> color: #777777;<br /> padding: 15px 0px 0px 15px;<br /> margin-left: 0px;<br /> margin-right: 0px;}<br /><br />#sidebar { background-color: #f1f1f1; <br /> padding: 15px 10px 5px 10px;<br /> margin: 0px 0px 0px 0px;<br /> border: 0px;<br /> border-right: 1px solid #ececec;<br /> font-size: 11px;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> color: #777777;<br /> width: 200px;<br /> float: right;<br /> text-align: justify; }<br /><br />/*-----------------------------------------------------------------------------<br /> Header -------------------------------------------------------------------------------------->>>>> change the colour of the header here<br />--------------------------------------------------------------------------------*/<br /> #header { padding: 5px 0px 0px 0px; margin: 0px; text-align: left; font-size: 13px; font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif; text-transform: lowercase; border-top: 0px solid #3f3f3f; background-color: #000000; color: #ffffff;}<br /><br /> div#header a, div#header a:link, div#header a:visited{ color: #FFFFFF; margin-left: 1px; margin-right: 1px; padding: 10px 15px 10px 15px;; background-color: #222222; }<br /> div#header a:hover { color: #d6b35e; margin-left: 1px; margin-right: 1px; padding: 15px 15px 10px 15px; background-color: #333333; }<br /> div#header li.view { color: #d6b35e; margin-left: 1px; margin-right: 2px; margin-top: 10px; padding: 10px 15px 10px 15px; background-color: #ffffff; }<br /><br />div#footer a, div#footer a:link, div#footer a:visited {padding-top: 15px; display:block; color: #673e1e; }<br /> div#footer a:hover { color:#673e1e; }<br />div#footer li.viewing {display: none;}<br /><br /> ul.navheader{ padding: 10px 15px 10px 10px; margin: 10px 0px 0px 0px; }<br /> ul.navheader li { display: inline; padding: 0 3px 0 3px;}<br /> .title { display:none; padding-top: 10px; padding-left: 10px; margin: 0px; text-align: left; text-transform: lowercase;color: #673e1e; font-size: 20px; font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif; background-color: #ffffff;}<br /> .subtitle{display:none; padding-left: 10px; text-align: left; text-transform: lowercase; font-size: 12px; color: #eeeeee; font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif; background-color: #ffffff; margin: 0px; }<br /><br />/*-----------------------------------------------------------------------------<br />ENTRIES -------------------------------------------------------------------------------------->>>>> general<br />------------------------------------------------------------------------*/<br />.subcontent {padding-right 0px; margin-right:0px;}<br /><br />.date {<br /> text-transform: uppercase;<br /> color: #dddddd;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> padding-left: 10px;}<br /><br />.subject {<br /> padding: 0px 10px 4px 20px;<br /> background-color: transparent ;<br /> color: #DF816F;<br /> font-style: italic;<br /> font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif;<br /> text-transform: lowercase;<br /> font-size: 16px;<br /> line-height: 100%;<br /> letter-spacing: -1px;}<br /><br />.subject a, .subject a:link, .subject a:visited {<br /> color: #673e1e;<br /> text-decoration: bold;}<br /><br />.subject a:hover { color: #DF816F; text-decoration: none;}<br /><br />.datesubject { padding: 2px; }<br /><br />.entry {<br /> margin: 0px 10px 30px 20px;<br /> padding: 0px;<br /> color: #777777;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> text-align: justify; <br /> line-height: 150%;<br /> border-width: 0px;}<br /><br />.entry_text { padding-top:10px; padding-right 10px; border: 0px; bottom: 0px;} <br /><br />.userpic {<br /> position: relative;<br /> float: right;<br /> background-color: #f1f1f1;<br /> padding: 15px;<br /> margin: 10px 0px 10px 15px;<br /> z-index: 15;<br /> border: 0px;}<br /><br />.entry ul li {padding-left: 5px;margin-left: 15px;}<br /><br />.entry ol li{padding-left: 5px;margin-left: 15px;}<br /><br />/*---------------------------------------------------------------------<br />ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links<br />------------------------------------------------------------------------*/<br />.comments { font-family: Trebuchet MS, Arial;<br /> font-size: 16px;<br /> text-align:center;<br /> padding: 0px 5px 0px 5px;<br /> position: relative;<br /> top: 15px;<br /> text-transform: uppercase;}<br /><br />div.comments a, div.comments a:link, div.comments a:visited{<br /> color: #673e1e;<br /> text-decoration: none;}<br /><br />div.comments a:hover {<br /> color: #DF816F;<br /> text-decoration: none;}<br /><br /> .separator{height: 35px;}<br /><br />/*---------------------------------------------------------------------<br />ENTRIES-------------------------------------------------------------------------------------->>>>> tag stuff and currents<br />------------------------------------------------------------------------*/<br />.currents, {margin-top:0px; padding-top:0px; text-transform: lowercase; color: #acacac; font-family: Tahoma, "Verdana", sans-serif;}<br /><br />div.ljtags {font-weight: bold;}<br />div.ljtags a {font-weight: normal;}<br /><br />.currentlocation { border-right: 6px solid #dddddd; padding: 2px 5px 2px 2px; text-align: right; <br /> font-size: 7pt;<br /> color: #646464;}<br />.currentlocation:hover {border-color: #777777;}<br />.currentmood { border-right: 6px solid #dddddd; padding: 2px 5px 2px 2px; text-align: right; <br /> font-size: 7pt;<br /> color: #646464;}<br />.currentmood:hover {border-color: #777777;} <br />.currentmusic { border-right: 6px solid #dddddd; padding: 2px 5px 2px 2px; text-align: right; <br /> font-size: 7pt;<br /> color: #646464;}<br /> .currentmusic:hover {border-color: #777777;} <br />.ljtags { border-right: 6px solid #dddddd; padding: 2px 5px 2px 2px; text-align: right; <br /> top: 30px; <br /> margin: 0px; <br /> position: relative;<br /> text-transform: lowercase;<br /> font-size: 7pt;<br /> color: #646464;}<br />.ljtags:hover {border-color: #777777;}<br />h2 {<br /> color: #9CBF47;<br /> font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif;<br /> font-size: 16px;<br /> font-weight: normal;<br /> font-style: italic;<br /> letter-spacing: -1px; } <br /><br />.ljtaglist {<br /> margin: 0px 0px 0px 35px;<br /> background-color: #ffffff;<br /> padding: 5px;<br /> color:#777777;<br /> font-size:10px;<br /> list-style:none;<br /> border:0px ;} <br /><br />/*------------------------------------------------------------<br />ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization<br />-------------------------------------------------------------------------------*/<br /> .userpicfriends {<br /> position: relative;<br /> background-color: transparent !important;<br /> float: right;<br /> padding: 5px 0px 5px 5px;<br /> margin: 0px;<br /> text-align: center;<br /> border-width: 0px;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> z-index: 15;}<br /><br /> .userpicfriends img {<br /> border: 0px;<br /> background-color: #f1f1f1!important;<br /> padding: 10px;<br /> margin: 30px 0px 10px 15px;}<br /><br /><br />.userpicfriends a font {color: #aaaaaa;}<br /><br />/*----------------------------------------------------<br />ENTRIES -------------------------------------------------------------------------------------->>>>> comment pages<br />----------------------------------------------------------------*/<br />.box { text-align: left;<br /> border: 0px ;<br /> padding: 10px;<br /> clear: left;}<br /><br />.datesubjectcomment {text-align: left; color: #999999;<br /> background-color: #ffffff;<br /> padding: 0px 0px 0px 5px;<br /> margin-top: 0px; border-bottom: 1px solid #eeeeee;}<br /><br />.userpiccomment { width:80px; height: 80px; <br /> position: relative;<br /> padding: 3px;<br /> border: 0px;<br /> background-color: #d7d7d7;<br /> top: -30px;<br /> left: 0px;<br /> margin: 30px -95px 0px 0px;<br /> z-index: 15;<br /> float: right;}<br /><br />input, textarea { font-family: Arial, Tahoma, "Verdana", sans-serif; font-size: 11px; background-color: #fafafa; border: 1px solid #cccccc; color: #999999;}<br />textarea.textbox {width: 100% !important;}<br /><br />.reply { border: 0px ;<br /> position: relative;<br /> margin: 20px 30px 10px 30px;<br /> padding: 25px 10px 10px 10px;<br /> text-align: left;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> line-height: 125%;<br /> color: #777777;<br /> }<br /><br />.replytosubject {font-weight: bold;}<br /><br />.commentreply { text-align: left;<br /> position: relative;<br /> margin: 10px 10px 10px 20px;<br /> font-size: 11px;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> color: #777777;}<br /><br />.commentbox { <br /> border: 1px solid #eeeeee; border-right: 100px solid #eeeeee;<br /> padding: 10px 0px 10px 0px;<br /> margin: 10px;<br /> background-color: #ffffff;}<br /><br />.commentbox:hover, .commentboxpartial:hover {border-color: #f3f3f3;}<br />.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #9CBF47;}<br />.datesubjectcomment a:hover {color: #DF816F;}<br />.commentboxpartial {<br /> border-color: #777777;<br /> border-width: 0px;<br /> border-style: solid;<br /> padding: 10px;<br /> margin: 10px;<br /> background-color: #ffffff;}<br /><br />.commentinfo {<br /> background-color: #ffffff;<br /> margin-top: 10px;<br /> width: 100%;}<br /><br /> .skiplinks {text-align: center;}<br /><br />/*------------------------------------------------------------<br /> SIDEBAR -------------------------------------------------------------------------------------->>>>> general<br />-------------------------------------------------------------------------------*/<br />.defaultuserpic {text-align: center; margin:0px; padding:0px;}<br /><br />.defaultuserpic img {width: 70px; height: 70px; padding: 4px; background-color: #ffffff; border: 1px solid #dddddd; margin:0px;}<br /><br />.sbarheader {padding: 0px 5px 0px 5px;}<br /><br />.sbarbody {padding: 0px 5px 0px 5px; }<br /><br />.sbarbody2 {padding: 10px; background-color: #ececec; margin-top: 0px;}<br /><br />div#sidebar a, div#sidebar a:link, div#sidebar a:visited{<br /> text-decoration: none;<br /> color: #673e1e;}<br /><br />div#sidebar a:hover {<br /> color: #DF816F;<br /> text-decoration: none;}<br /><br />ul.sbarlist{ padding: 0px 7px 0px 7px; margin-left: 0px; list-style: none;}<br /><br />li.sbaritem{ padding: 4px 7px 4px 7px;<br /> border-bottom: 1px solid #dddddd;}<br /><br />li.sbaritem:hover {background-color: #f9f9f9;}<br /><br />li.sbartitle{ text-align: right;<br /> font-style: italic;<br /> font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif;<br /> text-transform: lowercase;<br /> font-size: 12px;<br /> color: #777777;<br /> padding: 2px;<br /> list-style: none;<br /> border-width: 0px;<br /> margin: 0px;}<br /><br />/*------------------------------------------------------------<br /> SIDEBAR -------------------------------------------------------------------------------------->>>>> calendar<br />-------------------------------------------------------------------------------*/<br />table.calendar { margin-right: auto; margin-left: auto;}<br /><br />.sbarcalendar { padding: 4px; background-color: #f7f7f7;<br /> border: 1px solid #dddddd;<br /> text-align: center;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;}<br />.sbarcalendarposts:hover { background-color: #fffffff; }<br />.sbarcalendarposts { <br /> border:1px solid #aaaaaa;<br /> background-color: #fafafa;<br /> text-align: center;<br /> font-family: Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;}<br /><br />/*----------------------------------------------------<br />FOOTER -------------------------------------------------------------------------------------->>>>> general<br />----------------------------------------------------------------*/<br />#footer {<br /> width: auto;<br /> padding: 5px;<br /> text-align: right;<br /> font-family: Trebuchet MS, Arial, Tahoma, "Verdana", sans-serif;<br /> font-size: 11px;<br /> font-weight: bold;<br /> letter-spacing: 1px;<br /> background-color: #ffffff;<br /> color: #777777;<br /> border-right: 220px solid #f1f1f1;<br /> z-index: 100;<br /> clear: both;}<br /><br />ul.navfooter{ padding: 0px; margin: 0px;}<br /><br />ul.navfooter li { display: inline; margin: 0 5px 0 5px;}<br /><br />.clearfoot {clear: both; border-right: 220px solid #f1f1f1;}<br /><br />/*----------------------------------------------------<br />ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>> general<br />----------------------------------------------------------------*/<br />ul.year { text-align: center; padding-bottom: 20px;}<br /><br />ul.year li {display: inline;}<br /><br />table.yeartable { margin-left: auto; margin-right: auto;}<br /><br />table.yeartable td.yeardate, table.yeartable td.yearday {<br /> border-width: 1px;<br /> border-style: solid;<br /> border-color: #cccccc;}<br /><br />table.yeartable td.yearday {<br /> background-color: #ffffff;<br /> text-align: center;}<br /><br />td.yearmonth {border-style: none;}<br /><br />.clear { height: 15px;}<br /><br />/*--------------------------------------------<br />MINI ICONS <br />-----------------------------------------*/<br />.subject img[src*="icon_protected.gif"]{ width: 0; height: 0; padding: 12px 9px 0px 0px !important; background-repeat: no-repeat; background: url(http://i38.tinypic.com/1zlyt05.png); background-position: center left; }<br /><br />.subject img[src*="icon_private.gif"]{ width: 0; background-repeat: no-repeat; height: 0; padding: 9px 9px 0px 0px !important; background: url(http://img177.imageshack.us/img177/12/beforetheworld13wd9.png); background-position: center left; }<br /><br />.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i34.tinypic.com/14kxzlw.png); padding: 16px 10px 0 2px !important; background-position: center left;}<br /><br />.ljuser img[src*="userinfo.gif"] {background-color:transparent; background-image: url(http://i34.tinypic.com/14kxzlw.png); padding: 16px 10px 0 2px !important; background-position: center left; }<br /><br />.ljuser img[src*="community.gif"] {background-color:transparent; background-image: url(http://i37.tinypic.com/24f9s48.png); padding: 16px 8px 0 2px !important; background-position: center left; }<br /><br />img[src*="icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 9px 12px !important; background: url(http://i38.tinypic.com/1zlyt05.png); }<br /><br />/*--------------------------------------------<br />contexual pop-up <br />-----------------------------------------*/<br />div.ContextualPopup {position: relative; margin: 10px 0 0 30px; text-align: left; font: normal 9px "Tahoma" !important; }<br />div.ContextualPopup div.Inner { background:transparent !important; color: #777777 !important; border: 0px; padding: 10px; width: 300px;}<br />div.ContextualPopup .Userpic { padding: 4px; margin-left: 12px; background:#ffffff; border: 1px solid #aaaaaa;}<br />div.ContextualPopup .Content { padding: 5px; border: 1px solid #aaaaaa; margin: 4px 80px 4px 4px; background:#ffffff;}<br />div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: bold; color: #777777 !important;}<br />div.ContextualPopup .Relation { text-transform: lowercase; font-family: Trebuchet MS, Tahoma, "Verdana", sans-serif; font-size:11px; color:#777777;}<br /><br /> .subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #DF816F;}<br /><br /><br />
Please credit milou_veronica for layout
I only made the header image.



Image preview

Header image

Code:
Download text file with code here


Please credit xaddictionsx
I only made the header image