#63 - Zodiac Series Jessica Galbreth - Leo/Virgo/Libra: gawariel

gawariel in gawariel_design

#63 - Zodiac Series Jessica Galbreth - Leo/Virgo/Libra

Jun 24, 2008 19:54

Description Name: Zodiac Series Jessica Galbreth Description: Series of 12 layouts each representing a different zodiac sign using the beautiful Zodiac Fairies by Jessica Galbreth NOTE: Because the posts were too large I had to split the 12 layouts over 4 different posts, with three layouts per post.
In this post you can find the following three zodiac layouts: Leo - Virgo - Libra.
The other layouts can be found here:

For Aquarius - Pisces - Aries go here
For Taurus - Gemini - Cancer go here
For Scorpio - Sagittarius - Capricorn go here

General Information Layout Style: Flexible Squares Tested in: Mozilla Firefox and Internet Explorer Best Resolution: 1024*768 and above Account Levels: Layouts work with all account levels (Basic, Plus, Paid). [ How to change add orientation] Works with Navigation Strip: Yes. [ How to enable/disable] Credit: Please put a link to the following people in your profile or sidebar:

Installation Go to Manage: Customize Select a new Theme:

Check the box next to 'Only show themes available to me'
Type 'Flexible Squares' in the Search box
Click search
Apply any theme that you get in the search results

Choose a Page Setup

Plus Accounts: Choose an Ad placement
Apply one of the following: '2 Column (sidebar on left)' or '2 Column (sidebar on right)'. Regardless which you choose, the sidebar will appear on the left
Click 'Customize Selected Theme'

Choose 'Custom CSS' from the menu on the left:

Use layout's stylesheet(s): No
Use layout's stylesheet(s) when including custom external stylesheet: No
Use external stylesheets: No
Custom external stylesheet URL: Leave empty
Custom stylesheet: Paste the codes (given bellow) in the box

Hit 'Save Changes'

Images & Code All images are hosted on the community's Photobucket account. It's recommended that you upload the images yourself. When you do, don't forget to replace the URL's in the stylesheet.

{Bigger} - {Live Preview} /*=================================================================================================================================================*/ /*----------------------------------------------------- LAYOUT 63: ZODIAC SERIES - LEO ---------------------------------------------------------*/ /*---------------------------------------------------------- S2 STYLE: FLEXIBLE SQUARES -----------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*----------------------------------- ZODIAC FAIRIES COPYRIGHT JESSICA GALBRETH (http://www.enchanted-art.com/)-----------------------------------*/ /*=================================================================================================================================================*/ /*--------------------------------------------------------------------- Misc ------------------------------------------------------------------------*/ input, textarea, select { margin: 0px 1px 1px 0px; border: 1px solid #BE8068; background: #F6EAE4; color: #4F1007; } blockquote { padding: 8px 3px 8px 3px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/MetadataPattern.jpg) repeat top center; border-top: 3px solid #BE8068; border-bottom: 3px solid #BE8068; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/community.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/user.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/community.png); padding: 15px 0px 0px 12px; } .ljuser a b{ padding-left:0px; font-weight:normal; font-variant:small-caps; font-size: 12px; color:#180100; } .ljuser a:hover b { color:#8E402A; } /*--------------------------------------------------------------------- Main stuff ------------------------------------------------------------------------*/ body { margin: 20px 0 20px 0; font-family: trebuchet ms, verdana, sans-serif; font-size: 11px; background: #EDD7CC url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/Pattern.jpg); color: #4F1007; } /*MAIN LINKS*/ a, a:link, a:visited { color: #180100; font-weight: bold; text-decoration: none; } a:hover { color: #8E402A; text-decoration: underline; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ /*CONTAINER OF THE LAYOUT (behind header, entries and sidebar)*/ #content{ width: 842px; margin-left: auto; margin-right: auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/ContentBG.jpg) repeat-y top center; } /*CONTAINER OF ENTRIES*/ #maincontent { margin-top: 15px; margin-left: 246px; text-align: justify; } /*LOOK OF SIDEBAR*/ #sidebar { width: 200px; float: left; text-align: justify; position: relative; margin-top: -345px; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ /*CONTAINER OF NAV LINKS AND HEADER*/ #header { width: 600px; margin: 0px; margin-left: 240px; padding: 10px 0px 20px 0px; text-align: center; } .headerimage { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/Header.jpg) no-repeat top center; height: 345px; } /*JOURNAL TITLE SUBTITLE*/ .title, .subtitle { display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ /*CONTAINER OF NAVIGATION*/ ul.navheader { position: relative; padding: 0px; margin: -25px 0 0 0; text-transform: uppercase; } /*EACH SEPERATE ITEM IN NAV*/ ul.navheader li { display: inline; margin: 0px; padding: 0 5px 0 5px; } ul.navheader li a { color: #BE8068; } ul.navheader li a:hover, ul.navheader li.view{ color: #F6EAE4; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ /*WHOLE ENTRY (entrytext, subject, comments)*/ .subcontent { width: 590px; background: #EDD7CC; } /*ENTRY*/ .entry { margin: 0px 5px 10px 5px; padding: 10px; line-height: 20px; } /*CONTAINER OF USERPIC IN ENTRY AND COMMENT PAGE*/ .userpic { position: relative; float: right; background: #BE8068; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #4F1007; } /*DATE IN ENTRY*/ .date { line-height: 200%; top: 5px; margin: 0 0 0 80px; text-transform: uppercase; color: #8E402A; } /*SUBJECT OF ENTRY*/ .subject { margin: 0 0 0 100px; padding: 0 10px 10px 10px; font-size: 18px; text-transform: uppercase; } /*BOTH DATE AND SUBJECT TOGETHER*/ .datesubject { padding: 5px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/Subject.jpg) no-repeat top center; border-bottom: 1px solid #BE8068; } .entry ul li{ padding-left: 5px; margin-left: 15px; } .entry ol li{ padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents { padding: 5px; font-size: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/MetadataPattern.jpg) repeat top center; border: 1px solid #DCB5A3; } .currents strong{ margin-right: 10px; } /*--------------------------------------------------------------------- Entry Stuff - Entrytags ------------------------------------------------------------------------*/ .ljtags { display: none; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { text-align: right; background: #919bad url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/Comment.jpg) no-repeat bottom center; width: 591px; height: 120px; position: relative; top: 20px; margin-left: -15px; text-transform: uppercase; } div.comments a, div.comments a:link, div.comments a:visited{ padding: 0 10px 0 0; color: #8E402A; } div.comments a:hover { color: #4F1007; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 60px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: right; background: #BE8068!important; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #4F1007; text-align: center; } .userpicfriends a { color: #180100!important; } .userpicfriends a:hover { color: #8E402A!important; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic { text-align: center; } .defaultuserpic img{ padding:5px; background: #BE8068; border: 1px solid #4F1007; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border: 1px solid #8E402A; text-align: center; padding: 3px; } .sbarcalendarposts { border: 1px solid #8E402A; background-color: #BE8068; text-align: center; padding: 3px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; font-size: 10px; } li.sbaritem a{ border-left: 3px solid #8E402A; color: #8E402A; line-height: 20px; padding-left: 5px; } li.sbaritem a:hover{ border-left: 3px solid #180100; color: #180100; text-decoration: none; } li.sbartitle { padding-left: 15px; list-style: none; margin-bottom: 10px; margin-top: 10px; text-align: right; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #4F1007; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/SBtitle.png) no-repeat center left; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; margin: 0 0 -16px 0; padding: 0; text-align: right; z-index: 100; clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Leo/Footer.jpg) no-repeat bottom center; height: 130px; } ul.navfooter{ padding: 0px; margin: 0px; text-transform: uppercase; } ul.navfooter li { display: inline; margin: 0 10px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #8E402A; } table.yeartable td.yearday { background-color: #BE8068; text-transform: uppercase; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { padding: 5px; border-bottom: 1px solid #BE8068; } .userpiccomment { position: relative; float: left; background: #BE8068!important; padding: 5px; margin: 0 10px 10px 0; z-index: 15; border: 1px solid #4F1007; text-align: center; } .box { border-top: 1px solid #BE8068; padding: 10px; clear: left; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; line-height: 125%; } #postform { background: #EDD7CC; border: 1px solid #BE8068; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; } .commentbox, .commentboxpartial { border: 1px solid #BE8068; padding: 10px; margin: 10px; background: #EDD7CC; } .commentinfo { margin-top: 10px; width: 100%; background: #EDD7CC; } .skiplinks { text-align: center; text-transform: uppercase; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; }

{Bigger} - {Live Preview} /*=================================================================================================================================================*/ /*----------------------------------------------------- LAYOUT 63: ZODIAC SERIES - VIRGO ---------------------------------------------------------*/ /*---------------------------------------------------------- S2 STYLE: FLEXIBLE SQUARES -----------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*----------------------------------- ZODIAC FAIRIES COPYRIGHT JESSICA GALBRETH (http://www.enchanted-art.com/)-----------------------------------*/ /*=================================================================================================================================================*/ /*--------------------------------------------------------------------- Misc ------------------------------------------------------------------------*/ input, textarea, select { margin: 0px 1px 1px 0px; border: 1px solid #BE8068; background: #EDDCC8; color: #1F2042; } blockquote { padding: 8px 3px 8px 3px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/MetadataPattern.jpg) repeat top center; border-top: 3px solid #BE8068; border-bottom: 3px solid #BE8068; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/community.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/user.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/community.png); padding: 15px 0px 0px 12px; } .ljuser a b{ padding-left:0px; font-weight:normal; font-variant:small-caps; font-size: 12px; color:#180200; } .ljuser a:hover b { color:#4F1805; } /*--------------------------------------------------------------------- Main stuff ------------------------------------------------------------------------*/ body { margin: 20px 0 20px 0; font-family: trebuchet ms, verdana, sans-serif; font-size: 11px; background: #DCBE9D url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/Pattern.jpg); color: #1F2042; } /*MAIN LINKS*/ a, a:link, a:visited { color: #180200; font-weight: bold; text-decoration: none; } a:hover { color: #4F1805; text-decoration: underline; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ /*CONTAINER OF THE LAYOUT (behind header, entries and sidebar)*/ #content{ width: 842px; margin-left: auto; margin-right: auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/ContentBG.jpg) repeat-y top center; } /*CONTAINER OF ENTRIES*/ #maincontent { margin-top: 15px; margin-left: 246px; text-align: justify; } /*LOOK OF SIDEBAR*/ #sidebar { width: 200px; float: left; text-align: justify; position: relative; margin-top: -345px; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ /*CONTAINER OF NAV LINKS AND HEADER*/ #header { width: 600px; margin: 0px; margin-left: 240px; padding: 10px 0px 20px 0px; text-align: center; } .headerimage { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/Header.jpg) no-repeat top center; height: 345px; } /*JOURNAL TITLE SUBTITLE*/ .title, .subtitle { display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ /*CONTAINER OF NAVIGATION*/ ul.navheader { position: relative; padding: 0px; margin: -25px 0 0 0; text-transform: uppercase; } /*EACH SEPERATE ITEM IN NAV*/ ul.navheader li { display: inline; margin: 0px; padding: 0 5px 0 5px; } ul.navheader li a { color: #BE8068; } ul.navheader li a:hover, ul.navheader li.view{ color: #EDDCC8; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ /*WHOLE ENTRY (entrytext, subject, comments)*/ .subcontent { width: 591px; background: #DCBE9D; } /*ENTRY*/ .entry { margin: 0px 5px 10px 5px; padding: 10px; line-height: 20px; } /*CONTAINER OF USERPIC IN ENTRY AND COMMENT PAGE*/ .userpic { position: relative; float: right; background: #BE8068; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #1F2042; } /*DATE IN ENTRY*/ .date { line-height: 200%; top: 5px; margin: 0 0 0 80px; text-transform: uppercase; color: #4F1805; } /*SUBJECT OF ENTRY*/ .subject { margin: 0 0 0 100px; padding: 0 10px 10px 10px; font-size: 18px; text-transform: uppercase; } /*BOTH DATE AND SUBJECT TOGETHER*/ .datesubject { padding: 5px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/Subject.jpg) no-repeat top center; border-bottom: 1px solid #BE8068; } .entry ul li{ padding-left: 5px; margin-left: 15px; } .entry ol li{ padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents { padding: 5px; font-size: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/MetadataPattern.jpg) repeat top center; border: 1px solid #BE8E61; } .currents strong{ margin-right: 10px; } /*--------------------------------------------------------------------- Entry Stuff - Entrytags ------------------------------------------------------------------------*/ .ljtags { display: none; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { text-align: right; background: #919bad url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/Comment.jpg) no-repeat bottom center; width: 591px; height: 100px; position: relative; top: 20px; margin-left: -15px; text-transform: uppercase; } div.comments a, div.comments a:link, div.comments a:visited{ padding: 0 10px 0 0; color: #4F1805; } div.comments a:hover { color: #1F2042; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 60px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: right; background: #BE8068!important; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #1F2042; text-align: center; } .userpicfriends a { color: #180200!important; } .userpicfriends a:hover { color: #4F1805!important; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic { text-align: center; } .defaultuserpic img{ padding:5px; background: #BE8068; border: 1px solid #1F2042; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border: 1px solid #4F1805; text-align: center; padding: 3px; } .sbarcalendarposts { border: 1px solid #4F1805; background-color: #BE8068; text-align: center; padding: 3px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; font-size: 10px; } li.sbaritem a{ border-left: 3px solid #4F1805; color: #4F1805; line-height: 20px; padding-left: 5px; } li.sbaritem a:hover{ border-left: 3px solid #180200; color: #180200; text-decoration: none; } li.sbartitle { padding-left: 15px; list-style: none; margin-bottom: 10px; margin-top: 10px; text-align: right; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #1F2042; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/SBtitle.png) no-repeat center left; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; margin: 0 0 -16px 0; padding: 0; text-align: right; z-index: 100; clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Virgo/Footer.jpg) no-repeat bottom center; height: 160px; } ul.navfooter{ padding: 0px; margin: 0px; text-transform: uppercase; } ul.navfooter li { display: inline; margin: 0 10px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #4F1805; } table.yeartable td.yearday { background-color: #BE8068; text-transform: uppercase; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { padding: 5px; border-bottom: 1px solid #BE8068; } .userpiccomment { position: relative; float: left; background: #BE8068!important; padding: 5px; margin: 0 10px 10px 0; z-index: 15; border: 1px solid #1F2042; text-align: center; } .box { border-top: 1px solid #BE8068; padding: 10px; clear: left; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; line-height: 125%; } #postform { background: #DCBE9D; border: 1px solid #BE8068; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; } .commentbox, .commentboxpartial { border: 1px solid #BE8068; padding: 10px; margin: 10px; background: #DCBE9D; } .commentinfo { margin-top: 10px; width: 100%; background: #DCBE9D; } .skiplinks { text-align: center; text-transform: uppercase; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; }

{Bigger} - {Live Preview} /*=================================================================================================================================================*/ /*----------------------------------------------------- LAYOUT 63: ZODIAC SERIES - LIBRA ---------------------------------------------------------*/ /*---------------------------------------------------------- S2 STYLE: FLEXIBLE SQUARES -----------------------------------------------------------*/ /*------------------------------- AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) -------------------------------*/ /*--------------------------------------------- CREATED BY GAWARIEL (http://gawariel.livejournal.com/) --------------------------------------------*/ /*---------------------------------------------------------- IMAGES MADE IN PHOTOSHOP CS ----------------------------------------------------------*/ /*----------------------------------- ZODIAC FAIRIES COPYRIGHT JESSICA GALBRETH (http://www.enchanted-art.com/)-----------------------------------*/ /*=================================================================================================================================================*/ /*--------------------------------------------------------------------- Misc ------------------------------------------------------------------------*/ input, textarea, select { margin: 0px 1px 1px 0px; border: 1px solid #A35B7C; background: #F1E0E9; color: #491225; } blockquote { padding: 8px 3px 8px 3px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/MetadataPattern.jpg) repeat top center; border-top: 3px solid #A35B7C; border-bottom: 3px solid #A35B7C; } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/community.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/user.png); padding: 15px 0px 0 12px; } .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/community.png); padding: 15px 0px 0px 12px; } .ljuser a b{ padding-left:0px; font-weight:normal; font-variant:small-caps; font-size: 12px; color:#2A040E; } .ljuser a:hover b { color:#68203C; } /*--------------------------------------------------------------------- Main stuff ------------------------------------------------------------------------*/ body { margin: 20px 0 20px 0; font-family: trebuchet ms, verdana, sans-serif; font-size: 11px; background: #E4C5D5 url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/Pattern.jpg); color: #491225; } /*MAIN LINKS*/ a, a:link, a:visited { color: #2A040E; font-weight: bold; text-decoration: none; } a:hover { color: #68203C; text-decoration: underline; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ /*CONTAINER OF THE LAYOUT (behind header, entries and sidebar)*/ #content{ width: 842px; margin-left: auto; margin-right: auto; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/ContentBG.jpg) repeat-y top center; } /*CONTAINER OF ENTRIES*/ #maincontent { margin-top: 15px; margin-left: 246px; text-align: justify; } /*LOOK OF SIDEBAR*/ #sidebar { width: 200px; float: left; text-align: justify; position: relative; margin-top: -345px; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ /*CONTAINER OF NAV LINKS AND HEADER*/ #header { width: 600px; margin: 0px; margin-left: 240px; padding: 10px 0px 20px 0px; text-align: center; } .headerimage { background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/Header.jpg) no-repeat top center; height: 345px; } /*JOURNAL TITLE SUBTITLE*/ .title, .subtitle { display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ /*CONTAINER OF NAVIGATION*/ ul.navheader { position: relative; padding: 0px; margin: -25px 0 0 0; text-transform: uppercase; } /*EACH SEPERATE ITEM IN NAV*/ ul.navheader li { display: inline; margin: 0px; padding: 0 5px 0 5px; } ul.navheader li a { color: #A35B7C; } ul.navheader li a:hover, ul.navheader li.view{ color: #F1E0E9; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ /*WHOLE ENTRY (entrytext, subject, comments)*/ .subcontent { width: 591px; background: #E4C5D5; } /*ENTRY*/ .entry { margin: 0px 5px 10px 5px; padding: 10px; line-height: 20px; } /*CONTAINER OF USERPIC IN ENTRY AND COMMENT PAGE*/ .userpic { position: relative; float: right; background: #A35B7C; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #491225; } /*DATE IN ENTRY*/ .date { line-height: 200%; top: 5px; margin: 0 0 0 80px; text-transform: uppercase; color: #68203C; } /*SUBJECT OF ENTRY*/ .subject { margin: 0 0 0 100px; padding: 0 10px 10px 10px; font-size: 18px; text-transform: uppercase; } /*BOTH DATE AND SUBJECT TOGETHER*/ .datesubject { padding: 5px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/Subject.jpg) no-repeat top center; border-bottom: 1px solid #A35B7C; } .entry ul li{ padding-left: 5px; margin-left: 15px; } .entry ol li{ padding-left: 5px; margin-left: 15px; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents { padding: 5px; font-size: 10px; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/MetadataPattern.jpg) repeat top center; border: 1px solid #CC98B2; } .currents strong{ margin-right: 10px; } /*--------------------------------------------------------------------- Entry Stuff - Entrytags ------------------------------------------------------------------------*/ .ljtags { display: none; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { text-align: right; background: #919bad url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/Comment.jpg) no-repeat bottom center; width: 591px; height: 100px; position: relative; top: 20px; margin-left: -15px; text-transform: uppercase; } div.comments a, div.comments a:link, div.comments a:visited{ padding: 0 10px 0 0; color: #68203C; } div.comments a:hover { color: #491225; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 60px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: right; background: #A35B7C!important; padding: 5px; margin: 10px; z-index: 15; border: 1px solid #491225; text-align: center; } .userpicfriends a { color: #2A040E!important; } .userpicfriends a:hover { color: #68203C!important; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic { text-align: center; } .defaultuserpic img{ padding:5px; background: #A35B7C; border: 1px solid #491225; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border: 1px solid #68203C; text-align: center; padding: 3px; } .sbarcalendarposts { border: 1px solid #68203C; background-color: #A35B7C; text-align: center; padding: 3px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 15px; list-style: none; font-size: 10px; } li.sbaritem a{ border-left: 3px solid #68203C; color: #68203C; line-height: 20px; padding-left: 5px; } li.sbaritem a:hover{ border-left: 3px solid #2A040E; color: #2A040E; text-decoration: none; } li.sbartitle { padding-left: 15px; list-style: none; margin-bottom: 10px; margin-top: 10px; text-align: right; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #491225; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/SBtitle.png) no-repeat center left; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; margin: 0 0 -16px 0; padding: 0; text-align: right; z-index: 100; clear: both; background: url(http://i19.photobucket.com/albums/b153/gawariel_design/63_Zodiac%20series%20Jessica%20Galbreth/Libra/Footer.jpg) no-repeat bottom center; height: 160px; } ul.navfooter{ padding: 0px; margin: 0px; text-transform: uppercase; } ul.navfooter li { display: inline; margin: 0 10px 0 5px; } .clearfoot { clear: both; } /*---------------------------------------------------- Archive Pages ----------------------------------------------------------------*/ ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border: 1px solid #68203C; } table.yeartable td.yearday { background-color: #A35B7C; text-transform: uppercase; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { padding: 5px; border-bottom: 1px solid #A35B7C; } .userpiccomment { position: relative; float: left; background: #A35B7C!important; padding: 5px; margin: 0 10px 10px 0; z-index: 15; border: 1px solid #491225; text-align: center; } .box { border-top: 1px solid #A35B7C; padding: 10px; clear: left; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; line-height: 125%; } #postform { background: #E4C5D5; border: 1px solid #A35B7C; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; } .commentbox, .commentboxpartial { border: 1px solid #A35B7C; padding: 10px; margin: 10px; background: #E4C5D5; } .commentinfo { margin-top: 10px; width: 100%; background: #E4C5D5; } .skiplinks { text-align: center; text-transform: uppercase; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; }

Extra Icons: Icons to match your layout can be found here Friends-only banners: Matching Friends-only banners can be found here Profile layouts: Profile layouts that match your layout can be found here

Troubleshooting Before asking any questions, make sure you read all information above thoroughly and that your question isn't adressed in the FAQ. If your problem still isn't solved, you are welcome to ask your question here.