LJ Layout: Flexible Squares: Jesse's Girl
Live Preview
/*
CSS FROM JUNEBUG, FROM:
http://papereagles.livejournal.com
PLEASE DO NOT COPY, EDIT, AND DISTRIBUTE
THIS CREDIT MUST STAY INTACT AT ALL TIMES OF USE
*/
body
{
background: #030017 url('http://innovation-d.com/livejournal/bg002.png') top center no-repeat;
margin: 0;
font-family:arial;
margin-top:400px;
margin-left:auto;
margin-right:auto;
}
a, b, i, u
{
color: #df4337;
text-decoration: none;
}
u
{
text-decoration:none;
border-bottom: 2px solid #df4337;
}
.title
{
color: #fff;
font-family: 'arial black';
font-size:60px;
letter-spacing: -1px;
text-transform:uppercase;
font-style:italic;
text-align:center;
position:relative;
line-height:55px;
}
.subtitle
{
display:none;
}
#content
{
width:700px;
margin-left:auto;
margin-right:auto;
}
div#header a, div#header li.view
{
postion:relative;
color:#FFF;
}
ul.navheader
{
font-size:12px;
text-transform:uppercase;
margin:0;
padding:12px 0;
letter-spacing:-1px;
line-height:.8;
text-align:center;
font-family: 'arial black';
}
ul.navheader li
{
margin: 0 0 0 -40px;
list-style-type: none;
padding:45px;
padding-bottom:10px;
display:inline;
-webkit-border-radius: 100px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 100px;
-moz-border-radius-bottomright: 0;
border-radius: 100px;
border-bottom-right-radius: 0;
opacity:.6
}
ul.navheader li:hover
{
opacity: 1;
}
div#header li
{
background-color:#C75233
}
div#header li + li
{
background-color: #C78933
}
div#header li + li + li
{
background-color: #79B5AC
}
div#header li + li + li + li
{
background-color: #5E2F46
}
.datesubject
{
font-family:'arial narrow';
text-transform:uppercase;
font-size:10px;
text-align:left;
}
.subject
{
font-family:'arial narrow';
font-size:20px;
letter-spacing:-1px;
text-align:left;
color: #FF8736;
}
.subject a
{
color:#FF8736
}
.skiplinks
{
padding:15px;
border: 1px solid #eee;
margin:0 0 0 -100px;
background:#fff;
}
.skiplinks
{
margin-top:-20px;
}
.subcontent
{
width:200px;
padding:10px;
background:#fff;
float:left;
margin-bottom:30px;
position:relative;
text-align:left;
border-right:1px #c0c0c0 solid;
border-top:1px #c0c0c0 solid;
border-bottom:1px #c0c0c0 solid;
z-index:1;
}
.entry_text
{
height:370px!important;
margin-top:55px;
overflow-y:auto;
text-align:justify;
padding:10px;
font-size:14px;
font-family:arial;
}
.entry_text img{
max-height:100px;
}
#footer { }
ul.navfooter li
{
text-transform: uppercase;
list-style:none;
font-size:11px;
font-family: 'arial black';
color: #FFF;
}
.ljtaglist
{
width: 700px;
padding:20px;
background: #FFF;
}
.comments
{
text-align:center;
color: #fff;
margin-top:-20px;
background:#EEE;
font-size:11px;
padding:5px;
}
.comments a
{
font-size:11px;
font-family:arial;
text-transform:uppercase;
color: #598F8E;
}
#sidebar
{
display:none
}
.currents
{
font-size:10px;
font-family:arial;
text-transform:uppercase;
text-align:center;
margin-top:-30px;
margin-bottom:10px;
}
.yeartable
{
background: #FFF;
padding:20px;
}
/* Tiny Icons removed */
.userpic, .userpicfriends { background:#EEE!important; float:left; padding:5px; position:relative; margin:5px; text-align:center; }
.userpic a, .userpicfriends a { margin-top:-20px; font-family:'arial narrow'; font-size:10px; }
.userpic img, .userpicfriends img { width:50px; height:50px; }
img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="sponcomm.gif"] , img[src*="btn_del.gif"], img[src*="btn_edit.gif"], img[src*="btn_scr.gif"], img[src*="btn_unscr.gif"], img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] , img[src*="anonymous.gif"], img[src*="openid-profile.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"], img[src*="pencil.gif"], img[src*="upgrade-paid-icon.gif"] {height: 0px; width: 0px; background: none; }
.subject img {vertical-align: middle !important}
img[src*="icon_protected.gif"]{height: 0px; width: 0px; background: none; }
img[src*="icon_private.gif"]{height: 0px; width: 0px; background: none; }
img[src*="icon_groups.gif"]{height: 0px; width: 0px; background: none; }
.ljuser img[src*="syndicated.gif"], .ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"] {height: 0px; width: 0px; background: none; }
.ljuser img[src*="syndicated.gif"]{height: 0px; width: 0px; background: none; }
.ljuser img[src*="newsinfo.gif"] {height: 0px; width: 0px; background: none; }
.ljuser img[src*="partnercomm.gif"]{height: 0px; width: 0px; background: none; }
.ljuser img[src*="sponcomm.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_del.gif"]{height: 0px; width: 0px; background: none; }
img[src*="btn_scr.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_unscr.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_freeze.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_unfreeze.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_track.gif"] {height: 0px; width: 0px; background: none; }
img[src*="btn_tracking.gif"], img[src*="btn_tracking_thread.gif"] {height: 0px; width: 0px; background: none; }
img[src*="anonymous.gif"] {height: 0px; width: 0px; background: none; }
img[src*="openid-profile.gif"] {height: 0px; width: 0px; background: none; }
img[src*="userinfo.gif"] {height: 0px; width: 0px; background: none; }
img[src*="talk/none.gif"] {height: 0px; width: 0px; background: none; }
img[src*="help.gif"] {height: 0px; width: 0px; background: none; }
img[src*="pencil.gif"], img[src*="btn_edit.gif"] {height: 0px; width: 0px; background: none; }
img[src*="upgrade-paid-icon.gif"] {height: 0px; width: 0px; background: none; }
.ljuser img {height: 0px; width: 0px; background: none; }
.ljuser img[src*="userinfo.gif"] {height: 0px; width: 0px; background: none; }
.ljuser img[src*="community.gif"] {height: 0px; width: 0px; background: none; }
.Note .Inner {height: 0px; width: 0px; background: none; } .ippu .track_title {height: 0px; width: 0px; background: none; }div.ljcmtmanage {height: 0px; width: 0px; background: none; }
/* Top Control Strip */
#lj_controlstrip {
background: #000;
color:#FFFFFF;
text-transform:uppercase;
padding:20px;
}
#lj_controlstrip_statustext {
color:#FFFFFF;
}
#lj_controlstrip a {
color:#FFFFFF;
}
#lj_controlstrip a img {
padding:0 !important;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search, #lj_controlstrip_login, #lj_controlstrip_loggedout_userpic {
border-right:0 none;
}
#lj_controlstrip_search_input_text, #lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember, #lj_controlstrip input {
border:0;
}
#lj_controlstrip .ljuser a b {
color:#FFFFFF;
font-size:14px;
}
Instructions
Type: Flexible Squares
Account: Basic (ads look only OK with layout for Plus, comment pages not styled for Paid)
Use layout's stylesheet(s) : No
Use layout's stylesheet(s) when including custom external stylesheet : No
Use external stylesheets : No
Custom external stylesheet URL : Leave blank
Credit
Fauxism
Rules
001. Please credit me on your profile.
002. Do not redistribute, even if you have made edits to the layout.
003. Edits are fine, as long as credit stays intact.
004. Please comment if you're using.
005. I will answer all questions. Just comment below.
Thank you!
- June
Useless Comments:
Here's another layout. I got this idea recently, so I decided to execute it.
NOTE: this layout only looks good with three entries showing.
Please go to: Journal Style > Customize Selected Theme > Display > Presentation > Basic Options > Number of journal entries to show on recent entries page > 3
Unlike many coders, I'm open to questions and all feedback. I'm studying for finals at the moment, so it may take me awhile to get back to you, but I definitely will.