[Layout] DBSK

[shindii_ruiizu]

Style: S2 Flexible Squares
Screen Resolution: 800x600 and higher
Browser Compatible: Firefox, IE, & Safari
Header Compatible: Yes
Nav Bar Compatible: Yes
Plus Account/Ads: Yes
Base Layout: msblackeyeliner

Requested by: candidmee

Preview:



NOTE: I test my layouts on a plus account to show what it would look like with ads under the header or navigation menu.

1. Choose Journal Style: Under Select a New Theme type Flexible Squares in the search box, and apply the Fresh Paint theme.

2. Custom CSS: Set all dropdown boxes to No, copy & paste the following code into the Custom stylesheet textbox and select Save Changes:

/*
LAYOUT CREATED BY CINDIE-CHAN @ GREENBERRYHAIR@LIVEJOURNAL FOR CHEVERLOO@LIVEJOURNAL
BASE LAYOUT CREATED BY MSBLACKEYELINER@LIVEJOURNAL FOR JADEDPAPER@LIVEJOURNAL
*/

.title {
background: url(http://i26.tinypic.com/24xe2yw.jpg) #020611 no-repeat;
width: 652px;
height: 394px;
float: right;
color: transparent;
font-size: 0;
}

.entry {
background: url(http://i26.tinypic.com/2q0rh9k.jpg) top left no-repeat;
padding: 15px;
background-color: transparent;
text-align: justify;
border-width: 0;
border-style: solid;
}

/*CORNER1.PNG IS USED FOR THE REST OF THE IMAGES*/

.date {
background: url(http://i28.tinypic.com/o6a2qq.jpg) bottom left no-repeat;
height: 28px;
text-align: right;
text-transform: lowercase;
color: #dbd9ed;
font-size: 20px;
font-family: georgia;
padding-left: 10px;
}

#footer {
background: url(http://i28.tinypic.com/o6a2qq.jpg) top left no-repeat ;
width: 652px;
margin-left: auto;
text-align: right;
line-height: 68px;
font: verdana;
font-size: 20px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #6b8ab2;
z-index: 50;
clear: both;
margin-top: -40px;
}

.ljtaglist {
background: url(http://i28.tinypic.com/o6a2qq.jpg) bottom left no-repeat;
text-align: left;
padding-bottom: 28px;
color: #dbd9ed;
}

.yeartable {
background: url(http://i28.tinypic.com/o6a2qq.jpg) bottom left no-repeat;
width: 652px;
margin-bottom: -42px;
padding: 28px;
}

body {
background-color: #020611;
margin: 0 auto;
text-align: center;
font: verdana;
font-size: 10px;
}

.ljuser a:hover {
color: #sbs9ed;
}

#content {
width: 952px;
margin-left: auto;
margin-right: auto;
background-color: #dbd9ed;
border-width: 1px;
border-style: solid;
border-color: #020611;
}

#maincontent {
margin-top: 394px;
font-family: "Verdana", sans-serif;
font-size: 12px;
background-color: #020611;
color: #dbd9ed;
margin-left: 300px;
text-align: justify;
width: 652px;
}

#sidebar {
padding-top: 0px;
background-color: #dbd9ed;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #6b8ab2;
float: left;
text-align: left;
width: 300px;
}

#sidebar p {
padding: 10px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #0a1943;
text-decoration: none;
}

div#sidebar a:hover {
color: #020611;
}

a.sidelink:link, a.sidelink:visited, a.sidelink:active {
text-decoration: none;
display: block;
background: #6b8ab2;
border-left: 5px solid #6b8ab2;
margin-bottom: 2px;
font-weight: bold;
font-family: georgia;
text-transform: uppercase;
}

a.sidelink:hover {
text-decoration: none;
background: #506b8f;
border-left: 5px solid #506b8f;
display: block;
height: auto;
position: relative;
}

.subtitle {
display: none;
}

ul.navheader {
display: none;
}

.view {
color: #6b8ab2;
font: verdana;
font-weight: bold;
font-size: 17px;
letter-spacing: 0;
text-transform: lowercase;
text-decoration: none;
padding: 10px;
}

.entry a, .entry a:link, .entry a:visited {
color: #6b8ab2;
font-family: georgia;
text-decoration: none;
}

.entry a:hover {
color: #6b8ab2;
}

.userpic {
margin: 0 0px 3px 10px;
padding: 10px;
float: right;
background-color: #dbd9ed !important;
position: relative;
}

.subject {
color: #6b8ab2;
background-color: #dbd9ed;
padding-left: 10px;
font-family: georgia;
font-size: 20px;
text-align: left;
text-transform: uppercase;
border-right: 10px solid #6b8ab2;
line-height: 11px;
padding-top: 10px;
}

.subject a, .subject a:link, .subject a:visited {
font-style:italic;
color: #6b8ab2;
font-family: georgia;
text-decoration: none;
}

.subject a:hover {
color: #6b8ab2;
border-top: 1px solid;
}

.datesubject {
background-color: transparent;
}

.entry ul li {
padding: 0;
margin: 0 0 0 15px;
}

.entry ol li {
padding: 0;
margin: 0 0 0 15px;
}

.comments {
font-family: georgia;
font-size: 20px;
text-align: right;
text-transform: uppercase;
line-height: 11px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #6b8ab2;
font-family: georgia;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
}

div.comments a:hover {
color: #6b8ab2;
}

.userpicfriends {
margin: 0 10px 3px 10px;
padding: 10px;
float: right;
background-color: #dbd9ed !important;
position: relative;
text-align: center !important;
color: #806965;
}

.userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {
color: #0a1943 !important;
text-decoration: none;
}

.userpicfriends a:hover {
color: #020611 !important;
text-decoration: none;
}

.defaultuserpic {
margin: 3px 10px 3px 10px;
padding: 10px;
float: right;
background-color: #dbd9ed;
position: relative;
display: none;
}

.sbarheader {
padding: 0px;
}

.sbarbody {
padding: 0 5px 0 5px;
}

.sbarbody2 {
width: 300px;
padding: 0px;
margin-top: 0px;
color: #6b8ab2;
}

#footer a, #footer a:link, #footer a:visited {
color: #6b8ab2;
font-family: georgia;
text-decoration: none;
}

#footer a:hover {
color: #6b8ab2;
border-bottom: 1px solid;
}

ul.navfooter {
padding: 0;
margin: 0;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

.skiplinks {
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-family: georgia;
color: #6b8ab2;
margin-bottom: 10px;
}

.skiplinks a, .skiplinks a:link, .skiplinks a:visited {
color: #6b8ab2;
text-decoration: none;
background: #020611;
padding: 5px;
border: 1px solid #020611;
}

.skiplinks a:hover {
color: #6b8ab2;
border: 1px solid #506b8f;
background: #506b8f;
}

.clear {
height: 15px;
}

.userpic a, .userpic a:link, .userpic a:visited{
color: #020611;
font-weight: italic;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}

.userpic a:hover {
color: #020611;
}

blockquote {
margin: 15px;
padding: 15px;
font-size: 11px;
color: #020611;
font: verdana ;
border-top: 5px solid #020611;
border-bottom: 5px solid #020611;
text-align: justfiy;
}

.ljtags {
color: #dbd9ed;
font-size: 9px;
font-weight: bold;
margin: 20px 0 -35px 0;
padding: 2px 0 5px 5px;
background: #2b3552;
border-left: 5px solid #2b3552;
width: auto;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-weight: none;
color: #0a1943;
font-family: verdana;
text-transform: lowercase;
text-decoration: none;
}

.ljtags a:hover {
color: #020611;
}

.currents strong, .currentlocation strong, .currentmood strong, .currentmusic strong {
color: #dbd9ed;
font-size: 9px;
font-weight: bold;
}

.currents {
background: #2b3552;
border-left: 5px solid #2b3552;
color: #dbd9ed;
font-size: 9px;
width: auto;
padding-left: 5px;
padding-bottom: 5px;
}

.currents a, .currents a:link, .currents a:visited {
color: #0a1943;
font-family: verdana;
text-transform: lowercase;
text-decoration: none;
}

.currents a:hover {
color: #020611;
}

#maincontent H2 {
color: #6b8ab2;
padding-left: 10px;
font-family: georgia;
font-size: 20px;
text-align: left;
text-transform: uppercase;
line-height: 11px;
padding-top: 10px;
}

.ljtaglist a, .ljtaglist a:link, .ljtaglist a:visited {
width: auto;
display: block;
color: #6b8ab2;
text-decoration: none;
padding: 5px;
}

.ljtaglist a:hover {
display: block;
color: #6b8ab2;
border-left: 5px solid #020611;
}

.year li {
display: inline;
}

.year {
text-align: center;
color: #6b8ab2;
padding-left: 10px;
font-family: georgia;
font-size: 20px;
text-transform: uppercase;
line-height: 11px;
}

.yearmonth {
color: #6b8ab2;
padding-left: 10px;
font-family: georgia;
font-size: 20px;
text-transform: uppercase;
line-height: 11px;
padding: 10px;
}

.yearday {
color: #6b8ab2;
padding-left: 10px;
font-family: georgia;
font-size: 15px;
text-transform: uppercase;
line-height: 11px;
padding: 10px;
border: 1px solid;
text-align: center;
}

.yeardate {
color: #6b8ab2;
font-family: georgia;
font-size: 15px;
text-transform: uppercase;
line-height: 11px;
padding: 10px;
border: 1px solid;
}

.yeartable a, .yeartable a:link, .yeartable a:visited, .year a, .year a:link, .year a:visited {
color: #dbd9ed;
font-family: georgia;
text-decoration: none;
}

.yeartable a:hover, .year a:hover {
color: #6b8ab2;
border-bottom: 1px solid;
}

.datesubjectcomment {
background: #2b3552;
padding-top: 5px;
padding-left: 5px;
border: 5px solid #020611;
color: #dbd9ed;
font-family: georgia;
font-size: 15px;
line-height: 11px;
padding-bottom: 10px;
}

.commentreply {
background: #020611;
padding-left: 10px;
padding-bottom: 10px;
}

.userpiccomment {
border: 5px solid #020611;
}

.box {
width: auto;
margin-right: 20px;;
margin-left: 20px; ;
}

.box a, .box a:link, .box a:visited {
color: #6b8ab2;
font-family: georgia;
text-decoration: none;
}

.box a:hover {
color: #6b8ab2;
border-bottom: 1px solid;
}

.textbox {
width: 500px;
}

/*---------------------------------------------------------------------------------------------
TINY ICONS [ http://famfamfam.com ]
-----------------------------------------------------------------------------------------------*/
img[src*="icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/private.png);}
img[src*="icon_groups.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/groupcustom.png);}

img[src*="btn_edit.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/pencil.png);}
img[src*="btn_del.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/delete.png);}
img[src*="btn_scr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/locked.png);}
img[src*="btn_unscr.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/public.png);}
img[src*="btn_freeze.gif"], img[src*="btn_unfreeze.gif"], img[src*="btn_track.gif"], img[src*="btn_tracking.gif"]{display: none;}

img[src*="userinfo.gif"] {width: 0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/user.png) !important;}
img[src*="community.gif"] {width:0; height: 0; padding: 16px 16px 0 0 !important; background-repeat: no-repeat;
background-image: url(http://i147.photobucket.com/albums/r304/snubicons/layouts/group.png) !important;}

3. Customize > Sidebar: Do the following:
..Show the default user picture on the sidebar? > NO
..Show the link list in the Sidebar? > NO
..Show tags in the Sidebar? > NO
..Show the Page Summary In the Sidebar? > NO
..Show the Calendar in the Sidebar? > NO
..Show the blurb/free text in the sidebar? > YES

NOTE: The layout will have a sidebar, but you only need to edit what is in the blurb to have what you want appear.

..Set Sidebar Witdth to 300.

4. Copy & paste the following code into the Text to be added to the sidebar box:

http://i29.tinypic.com/28vrjau.jpg">

http://candidmee.livejournal.com/info>Profilehttp://candidmee.livejournal.com>Recenthttp://candidmee.livejournal.com/friends>Friendshttp://candidmee.livejournal.com/calendar>Archivehttp://candidmee.livejournal.com/tag">Tagshttp://www.livejournal.com/update.bml">Update

http://i29.tinypic.com/243f38z.jpg">

http://i397.photobucket.com/albums/pp58/cheverloo-graphics/default.png" align="left" width="125px" style="border: 5px solid #506b8f; margin: 0pt 10px 0px 0pt; padding: 2px;">PUT WHATEVER YOU WANT TO PUT HERE ABOUT YOURSELF. SAY AS MUCH AS YOU WANT BECAUSE THIS SECTION WILL EXPAND TO FIT AS MUCH AS YOU WOULD LIKE TO SAY. YOU CAN KEEP IT AS SHORT AS POSSIBLE OR AS LONG AS A NOVEL. I ALSO INCLUDED A SPACE FOR AN IMAGE. THE MAX WIDTH OF THE IMAGE SHOULD BE 125PX. IF YOU DO NOT WANT AN IMAGE, REMOVE THE PHOTOBUCKET URL FOR THE IMAGE THAT BEGINS WITH A LESS THAN SIGN [<] FOLLOWED BY IMG SRC= AND ENDS WITH ">.

http://i31.tinypic.com/15hxyfm.jpg">

LINK 1LINK 2LINK 3LINK 4LINK 5

http://i27.tinypic.com/racdmw.jpg">

Layout: @
Base Layout: @
Header: @
Headings: @

5. Change any of the CAPITALIZED text to fit what you need it to be. All links are operational on the navigation around your LJ, but LINK 1, LINK 2, LINK 3, LINK 4, & LINK 5 will not work unless you edit them to fit what you would like.

6. Click Save Changes and enjoy!

Artist Notes:
This one is my HARDEST layout yet! It took me a total of 16 hours to complete and I think it turned out great! I'm hoping candidmee enjoys it as well! Also, she has exclusive rights to use it because I created the sidebar CSS to fit HER LJ.

Credit me: greenberryhair, shindii_ruiizu, or cheverloo.
Comments and/or notes = ♥!
Requests are accepted through Cheverloo's request post, in my request post @ greenberryhair, or through shindii-ruiizu@dA.