(LAYOUT 06/07 →) irrationality, raging and reduced.
Thanks for 290+ members. Hopefully that number will start nearing 500 sooner, rather than later. Requests possibly? Anyways, it's Spring Break which means- updates! Contain your excitement, please. :>
This one was fun, and the stylesheet is -dramatic pause- minimalism. Surprise, surprise. I made two versions. The first version is not for the faint of heart, as it is more -in your face-, and bolder, hence the title (I was seriously, irrationally angry when I first started designing this). The second version is more subdued, with a more refined aesthetic. I decided to go for both to show some versatility and excitement, while still keeping a balance of simplicity. Not that any of you care about the logistics.. go ahead, skip on down to the (codes) goods.
Live Preview | Static Preview
Live Preview | Static Preview
layout 05 - (broadening my horizons). basics:
"IRRATIONALITY WON'T LEAVE ME"
Stylesheet: Minimalism
Compatible Browsers: Firefox, Chrome, Safari, Internet Explorer
Account Types: Basic, Plus, Paid
Comment Pages: eh, sure
Appearance: Top bar with header background and standard links- "user info", "recent entries", etc.
Alternate Versions: "Reduced" - a more refined, tame version
installation:
Go to customize your journal style.
Choose a 'Minimalism' style-sheet and have the '2 column (sidebar on right)' is selected under Page Setup. Then click on customize your theme. Go to 'Custom CSS', set the first two drop-downs to NO, and insert the CSS provided below.
Irrationality (with header-ish background)
/* entitled: raging irrationality */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY & NEXT PREV FOOTER ---------------- */
body {
background: url("") fixed no-repeat #f4f4f4;
padding:0px;
margin:0px;
width:100%;
}
#page {
margin:0px;
padding:0px;
font-family: arial;
letter-spacing:0px;
color:#C0C0C0;
line-height:16px;
font-size:10px;
width:705px;
min-width:600px;
margin-left:22%;
}
div.layout {
font-family: arial, helvetica, sans serif;
}
.entry-wrap {
margin-bottom:10px;
background:#ffffff;
padding:5px;
padding-right:5px;
border:solid 1px #EAEAEA;
}
div.content {
width:100%;
float:right;
}
ul.page-nav {
display:inline-block;
background:#ffffff;
width:693px;
text-align:center;
padding:5px;
padding-bottom: 8px;
margin-top: -1px;
list-style:none;
border: 1px solid #EAEAEA;
}
li.prev a.item, li.next a.item, li.next a:link, li.prev a:link {
font-size:12px;
align:center;
padding-bottom:2px;
background-color: #ffffff;
color:#3F1B00;
border-bottom: 1px dotted #DA2945;
text-transform:uppercase;
}
li.active {
list-style:none;
}
/* HEADER ---------------- */
.header {
background:none repeat scroll 0 0 #ffffff;
background-image: url("http://i54.tinypic.com/2gvsk80.gif");
border-bottom: 30px solid #DA2945;
margin-bottom:4px;
padding:40px 0 30px;
}
.header h2, .header h3 {
display:block;
width:100%;
margin:0px;
display:none;
}
ul.nav {
padding: 0px;
margin-left:0px;
list-style: none;
margin-left:10px;
text-align:justify;
background-color:transparent;
}
ul.nav li.item {
display:block;
}
ul.nav li {
margin:0px 15px;
}
ul.nav li.item a:link, ul.nav li.item a:visited {
font-family:"arial", helvetica, sans serif;
font-size:42px;
text-transform:lowercase;
color:#ffffff;
line-height:37px;
letter-spacing:-4px;
text-shadow: 3px 2px 2px #000000;
font-weight:strong;
font-style:italic;
border:none;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
font-size:42px;
font-weight:strong;
line-height:37px;
color: #E5E5E5;
font-style: italic;
letter-spacing:-4px;
text-decoration:none;
}
li.item-selected {
color:#ffffff;
font-size:42px;
letter-spacing:-4px;
line-height:37px;
text-shadow: 3px 2px 2px #000000;
font-style: italic;
font-family:arial;
text-transform:lowercase;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:0px;
}
.header .userpic, h1 span.ljuser, div.hr hr{
display:none ;
}
.item-rss {display: none;}
/* ENTRY */
#post-sticky{
margin:0px;
background-color:#f4f4f4;
border:solid 1px #ededed;
padding:4px;
}
#post-sticky .entry-title{
text-align:right;
}
dt.entry-title a.subj-link, .entry-title{
display:block;
color:#DA2945 !important;
font-size:32px !important;
text-transform:lowercase;
font-style:italic;
letter-spacing:-3px !important;
background:#ffffff;
text-align:right;
text-decoration:none;
line-height:17px;
border:none;
}
.entry-title{
padding:10px 5px;
border-bottom:solid 1px #EAEAEA;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:italic;
}
dt.entry-title a{
padding:0px;
margin:0px;
}
dt.entry-title img{
margin-left:2px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
}
.entry{
margin:0px 0px 15px 0px;
}
.entry-text{
padding-right:0px;
text-align:justify;
z-index:0;
min-height:155px;
margin: 0px;
}
.entry-content{
letter-spacing:0em;
color:#868686;
margin-top:5px;
line-height:15px;
font-size:11px;
}
dl.vcard{
padding:0px;
display:block;
margin:7px 0px 3px 7px;
line-height:14px;
background-color:#ffffff;
text-align:center;
border-right:0px;
float:right;
z-index:2;
}
dl.vcard dt img{
border:solid 10px #3F1B00;
padding:5px;
background-color:#DA2945;
margin-bottom:1px;
}
.vcard img:hover {
opacity: .65; }
dd.username, dd.entry-date{
text-align: center;
padding:0px;
margin:0px;
}
dd.username{
overflow:wrap;
width:120px;
}
dd.username .ljuser a b{
font-size:11px;
text-transform:uppercase;
text-align: center;
}
dd.entry-date, abbr.updated{
text-transform:lowercase;
border:none !important;
color:#C0C0C0;
text-decoration:none;
letter-spacing:0px;
font-size:11px;
display:block;
text-align:center;
}
.ljuser b{
font-size:11px;
}
.ljuser a{
border:transparent !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-weight:100;
text-transform:lowercase;
color:#565656;
letter-spacing:0px;
}
.ljuser a:hover b, .ljuser a:active b{
color:#454545;
text-decoration:none;
}
b, strong{
color:#DA2945;
letter-spacing:0px;
}
i, em{
color:#454545;
}
u{
color:#454545;
}
strike{
color:#d5d5d5;
}
big{
font-size:140%;
letter-spacing:0px;
}
small{
font-size:80%;
letter-spacing:0px;
}
blockquote{
border:solid 1px #F2F2F2;
line-height:18px;
color:#666666;
padding:7px;
margin:0px 30px 0px 15px;
}
textarea{
border:solid 1px #E0E0E0;
font-size:11px;
font-family:courier new;
text-transform:none;
line-height:15px;
background-color: #f4f4f4;
color:#666666;
}
code{
color:#ababab;
}
pre{
color:#ababab;
border:solid 0px #666666;
padding-left:2px;
border-right:0px;
margin-left:20px;
}
a:link, a:visited, a:active{
font-weight:100;
color:#3F1B00;
font-style:normal;
text-decoration:none;
text-transform:none;
font-size:11px;
border-bottom:dotted 1px #DA2945;
}
a:hover{
color:#787878;
font-style:normal;
text-decoration:none;
}
/* METADATA */
div.metadata{
margin-bottom:10px;
border-bottom:solid 1px #eaeaea;
padding-left:40px;
padding-top:5px;
}
dt.meta-location-label, dt.meta-mood-label, dt.meta-music-label{
display:none;
}
dd.meta-mood-value, dd.meta-location-value, dd.meta-music-value{
font-size:11px;
text-transform:uppercase;
font-family: courier new;
color:#c0c0c0;
letter-spacing:-1px;
margin:0px;
margin-left:20px;
}
dd.meta-location-value a, dd.meta-location-value a:link {
font-size:11px;
color: #c0c0c0;
text-transform:uppercase;
border:none;
}
dl.meta-location, dl.meta-mood, dl.meta-music{
margin-bottom:5px;
}
dl.meta-location{
background:url("http://i54.tinypic.com/24ln0xs.gif") no-repeat;
background-position:0px 0px;
}
dl.meta-mood{
background:url("http://i51.tinypic.com/de72bq.png") no-repeat;
background-position:0px 0px;
}
dl.meta-music{
background:url("http://i53.tinypic.com/347ad6s.gif") no-repeat;
background-position:0px 0px;
}
div.ljtags{
font-size:11px;
font-family: courier new;
color:#c0c0c0;
text-transform:uppercase !important;
padding:5px 0px;
margin-top:15px;
margin-left:0px;
}
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
font-family: courier new;
color:#DA2945;
letter-spacing:0 !important;
text-decoration:none;
padding:0px 0px 0px 0px;
line-height:10px;
text-transform:uppercase;
border:none;
}
div.ljtags a:hover, div.ljtags a:active{
color:#D66275;
}
/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:center;
margin-top:3px;
}
dd.entrymenu ul, dd.entrysubmenu ul{
border-top:solid 1px #EAEAEA;
padding-top:10px;
margin-bottom:-10px;
list-style:none;
margin-left:0px;
}
dd.entrymenu ul li, dd.entrysubmenu ul li{
display:inline;
padding:0px 4px;
}
.entrymenu a:link, .entrymenu a:visited, .entrysubmenu a:link, .entrysubmenu a:visited{
text-transform:lowercase;
font-size:11px;
letter-spacing:2px;
font-family: arial;
color:#3F1B00;
text-align: center;
border:none;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
text-decoration: none;
color:#87634B;
}
/* FULL VIEW PAGE */
#qrformdiv table{
border-right:none !important;
border-left:none !important;
border-top:none !important;
font-size:11px;
text-transform:uppercase;
font-weight:none;
color:#9a9a9a;
letter-spacing:0px;
display:block;
width:100%;
border-bottom:solid 1px #EAEAEA !important;
}
#qrformdiv a, #qrformdiv b{
font-size:11px;
color:#3F1B00;
font-weight:100;
border-bottom: 1px dashed #DA2945;
text-transform:none;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
}
div.comment-upic{
float:left;
width:auto;
padding:2px;
border:solid 4px #3F1B00;
margin:0px 3px 3px 0px;
background:#CF2841;
}
div.comment-upic img{
width:75px;
height:75px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:11px;
}
div.comments-links{
color:#CF2841;
padding:7px 4px;
text-align:right;
text-transform:lowercase !important;
font-size:11px;
}
.replylink a{
text-transform:uppercase;
font-size:11px !important;
border:none;
}
.comment-wrap{
font-size:11px;
line-height:16px;
text-transform:none;
padding:0px 0px 3px 0px;
min-height:89px;
margin-bottom:10px;
}
.comment-head h3{
display:inline;
text-transform:uppercase;
color:#bcbcbc;
letter-spacing:0px;
font-weight:normal;
font-size:11px;
}
div.comment-text{
border-top:solid 1px #efefef;;
margin-bottom:5px;
color:#858585;
padding:3px;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
margin-bottom:10px;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}
.comment-head-in img{
margin-top:3px;
}
a.comment-permalink:link, a.comment-permalink:visited{
font-size:11px;
border:none;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#AFAFAF;
}
div.comment-menu{
text-align:right;
}
div.comment-menu a:link, div.comment-menu a:visited{
text-transform:none;
font-size:10px;
color:#666666;
border:none;
}
div.comment-menu a:hover, div.comment-menu a:active{
color:#b3b3b3;
}
input, select, textarea{
font-size:11px;
letter-spacing:1px;
color:#747474;
}
textarea.textbox{
background-color:#ffffff;
margin-left:0% !important;
border:#d4d4d4 solid 1px;
height:auto !important;
width:100% !important;
color:#000000;
}
input.textbox{
font-family:arial, helvetica, sans serif;
color:#000000;
}
.entry-linkbar{
display:block;
padding-bottom:10px;
padding-right:10px;
text-align:right;
}
/* SIDEBAR DISPLAY ---------------- */
.sidebar {
display: none;
}
/* CALENDAR DISPLAY ---------------- */
li.active{
font-size:16px;
}
.entry-text div.calendar-wrap caption a{
font-size:15px;
color:#9a9a9a;
letter-spacing:2px;
text-transform:uppercase;
margin-left:7px;
margin-right:5px;
border:none;
}
.entry-text .calendar-wrap caption{
text-align:right;
line-height:14px;
}
div.calendar-wrap{
width:50%;
margin-left:25%;
margin-bottom:20px;
background:url("") repeat transparent;
border:none;
}
div.calendar-wrap table{
width:100%;
text-align:right;
font-size:12px;
border-left:solid 1px #dddddd;
border-top:solid 1px #dddddd;
}
div.calendar-wrap td{
text-align:center;
color:#9a9a9a;
height:30px;
background:#ffffff;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:0px;
}
div.calendar-wrap th div{
text-align:center;
color:#4e4e4e;
font-size:12px;
display:none;
}
div.calendar-wrap thead{
display:none;
}
.calendar-wrap td a{
width:100%;
height:100%;
display:block;
background:#ffffff;
line-height:30px;
text-align:center;
font-size:15px;
padding:0px;
color:#3F1B00;
border-bottom: solid 3px #DA2945;
}
.calendar-wrap td a:hover{
background:#DA2945;
color:#ffffff;
font-style:normal;
border-bottom: solid 3px #3F1B00;
text-decoration:none;
}
/* REPLACEMENT IMAGES ---------------- */
.entry-title img[src*="icon_protected.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/2ytz3w9.png");
padding:8px 8px;
margin-left: 6px;
}
.entry-title img[src*="icon_private.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/jj4b4l.jpg");
padding:8px 8px;
margin-left:6px;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i51.tinypic.com/sfgig4.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i52.tinypic.com/2qx1glz.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] ,
img[src*="userinfo-support.gif"] { background: transparent url("http://i56.tinypic.com/2m5f2pd.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="syndicated.gif"] { background: transparent url("http://i54.tinypic.com/33bdbms.png") no-repeat !important;
padding:7px 6px !important;
width:0px;
height:0px;
}
/* CONTROL STRIP AND MISC ---------------- */
div.content-tags{
text-align:center;
width:50%;
margin-left:25%;
}
div.content-tags a{
border:none;
}
.content-tags .comma{
display:none;
}
h4{
font-size:18px;
color:#aaaaaa;
letter-spacing:0px;
font-weight:normal;
text-transform:uppercase;
}
a img{
border:none !important;
}
#lj_controlstrip{
background-image:none !important;
background:#000000;
height:43px;
}
#lj_controlstrip span{
color:#ffffff;
}
#lj_controlstrip .ljuser a b{
color:#ffffff;
font-weight:600;
font-size:12px !important;
}
#lj_controlstrip .ljuser a:hover b, #lj_controlstrip .ljusr a:active b{
color:#9a9a9a;
text-decoration:none !Important;
}
#lj_controlstrip a:link, #lj_controlstrip a:visited{
text-transform:lowercase !important;
color:#d5d5d5 !important;
}
#lj_controlstrip a:hover, #lj_controlstrip a:active{
text-decoration:underline !important;
font-style:normal !important;
color:#787878 !important;
}
#lj_controlstrip .ljuser b{
font-size:11px;
}
/* CONTEXTUAL POPUP ---------------- */
div.ContextualPopup div.Inner {border: 1px solid #EAEAEA !important;}
div.ContextualPopup div.Inner div.Content { color: #666666 !important;}
.ContextualPopup .Userpic a img {border: 1px solid #aaaaaa; padding: 3px; }
.ContextualPopup .Userpic a img:hover {border-color: #dddddd;}
div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a {color: #3F1B00 !important; font-weight:lighter;
text-decoration: none !important; border-bottom: 1px dotted #DA2945;}
div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #aaaaaa !important; }
Irrationality, reduced
/* entitled: raging irrationality (vers, reduced) */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY & NEXT PREV FOOTER ---------------- */
body {
background: url("") fixed no-repeat #f4f4f4;
padding:0px;
margin:0px;a
width:100%;
}
#page {
margin:0px;
padding:0px;
font-family: arial;
letter-spacing:0px;
color:#C0C0C0;
line-height:16px;
font-size:10px;
width:705px;
min-width:600px;
margin-left:22%;
}
div.layout {
font-family: arial, helvetica, sans serif;
}
.entry-wrap {
margin-bottom:7px;
background:#ffffff;
padding:5px;
padding-right:5px;
border:solid 1px #EAEAEA;
}
div.content {
width:100%;
float:right;
}
ul.page-nav {
display:block;
background:#ffffff;
width:693px;
text-align:center;
padding:5px;
padding-bottom: 8px;
margin-top: -1px;
list-style:none;
border: 1px solid #EAEAEA;
}
li.prev a.item, li.next a.item, li.next a:link, li.prev a:link {
font-size:12px;
letter-spacing: 2px;
font-family:"georgia", serif;
align:center;
padding-bottom: 5px;
padding-top: 5px;
background-color: #ffffff;
font-style: italic;
text-shadow: 3px 2px 2px #dddddd;
border-bottom: none;
color:#DA2945;
text-transform:lowercase;
}
li.active {
list-style:none;
}
/* HEADER ---------------- */
.header {
background:none repeat scroll 0 0 #ffffff;
background-image: url("");
border:solid 1px #EAEAEA;
margin-bottom:7px;
margin-top:7px;
padding:40px 0 40px;
}
.header h2, .header h3 {
display:inline-block;
width:100%;
margin:0px;
display:none;
}
ul.nav {
padding: 0px;
margin-left:0px;
list-style: none;
margin-left:10px;
text-align:center;
background-color:transparent;
}
ul.nav li.item {
display:inline;
}
ul.nav li {
margin:0px 15px;
}
ul.nav li.item a:link, ul.nav li.item a:visited {
font-family:"georgia", serif;
font-size:12px;
text-transform:lowercase;
color:#DA2945;
line-height:37px;
letter-spacing:2px;
text-shadow: 3px 2px 2px #dddddd;
font-weight:strong;
font-style:italic;
border:none;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
font-size:12px;
font-weight:strong;
line-height:37px;
color: #000000;
text-shadow: 3px 2px 2px #efefef;
font-style: italic;
letter-spacing:2px;
text-decoration:none;
}
li.item-selected {
color:#DA2945;
letter-spacing:2px;
line-height:37px;
text-shadow: 3px 2px 2px #dddddd;
font-style: italic;
font-family:"georgia", serif;
font-size:12px;
text-transform:lowercase;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:0px;
}
.header .userpic, h1 span.ljuser, div.hr hr{
display:none ;
}
.item-rss {display: none;}
.item-addfriend {display: none;}
/* ENTRY */
#post-sticky{
margin:0px;
background-color:#f4f4f4;
border:solid 1px #ededed;
padding:4px;
}
#post-sticky .entry-title{
text-align:right;
}
dt.entry-title a.subj-link, .entry-title{
font-family:"georgia", serif;
display:block;
color:#DA2945 !important;
font-size:15px !important;
text-transform:uppercase;
letter-spacing:1px !important;
background:#ffffff;
text-align:right;
text-decoration:none;
line-height:17px;
border:none;
}
.entry-title{
padding:10px 5px;
border-bottom:solid 1px #EAEAEA;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:none;
}
dt.entry-title a{
padding:0px;
margin:0px;
}
dt.entry-title img{
margin-left:2px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
}
.entry{
margin:0px 0px 15px 0px;
}
.entry-text{
padding-right:0px;
text-align:justify;
z-index:0;
min-height:155px;
margin: 0px;
}
.entry-content{
letter-spacing:0em;
color:#868686;
margin-top:5px;
line-height:15px;
font-size:11px;
}
dl.vcard{
padding:0px;
display:block;
margin:7px 0px 3px 7px;
line-height:14px;
background-color:#ffffff;
text-align:center;
border-right:0px;
float:right;
z-index:2;
}
dl.vcard dt img{
border:solid 10px #EAEAEA;
padding:5px;
background-color:#DA2945;
margin-bottom:1px;
}
.vcard img{
opacity: .80; }
.vcard img:hover{
opacity: 1.0; }
dd.username, dd.entry-date{
text-align: center;
padding:0px;
margin:0px;
}
dd.username{
overflow:wrap;
width:120px;
}
dd.username .ljuser a b{
font-size:11px;
text-transform:uppercase;
text-align: center;
}
dd.entry-date, abbr.updated{
text-transform:lowercase;
border:none !important;
color:#C0C0C0;
text-decoration:none;
letter-spacing:0px;
font-size:11px;
display:block;
text-align:center;
}
.ljuser b{
font-size:11px;
}
.ljuser a{
border:transparent !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-size:11px;
font-weight:100;
text-transform:lowercase;
color:#3F1B00;
letter-spacing:0px;
}
.ljuser a:hover b, .ljuser a:active b{
color:#787878;
text-decoration:none;
}
b, strong{
letter-spacing:0px;
}
i, em{
color:#868686;
}
u{
color:#868686;
}
strike{
color:#d5d5d5;
}
big{
font-size:140%;
letter-spacing:0px;
}
small{
font-size:80%;
letter-spacing:0px;
}
blockquote {
border:double 3px #F2F2F2;
line-height:18px;
color:#868686;
padding:15px;
margin:0px 30px 0px 15px;
}
textarea{
border:solid 1px #E0E0E0;
font-size:11px;
font-family:courier new;
text-transform:none;
line-height:15px;
background-color: #f4f4f4;
color:#666666;
}
code{
color:#ababab;
}
pre{
color:#ababab;
border:solid 0px #666666;
padding-left:2px;
border-right:0px;
margin-left:20px;
}
a:link, a:visited, a:active{
font-family:georgia;
color:#3F1B00;
font-style:normal;
text-decoration:none;
text-transform:none;
font-size:11px;
border-bottom:dotted 1px #DA2945;
}
a:hover{
color:#787878;
font-style:normal;
text-decoration:none;
}
/* METADATA */
div.metadata{
margin-bottom:10px;
border-bottom:solid 1px #eaeaea;
padding-left:40px;
padding-top:5px;
}
dt.meta-location-label, dt.meta-mood-label, dt.meta-music-label{
display:none;
}
dd.meta-mood-value, dd.meta-location-value, dd.meta-music-value{
font-size:11px;
text-transform:uppercase;
font-family: courier new;
color:#c0c0c0;
letter-spacing:-1px;
margin:0px;
margin-left:20px;
}
dd.meta-location-value a, dd.meta-location-value a:link {
font-family: courier new;
font-size:11px;
color: #c0c0c0;
text-transform:uppercase;
border:none;
}
dl.meta-location, dl.meta-mood, dl.meta-music{
margin-bottom:5px;
}
dl.meta-location{
background:url("http://i54.tinypic.com/24ln0xs.gif") no-repeat;
background-position:0px 0px;
}
dl.meta-mood{
background:url("http://i51.tinypic.com/de72bq.png") no-repeat;
background-position:0px 0px;
}
dl.meta-music{
background:url("http://i53.tinypic.com/347ad6s.gif") no-repeat;
background-position:0px 0px;
}
div.ljtags{
font-size:11px;
font-family: courier new;
color:#c0c0c0;
text-transform:uppercase !important;
padding:5px 0px;
margin-top:15px;
margin-left:0px;
}
.ljcut-link, .ljcut-link a:hover{ font-weight: 100; }
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
font-family: courier new;
color:#DA2945;
letter-spacing:0 !important;
text-decoration:none;
padding:0px 0px 0px 0px;
line-height:10px;
text-transform:uppercase;
border:none;
}
div.ljtags a:hover, div.ljtags a:active{
color:#D66275;
}
/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:center;
margin-top:3px;
}
dd.entrymenu ul, dd.entrysubmenu ul{
border-top:solid 1px #EAEAEA;
padding-top:10px;
margin-bottom:-10px;
list-style:none;
margin-left:0px;
}
dd.entrymenu ul li, dd.entrysubmenu ul li{
display:inline;
padding:0px 4px;
}
.entrymenu a:link, .entrymenu a:visited, .entrysubmenu a:link, .entrysubmenu a:visited{
text-transform:lowercase;
font-size:11px;
letter-spacing:2px;
font-family: arial;
color:#C0C0C0;
text-align: center;
border:none;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
text-decoration: none;
color:#3F1B00;
}
/* FULL VIEW PAGE */
#qrformdiv table{
border-right:none !important;
border-left:none !important;
border-top:none !important;
font-size:11px;
text-transform:uppercase;
font-weight:none;
color:#9a9a9a;
letter-spacing:0px;
display:block;
width:100%;
border-bottom:solid 1px #EAEAEA !important;
}
#qrformdiv a, #qrformdiv b{
font-size:11px;
color:#3F1B00;
font-weight:100;
border-bottom: 1px dashed #DA2945;
text-transform:none;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
}
div.comment-upic{
float:left;
width:auto;
padding:2px;
border:solid 4px #3F1B00;
margin:0px 3px 3px 0px;
background:#CF2841;
}
div.comment-upic img{
width:75px;
height:75px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:11px;
}
div.comments-links{
color:#CF2841;
padding:7px 4px;
text-align:right;
text-transform:lowercase !important;
font-size:11px;
}
.replylink a{
text-transform:uppercase;
font-size:11px !important;
border:none;
}
.comment-wrap{
font-size:11px;
line-height:16px;
text-transform:none;
padding:0px 0px 3px 0px;
min-height:89px;
margin-bottom:10px;
}
.comment-head h3{
display:inline;
text-transform:uppercase;
color:#bcbcbc;
letter-spacing:0px;
font-weight:normal;
font-size:11px;
}
div.comment-text{
border-top:solid 1px #efefef;;
margin-bottom:5px;
color:#858585;
padding:3px;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
margin-bottom:10px;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}
.comment-head-in img{
margin-top:3px;
}
a.comment-permalink:link, a.comment-permalink:visited{
font-size:11px;
border:none;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#AFAFAF;
}
div.comment-menu{
text-align:right;
}
div.comment-menu a:link, div.comment-menu a:visited{
text-transform:none;
font-size:10px;
color:#666666;
border:none;
}
div.comment-menu a:hover, div.comment-menu a:active{
color:#b3b3b3;
}
input, select, textarea{
font-size:11px;
letter-spacing:1px;
color:#747474;
}
textarea.textbox{
background-color:#ffffff;
margin-left:0% !important;
border:#d4d4d4 solid 1px;
height:auto !important;
width:100% !important;
color:#000000;
}
input.textbox{
font-family:arial, helvetica, sans serif;
color:#000000;
}
.entry-linkbar{
display:block;
padding-bottom:10px;
padding-right:10px;
text-align:right;
}
/* SIDEBAR DISPLAY ---------------- */
.sidebar {
display: none;
}
/* CALENDAR DISPLAY ---------------- */
li.active{
font-size:16px;
}
.entry-text div.calendar-wrap caption a{
font-size:15px;
color:#9a9a9a;
letter-spacing:2px;
text-transform:uppercase;
margin-left:7px;
margin-right:5px;
border:none;
}
.entry-text .calendar-wrap caption{
text-align:right;
line-height:14px;
}
div.calendar-wrap{
width:50%;
margin-left:25%;
margin-bottom:20px;
background:url("") repeat transparent;
border:none;
}
div.calendar-wrap table{
width:100%;
text-align:right;
font-size:12px;
border-left:solid 1px #dddddd;
border-top:solid 1px #dddddd;
}
div.calendar-wrap td{
text-align:center;
color:#9a9a9a;
height:30px;
background:#ffffff;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:0px;
}
div.calendar-wrap th div{
text-align:center;
color:#4e4e4e;
font-size:12px;
display:none;
}
div.calendar-wrap thead{
display:none;
}
.calendar-wrap td a{
width:100%;
height:100%;
display:block;
background:#ffffff;
line-height:30px;
text-align:center;
font-size:15px;
padding:0px;
color:#3F1B00;
border-bottom: solid 3px #DA2945;
}
.calendar-wrap td a:hover{
background:#DA2945;
color:#ffffff;
font-style:normal;
border-bottom: solid 3px #3F1B00;
text-decoration:none;
}
/* REPLACEMENT IMAGES ---------------- */
.entry-title img[src*="icon_protected.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/2ytz3w9.png");
padding:8px 8px;
margin-left: 6px;
}
.entry-title img[src*="icon_private.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/jj4b4l.jpg");
padding:8px 8px;
margin-left:6px;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i51.tinypic.com/sfgig4.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i52.tinypic.com/2qx1glz.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] ,
img[src*="userinfo-support.gif"] { background: transparent url("http://i56.tinypic.com/2m5f2pd.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="syndicated.gif"] { background: transparent url("http://i54.tinypic.com/33bdbms.png") no-repeat !important;
padding:7px 6px !important;
width:0px;
height:0px;
}
/* CONTROL STRIP AND MISC ---------------- */
div.content-tags{
text-align:center;
width:50%;
margin-left:25%;
}
div.content-tags a{
border:none;
}
.content-tags .comma{
display:none;
}
h4{
font-size:18px;
color:#aaaaaa;
letter-spacing:0px;
font-weight:normal;
text-transform:uppercase;
}
a img{
border:none !important;
}
#lj_controlstrip{
background-image:none !important;
background:#000000;
height:43px;
}
#lj_controlstrip span{
color:#ffffff;
}
#lj_controlstrip .ljuser a b{
color:#ffffff;
font-weight:600;
font-size:12px !important;
}
#lj_controlstrip .ljuser a:hover b, #lj_controlstrip .ljusr a:active b{
color:#9a9a9a;
text-decoration:none !Important;
}
#lj_controlstrip a:link, #lj_controlstrip a:visited{
text-transform:lowercase !important;
color:#d5d5d5 !important;
}
#lj_controlstrip a:hover, #lj_controlstrip a:active{
text-decoration:underline !important;
font-style:normal !important;
color:#787878 !important;
}
#lj_controlstrip .ljuser b{
font-size:11px;
}
/* CONTEXTUAL POPUP ---------------- */
div.ContextualPopup div.Inner {border: 1px solid #EAEAEA !important;}
div.ContextualPopup div.Inner div.Content { color: #666666 !important;}
.ContextualPopup .Userpic a img {border: 1px solid #aaaaaa; padding: 3px; }
.ContextualPopup .Userpic a img:hover {border-color: #dddddd;}
div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a {color: #3F1B00 !important; font-weight:lighter;
text-decoration: none !important; border-bottom: 1px dotted #DA2945;}
div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #aaaaaa !important; }
settings:
Disabled: The calendar, tags list, blurb and page summary in the Topbar. The title and subtitle display. No header images.
Enabled: Topbar links.
Additional: On the 'Display' menu, under the Additional Options tab, select YES to show the user picture on all entries and then select RIGHT as the position for the user picture in each entry.
Ad Placement: Ad placement should be set to 'Horizontal' or 'Between Entries'.
notes:
Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, just to be on the safe side.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to fleeting_days as credit somewhere, anywhere on your livejournal.
Questions(?): If you have any problems, please comment. A small help tutorial will be coming soon.
WATCH, IF YOU PLEASE. // AFFILIATION, YES?
This one was fun, and the stylesheet is -dramatic pause- minimalism. Surprise, surprise. I made two versions. The first version is not for the faint of heart, as it is more -in your face-, and bolder, hence the title (I was seriously, irrationally angry when I first started designing this). The second version is more subdued, with a more refined aesthetic. I decided to go for both to show some versatility and excitement, while still keeping a balance of simplicity. Not that any of you care about the logistics.. go ahead, skip on down to the (codes) goods.
Live Preview | Static Preview
Live Preview | Static Preview
layout 05 - (broadening my horizons). basics:
"IRRATIONALITY WON'T LEAVE ME"
Stylesheet: Minimalism
Compatible Browsers: Firefox, Chrome, Safari, Internet Explorer
Account Types: Basic, Plus, Paid
Comment Pages: eh, sure
Appearance: Top bar with header background and standard links- "user info", "recent entries", etc.
Alternate Versions: "Reduced" - a more refined, tame version
installation:
Go to customize your journal style.
Choose a 'Minimalism' style-sheet and have the '2 column (sidebar on right)' is selected under Page Setup. Then click on customize your theme. Go to 'Custom CSS', set the first two drop-downs to NO, and insert the CSS provided below.
Irrationality (with header-ish background)
/* entitled: raging irrationality */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY & NEXT PREV FOOTER ---------------- */
body {
background: url("") fixed no-repeat #f4f4f4;
padding:0px;
margin:0px;
width:100%;
}
#page {
margin:0px;
padding:0px;
font-family: arial;
letter-spacing:0px;
color:#C0C0C0;
line-height:16px;
font-size:10px;
width:705px;
min-width:600px;
margin-left:22%;
}
div.layout {
font-family: arial, helvetica, sans serif;
}
.entry-wrap {
margin-bottom:10px;
background:#ffffff;
padding:5px;
padding-right:5px;
border:solid 1px #EAEAEA;
}
div.content {
width:100%;
float:right;
}
ul.page-nav {
display:inline-block;
background:#ffffff;
width:693px;
text-align:center;
padding:5px;
padding-bottom: 8px;
margin-top: -1px;
list-style:none;
border: 1px solid #EAEAEA;
}
li.prev a.item, li.next a.item, li.next a:link, li.prev a:link {
font-size:12px;
align:center;
padding-bottom:2px;
background-color: #ffffff;
color:#3F1B00;
border-bottom: 1px dotted #DA2945;
text-transform:uppercase;
}
li.active {
list-style:none;
}
/* HEADER ---------------- */
.header {
background:none repeat scroll 0 0 #ffffff;
background-image: url("http://i54.tinypic.com/2gvsk80.gif");
border-bottom: 30px solid #DA2945;
margin-bottom:4px;
padding:40px 0 30px;
}
.header h2, .header h3 {
display:block;
width:100%;
margin:0px;
display:none;
}
ul.nav {
padding: 0px;
margin-left:0px;
list-style: none;
margin-left:10px;
text-align:justify;
background-color:transparent;
}
ul.nav li.item {
display:block;
}
ul.nav li {
margin:0px 15px;
}
ul.nav li.item a:link, ul.nav li.item a:visited {
font-family:"arial", helvetica, sans serif;
font-size:42px;
text-transform:lowercase;
color:#ffffff;
line-height:37px;
letter-spacing:-4px;
text-shadow: 3px 2px 2px #000000;
font-weight:strong;
font-style:italic;
border:none;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
font-size:42px;
font-weight:strong;
line-height:37px;
color: #E5E5E5;
font-style: italic;
letter-spacing:-4px;
text-decoration:none;
}
li.item-selected {
color:#ffffff;
font-size:42px;
letter-spacing:-4px;
line-height:37px;
text-shadow: 3px 2px 2px #000000;
font-style: italic;
font-family:arial;
text-transform:lowercase;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:0px;
}
.header .userpic, h1 span.ljuser, div.hr hr{
display:none ;
}
.item-rss {display: none;}
/* ENTRY */
#post-sticky{
margin:0px;
background-color:#f4f4f4;
border:solid 1px #ededed;
padding:4px;
}
#post-sticky .entry-title{
text-align:right;
}
dt.entry-title a.subj-link, .entry-title{
display:block;
color:#DA2945 !important;
font-size:32px !important;
text-transform:lowercase;
font-style:italic;
letter-spacing:-3px !important;
background:#ffffff;
text-align:right;
text-decoration:none;
line-height:17px;
border:none;
}
.entry-title{
padding:10px 5px;
border-bottom:solid 1px #EAEAEA;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:italic;
}
dt.entry-title a{
padding:0px;
margin:0px;
}
dt.entry-title img{
margin-left:2px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
}
.entry{
margin:0px 0px 15px 0px;
}
.entry-text{
padding-right:0px;
text-align:justify;
z-index:0;
min-height:155px;
margin: 0px;
}
.entry-content{
letter-spacing:0em;
color:#868686;
margin-top:5px;
line-height:15px;
font-size:11px;
}
dl.vcard{
padding:0px;
display:block;
margin:7px 0px 3px 7px;
line-height:14px;
background-color:#ffffff;
text-align:center;
border-right:0px;
float:right;
z-index:2;
}
dl.vcard dt img{
border:solid 10px #3F1B00;
padding:5px;
background-color:#DA2945;
margin-bottom:1px;
}
.vcard img:hover {
opacity: .65; }
dd.username, dd.entry-date{
text-align: center;
padding:0px;
margin:0px;
}
dd.username{
overflow:wrap;
width:120px;
}
dd.username .ljuser a b{
font-size:11px;
text-transform:uppercase;
text-align: center;
}
dd.entry-date, abbr.updated{
text-transform:lowercase;
border:none !important;
color:#C0C0C0;
text-decoration:none;
letter-spacing:0px;
font-size:11px;
display:block;
text-align:center;
}
.ljuser b{
font-size:11px;
}
.ljuser a{
border:transparent !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-weight:100;
text-transform:lowercase;
color:#565656;
letter-spacing:0px;
}
.ljuser a:hover b, .ljuser a:active b{
color:#454545;
text-decoration:none;
}
b, strong{
color:#DA2945;
letter-spacing:0px;
}
i, em{
color:#454545;
}
u{
color:#454545;
}
strike{
color:#d5d5d5;
}
big{
font-size:140%;
letter-spacing:0px;
}
small{
font-size:80%;
letter-spacing:0px;
}
blockquote{
border:solid 1px #F2F2F2;
line-height:18px;
color:#666666;
padding:7px;
margin:0px 30px 0px 15px;
}
textarea{
border:solid 1px #E0E0E0;
font-size:11px;
font-family:courier new;
text-transform:none;
line-height:15px;
background-color: #f4f4f4;
color:#666666;
}
code{
color:#ababab;
}
pre{
color:#ababab;
border:solid 0px #666666;
padding-left:2px;
border-right:0px;
margin-left:20px;
}
a:link, a:visited, a:active{
font-weight:100;
color:#3F1B00;
font-style:normal;
text-decoration:none;
text-transform:none;
font-size:11px;
border-bottom:dotted 1px #DA2945;
}
a:hover{
color:#787878;
font-style:normal;
text-decoration:none;
}
/* METADATA */
div.metadata{
margin-bottom:10px;
border-bottom:solid 1px #eaeaea;
padding-left:40px;
padding-top:5px;
}
dt.meta-location-label, dt.meta-mood-label, dt.meta-music-label{
display:none;
}
dd.meta-mood-value, dd.meta-location-value, dd.meta-music-value{
font-size:11px;
text-transform:uppercase;
font-family: courier new;
color:#c0c0c0;
letter-spacing:-1px;
margin:0px;
margin-left:20px;
}
dd.meta-location-value a, dd.meta-location-value a:link {
font-size:11px;
color: #c0c0c0;
text-transform:uppercase;
border:none;
}
dl.meta-location, dl.meta-mood, dl.meta-music{
margin-bottom:5px;
}
dl.meta-location{
background:url("http://i54.tinypic.com/24ln0xs.gif") no-repeat;
background-position:0px 0px;
}
dl.meta-mood{
background:url("http://i51.tinypic.com/de72bq.png") no-repeat;
background-position:0px 0px;
}
dl.meta-music{
background:url("http://i53.tinypic.com/347ad6s.gif") no-repeat;
background-position:0px 0px;
}
div.ljtags{
font-size:11px;
font-family: courier new;
color:#c0c0c0;
text-transform:uppercase !important;
padding:5px 0px;
margin-top:15px;
margin-left:0px;
}
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
font-family: courier new;
color:#DA2945;
letter-spacing:0 !important;
text-decoration:none;
padding:0px 0px 0px 0px;
line-height:10px;
text-transform:uppercase;
border:none;
}
div.ljtags a:hover, div.ljtags a:active{
color:#D66275;
}
/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:center;
margin-top:3px;
}
dd.entrymenu ul, dd.entrysubmenu ul{
border-top:solid 1px #EAEAEA;
padding-top:10px;
margin-bottom:-10px;
list-style:none;
margin-left:0px;
}
dd.entrymenu ul li, dd.entrysubmenu ul li{
display:inline;
padding:0px 4px;
}
.entrymenu a:link, .entrymenu a:visited, .entrysubmenu a:link, .entrysubmenu a:visited{
text-transform:lowercase;
font-size:11px;
letter-spacing:2px;
font-family: arial;
color:#3F1B00;
text-align: center;
border:none;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
text-decoration: none;
color:#87634B;
}
/* FULL VIEW PAGE */
#qrformdiv table{
border-right:none !important;
border-left:none !important;
border-top:none !important;
font-size:11px;
text-transform:uppercase;
font-weight:none;
color:#9a9a9a;
letter-spacing:0px;
display:block;
width:100%;
border-bottom:solid 1px #EAEAEA !important;
}
#qrformdiv a, #qrformdiv b{
font-size:11px;
color:#3F1B00;
font-weight:100;
border-bottom: 1px dashed #DA2945;
text-transform:none;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
}
div.comment-upic{
float:left;
width:auto;
padding:2px;
border:solid 4px #3F1B00;
margin:0px 3px 3px 0px;
background:#CF2841;
}
div.comment-upic img{
width:75px;
height:75px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:11px;
}
div.comments-links{
color:#CF2841;
padding:7px 4px;
text-align:right;
text-transform:lowercase !important;
font-size:11px;
}
.replylink a{
text-transform:uppercase;
font-size:11px !important;
border:none;
}
.comment-wrap{
font-size:11px;
line-height:16px;
text-transform:none;
padding:0px 0px 3px 0px;
min-height:89px;
margin-bottom:10px;
}
.comment-head h3{
display:inline;
text-transform:uppercase;
color:#bcbcbc;
letter-spacing:0px;
font-weight:normal;
font-size:11px;
}
div.comment-text{
border-top:solid 1px #efefef;;
margin-bottom:5px;
color:#858585;
padding:3px;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
margin-bottom:10px;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}
.comment-head-in img{
margin-top:3px;
}
a.comment-permalink:link, a.comment-permalink:visited{
font-size:11px;
border:none;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#AFAFAF;
}
div.comment-menu{
text-align:right;
}
div.comment-menu a:link, div.comment-menu a:visited{
text-transform:none;
font-size:10px;
color:#666666;
border:none;
}
div.comment-menu a:hover, div.comment-menu a:active{
color:#b3b3b3;
}
input, select, textarea{
font-size:11px;
letter-spacing:1px;
color:#747474;
}
textarea.textbox{
background-color:#ffffff;
margin-left:0% !important;
border:#d4d4d4 solid 1px;
height:auto !important;
width:100% !important;
color:#000000;
}
input.textbox{
font-family:arial, helvetica, sans serif;
color:#000000;
}
.entry-linkbar{
display:block;
padding-bottom:10px;
padding-right:10px;
text-align:right;
}
/* SIDEBAR DISPLAY ---------------- */
.sidebar {
display: none;
}
/* CALENDAR DISPLAY ---------------- */
li.active{
font-size:16px;
}
.entry-text div.calendar-wrap caption a{
font-size:15px;
color:#9a9a9a;
letter-spacing:2px;
text-transform:uppercase;
margin-left:7px;
margin-right:5px;
border:none;
}
.entry-text .calendar-wrap caption{
text-align:right;
line-height:14px;
}
div.calendar-wrap{
width:50%;
margin-left:25%;
margin-bottom:20px;
background:url("") repeat transparent;
border:none;
}
div.calendar-wrap table{
width:100%;
text-align:right;
font-size:12px;
border-left:solid 1px #dddddd;
border-top:solid 1px #dddddd;
}
div.calendar-wrap td{
text-align:center;
color:#9a9a9a;
height:30px;
background:#ffffff;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:0px;
}
div.calendar-wrap th div{
text-align:center;
color:#4e4e4e;
font-size:12px;
display:none;
}
div.calendar-wrap thead{
display:none;
}
.calendar-wrap td a{
width:100%;
height:100%;
display:block;
background:#ffffff;
line-height:30px;
text-align:center;
font-size:15px;
padding:0px;
color:#3F1B00;
border-bottom: solid 3px #DA2945;
}
.calendar-wrap td a:hover{
background:#DA2945;
color:#ffffff;
font-style:normal;
border-bottom: solid 3px #3F1B00;
text-decoration:none;
}
/* REPLACEMENT IMAGES ---------------- */
.entry-title img[src*="icon_protected.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/2ytz3w9.png");
padding:8px 8px;
margin-left: 6px;
}
.entry-title img[src*="icon_private.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/jj4b4l.jpg");
padding:8px 8px;
margin-left:6px;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i51.tinypic.com/sfgig4.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i52.tinypic.com/2qx1glz.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] ,
img[src*="userinfo-support.gif"] { background: transparent url("http://i56.tinypic.com/2m5f2pd.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="syndicated.gif"] { background: transparent url("http://i54.tinypic.com/33bdbms.png") no-repeat !important;
padding:7px 6px !important;
width:0px;
height:0px;
}
/* CONTROL STRIP AND MISC ---------------- */
div.content-tags{
text-align:center;
width:50%;
margin-left:25%;
}
div.content-tags a{
border:none;
}
.content-tags .comma{
display:none;
}
h4{
font-size:18px;
color:#aaaaaa;
letter-spacing:0px;
font-weight:normal;
text-transform:uppercase;
}
a img{
border:none !important;
}
#lj_controlstrip{
background-image:none !important;
background:#000000;
height:43px;
}
#lj_controlstrip span{
color:#ffffff;
}
#lj_controlstrip .ljuser a b{
color:#ffffff;
font-weight:600;
font-size:12px !important;
}
#lj_controlstrip .ljuser a:hover b, #lj_controlstrip .ljusr a:active b{
color:#9a9a9a;
text-decoration:none !Important;
}
#lj_controlstrip a:link, #lj_controlstrip a:visited{
text-transform:lowercase !important;
color:#d5d5d5 !important;
}
#lj_controlstrip a:hover, #lj_controlstrip a:active{
text-decoration:underline !important;
font-style:normal !important;
color:#787878 !important;
}
#lj_controlstrip .ljuser b{
font-size:11px;
}
/* CONTEXTUAL POPUP ---------------- */
div.ContextualPopup div.Inner {border: 1px solid #EAEAEA !important;}
div.ContextualPopup div.Inner div.Content { color: #666666 !important;}
.ContextualPopup .Userpic a img {border: 1px solid #aaaaaa; padding: 3px; }
.ContextualPopup .Userpic a img:hover {border-color: #dddddd;}
div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a {color: #3F1B00 !important; font-weight:lighter;
text-decoration: none !important; border-bottom: 1px dotted #DA2945;}
div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #aaaaaa !important; }
Irrationality, reduced
/* entitled: raging irrationality (vers, reduced) */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */
/* BODY & NEXT PREV FOOTER ---------------- */
body {
background: url("") fixed no-repeat #f4f4f4;
padding:0px;
margin:0px;a
width:100%;
}
#page {
margin:0px;
padding:0px;
font-family: arial;
letter-spacing:0px;
color:#C0C0C0;
line-height:16px;
font-size:10px;
width:705px;
min-width:600px;
margin-left:22%;
}
div.layout {
font-family: arial, helvetica, sans serif;
}
.entry-wrap {
margin-bottom:7px;
background:#ffffff;
padding:5px;
padding-right:5px;
border:solid 1px #EAEAEA;
}
div.content {
width:100%;
float:right;
}
ul.page-nav {
display:block;
background:#ffffff;
width:693px;
text-align:center;
padding:5px;
padding-bottom: 8px;
margin-top: -1px;
list-style:none;
border: 1px solid #EAEAEA;
}
li.prev a.item, li.next a.item, li.next a:link, li.prev a:link {
font-size:12px;
letter-spacing: 2px;
font-family:"georgia", serif;
align:center;
padding-bottom: 5px;
padding-top: 5px;
background-color: #ffffff;
font-style: italic;
text-shadow: 3px 2px 2px #dddddd;
border-bottom: none;
color:#DA2945;
text-transform:lowercase;
}
li.active {
list-style:none;
}
/* HEADER ---------------- */
.header {
background:none repeat scroll 0 0 #ffffff;
background-image: url("");
border:solid 1px #EAEAEA;
margin-bottom:7px;
margin-top:7px;
padding:40px 0 40px;
}
.header h2, .header h3 {
display:inline-block;
width:100%;
margin:0px;
display:none;
}
ul.nav {
padding: 0px;
margin-left:0px;
list-style: none;
margin-left:10px;
text-align:center;
background-color:transparent;
}
ul.nav li.item {
display:inline;
}
ul.nav li {
margin:0px 15px;
}
ul.nav li.item a:link, ul.nav li.item a:visited {
font-family:"georgia", serif;
font-size:12px;
text-transform:lowercase;
color:#DA2945;
line-height:37px;
letter-spacing:2px;
text-shadow: 3px 2px 2px #dddddd;
font-weight:strong;
font-style:italic;
border:none;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
font-size:12px;
font-weight:strong;
line-height:37px;
color: #000000;
text-shadow: 3px 2px 2px #efefef;
font-style: italic;
letter-spacing:2px;
text-decoration:none;
}
li.item-selected {
color:#DA2945;
letter-spacing:2px;
line-height:37px;
text-shadow: 3px 2px 2px #dddddd;
font-style: italic;
font-family:"georgia", serif;
font-size:12px;
text-transform:lowercase;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:0px;
}
.header .userpic, h1 span.ljuser, div.hr hr{
display:none ;
}
.item-rss {display: none;}
.item-addfriend {display: none;}
/* ENTRY */
#post-sticky{
margin:0px;
background-color:#f4f4f4;
border:solid 1px #ededed;
padding:4px;
}
#post-sticky .entry-title{
text-align:right;
}
dt.entry-title a.subj-link, .entry-title{
font-family:"georgia", serif;
display:block;
color:#DA2945 !important;
font-size:15px !important;
text-transform:uppercase;
letter-spacing:1px !important;
background:#ffffff;
text-align:right;
text-decoration:none;
line-height:17px;
border:none;
}
.entry-title{
padding:10px 5px;
border-bottom:solid 1px #EAEAEA;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:none;
}
dt.entry-title a{
padding:0px;
margin:0px;
}
dt.entry-title img{
margin-left:2px;
float:right;
}
dt.entry-title a img{
margin:0px;
float:none;
}
.entry{
margin:0px 0px 15px 0px;
}
.entry-text{
padding-right:0px;
text-align:justify;
z-index:0;
min-height:155px;
margin: 0px;
}
.entry-content{
letter-spacing:0em;
color:#868686;
margin-top:5px;
line-height:15px;
font-size:11px;
}
dl.vcard{
padding:0px;
display:block;
margin:7px 0px 3px 7px;
line-height:14px;
background-color:#ffffff;
text-align:center;
border-right:0px;
float:right;
z-index:2;
}
dl.vcard dt img{
border:solid 10px #EAEAEA;
padding:5px;
background-color:#DA2945;
margin-bottom:1px;
}
.vcard img{
opacity: .80; }
.vcard img:hover{
opacity: 1.0; }
dd.username, dd.entry-date{
text-align: center;
padding:0px;
margin:0px;
}
dd.username{
overflow:wrap;
width:120px;
}
dd.username .ljuser a b{
font-size:11px;
text-transform:uppercase;
text-align: center;
}
dd.entry-date, abbr.updated{
text-transform:lowercase;
border:none !important;
color:#C0C0C0;
text-decoration:none;
letter-spacing:0px;
font-size:11px;
display:block;
text-align:center;
}
.ljuser b{
font-size:11px;
}
.ljuser a{
border:transparent !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-size:11px;
font-weight:100;
text-transform:lowercase;
color:#3F1B00;
letter-spacing:0px;
}
.ljuser a:hover b, .ljuser a:active b{
color:#787878;
text-decoration:none;
}
b, strong{
letter-spacing:0px;
}
i, em{
color:#868686;
}
u{
color:#868686;
}
strike{
color:#d5d5d5;
}
big{
font-size:140%;
letter-spacing:0px;
}
small{
font-size:80%;
letter-spacing:0px;
}
blockquote {
border:double 3px #F2F2F2;
line-height:18px;
color:#868686;
padding:15px;
margin:0px 30px 0px 15px;
}
textarea{
border:solid 1px #E0E0E0;
font-size:11px;
font-family:courier new;
text-transform:none;
line-height:15px;
background-color: #f4f4f4;
color:#666666;
}
code{
color:#ababab;
}
pre{
color:#ababab;
border:solid 0px #666666;
padding-left:2px;
border-right:0px;
margin-left:20px;
}
a:link, a:visited, a:active{
font-family:georgia;
color:#3F1B00;
font-style:normal;
text-decoration:none;
text-transform:none;
font-size:11px;
border-bottom:dotted 1px #DA2945;
}
a:hover{
color:#787878;
font-style:normal;
text-decoration:none;
}
/* METADATA */
div.metadata{
margin-bottom:10px;
border-bottom:solid 1px #eaeaea;
padding-left:40px;
padding-top:5px;
}
dt.meta-location-label, dt.meta-mood-label, dt.meta-music-label{
display:none;
}
dd.meta-mood-value, dd.meta-location-value, dd.meta-music-value{
font-size:11px;
text-transform:uppercase;
font-family: courier new;
color:#c0c0c0;
letter-spacing:-1px;
margin:0px;
margin-left:20px;
}
dd.meta-location-value a, dd.meta-location-value a:link {
font-family: courier new;
font-size:11px;
color: #c0c0c0;
text-transform:uppercase;
border:none;
}
dl.meta-location, dl.meta-mood, dl.meta-music{
margin-bottom:5px;
}
dl.meta-location{
background:url("http://i54.tinypic.com/24ln0xs.gif") no-repeat;
background-position:0px 0px;
}
dl.meta-mood{
background:url("http://i51.tinypic.com/de72bq.png") no-repeat;
background-position:0px 0px;
}
dl.meta-music{
background:url("http://i53.tinypic.com/347ad6s.gif") no-repeat;
background-position:0px 0px;
}
div.ljtags{
font-size:11px;
font-family: courier new;
color:#c0c0c0;
text-transform:uppercase !important;
padding:5px 0px;
margin-top:15px;
margin-left:0px;
}
.ljcut-link, .ljcut-link a:hover{ font-weight: 100; }
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
font-family: courier new;
color:#DA2945;
letter-spacing:0 !important;
text-decoration:none;
padding:0px 0px 0px 0px;
line-height:10px;
text-transform:uppercase;
border:none;
}
div.ljtags a:hover, div.ljtags a:active{
color:#D66275;
}
/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:center;
margin-top:3px;
}
dd.entrymenu ul, dd.entrysubmenu ul{
border-top:solid 1px #EAEAEA;
padding-top:10px;
margin-bottom:-10px;
list-style:none;
margin-left:0px;
}
dd.entrymenu ul li, dd.entrysubmenu ul li{
display:inline;
padding:0px 4px;
}
.entrymenu a:link, .entrymenu a:visited, .entrysubmenu a:link, .entrysubmenu a:visited{
text-transform:lowercase;
font-size:11px;
letter-spacing:2px;
font-family: arial;
color:#C0C0C0;
text-align: center;
border:none;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
text-decoration: none;
color:#3F1B00;
}
/* FULL VIEW PAGE */
#qrformdiv table{
border-right:none !important;
border-left:none !important;
border-top:none !important;
font-size:11px;
text-transform:uppercase;
font-weight:none;
color:#9a9a9a;
letter-spacing:0px;
display:block;
width:100%;
border-bottom:solid 1px #EAEAEA !important;
}
#qrformdiv a, #qrformdiv b{
font-size:11px;
color:#3F1B00;
font-weight:100;
border-bottom: 1px dashed #DA2945;
text-transform:none;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
}
div.comment-upic{
float:left;
width:auto;
padding:2px;
border:solid 4px #3F1B00;
margin:0px 3px 3px 0px;
background:#CF2841;
}
div.comment-upic img{
width:75px;
height:75px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:11px;
}
div.comments-links{
color:#CF2841;
padding:7px 4px;
text-align:right;
text-transform:lowercase !important;
font-size:11px;
}
.replylink a{
text-transform:uppercase;
font-size:11px !important;
border:none;
}
.comment-wrap{
font-size:11px;
line-height:16px;
text-transform:none;
padding:0px 0px 3px 0px;
min-height:89px;
margin-bottom:10px;
}
.comment-head h3{
display:inline;
text-transform:uppercase;
color:#bcbcbc;
letter-spacing:0px;
font-weight:normal;
font-size:11px;
}
div.comment-text{
border-top:solid 1px #efefef;;
margin-bottom:5px;
color:#858585;
padding:3px;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
margin-bottom:10px;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}
.comment-head-in img{
margin-top:3px;
}
a.comment-permalink:link, a.comment-permalink:visited{
font-size:11px;
border:none;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#AFAFAF;
}
div.comment-menu{
text-align:right;
}
div.comment-menu a:link, div.comment-menu a:visited{
text-transform:none;
font-size:10px;
color:#666666;
border:none;
}
div.comment-menu a:hover, div.comment-menu a:active{
color:#b3b3b3;
}
input, select, textarea{
font-size:11px;
letter-spacing:1px;
color:#747474;
}
textarea.textbox{
background-color:#ffffff;
margin-left:0% !important;
border:#d4d4d4 solid 1px;
height:auto !important;
width:100% !important;
color:#000000;
}
input.textbox{
font-family:arial, helvetica, sans serif;
color:#000000;
}
.entry-linkbar{
display:block;
padding-bottom:10px;
padding-right:10px;
text-align:right;
}
/* SIDEBAR DISPLAY ---------------- */
.sidebar {
display: none;
}
/* CALENDAR DISPLAY ---------------- */
li.active{
font-size:16px;
}
.entry-text div.calendar-wrap caption a{
font-size:15px;
color:#9a9a9a;
letter-spacing:2px;
text-transform:uppercase;
margin-left:7px;
margin-right:5px;
border:none;
}
.entry-text .calendar-wrap caption{
text-align:right;
line-height:14px;
}
div.calendar-wrap{
width:50%;
margin-left:25%;
margin-bottom:20px;
background:url("") repeat transparent;
border:none;
}
div.calendar-wrap table{
width:100%;
text-align:right;
font-size:12px;
border-left:solid 1px #dddddd;
border-top:solid 1px #dddddd;
}
div.calendar-wrap td{
text-align:center;
color:#9a9a9a;
height:30px;
background:#ffffff;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:0px;
}
div.calendar-wrap th div{
text-align:center;
color:#4e4e4e;
font-size:12px;
display:none;
}
div.calendar-wrap thead{
display:none;
}
.calendar-wrap td a{
width:100%;
height:100%;
display:block;
background:#ffffff;
line-height:30px;
text-align:center;
font-size:15px;
padding:0px;
color:#3F1B00;
border-bottom: solid 3px #DA2945;
}
.calendar-wrap td a:hover{
background:#DA2945;
color:#ffffff;
font-style:normal;
border-bottom: solid 3px #3F1B00;
text-decoration:none;
}
/* REPLACEMENT IMAGES ---------------- */
.entry-title img[src*="icon_protected.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/2ytz3w9.png");
padding:8px 8px;
margin-left: 6px;
}
.entry-title img[src*="icon_private.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i51.tinypic.com/jj4b4l.jpg");
padding:8px 8px;
margin-left:6px;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i51.tinypic.com/sfgig4.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i52.tinypic.com/2qx1glz.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="newsinfo.gif"], img[src*="partnercomm.gif"], img[src*="sponcomm.gif"] ,
img[src*="userinfo-support.gif"] { background: transparent url("http://i56.tinypic.com/2m5f2pd.png") no-repeat !important;
padding:6px 6px !important;
width:0px;
height:0px;
}
img[src*="syndicated.gif"] { background: transparent url("http://i54.tinypic.com/33bdbms.png") no-repeat !important;
padding:7px 6px !important;
width:0px;
height:0px;
}
/* CONTROL STRIP AND MISC ---------------- */
div.content-tags{
text-align:center;
width:50%;
margin-left:25%;
}
div.content-tags a{
border:none;
}
.content-tags .comma{
display:none;
}
h4{
font-size:18px;
color:#aaaaaa;
letter-spacing:0px;
font-weight:normal;
text-transform:uppercase;
}
a img{
border:none !important;
}
#lj_controlstrip{
background-image:none !important;
background:#000000;
height:43px;
}
#lj_controlstrip span{
color:#ffffff;
}
#lj_controlstrip .ljuser a b{
color:#ffffff;
font-weight:600;
font-size:12px !important;
}
#lj_controlstrip .ljuser a:hover b, #lj_controlstrip .ljusr a:active b{
color:#9a9a9a;
text-decoration:none !Important;
}
#lj_controlstrip a:link, #lj_controlstrip a:visited{
text-transform:lowercase !important;
color:#d5d5d5 !important;
}
#lj_controlstrip a:hover, #lj_controlstrip a:active{
text-decoration:underline !important;
font-style:normal !important;
color:#787878 !important;
}
#lj_controlstrip .ljuser b{
font-size:11px;
}
/* CONTEXTUAL POPUP ---------------- */
div.ContextualPopup div.Inner {border: 1px solid #EAEAEA !important;}
div.ContextualPopup div.Inner div.Content { color: #666666 !important;}
.ContextualPopup .Userpic a img {border: 1px solid #aaaaaa; padding: 3px; }
.ContextualPopup .Userpic a img:hover {border-color: #dddddd;}
div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner div.Content a {color: #3F1B00 !important; font-weight:lighter;
text-decoration: none !important; border-bottom: 1px dotted #DA2945;}
div.ContextualPopup div.Inner div.Content span a:hover, div.ContextualPopup div.Inner div.Content a:hover {color: #aaaaaa !important; }
settings:
Disabled: The calendar, tags list, blurb and page summary in the Topbar. The title and subtitle display. No header images.
Enabled: Topbar links.
Additional: On the 'Display' menu, under the Additional Options tab, select YES to show the user picture on all entries and then select RIGHT as the position for the user picture in each entry.
Ad Placement: Ad placement should be set to 'Horizontal' or 'Between Entries'.
notes:
Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, just to be on the safe side.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to fleeting_days as credit somewhere, anywhere on your livejournal.
Questions(?): If you have any problems, please comment. A small help tutorial will be coming soon.
WATCH, IF YOU PLEASE. // AFFILIATION, YES?