More LJ Themes!

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

New LJ Theme

I think it was time for a change, and having those caps from the DC I couldn't go another way. Quote straight up from the graphic novel, and the accompanying one on the side bar comes from an interview with Alan Moore.

"At the end this is not the mask talking, it's not Rorschach, it's the actual human being that is somewhere under there."

He also says: "But he's there. There's still this kid who had an awful time at children's homes. And that is the moment when he's going to die, that he wants it to be that personality that's at the forefront, or something." Alan Moore, ladies and gents- even when he doesn't know what he's trying to say, he still makes more sense than you and I.

I'm not done posting for the day. Oh yes, there's more.

lists of awesome

Well, I started collecting the JEH facts (aka as Rules of Awesome) from Twitter to make a list out of them.

ETA: Woo! We have new facts! Keep them coming.

( The Jackie Earle Haley Facts of Awesome )

And because this guy is almost as -if not equally awesome:

( (very few) Zack Snyder Facts over here )