Minimalism: Secondary

Dec 31, 2009 02:37

Someone please take this away from me. I really have no excuse.


Clickity-click for full thing.


Browser: After fighting with it, I've finally got agreeable in Firefox, Safari, IE (8?), Google Chrome, and even my phone. Yayyy.
Res: You should be good. But if not, drop me a line, and I'll agonize about it.

Details:
+ Sidebar and all coding related to the sidebar has been deleted (I think).
+ Includes customized comment and calendar pages, and an ljbar.
+ Tiny icons from ...here. Yeah.
+ Go ahead and edit the colors, fonts, whatever to your will. But don't claim the base code as your own.
+ Link to yearzeta or sulfuricfusion in your profile if you uuuuse.

To use:
1. Go to the customize page and type "Minimalism" into the search box.
2. Select the theme "Aquatic Moon." (This is kind of important.)
3. Click customize your theme, then the custom CSS link.
4. Set both dropdown menus to NO, and leave the external stylesheet option empty.
5. Paste the code in the Custom Stylesheet space.

/* SECONDARY, a Minimalism layout for use with the style Aquatic Moon.
by: sulfuricfusion @ community.livejournal.com/yearzeta
tiny icons from: http://somerandomdude.com/projects/sanscons/
Includes customized comment and calendar pages, and a ljbar.
This layout should never have happened. Ever. Take it away. */

/* GENERAL PROPERTIES */

body {
background: url("") fixed no-repeat #ffffff;
padding:0px;
margin:0px;
width:100%;
}
#page{
margin:0PX;
padding:0px;
font-family: arial;
letter-spacing:.02em;
color:#787878;
line-height:16px;
font-size:11px;
width:56%;
min-width:600px;
margin-left:22%;
}
div.layout{
font-family:arial, helvetica, sans serif;
}
.entry-wrap{
margin-bottom:40px;
background:#ffffff;
padding:0px;
padding-bottom:5px;
border:solid 1px #000000;
}
div.content{
width:100%;
float:right;
}
.sidebar {
width:28%;
float: left;
background:#ffffff;
height:100% !important;
display:none;
}
ul.page-nav{
display:inline-block;
width:100%;
text-align:right;
list-style:none;
margin-left:-45px;
}
li.prev a.item, li.next a.item{
font-size:14px;
color:#000000;
font-weight:200;
text-transform:uppercase;
border:none;
}
li.active{
list-style:none;
}

/* HEADER INFORMATION */
.header h2, .header h3{
display:block;
width:100%;
margin:0px;
margin-top:0px;
display:none;
}
ul.nav{
padding: 0px;
margin-left:0px;
list-style: none;
margin-left:px;
text-align:left;
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:"arial", helvetica, sans serif;
font-size:13px;
text-transform:lowercase;
color:#787878;
line-height:20px;
font-weight:100;
border:none;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
color:#b3b3b3;
font-weight:300;
text-decoration:none;
font-style:italic;
}
li.item-selected{
color:#000000;
font-size:15px;
letter-spacing:0px;
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 ;
}

/* ENTRY AND FONTS */
#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:#000000 !important;
font-size:25px !important;
text-transform:uppercase;
letter-spacing:-.05em !important;
font-weight:bold;
background:#ffffff;
text-align:right;
text-decoration:none;
line-height:17px;
border:none;
}
.entry-title{
padding:10px 3px;
border-bottom:solid 1px #000000;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:normal;
}
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;
}
.hentry{
margin:0px 0px 15px 0px;
}
.entry-text{
padding:0px;
z-index:0;
min-height:155px;
margin:0px;
}
.entry-content{
letter-spacing:0em;
color:#000000;
line-height:18px;
font-size:12px;
font-weight:100;
}
dl.vcard{
padding:0px;
display:block;
margin:-1px 0px 3px 3px;
line-height:14px;
background-color:#ffffff;
border:solid 1px #000000;
text-align:left;
border-right:0px;
float:right;
z-index:2;
}
dl.vcard dt img{
border-bottom:solid 1px #000000;
padding:10px;
margin-bottom:1px;
}
dd.username, dd.entry-date{
padding:0px;
margin:0px;
}
dd.username{
overflow:wrap;
width:120px;
color:#000000;
}
dd.username .ljuser a b{
font-size:11px;
text-transform:uppercase;
}
dd.entry-date, abbr.updated{
text-transform:uppercase;
border:none !important;
font-weight:100;
color:#545454;
text-decoration:none;
letter-spacing:0px;
font-size:11px;
display:block;
text-align:left;
}
.ljuser b{
font-size:13px;
}
.ljuser a{
border:transparent !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-weight:100;
text-transform:lowercase;
color:#565656;
letter-spacing:-0.01em;
}
.ljuser a:hover b, .ljuser a:active b{
color:#454545;
text-decoration:underline;
}
b, strong{
font-weight:600;
color:#444444;
letter-spacing:0.02em;
}
i, em{
color:#868686;
}
u{
color:#7a7a7a;
}
strike{
color:#d5d5d5;
}
big{
font-size:140%;
letter-spacing:-1px;
}
small{
font-size:80%;
letter-spacing:0.04em;
}
blockquote{
border:solid 1px #b9b9b9;
line-height:18px;
color:#666666;
padding:2px;
margin:0px 30px 0px 15px;
}
textarea{
border:solid 1px;
font-size:11px;
font-family:arial;
text-transform:none;
line-height:15px;
color:#585858;
}
code{
color:#ababab;
}
pre{
color:#ababab;
border:solid 1px #666666;
padding-left:2px;
border-right:0px;
margin-left:20px;
}
a:link, a:visited{
font-weight:100;
color:#323232;
font-style:normal;
letter-spacing:-0.02em;;
text-decoration:none;
text-transform:none;
font-size:13px;
border-bottom:dashed 1px #09c1ef;
}
a:hover, a:active{
color:#787878;
font-style:normal;
text-decoration:underline;
cursor:crosshair;
font-weight:400;
}

/* METADATA */

div.metadata{
margin-bottom:10px;
border-top:solid 0px #000000;
border-bottom:solid 1px #b3b3b3;
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:13px;
text-transform:uppercase;
color:#323232;
letter-spacing:-1px;
margin:0px;
margin-left:20px;
}
dd.meta-location-value a{
font-size:13px;
text-transform:uppercase;
border:none;
}
dl.meta-location, dl.meta-mood, dl.meta-music{
margin-bottom:5px;
}
dl.meta-location{
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") no-repeat;
background-position:0px -192px;
}
dl.meta-mood{
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") no-repeat;
background-position:0px -256px;
}
dl.meta-music{
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") no-repeat;
background-position:0px -352px;
}
div.ljtags{
font-size:15px;
color:#000000;
text-transform:uppercase !important;
padding:5px 0px;
border-top:solid 1px #b3b3b3;
border-bottom:solid 1px #000000;
margin-top:15px;
margin-left:0px;
}
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
color:#ff0000;
letter-spacing:0.02em !important;
text-decoration:none;
padding:0px 0px 0px 0px;
line-height:10px;
text-transform:lowercase;
border:none;
}
div.ljtags a:hover, div.ljtags a:active{
color:#cbcbcb;
}

/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:right;
margin-top:3px;
}
dd.entrymenu ul, dd.entrysubmenu ul{
padding:0px;
margin:0px;
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:uppercase;
font-size:11px;
letter-spacing:0px;
font-weight:100 !important;
color:#6f6f6f;
border:none;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
font-weight:300;
color:#cdcdcd;
}

/* FULL VIEW PAGE */
#qrformdiv table{
border-right:none !important;
border-left:none !important;
border-top:none !important;
font-size:14px;
text-transform:uppercase;
font-weight:100;
color:#9a9a9a;
letter-spacing:-1px;
display:block;
width:100%;
border-bottom:solid 1px #b3b3b3 !important;

}
#qrformdiv a, #qrformdiv b{
text-transform:uppercase;
font-size:14px;
font-weight:100;
letter-spacing:-1px;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
}
div.comment-upic{
float:left;
width:auto;
padding:4px;
border:solid 1px #b3b3b3;
border-top:0px;
border-left:0px;
margin:0px 3px 3px 0px;
background:#ffffff;
}
div.comment-upic img{
width:75px;
height:75px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:12px;
}
div.comments-links{
color:#a9a9a9;
padding:7px 4px;
text-align:right;
text-transform:uppercase !important;
font-size:14px;
}
.replylink a{
text-transform:uppercase;
font-size:14px !important;
border:none;
}
.comment-wrap{
font-size:12px;
line-height:16px;
border-bottom:solid 1px #b3b3b3;
border-top:solid 1px #b3b3b3;
border-left:solid 1px #acacac;
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:-1px;
font-weight:normal;
font-size:16px;
}
div.comment-text{
border-top:solid 1px #efefef;;
margin-bottom:15px;
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{
color:#555555;
text-transform:uppercase;
font-size:13px;
border:none;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#cccccc;
}
div.comment-menu{
text-align:right;
}
div.comment-menu a:link, div.comment-menu a:visited{
text-transform:uppercase;
font-size:10px;
color:#000000;
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;
}

/* CALENDAR */
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 #000000;
border-top:solid 1px #000000;
}
div.calendar-wrap td{
text-align:center;
color:#9a9a9a;
height:30px;
background:#ffffff;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
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:#000000;
line-height:30px;
text-align:center;
font-size:15px;
padding:0px;
color:#ffffff;
border:none;
}
.calendar-wrap td a:hover{
background:#ffffff;
color:#000000;
font-style:normal;
text-decoration:none;
}

/* IMAGES */
.entry-title img[src*="icon_protected.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") 0px -64px;
padding:8px 8px;
}
.entry-title img[src*="icon_private.gif"] {
width:0px;
height:0px;
background:transparent;
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") -16px -64px;
padding:8px 8px;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") no-repeat !important;
background-position:-3px -35px !important;
padding:7px 5px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png") no-repeat !important;
background-position:-18px -35px !important;
padding:7px 6px !important;
width:0px;
height:0px;
}
.entry-linkbar img {
width:0px;
height:0px;
background: transparent;
margin-right:3px;
}
.entry-linkbar a:hover, .comment-head-in a:hover{
border-bottom:dotted 1px #9eecff;
}
.entry-linkbar img[src*="btn_prev.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:0px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_edit.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-16px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_edittags.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-32px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_memories.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-48px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_tellfriend.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-64px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_track.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-80px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="button-flag.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-96px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_next.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat !important;
background-position:-112px 0px !important;
padding: 8px 8px !important;
}

.comment-head-in img{
width:0px;
height:0px;
background: transparent;
}
.comment-head-in img[src*="btn_del.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat -128px 0px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_scr.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat -144px 0px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_freeze.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat -160px 0px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_track.gif"] {
background: transparent url(http://i955.photobucket.com/albums/ae39/zheeer/lj/1550a49c.png) no-repeat -80px 0px !important;
padding: 8px 8px !important;
}

/* MISCELLANEOUS */
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:-1px;
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:13px;
}

If anyone notices any bugs, please notify me right away, kk?
Otherwise, enjoy this thing that never should have been.

maker: sulfuricfusion, style: minimalism

Previous post Next post
Up