wickedful_x: S2 FREE LAYOUT 01

LilxTiger (

lilxtiger) wrote in

wickedful_x,
@ 2007-12-01 18:18:00

Entry tags:

anime, bleach, layouts, layouts - lj, layouts - s2

S2 FREE LAYOUT 01 - RUKIA

Like I promised, at least an S2 layout ...

Click on image to see larger size

LAYOUT DETAILS

LAYOUT NAME: Rukia Bleach Blue
ACCOUNT TYPE: Basic/Paid
SYSTEM/THEME: S2 - Smooth Sailing
BEST VIEWED: 800x600 or higher

INSTRUCTIONS

1. Go to Customize Journal under the Journal Nav.
2. Switch to S2 system if you haven't already done so.
3. Change your theme to Smooth Sailing.
4. Go to Customize Your Theme and choose the Custom CSS on the left side.
5. Make sure all of the drop-down menus say NO.
6. Copy and paste the .css coding into the box and Save Changes.

RULES

1. COMMENT ME if you are going to use this layout.
2. CREDIT me in some way with either putting me in your resources or on your profile with

lilxtiger or

wickedful_x (AND TRUST ME I CHECK IF YOU DO)
3. You don't have to save the header image to another server because it is imageshack but I would prefer it if you did.
4. Do not alter the images in anyway.

THE CODING:

/*-----------------------------------------------
Layout: RUKIA - BLEACH BLUE
Style: S2 Smooth Sailing
LAYOUT MADE BY: Wickedful Graphics 
LOCATION: http://wickedful_x.livejournal.com
-----------------------------------------------*/

/* PAGE */

body {
     font-family: Trebuchet MS, sans-serif;
     font-size: 11px;
     margin: 0px;
     background-color: #ffffff;
     color: #959595;
     background-image: url('');
     }
  a {
     color: #21A4E9;
     font-weight: bold;
     }
  a:visited {
     color: #21A4E9;
     }
  a:hover {
     color: #889297;
     }

.pageblock{
     width:750px;
     margin: 0 auto;
     }
  .pagefooterblock {
     border-top: 0px solid #959595;
     background-color: #333333;
     color: #959595;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     text-align: center;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #74DD77;
     
     }

blockquote {
     margin: 10px 10px 10px 10px; 
     padding: 10px 0px 0px 35px;
     background:url(http://img233.imageshack.us/img233/2527/bqlefthn9.png) top left no-repeat;}

/* HEADER */

.pageheaderblock {
     text-align: left;
     height: 275px;
     margin-top: 30x;
     margin-right: 15px;
     background-image:url('http://img146.imageshack.us/img146/6113/freelayout01rukiableachxh7.png');
     background-repeat: no-repeat;
     background-position: center;}

.header-title {
     background-color: #959595;
     font-family: ;
     font-size: 30px;
     color: #666666;
     padding: 0px 20px 0px 20px;
     display: none;
     }
  .header-subtitle {
     background-color: #6b7da6;
     color: #ffffff;
     font-family: ;
     font-size: 24px;
     padding: 0px 24px 0px 24px;
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 0px solid #ffffff;
     border-bottom: 0px solid #ffffff;
     }
  .header-menu {
     padding: 0px;
     height: 25px;
     background-color: #ffffff;
     border-top: 0px solid #000000;
     color: #959595;
     padding-left: 0px;
     font-family: ;
     text-transform: uppercase;
     text-align: center;
     font-size: 13px;
     line-height: 30px;
     top:260px;
     left:300px; 
     width:700px;
     position:absolute;

}

.header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #959595;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #ffffff;
     color: #c2c2c2;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 10px 20px 0px 20px;
     background-color: #ffffff;
     text-align: left;
     clear: left;
     }
  .bodyheaderblock {
     border-top: 0px solid #ffffff;
     background-color: #ffffff;
     padding: 4px 0px 4px 0px;
     }
  .bodynavblock {
     border-top: 0px solid #ffffff;
     background-color: #ffffff;
     color: #ffffff;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #ffffff;
     }
  .body-title {
     font-family: ;
     font-size: 18px;
     color: #ffffff;
     text-align: left;
     padding-left: 24px;
     display: none;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #ffffff;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #8CA9B9;
     background-color: #ffffff;
     font-family: ;
     font-size: 10px;
     padding-bottom: 10px;
     border-bottom: 1px dotted #c2c2c2;
     margin: 4px 0px 1px 0px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 20px 8px 5px 0px;
     
     background-color: #ffffff;
     }
  .entryUserinfo-usericon img { 
     border: 3px solid #ebebeb; 
     padding: 2px;
     } 
  .entryText {
     padding: 1px;
     padding-top:20px;
     padding-bottom:10px;
     }
  .entryHeader {
     background-color: #DAEAF3;
     color: #0A689A;
     font-family: ;
     font-size: 12px;
     padding: 10px 0px 0px 8px;
     border-bottom: 0px solid #0A689A;
     }
  .entryHeader a{
     color: #cccccc;
     font-weight: bold;
     }
  .entryHeaderSubject {
     text-transform: uppercase;
     font-size: 12px;
     font-weight: bold;
     }
  .entryHeaderDate {
     text-transform: uppercase;
     font-size: 12px;
     font-weight: bold;
     }
  .entryHeaderDate a {
     color : #74DD77;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #74DD77;
     text-decoration : underline;
     }
  .entryMetadata {
     margin-top: 0px; 
     padding-top: 1px; 
     padding-bottom: 5px; 
     }
  .entryMetadata-content img {
     }
  .entryMetadata ul {
     list-style-type: none;
     }
  .entryMetadata-label {}
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #74DD77;
     text-align: center;
     padding: 6px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;     
     display: inline;
     }

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #959595;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-right: 20px;
     margin-left: 20px;
     padding-left: 25px;
     width: 190px;
     border-left: 0px solid #bf1d13;
     text-align: left;
     padding-top: 7px;
     }
  .sidebox {
     color: #959595;
     background-color: #DAEAF3;
     margin: 10px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #ffffff;
     color: #83ABC0;
     border-bottom: 2px dashed #687AD0;
     text-transform: uppercase;
     font-family: ;
     font-size: 12px;
     padding: 5px 0px 0px 8px;     
     text-align: right;
     }
  .sideboxContent {
     text-align: left;
     padding: 10px 4px 10px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #959595;
     background-color: #ffffff;
     border-top: 2px solid #ffffff;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #ffffff;
     }
  .commentUserinfo-usericon img { 
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #959595;
     color: #ffffff;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #959595;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: #ffffff;
     color: #959595;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #959595;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #eeeeee;
     color: #959595;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #959595;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #959595;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 500px; }

Customize

(Post a new comment)

	nebulasan 2007-12-02 02:30 am UTC (link)
	Awesome layout and I'm going to add this to my memories for later use. (Reply to this)

	kyliemuffin 2007-12-02 02:38 am UTC (link)
	That's amazing. You learned really quickly. :D~ It's gorgeous. (Reply to this)(Thread)

	lilxtiger 2007-12-18 09:21 pm UTC (link)
	Thank you! It wasn't that quick. I still sat in front of the computer for hours trying to decipher everything lol. (Reply to this)(Parent)

	radicool 2007-12-02 04:00 am UTC (link)
	I love it! I'm going to use it. Thanks you so much for doing something so great! (Reply to this)(Thread)

	lilxtiger 2007-12-18 09:22 pm UTC (link)
	You are welcome! (Reply to this)(Parent)

	pink_rain 2007-12-02 04:10 am UTC (link)
	thats so pretty! you're really good :D (Reply to this)

	citharadraconis 2007-12-02 09:45 pm UTC (link)
	That's beautiful! I may use it at some point. :) (Reply to this)

	noble_scarlet 2007-12-04 08:05 am UTC (link)
	gorgeous. memory-ing. (Reply to this)

	kyouko 2007-12-04 06:45 pm UTC (link)
	awesome! saving it for later <3 (Reply to this)

	yahnkehy 2007-12-04 07:09 pm UTC (link)
	Using, thank you very much. <3 (Reply to this)

	xx_sora_xx 2007-12-04 09:44 pm UTC (link)
	Yoinking for probable future use,I like this layout.^_^ (Reply to this)

	I used this! waves xairylle 2007-12-05 10:26 am UTC (link)
	I used this one... I'm trying to learn and, um... well, yeah. I'll credit you as soon as I get the hang of everything... (Reply to this)(Thread)

	Re: I used this! waves lilxtiger 2007-12-18 09:22 pm UTC (link)
	Please do! Don't worry you'll get the hang of it. (Reply to this)(Parent)

	seishun_amigo 2007-12-06 01:32 am UTC (link)
	love the layout.. going to use it.. (Reply to this)

	lokatis 2007-12-09 04:58 am UTC (link)
	. Is precious I'm going to use it. thanks (Reply to this)

	kirei_nell 2008-01-27 10:22 pm UTC (link)
	it's pretty. adding to mems. will credit when used. (Reply to this)

	mgtwinkles 2008-02-04 03:56 am UTC (link)
	Rad layout! I'm going to use it, please and thank you. (Reply to this)

	chappydrawing 2008-02-05 08:25 pm UTC (link)
	Using this for my rp journal~ Thank you! 8D (Reply to this)

	luinileithelfea 2008-02-07 02:14 am UTC (link)
	Is cute ^-^ I'm going to use it (Reply to this)

	whysosullen 2008-02-24 12:07 am UTC (link)
	beautiful layout. Taking and crediting in profile. (Reply to this)

	bunko_san 2008-03-16 11:11 pm UTC (link)
	Awesomeness! I love this journal, I will be using on my community/shoppe (rayes_shoppe) (Reply to this)

	nishikido88 2008-04-02 03:00 am UTC (link)
	awesome layout.. i'm taking and using it.. but there is something wrong... http://nishikido88.livejournal.com/ the "Previous 10 Entries Recent Entries Archive Friends'Entries User Info Memories" not in the middle... can u help me to fix it dear?? thx~ (Reply to this)

	maianarisa 2008-07-22 02:59 am UTC (link)
	Awesome layout. Going to use it for my journal. Will credit of course. (Reply to this)

Username:		Create an Account Forgot your login? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

Advertisement

About

Help

Get Involved

Legal

Store

LJ Labs