I have such a problem. v.v
View full preview. For the curious few, the lyrics are from a Tool song. I'm not proud of the name - I don't even like thinking it.
There's a corresponding wallpaper
here.
EDIT: Fixed the thing on the friends pages that stuffs up... everything. Why did no one tell me this?
Details:
+ You're set in all sizes.
+ Approved on first shot in Mozilla Firefox, Internet Explorer (7?), Safari, and Google Chrome.
+ Tiny icons from
Pinvoke and
Tutorial9.
+ Edit colors, fonts, backgrounds, etc. to your will, but do not claim base code or header image as your own.
+ Put a link to
yearzeta or
sulfuricfusion in your profile if you use this.
To install:
1. Go to the
customize page and type "Minimalism" into the search box.
2. Select the theme "Aquatic Moon." This is 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.
/* CAPUT, A MINIMALISM LAYOUT, FOR USE WITH "AQUATIC MOON"
Tiny icons from
http://pinvoke.com/ and
http://tutorial9.net/Please credit
http://community.livejournal.com/yearzeta/ or
http://sulfuricfusion.livejournal.com/ if you use. */
/* GENERAL PROPERTIES */
body {
background: url("") scroll repeat #f7f7f7;
padding:0px;
margin:0px;
width:100%;
}
#page{
margin:0PX;
padding:0px;
background-color:#;
border:none !important;
font-family: arial;
letter-spacing:.02em;
color:#787878;
line-height:16px;
font-size:11px;
margin-top:-22px;
}
div.layout{
font-family:"times new roman", geneva, serif;
}
.entry-wrap{
margin-top:0px;
margin-bottom:50px;
}
div.content{
width:55%;
float:right;
margin-right:10%;
margin-top:-20px;
}
.sidebar {
width:20%;
float: left;
margin-left:10%;
margin-right:auto;
margin-top:-20px;
}
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:20px;
color:#c3c3c3;
font-weight:200;
text-transform:lowercase;
}
li.active{
list-style:none;
}
/* HEADER INFORMATION */
.header{
height:440px;
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/38c565f8.png") repeat-x top left transparent;
}
div.u-wrap{
height:440px;
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/cdd65287.png") no-repeat top left transparent;
}
.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:425px;
float:left;
text-align:left;
background-color:transparent;
margin-top:-100px;
}
ul.nav li.item {
display:inline;
}
ul.nav li{
margin:0px;
}
ul.nav li.item a:link, ul.nav li.item a:visited{
font-family:"times new roman", geneva, serif;
font-size:40px;
text-transform:lowercase;
color:#cdcdcd;
line-height:20px;
font-weight:100;
letter-spacing:-3px;
line-height:32px;
}
ul.nav li.item a:hover, ul.nav li.item a:active{
color:#fbf805;
font-weight:300;
}
li.item-selected{
color:#878787;
font-size:45px;
letter-spacing:-4px;
font-family:"times new roman", geneva, serif;
text-transform:lowercase;
}
li.item-selected a:hover, li.item-selected a:active{
letter-spacing:-4px;
}
.header .userpic, h1 span.ljuser, div.hr hr{
display:none ;
}
/* SIDEBAR */
.sidebar {
padding:3px;
font-size:11px;
color:#808080;
}
.sidebar-powered, .sidebar-powered a{
text-transform:uppercase !Important;
}
.sidebar-powered a:link, .sidebar-powered a:visited{
color:#ababab;
font-size:12px;
}
.sidebar-powered a:hover, .sidebar-powered a:active{
color:#dbdbdb;
}
.sidebar dd{
width:99% !important;
display:block;
margin:0px;
padding:0px;
}
.sidebar-block dt{
text-transform:lowercase;
font-size:30px;
letter-spacing:-1px;
color:#787878;
margin-top:5px;
border-bottom:solid 1px #b5b5b5;
}
.sidebar-block{
margin-bottom:20px;
}
.sidebar-summary, .sidebar-cal{
display:;
}
.sidebar-summary a:link, .sidebar-summary a:visited, .sidebar-links a:link, .sidebar-links a:visited{
color:#5a5a5a;
font-size:13px;
letter-spacing:0.03em;
font-weight:lighter;
text-transform:lowercase !important;
text-transform:none;
}
.sidebar-summary a:hover, .sidebar-summary a:active, .sidebar-links a:hover, .sidebar-links a:active{
color:#bababa;
font-weight:normal;
}
dd.tags a:link, dd.tags a:visited{
color:#b1b1b1;
text-transform:lowercase;
letter-spacing:0.02em;
}
dd.tags a:hover, dd.tags a:active{
color:#787878;
font-weight:normal;
}
.sidebar-links dd, .sidebar-summary li{
display:list-item;
list-style:none;
margin:0px;
text-align:right;
padding:0px;
margin-top:4px;
}
.sidebar-summary ul, .sidebar-summary dd{
width:99%;
display:block;
margin:0px;
padding:0px;
}
dd.calendar-wrap, dd.calendar-wrap table{
width:98%;
margin:0px;
padding:0px;
}
.sidebar-cal caption{
text-align:right;
}
.sidebar-cal .calendar-wrap .month, .sidebar-cal .calendar-wrap .year{
font-size:18px;
color:#bfbfbf;
text-transform:lowercase;
}
.calendar-wrap td{
text-align:right;
color:#9a9a9a;
height:20px;
}
.calendar-wrap th div{
text-align:right;
color:#4e4e4e;
font-size:12px;
}
/* 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:#323232 !important;
font-family:;
font-size:35px !important;
text-transform:lowercase;
letter-spacing:-.05em !important;
font-weight:bold;
background-color:transparent;
text-align:left;
text-decoration:none;
width:%;
line-height:17px;
}
.entry-title{
padding:4px 4px 0px 4px;
margin-bottom:10px;
}
dt.entry-title a:hover, dt.entry-title a:active{
font-style:normal;
}
dt.entry-title a{
padding:0;
margin:0;
}
dt.entry-title img{
margin-right:2px;
float:left;
}
dt.entry-title a img{
margin:0;
float:none;
}
dd.entry-date, abbr.updated{
text-transform:lowercase;
border:none !important;
font-weight:100;
color:#c6c6c6;
text-decoration:none;
letter-spacing:-1px;
font-size:12px;
}
.entry-wrap{
border:none;
min-height:180px;
}
.entry-content{
letter-spacing:0em;
color:#5F5F5F;
line-height:18px;
font-size:12px;
margin-left:-40px;
padding:2px;
min-height:160px;
}
dl.vcard{
height:120px;
min-height:160px;
width:125px;
padding:3px;
padding-top:0px;
display:block;
text-align:right;
margin:0px;
float:right;
line-height:14px;
margin-right:4px;
font-size:.01%;
color:#f7f7f7;
}
dd.username, dd.entry-date{
padding:0px;
margin:0px;
width:100% !important;
display:block;
}
dd.username{
width:125px;
overflow:hidden;
}
dd.username .ljuser b{
font-size:17px;
line-height:20px;
}
.ljuser b{
font-size:19px;
}
.ljuser a:link b, .ljuser a:visited b{
font-weight:100;
text-transform:lowercase;
color:#9a9a9a;
}
.ljuser a:hover b, .ljuser a:active b{
color:#454545;
}
b{
font-weight:300;
color:#444444;
}
i, em{
color:#9a9a9a;
}
u{
color:#7a7a7a;
}
strike{
color:#d5d5d5;
}
big{
font-size:150%;
letter-spacing:-1px;
}
small{
font-size:80%;
letter-spacing:0.04em;
}
blockquote{
margin-left:15px;
border:solid 1px #efefef;
font-size:13px;
line-height:18px;
color:#767676;
background-color:#f1f1f1;
padding:3px;
}
textarea{
width:150px;
border:solid 1px #d5d5d5;
font-size:12px;
line-height:15px;
letter-spacing:1px;
font-family:"times new roman", geneva;
background-color:#efefef;
color:#c8c8c8;
}
code{
color:#aaaaaaa;
}
a:link, a:visited{
font-weight:100;
color:#9a9a9a;
font-style:normal;
letter-spacing:-1px;;
text-decoration:none;
text-transform:none;
font-size:16px;
}
a:hover, a:active{
color:#fffc1e;
font-style:italic;
text-decoration:none;
cursor:crosshair;
font-weight:400;
letter-spacing:;
}
/* METADATA */
div.metadata{
margin:10px 0px;
padding:0px;
margin-left:-10px;
}
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:lowercase;
color:#909090;
letter-spacing:-1px;
margin:0px;
margin-left:18px;
}
dd.meta-location-value a{
font-size:13px;
text-transform:lowercase;
}
dl.meta-location{
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1.png") no-repeat;
background-position:0px 0px;
}
dl.meta-mood{
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1.png") no-repeat;
background-position:0px -52px;
}
dl.meta-music{
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1.png") no-repeat;
background-position:0px -130px;
}
div.ljtags{
font-size:0px;
color:#f7f7f7;
background:url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1.png") no-repeat;
background-position:0px -176px;
margin:10px 0px 0px 25px;
text-transform:none !important;
border-right:0px;
border-left:0px;
padding:6px 0px 6px 15px;
}
div.ljtags a:link, div.ljtags a:visited{
font-size:10px;
color:#ababab;
letter-spacing:0.02em !important;
text-decoration:none;
padding:0px 5px 0px 0px;
line-height:10px;
text-transform:uppercase;
}
div.ljtags a:hover, div.ljtags a:active{
color:#f1f1f1;
text-decoration:underline;
}
.ljuser img {
width:0px;
height:0px;
background: transparent;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1-1.png") no-repeat !important;
background-position:-1px -1px !important;
padding: 7px 6px !important;
}
.ljuser img[src*="community.gif"] {
background: transparent url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/4bbbb2e1-1.png") no-repeat !important;
background-position:-13px -2px !important;
padding: 7px 7px !important;
}
/* ENTRYMENU LINKS */
.entrymenu, .entrysubmenu{
white-space:nowrap;
margin:0;
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{
text-transform:lowercase;
font-size:17px;
letter-spacing:-1px;
font-weight:100 !Important;
margin-left:-2px;
color:#6f6f6f;
}
.entrymenu a:hover, .entrymenu a:active, .entrysubmenu a:hover, .entrysubmenu a:active{
font-weight:300;
color:#cdcdcd;
}
/* FULL VIEW PAGE */
#qrformdiv table{
border:none !important;
font-size:15px;
text-transform:uppercase;
font-weight:100;
color:#bababa;
}
#qrformdiv a, #qrformdiv b{
text-transform:uppercase;
font-size:15px;
font-weight:100;
}
#qrformdiv a b, .entry-comments-text .ljuser b{
text-transform:lowercase;
font-size:15px
}
div.comment-upic{
float:left;
width:auto;
margin-left:15px;
padding:0px;
margin:3px;
}
.entry-comments .ljuser a{
text-transform:lowercase !important;
}
div.comments-links{
color:#a9a9a9;
margin:7px 0px;
text-align:right;
text-transform:lowercase !important;
font-size:18px;
}
.replylink a{
font-size:18px;
text-transform:lowercase;
font-size:20px !important;
}
.comment-wrap{
font-size:12px;
letter-spacing:0.02em;
line-height:16px;
border:1px solid #afafaf;
text-transform:none;
min-height:105px;
min-width:120px;
margin-bottom:15px;
background-color:#f9f9f9;
padding:2px;
}
div.comment-text{
margin-bottom:15px;
color:#9a9a9a;
}
div.comment-head-in{
display:inline;
width:100%;
text-align:right;
line-height:10px;
margin-bottom:7px;
}
a.comment-permalink:link, a.comment-permalink:visited{
color:#555555;
text-transform:uppercase;
font-size:14px;
}
a.comment-permalink:hover, a.comment-permalink:active{
letter-spacing:0.02em;
color:#cccccc;
}
div.comment-menu a{
text-transform:uppercase;
font-size:10px;
}
input, select, textarea{
font-size:11px;
letter-spacing:1px;
color:#747474;
}
textarea.textbox{
background-color:#ffffff;
margin-left:0% !important;
border:#d4d4d4;
height:auto !Important;
width:100% !important;
}
input.textbox{
font-family:"times new roman", geneva, serif;
}
.entry-linkbar{
display:block;
width:100%;
margin:0;
padding:0;
text-align:right;
}
.entry-linkbar img {
width:0px;
height:0px;
background: transparent;
margin-right:3px;
}
.entry-linkbar img[src*="btn_prev.gif"] {
background: transparent url("
http://i955.photobucket.com/albums/ae39/zheeer/lj/88170c54.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/88170c54.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/88170c54.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/88170c54.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/88170c54.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/88170c54.png) no-repeat !important;
background-position:-96px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="button-flag.gif"] {
background: transparent url(
http://i955.photobucket.com/albums/ae39/zheeer/lj/88170c54.png) no-repeat !important;
background-position:-80px 0px !important;
padding: 8px 8px !important;
}
.entry-linkbar img[src*="btn_next.gif"] {
background: transparent url(
http://i955.photobucket.com/albums/ae39/zheeer/lj/88170c54.png) no-repeat !important;
background-position:-112px 0px !important;
padding: 8px 8px !important;
}
div.comment-head-in p{
display:inline;
margin-left:7px;
}
.comment-head-in img{
width:0px;
height:0px;
background: transparent;
}
.comment-head-in img[src*="btn_del.gif"] {
background: transparent url("
http://img29.imageshack.us/img29/6461/minimalismcleanprintcom.png") no-repeat 0px 0px !important;
padding: 8px 9px !important;
}
.comment-head-in img[src*="btn_scr.gif"] {
background: transparent url("
http://img29.imageshack.us/img29/6461/minimalismcleanprintcom.png") no-repeat 0px -16px !important;
padding: 8px 9px !important;
}
.comment-head-in img[src*="btn_freeze.gif"] {
background: transparent url("
http://img29.imageshack.us/img29/6461/minimalismcleanprintcom.png") no-repeat 0px -32px !important;
padding: 8px 9px !important;
}
.comment-head-in img[src*="btn_track.gif"] {
background: transparent url("
http://img29.imageshack.us/img29/6461/minimalismcleanprintcom.png") no-repeat 0px -48px !important;
padding: 8px 9px !important;
}
/* CALENDAR */
li.active{
font-size:16px;
}
.entry-text div.calendar-wrap caption a{
font-size:28px;
color:#666666;
text-transform:lowercase;
margin-top:8px;
}
.entry-text .calendar-wrap caption{
text-align:right;
}
div.calendar-wrap{
width:45%;
margin-left:30%;
margin-bottom:20px;
background:url("") repeat #f2f2f2;
border:solid 2px #e9e9e9;
padding:3px;
padding-right:20px;
}
div.calendar-wrap table{
width:100%;
text-align:right;
font-size:12px;
padding:10px;
}
div.calendar-wrap td{
width:30px;
color:#747474;
}
div.calendar-wrap th div{
font-size:15px;
color:#cccccc;
font-weight:normal;
font-style:italic;
}
div.calendar-wrap table a{
font-size:14px;
width:100%;
height:100%;
color:#343434;
}
/* MISCELLANEOUS */
div.content-tags{
text-align:center;
}
#lj_controlstrip{
background-image:none !important;
background:#f7f7f7;
}
#lj_controlstrip span{
color:#323232;
}
#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;
}
#lj_controlstrip .ljuser b{
font-size:13px;
}
Please comment if you find any bugs in the coding, or on the off chance you like this.