Girls ALWAYS TOP. ♥ - Sengoku Basara layout

Tags

October 2008

Layout Credits

Sengoku Basara banner image from a doujinshi by Tsuji.
Layout design and Sengoku Basara manga moodtheme by me.

Previous | Memo | Tell a Friend | Next

miyuun

17 October 2008 @ 02:24 pm

Sengoku Basara layout

For Kinky~
Let me know if you have any problem, by the way!

CSS code (base style is S2 Flexible Squares):

body { background:#FFFFFF url(http://i163.photobucket.com/albums/t319/graycanary/misc/bg.png) repeat top center; margin:0px; border:0px; padding:0px; text-align:center; }
body, table, td, div { font-family:helvetica, arial, tahoma, sans-serif; font-size:11px; color:#444444; }

a { text-decoration:none; border:none; color:#E01545; }
a:visited { color:#E01545; }
a:hover { text-decoration:none; border-bottom:#99C92F 2px dashed; }
.navheader, .navheader a, .navheader a:visited { color:#E01545; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; text-transform:uppercase; font-weight:bold; }
.comments a, .comments a:visited { color:#F15D75; }
.ljtags a { font-weight:normal; }
.skiplinks a { color:#99C92F; }
.tagcategory0 { font-size:10px; }

.headerimage { background:#FFFFFF url(http://i163.photobucket.com/albums/t319/graycanary/misc/header.png) no-repeat top left; margin:0px; border:0px; padding:0px; position:absolute; top:0px; left:50%; z-index:11; width:572px; height:256px; margin-left:-395px; }

#content-outer { padding:0px 0px 15px 0px; border:0px; background:#FFFFFF url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgmain.png) repeat-y top left; position:absolute; top:0px; left:50%; z-index:8; width:810px; margin-left:-405px; }
#content { margin:0px 21px 0px 21px; padding:0px 0px 15px 0px; border:0px; background:none; width:768px; }

.title, .subtitle, .clear, .clearfoot { visibility:hidden; display:none; }

#header { background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgnav.png) no-repeat top left; margin:0px; border:0px; padding:270px 0px 15px 0px; text-align:left; text-indent:86px; width:560px; float:left; }
ul.navheader { margin:0px; padding:0px; }
ul.navheader li { list-style:none; display:inline; padding:0px 0px 0px 24px; }
ul.navfooter li, ul.year li { list-style:none; display:inline; padding:0px 5px 0px 5px; }

#sidebar { margin:6px 0px 0px 8px; border:0px; padding:0px; width:200px; background:#FFFFFF; text-align:left; float:right; }
.sbarbody { padding:0px; margin:0px; font-size:10px; color:#444444; }
.sbarbody2 { padding:10px 8px 20px 8px; margin:0px; font-size:10px; color:#444444; background:#FBD4DB url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgsidepink.png) no-repeat bottom right; }
.defaultuserpic { padding:12px 0px 15px 0px; margin:0px; text-align:center; background:#DCF1AF url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgsidegreen.png) no-repeat bottom right; }
#sidebar_linklist, #sidebar_calendar, #sidebar_summary { padding:0px 0px 20px 0px; background:#DCF1AF url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgsidegreen.png) no-repeat bottom right; }
 #sidebar_tags { padding:0px 0px 20px 0px; background:#FBD4DB url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgsidepink.png) no-repeat bottom right; }
.sbarlist, .sbarlist sbarcontent { padding:0px; margin:0px; }
.sbaritem { list-style:none; padding:4px 8px 4px 8px; border-top:#FFFFFF 1px dashed; }
.sbartitle { list-style:none; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgsidetitle.png) no-repeat top left; font-size:14px; font-family:verdana, arial, tahoma, sans-serif; color:#BBBBBB; font-weight:bold; padding:6px 0px 1px 0px; text-indent:23px; }
#sidebar_linklist .sbartitle, #sidebar_tags .sbartitle, #sidebar_summary .sbartitle, #sidebar_calendar .sbartitle { padding:6px 0px 11px 0px; }
.tagcloud { list-style:none; display:inline; }
.sbarcalendar { background:#FFFFFF; border:#FFFFFF 1px solid; text-align:center; }
.sbarcalendarposts { background:#99C92F; border:#99C92F 1px solid; text-align:center; }
.sbarcalendarposts a { color:#FFFFFF; }

#maincontent { margin:0px; padding:0px; border:0px; background:none; text-align:left; width:560px; float:left; }
.datesubject { margin:0px; padding:0px; }
.date { margin:0px; padding:9px 0px 1px 30px; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#AAAAAA; font-weight:bold; }
.subject { margin:0px; padding:0px 0px 0px 0px; font-size:14px; font-family:verdana, arial, tahoma, sans-serif; color:#99C92F; font-weight:bold; text-indent:30px; }
.entry { margin:0px; padding:18px 0px 0px 0px; }
.ljtags { margin:15px 5px 0px 0px; padding:0px 0px 0px 14px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/icontag.gif) no-repeat top left; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#99C92F; font-weight:bold; }
.currents { margin:0px 5px 0px 0px; padding:12px 0px 0px 0px; }
.currentlocation, .currentmood, .currentmusic { font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#999999; }
.currentlocation { padding:0px 0px 0px 14px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconlocation.gif) no-repeat top left; }
.currentmood { padding:0px 0px 0px 14px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconmood.gif) no-repeat center left; }
.currentmusic { padding:0px 0px 0px 14px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconmusic.gif) no-repeat top left; }
.comments { clear:both; padding:20px 0px 0px 0px; text-align:center; font-size:12px; font-family:verdana, arial, tahoma, sans-serif; color:#F15D75; font-weight:bold; }
.subcontent { background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgentry.png) no-repeat top left; padding:0px 5px 1px 5px; }
#maincontent .separator { background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/bgcomment.png) no-repeat top left; height:19px; }

.userpic, .userpicfriends { float:right; margin:13px 4px 0px 8px; text-align:center; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#FFFFFF; }
.userpic { background:#FFFFFF; }
img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] { width:0px; height:0px; padding:9px 0px 0px 9px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconflocked.gif) no-repeat center left; }
.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width:0px; height:0px; padding:13px 0px 0px 7px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconuser.gif) no-repeat center left; }
.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { width:0px; height:0px; padding:13px 0px 0px 12px; background:url(http://i163.photobucket.com/albums/t319/graycanary/misc/iconcomm.gif) no-repeat center left; }

#footer { margin:0px; padding:0px; background:#FFFFFF; width:560px; text-align:center; font-size:11px; font-family:verdana, arial, tahoma, sans-serif; color:#999999; float:left; clear:left; }
.skiplinks { margin:0px 0px 5px 0px; padding:0px; background:none; text-align:center; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#999999; }

ul.year { margin:0px 0px 10px 0px; padding:0px; text-align:center; font-size:10px; font-family:verdana, arial, tahoma, sans-serif; color:#AAAAAA; }
.yeartable { background:none; text-align:center; }
.yearmonth { padding:2px 3px 2px 3px; background:none; font-size:11px; font-family:verdana, arial, tahoma, sans-serif; color:#BBBBBB; font-weight:bold; }
.yearday { padding:4px 0px 4px 0px; text-align:center; background:#99C92F; font-family:verdana, arial, tahoma, sans-serif; color:#FFFFFF; font-weight:bold; text-transform:uppercase; }
.yeardate { background:#DCF1AF; border:#DCF1AF 1px solid; }

.box { text-align:center; width:560px; float:left; }
.userpiccomment { margin:0px 5px 0px 3px; }
.commentbox { margin:5px 0px 10px 0px; padding:8px 8px 0px 8px; font-family:verdana, arial, tahoma, sans-serif; text-align:left; background:#DCF1AF; }
.commentbox ljcmt_full { margin:5px 0px 10px 0px; padding:8px 8px 0px 8px; font-family:verdana, arial, tahoma, sans-serif; text-align:left; background:#DCF1AF; }
.datesubjectcomment { text-align:left; font-size:10px; }
.commentreply { padding:10px 0px 8px 0px; }
.box table td { text-align:left; }
.box textarea { width:460px; }
.box select { width:120px; }
input.textbox { width:360px; }

Tags: graphics: layouts & moodthemes, series: sengoku basara

Comment

( Post a new comment )

Advertisement

Advertisement