S2 Minimalism - The Bass

[sulfuricfusion]

Click to make it big.

Resolution: It's fixed width, so it's good in 800x600+.

Broswers: ...I... didn't have to fight anyone. This is kind of a miracle?

+ Header was made using one of my own stocks, here. I'd really like to not see it bustled around, please.
+ Tiny icons from Fam Fam Fam.
+ Remember to credit sulfuricfusion or yearzeta in your profile if you use this layout.

+ The sidebar has been hidden, but all the coding is included. To make the sidebar visible, find this section:
div.content{
width:100%;
}
.sidebar {
display:none;
}and replace it with this:

div.content{
float:right;
width:540px;
}
.sidebar {
float:left;
width:205px;
}
+ If you want to change the header, the ideal size for that is 750x400 - it's best to keep the height about the same because it took some weird maneuvering to get the header and subtitle the way they are, and unless you mess with them, they'll overlap onto the entries. To change the header, find this:
.header{
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/98968352.png") no-repeat top left #000000;
height:400px;
}and substitute your header image's url in where mine is.

/* THE BASS, a Minimalism layout for use with Aquatic Moon
by sulfuricfusion @ community.yearzeta.livejournal.com
Tiny icons from http://www.famfamfam.com/lab/icons/silk/. Header image created from my personal stocks.
Sidebar is hidden, but coded. (Instructions to make it visible can be found at YEARZETA.) Ideal header dimensions are 750x400 - did some weird stoff to .header h2/h3 and they tend to change obnoxiously depending on

the length of the text, so it might require somd dabbling. */

/* GENERAL PROPERTIES */

body {
background: url("http://i955.photobucket.com/albums/ae39/zheeer/lj/af595ecf.png") fixed repeat #cbcbcb;
padding:0px;
margin:0px;
width:100%;
}
#page{
margin:0pX;
padding:0px;
font-family:arial, helvetica, "sans serif";
font-size:11px;
width:750px;
margin:auto;
margin-top:-20px;
}
div.layout{
background:url("") scroll top left #ffffff;
font-family:arial, helvetica, "sans serif";
}
div.content{
width:100%;
}
.sidebar {
display:none;
}
.entry-wrap{
padding-bottom:6px;
padding:10px;
}
.hr hr{
display:none;
}
.content .hr{
margin:20px 0px;
height:1px;
background:#333333;
}
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-family:"times new roman", helvetica, "sans serif";
font-size:17px;
color:#000000;
text-transform:lowercase;
font-weight:normal;
font-style:italic;
}
li.prev a.item:hover, li.prev a.item:active{
color:#9a9a9a;
}
li.active{
list-style:none;
font-size:16px;
}

/* HEADER INFORMATION */
.header{
background:url("http://i955.photobucket.com/albums/ae39/zheeer/lj/98968352.png") no-repeat top left #000000;
height:400px;
}
div.u-wrap, div.header-sec{
background:url("") no-repeat top center transparent;
}
.header h2, .header h3{
display:block;
width:70%;
margin:0px;
margin-left:25%;
padding:0px 15px;
font-family:"times new roman", geneva, serif;
font-style:italic;
text-align:center;
line-height:80%;
}
.header h2{
color:#232323;
font-size:60px;
margin-top:210px;
}
.header h3{
color:#303030;
font-size:43px;
text-align:center;
margin-left:27%;
}
ul.nav{
padding:0px;
margin:0px;
position:relative;
list-style: none;
text-align:right;
background-color:transparent;
top:300px;
}
ul.nav li{
margin:0px 5px;
display:inline;
background:url("") repeat-x bottom center #;
}
ul.nav li a:link, ul.nav li a:visited{
font-family:"times new roman", helvetica, "sans serif";
font-size:17px;
text-transform:lowercase;
color:#454545;
line-height:20px;
font-weight:100;
letter-spacing:0px;
font-style:italic;
}
ul.nav li a:hover, ul.nav li a:active{
color:#ffffff;
font-weight:300;
}
li.item-selected{
color:#888888;
font-size:17px;
letter-spacing:0px;
font-family:"times new roman";
text-transform:lowercase;
line-height:20px;
font-style:italic;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:0px;
}
.header .userpic, h1 span.ljuser, .header div.hr hr{
display:none ;
}

/* SIDEBAR */

.sidebar-block{
margin:0px;
padding:10px;
color:#555555;
}
.sidebar-block dt{
font-family:"times new roman", geneva, serif;
font-size:25px;
color:#222222;
font-style:italic;
}
.sidebar dd{
width:100% !important;
display:block;
margin:0px;
padding:0px;
}
.sidebar a{
font-size:11px;
}
.sidebar-powered{
text-transform:uppercase;
color:#000000;
font-size:13px;
}
.sidebar-powered a{
font-size:13px;
}
.sidebar-links dd, .sidebar-summary li{
display:list-item;
list-style:none;
margin:0px;
text-align:right;
margin-top:4px;
padding:0px;
}
.sidebar-summary ul, .sidebar-summary dd{
width:100%;
display:block;
margin:0px;
padding:0px;
}
.sidebar-summary a:link, .sidebar-summary a:visited, .sidebar-links a:link, .sidebar-links a:visited{
color:#9a9a9a;
font-weight:lighter;
text-transform:lowercase;
text-transform:none;
border:none;
}
.sidebar-summary a:hover, .sidebar-summary a:active, .sidebar-links a:hover, .sidebar-links a:active{
color:#bcbcbc;
font-weight:normal;
}
dd.tags{
text-align:center;
padding:0px;
}
dd.tags a:link, dd.tags a:visited{
color:#9a9a9a;
text-transform:lowercase;
border:none;
}
dd.tags a:hover, dd.tags a:active{
color:#bcbcbc;
}
dd.calendar-wrap, dd.calendar-wrap table{
width:90%;
margin-left:5%;
padding:0px;
}
.sidebar-cal caption{
text-align:right;
line-height:14px;
}
.sidebar-cal .calendar-wrap .month, .sidebar-cal .calendar-wrap .year{
font-size:15px;
font-family:"times new roman", geneva, serif;
margin-left:3px;
margin-right:3px;
font-style:italic;
}

/* ENTRY AND FONTS */
dt.entry-title a.subj-link, .entry-title{
display:block;
font-family:"times new roman", geneva, serif;
color:#222222 !important;
font-size:40px !important;
text-transform:none;
letter-spacing:-.05em !important;
font-style:italic;
background-color:transparent;
text-align:left;
text-decoration:none;
line-height:17px;
font-weight:normal;
}
.entry-title{
padding:6px;
}
.hentry{
margin:0px 0px 16px 0px;
}
dt.entry-title a{
padding:0px;
margin:0px;
}
dt.entry-title img{
margin-right:2px;
float:left;
}
dt.entry-title a img{
margin:0px;
float:none;
}
.entry-text{
padding:7px;
min-height:160px;
margin:0px;
}
.entry-content{
color:#323232;
font-family:arial, helvetica, "sans serif";
line-height:18px;
font-size:12px;
}
dl.vcard{
max-width:114px;
padding:2px;
display:block;
text-align:right;
margin:2px;
float:right;
line-height:14px;
background:#f0f0f0;
text-align:center;
font-size:0.01%;
}
dl.vcard dt img{
padding:5px;
}
dl.vcard dt img:hover{
opacity:0.7;
filter:alpha(opacity=70);
}
dd.username, dd.entry-date{
padding:0px;
margin:0px;
}
dd.username{
overflow:visible;
}
dd.username .ljuser a:link b, dd.username .ljuser a:visited b{
color:#000000;
font-size:12px;
}
dd.username .ljuser a:hover b, dd.username .ljuser a:active b{
color:#cbcbcb;
}
dd.entry-date, abbr.updated{
font-family:"times new roman", geneva, serif;
text-transform:none;
border:none !important;
font-weight:100;
color:#565656;
text-decoration:none;
font-size:11px;
font-style:italic;
}
.ljuser a{
text-decoration:none !important;
}
.ljuser a:link b, .ljuser a:visited b{
font-weight:100;
letter-spacing:px;
color:#000000;
}
.ljuser a:hover b, .ljuser a:active b{
color:#cbcbcb;
}
b, strong{
font-weight:600;
color:#333333;
letter-spacing:0.03em;
}
i, em{
color:#9a9a9a;
}
u{
color:#787878;
}
strike{
color:#aaaaaa;
}
big{
font-size:150%;
letter-spacing:-1px;
}
small{
font-size:75%;
letter-spacing:0.04em;
}
blockquote{
border:dotted 1px #cbcbcb;
padding:5px;
color:#000000;
font-style:italic;
}
textarea{
border:solid 1px #d5d5d5;
font-size:12px;
line-height:15px;
letter-spacing:1px;
background:#fdfdfd;
color:#343434;
}
input, select{
font-size:11px;
color:#747474;
text-transform:none;
letter-spacing:0px;
}
code, pre{
color:#9a9a9a;
}
a:link, a:visited{
font-weight:100;
color:#000000;
font-style:normal;
text-decoration:none;
}
a:hover, a:active{
color:#dddddd;
cursor:crosshair;
font-weight:400;
}
.entry-content a:link, .entry-content a:visited{
text-decoration:underline;
}

/* METADATA */

div.metadata{
margin:10px 0px;
border-top:dotted 1px #d5d5d5;
border-bottom:dotted 1px #d5d5d5;
padding:5px 0px;
}
dt.meta-location-label, dt.meta-mood-label, dt.meta-music-label{
font-size:16px;
font-family:"times new roman", geneva, serif;
font-style:italic;
color:#000000;
display:inline;
float:left;
margin-right:5px;
}
dd.meta-mood-value, dd.meta-location-value, dd.meta-music-value{
font-size:11px;
letter-spacing:0.02em;
text-transform:none;
color:#9a9a9a;
margin:0px;
line-height:23px;
}
dd.meta-location-value a{
font-size:11px;
text-transform:lowercase;
}
div.ljtags{
font-size:16px;
font-family:"times new roman", geneva, serif;
font-style:italic;
color:#000000;
margin-top:15px;
margin-bottom:7px;
border-top:dotted 1px #d5d5d5;
border-bottom:dotted 1px #d5d5d5;
padding:10px 0px;
line-height:20px;
}
div.ljtags a:link, div.ljtags a:visited{
font-size:11px;
color:#9a9a9a;
letter-spacing:0px;
text-decoration:none;
line-height:10px;
text-transform:lowercase;
border:none;
font-family:arial;
}
div.ljtags a:hover, div.ljtags a:active{
color:#454545;
text-decoration:none;
font-style:italic;
}

/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
margin:0px;
position:relative;
top:0px;
float:right;
}
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{
font-size:13px;
letter-spacing:0px;
font-weight:100;
margin-left:-3px;
color:#000000;
text-transform:lowercase;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
font-weight:300;
color:#cbcbcb;
}

/* IMAGES */

.ljuser img[src*="userinfo.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat 0px 0px !important;
padding:8px 8px !important;
width:0px;
height:0px;
}
.ljuser img[src*="community.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -16px 0px !Important;
padding:8px 8px !important;
width:0px;
height:0px;
margin-right:1px;
}
.entry-linkbar img {
width:0px;
height:0px;
background:transparent;
margin-right:3px;
}
.entry-linkbar a, .comment-head-in a{
border:none !IMPORTANT;
}
.entry-linkbar img[src*="btn_prev.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat 0px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_edit.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -16px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_edittags.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") -32px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_memories.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") -48px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_tellfriend.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -64px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_track.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") -80px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="button-flag.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") -96px -32px;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_next.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") -112px -32px;
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/f6503763.png") no-repeat -128px -32px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_scr.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -144px -32px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_freeze.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -160px -32px !important;
padding: 8px 8px !important;
}
.comment-head-in img[src*="btn_track.gif"] {
background: transparent url("http://i955.photobucket.com/albums/ae39/zheeer/lj/f6503763.png") no-repeat -80px -32px !important;
padding: 8px 8px !important;
}

/* FULL VIEW PAGE */
#qrformdiv table{
text-transform:uppercase;
border:none !important;
font-size:14px;
font-weight:100;
color:#878787;
letter-spacing:-1px;
}
#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;
font-size:14px;
letter-spacing:0px;
}
div.comment-upic{
float:left;
width:auto;
padding:3px;
border:solid 1px #f0f0f0;
background:#ffffff;
margin:3px;
}
.comment-upic img{
width:85px;
height:85px;
}
.entry-comments .ljuser a b{
text-transform:lowercase !important;
font-size:13px;
}
div.comments-links{
color:#9a9a9a;
margin:7px 0px 15px 0px;
text-align:right;
text-transform:uppercase;
font-size:13px;
}
.replylink a{
font-size:14px;
text-transform:uppercase;
border:none;
}
.comment-wrap{
font-size:11px;
letter-spacing:0.02em;
line-height:16px;
border:1px solid #dddddd;
text-transform:none;
min-height:99px;
min-width:120px;
margin-bottom:10px;
}
.comment-wrap .hr{
display:none;
}
div.comment-text{
margin-bottom:15px;
padding:20px 0px 10px 0px;
color:#5555555;
padding:2px;
border-top:dotted 1px #cbcbcb;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
padding:3px 0px;
}
.comment-head-in h3{
display:inline;
font-weight:normal;
color:#9a9a9a;
font-style:italic;
font-family:"times new roman", helvetica, serif;
}
a.comment-permalink:link, a.comment-permalink:visited{
color:#555555;
font-style:italic;
}
a.comment-permalink:hover, a.comment-permalink:active{
color:#cbcbcb;
}
div.comment-menu{
text-align:right;
margin-right:3px;
}
div.comment-menu a{
text-transform:uppercase;
font-size:10px;
}
textarea.textbox, input.textbox{
border:#bcbcbc solid 1px;
background:#ffffff;
letter-spacing:0px;
font-size:12px;
color:#555555;
}
.entry-linkbar{
display:block;
text-align:right;
margin-right:5px;
padding:5px 0px;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}

/* CALENDAR */
.entry-text div.calendar-wrap caption a{
font-size:25px;
font-style:italic;
margin:0px 7px;
font-family:"times new roman", geneva, serif;
}

.entry-text .calendar-wrap caption{
text-align:right;
line-height:14px;
}
div.calendar-wrap{
width:60%;
margin-left:20%;
margin-bottom:30px;
}
.calendar-wrap table{
width:100%;
text-align:center;
border-left:dotted 1px #efefef;
border-top:dotted 1px #efefef;
}
.calendar-wrap td{
text-align:center;
color:#676767;
font-size:12px;
height:30px;
background:transparent;
padding:0px;
border-right:1px #dedede dotted;
border-bottom:1px #dedede dotted;
}
.calendar-wrap thead{
display:none;
}
.calendar-wrap td a:link, .calendar-wrap td a:visited{
line-height:30px;
text-align:center;
font-size:125% !important;
color:#000000;
font-style:italic;
}
.calendar-wrap td a:hover, .calendar-wrap td a:active{
color:#cbcbcb;
}

/* MISCELLANEOUS */
div.content-tags{
text-align:center;
}
div.content-tags .comma{
display:none;
}
a img{
border:none !important;
}
h4{
font-size:17px;
color:#878787;
letter-spacing:0px;
font-weight:normal;
}
#lj_controlstrip{
background-image:none !important;
background:#ffffff;
height:43px;
}
#lj_controlstrip td{
border:none !important;
}
#lj_controlstrip span{
color:#000000;
font-family:"times new roman", helvetica, serif;
font-weight:normal;
font-style:italic;
}
#lj_controlstrip a:link, #lj_controlstrip a:visited{
text-transform:lowercase !Important;
color:#787878 !important;
}
#lj_controlstrip a:hover, #lj_controlstrip a:active{
text-decoration:none !important;
font-style:italic !important;
color:#d5d5d5 !important;
}

Comment if you like anything, used, found a bug, etc. :)