[layout] taibu, for mz3293
Marci, Love the Taibu
Style: S2 Flexible Squares
For: Basic/Plus Account
Best viewed in Mozilla Firefox/IE
Credits: Stylesheet & instructions by butterflybox, edited by me.



Live preview HERE.


Instructions

1. Go to Customize Journal.
2. Select a new theme by searching for Flexible Squares, and click apply on one of the search results.
3. Set to sidebar on left (if you have a plus account, you can choose where you want the ads to show up, I suggest vertical so that it shows up in the sidebar)
4. Hit the customize selected theme button.
5. (customize your theme)
- (Sidebar) Set » Show the default user picture on the sidebar? - yes/no // it is up to you
- (Sidebar) Set » Show the blurb/free text in the sidebar? - yes/no // it is up to you
- (Sidebar) Set » Show the link list in the sidebar? - yes // we need the link list as navigation! (so change the title to 'navigation' and under the links tab change the links to your profile/recent/friends/calendar/whatever other links you want)
- (Sidebar) Set » Show tags in the sidebar? - yes/no // it is up to you - you can choose cloud or list, both work fine
- (Sidebar) Set » Show the page summary in the sidebar? - yes/no // it is up to you
- (Sidebar) Set » Show the calendar in the sidebar? - yes/no it is up to you
Hit 'Ordering' and arrange the sidebar to your liking.
6. (Custom CSS) Set the three pulldowns to 'no', copy the following overrides and paste it into » Custom stylesheet, and save changes:

/* Original stylesheet by Nadia @ http://artphilia.livejournal.com Downloaded from: http://butterflybox.livejournal.com Style System: S2 Tiny icons from: http://www.brandspankingnew.net & http://passing_girl.livejournal.com Theme: Flexible Squares Account: Basic, Plus and Paid */ body, p { background-image: url(); background-repeat: no-repeat; background-color: #F3E4CD; text-align: center; color: #7A9475; font-family: tahoma,arial,sans-serif; font-size: 11px; letter-spacing: 1px; margin: 0 auto; } td { margin-left: auto; margin-right: auto; } a, a:link{ color: #E4315D; text-decoration: none; text-transform: none; font-weight: normal; } a:visited { color: #E4315D; } a:hover { color: #E77A31; border-width: 0 0 0 0; border-style: dotted; border-color: #E77A31; } code, kbd, pre, tt { font-family: monospace; } h1 { color: #8FC787; font-family: georgia,times,serif; font-size: 20px; font-weight: normal; text-transform: none; text-align: left; font-style: italic; letter-spacing: 0; line-height: 0; } h2 { color: #8FC787; font-family: georgia,"times new roman",serif; font-size: 14px; font-weight: normal; font-style: italic; text-transform: lowercase; text-align: right; padding: 0 10px 0 0; margin: 0 0 10px 0; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ #content { width: 676px; background-color: #FFFFFF; border: 5px solid #FFFFFF; margin: 0 auto; padding: 5px; } #maincontent { background-color: #FFFAF3; margin-left: 210px; } #sidebar { padding-top: 15px; background-color: #FFFAF3; width: 200px; float: left; text-align: justify; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ #header { /* for formatting header image */ } .headerimage { background-image: url(http://i54.photobucket.com/albums/g83/fahlyu/layouts/taibuformarci.jpg); background-repeat: no-repeat; background-color: transparent; border: 10px solid #FFFFFF; height: 405px; width: 676px; margin: 0 auto; text-align: center; } /*look and color of links (also partly for footer)*/ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { padding: 5px; color: #E7315D; font-weight: normal; font-size: 16px; font-style: normal; font-family: tahoma,sans-serif; text-transform: lowercase; text-decoration: none; } .view { padding: 5px; color: #7A9475; font-weight: normal; font-size: 16px; font-style: normal; font-family: tahoma,sans-serif; text-transform: lowercase; text-decoration: none; } div#header a:hover, div#footer a:hover { color: #C3C3C3; } /*title and subtitle*/ .title { display: none; } .subtitle{ display: none; } /*----------------------------------------------------------------------------- Header - top navigation --------------------------------------------------------------------------------*/ /* header -- links to views; title of journal; subtitle of journal */ ul.navheader { padding: 10px 0 0 0; margin-top: 0; text-align: right; display: none; } ul.navheader li { display: inline; padding: 10px 3px 10px 3px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent { } .entry { background-color: #FFFAF3; padding: 10px; margin: 5px; text-align: justify; } .userpic { position: relative; float: left; background-color: transparent; padding: 15px; margin: 10px; z-index: 15; } .date { font-family: tahoma,verdana,sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 0 0 10px 0; background-color: #FFFAF3; } .subject { background-color: #FFFAF3; color: #8FC787; font-family: georgia,times,serif; font-size: 20px; font-weight: normal; text-transform: none; text-align: left; font-style: italic; letter-spacing: 0; line-height: 0; } .subject a, .subject a:link{ color: #E4315D; text-decoration: none; text-transform: none; font-weight: normal; } .subject a:visited { color: #E4315D; } .subject a:hover { color: #E77A31; border-width: 0 0 0 0; border-style: dotted; border-color: #E77A31; } .datesubject { background-color: #FFFAF3; padding: 2px; } .entry ul li { padding-left: 5px; margin-left: 5px; } .entry ol li { padding-left: 5px; margin-left: 5px; } /*the look of the tags in entries*/ .ljtags { margin-top: 35px; padding: 0 0 0 15px; text-transform: lowercase; background: url('http://the-butterfly.de/ljstuff/tag.gif') 0 3px no-repeat; } .ljtags a { font-weight: normal; } .replytoposter { text-align: left; font-weight: normal; font-size: 10px; text-transform: uppercase; } /*--------------------------------------------------------------------- Entry Stuff - Current Mood, Music and Location ------------------------------------------------------------------------*/ .currents, .currentlocation, .currentmood, .currentmusic { font-size: 10px; text-transform: lowercase; margin: 0; padding: 0; } .currents strong, .currentlocation strong, .currentmood strong, .currentmusic strong { display: none; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { color: #7A9475; padding: 0 5px 0 15px; position: relative; top: 5px; text-align: center; } div.comments a, div.comments a:link, div.comments a:visited { color: #E4315D; text-decoration: none; } div.comments a:hover { color: #E77A31; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator { /* for formatting separators between entries */ border-bottom: 0 dashed transparent; margin: 10px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: left; background-color: #FFFAF3 !important; padding: 15px; margin: 10px; z-index: 15; border-width: 5px; border-color: #FFFAF3; border-style: solid; } .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:visited font { color: #E4315D !important; font-family: tahoma,arial,sans-serif !important; text-align: center !important; } .userpicfriends a:hover font { color: #E77A31 !important; text-decoration: none; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic { text-align: center; } .sbarheader { padding: 0 5px 0 5px; } .sbarbody { padding: 0 5px 0 5px; } .sbarbody2 { font-size: 11px; padding: 0 5px 0 5px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #E7315D; font-weight: normal; } div#sidebar a:hover { color: #E77A31; text-decoration: none; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; background-color: transparent; border-color: #FFFAF3; border-width: 1px; border-style: solid; text-align: center; font-size: 9px; } .sbarcalendarposts { padding: 3px; border-color: #FFFAF3; border-width: 0; border-style: solid; background-color: #FFFAF3; text-align: center; font-size: 9px; } /*------------------------------------------------------------ Sidebar - link box contents and sidebar box titles -------------------------------------------------------------------------------*/ ul.sbarlist { margin: 3px; padding: 3px 0 3px 0; list-style: none; text-align: center; } li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited { list-style: none; display: block; background-color: #FFFFFF; width: 95%; text-transform: none; color: #E7315D; font-size: 11px; padding: 3px; margin: 2px; } li.sbaritem a:hover { color: #E77A31 !important; } li.sbartitle { color: #8FC787; font-family: georgia,"times new roman",serif; font-size: 14px; font-weight: normal; font-style: italic; text-transform: lowercase; text-align: right; padding: 0 10px 0 0; margin: 0 0 10px 0; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { text-align: center; letter-spacing: 2px; color: #5A5A5A; border-top: 0 solid #FFFAF3; z-index: 100; clear: both; padding: 10px; } ul.navfooter{ padding: 0; margin: 0; } ul.navfooter li { display: inline; margin: 0 5px 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-width: 1px; border-style: solid; border-color: #FFFAF3; } table.yeartable td.yearday { background-color: #FFFAF3; font-weight: bold; text-align: center; } td.yearmonth { border-style: none; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { background-color: #FFFAF3; border-bottom: 1px solid #FFFAF3; text-align: left; padding: 5px; margin-top: 20px; } .userpiccomment { background-color: #FFFAF3; position: relative; float: left; padding: 8px; margin: 5px; z-index: 15; border-width: 5px; border-color: #FFFAF3; border-style: solid; } input, textarea, select { background-color: #FFFFFF; font: 11px tahoma,verdana,arial,sans-serif; color: #7A9475; letter-spacing: 0; border: 1px solid #F3E4CD; padding: 0; margin-top: 2px; } option { background-color: #FFFFFF; border-bottom: 1px solid #F3E4CD; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; line-height: 125%; background-color: #FFFAF3; border-left: 3px solid #F3E4CD; color: #7A9475; } .replytosubject { text-align: left; font-weight: bold; font-size: 10px; text-transform: uppercase; } .commentreply { position: relative; text-align: justify; margin: 10px; color: #7A9475; } .commentbox { border-color: #FFFAF3; border-width: 0; border-style: solid; padding: 10px; margin: 10px; background-color: transparent; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #E7315D; text-decoration: none; } .datesubjectcomment a:hover { color: #E7315D; text-decoration: none; } .commentboxpartial { border-color: #FFFAF3; border-width: 0; border-style: solid; padding: 10px; margin: 10px; background-color: transparent; } .commentinfo { background-color: #FFFAF3; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 20px; } .comtags { display: yes; } .tagcount { display: visible; } .ljtaglist{ text-align: left; } blockquote { margin: 15px; padding: 15px; font-size: 11px; font-family: tahoma,arial,sans-serif; background-color: #F3E4CD; border-left: 5px solid #E4315D; text-align: justify; } /*-------------------------------------------- User, Community, Protected icons -----------------------------------------*/ .ljuser img { /* fallback code for older browsers */ width: 0; height: 0; padding: 17px 20px 0 0; /* for some reason IE doesn't understand background shortcuts for this one */ background-image: url('http://i54.photobucket.com/albums/g83/fahlyu/layouts/user_icon_grey.gif'); background-repeat: no-repeat; background-position: left center; } .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 0 15px 10px; background-image: url('http://i54.photobucket.com/albums/g83/fahlyu/layouts/user_icon_grey.gif'); background-repeat: no-repeat; background-position: left center; } .ljuser img[src="http://i54.photobucket.com/albums/g83/fahlyu/layouts/com_icon_grey.gif"]{ width: 0; height: 0; padding: 0 0 18px 15px; background-image: url('http://yourdomain.com/com_icon_grey.gif'); background-repeat: no-repeat; background-position: left center; } /*-------------------------------------------- Contextual Pop-Up -----------------------------------------*/ div.ContextualPopup div.Inner { background: transparent!important; color: #7A9475 !important; border: none; padding: 6px; width: 245px; font-family: tahoma,arial,sans-serif; font-size: 11px; } div.ContextualPopup .Content { padding: 7px 10px 7px 10px; margin-right: 80px; line-height: 13px; background-color: #FCEFDE; border: 1px solid #E4315D; } div.ContextualPopup .Userpic { padding: 10px; background-color: #FCEFDE; margin: 0; border: 0; } div.ContextualPopup span.OnlineStatus, span { font-size: 10px; text-transform: uppercase; } div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited { text-decoration: none !important; font-weight: normal; color: #E4315D !important; } div.ContextualPopup div.Inner a:hover { text-decoration: none !important; font-weight: normal; color: #E77A31 !important; } div.ContextualPopup .Relation { letter-spacing: 1px; border-bottom: 1px dotted #E77A31; text-transform: uppercase; margin-bottom: 4px; padding-bottom: 4px; }

Let me know if anything doesn't work/if you want any changes!


FOR mz3293 ONLY.