I stole Kittens' "Skulls" layout and messed with it, changed the font color, borders, background images etc and got this. I'd planned on making this layout earlier but just recently did I understand CSS at all.
Preview:
Code:
Spoiler:
- Code:
body {
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
background-color: #000000;
background: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/f_DeathNote11m_71e11fa.jpg) repeat fixed center;
}
#wrap {
width: 100%;
margin: 0 auto;
text-align: left;
background: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/f_DeathNote11m_71e11fa.jpg) repeat fixed left top;
}
#wrapinside {
width: 836px;
background: none;
margin: 0 auto;
text-align: left;
}
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#8f8f8f;
}
.navlinks a:hover {
color:#003077;
}
h1 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0px;
color: #990000;
display:inline;
padding: 0px;
padding-left: 5px;
}
.locationstuff {
color: #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
padding-left: 5px;
}
.stufftable {
background-image: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/13626.jpg);
background-position: center;
background-repeat:repeat;
width:100%;
color:#990000;
margin-top:40px;
padding:5px;
border:1px dotted #990000;
padding-left:10px;
}
.contacttable, .statstable, .raninfotable, .avatartable, .friendstable, .commenttable, .commentaddtable
{
background-image: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/DeathNote-1.png);
background-position: center;
background-repeat:repeat;
width:100%;
margin-top:10px;
color:#990000;
padding:5px;
border:1px dotted #990000;
padding-left:10px;
}
.commenttable, .commentaddtable
{
background:none;
background-repeat:repeat;
width:100%;
margin-top:10px;
color:#990000;
padding:5px;
border: none;
padding-left:10px;
}
.profilepic {
border:1px dotted #990000;
}
.tableheader {
height: 31px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color:#FF0000;
margin:0;
padding:0;
font-weight: bold;
padding-left: 5px;
text-align: left;
}
.highlights, .highlights a:link, .highlights a:active, .highlights a:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color:#990000;
font-weight: bold;
padding-left: 5px;
text-align: left;
}
.highlights a:hover {
color:#c0c0c0;
}
#wrapinside .tableflip .righttablecol .stufftable .tableheader {
font-size:1px;
height:1px;
color: #000000;
}
.comments1 {
background-color:#070707;
}
.commentsinfo {
color:#CCCCCC;
font-size:10px;
}
.comment_media {
background-image:url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/deathnote.jpg);
color:#990000;
text-align: left;
border: 1px dotted #990000;
}
#footer2 {
text-align:center;
background:none;
padding: 2px;
}
.addcomment, .addcomment a:link, .addcomment a:active, .addcomment a:visited, addcomment {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color:#990000;
font-weight: bold;
}
.addcomment a:hover {
color:#990000;
text-decoration: line-through;
}
addcommentalign {
text-align:right;
}
.quote {
background-color:#1f1d1e;
border:2px solid #141311;
filter: Alpha(Opacity=80);
}
.genmed {
color:#990000;
}
.friendstable {display: none;}
