/* Layout: 6 */ /* Date: 30th March 2010 */ /* S2 Flexible Squares */ /* Made by Marie (http://www.designbymarie.com/fanart/index.php) */ /* Available from: http://www.designbymarie.com/fanart/ljlayouts.php */ body { background-color: #FFFFFF; text-align: center; color: #828282; font-family: 'trebuchet ms', "Verdana", sans-serif; font-size: 11px; margin: 0px 0 0px 0; } a, a:link, a:visited { color: #935D5B; text-decoration: none; } a:hover { color: #987C7B; text-decoration: none; } p, td, blockquote { font-size: 11px; } blockquote { text-transform: lowercase; background-color: #ffffff; border: 1px dashed #aaaaaa; padding: 5px; } code, kbd, pre, tt { font-family: monospace; } h2 { color: #828282; font-family: "Georgia", "Verdana", sans-serif; font-size: 20px; font-weight: normal; font-style: italic; letter-spacing: 2px; text-transform: lowercase; border-bottom: 0px solid #ffffff; margin-right: 0px; text-align: left; line-height: 170%; padding-right: 10px; } /*--------------------------------------------------------------------- General page alignment and width ------------------------------------------------------------------------*/ #content-outer{ width: 100%; background-color: #FFFFFF; background: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/bglayout7.jpg) top left repeat-x; margin: 0px 0 0px 0; } #content { width: 850px; margin-left: auto; margin-right: auto; border-width: 0px; border-style: solid; border-color: #999999; padding: 0px 15px 15px 15px; } #maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 11px; color: #828282; border-style: solid; border-color: #999999; border-width: 0px; margin-left: 210px; text-align: left; } #sidebar { padding: 15px; margin-top: 15px; border-right: 1px dashed #aaaaaa; font-size: 11px; font-family: "Verdana", sans-serif; color: #828282; width: 160px; float: left; text-align: left; } /*----------------------------------------------------------------------------- Header - you can add a header image with either #header or .headerimage --------------------------------------------------------------------------------*/ #header { width: 100%; padding: 0px 0px 0px 0px; margin: 0px; text-align: center; font-family: "Georgia", "Verdana", sans-serif; font-size: 20px; font-weight: normal; font-style: italic; letter-spacing: 2px; text-transform: lowercase; border-style: solid; border-width: 0px; color: #828282; background: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/FernandoBahrain2010Win1v3.jpg) top center no-repeat; height: 401px; } .headerimage { } /*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 { color: #935D5B; } div#header a:hover, div#footer a:hover { color: #987C7B; text-decoration: none; } /*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-top: 357px; margin: 0px; text-align: center; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } /*----------------------------------------------------------------------------- Entry stuff ------------------------------------------------------------------------*/ .subcontent { } .entry { margin: 0px 10px 10px 0px; padding: 10px; font-family: "Verdana", sans-serif; font-size: 11px; text-align: left; border-width: 0px; border-color: #919bad; border-style: solid; color: #828282; } .userpic { position: relative; float: right; padding: 5px; margin: 10px; z-index: 15; border-width: 0 1px 1px 0; border-color: #aaaaaa; border-style: solid; background-color: #ffffff; } .date { font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #828282; text-transform: lowercase; background: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/clock.png) 0px 0px no-repeat; padding-left: 13px; padding-bottom: 2px; } .subject { font-weight: bold; color: #935D5B; font-family: "Georgia", "Verdana", sans-serif; font-size: 18px; font-style: italic; text-transform: lowercase; font-weight: normal; } .subject a, .subject a:link, .subject a:visited { color: #935D5B; } .subject a:hover { color: #987C7B; } .datesubject { padding: 5px; text-align: left; border-bottom: 1px dashed #aaaaaa; } .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 strong{ font-weight: normal; } .currents { padding-top: 0px; margin-top: 0px; color: #828282; text-align: left; } .currentlocation { padding-left: 0px; font-family: "Verdana", sans-serif; font-size: 11px; color: #828282; text-transform: lowercase; } .currentmood { padding-left: 0px; font-family: "Verdana", sans-serif; font-size: 11px; color: #828282; text-transform: lowercase; } .currentmusic { padding-left: 0px; font-family: "Verdana", sans-serif; font-size: 11px; color: #828282; text-transform: lowercase; } .ljtags { margin-top: 25px; margin-left: 1px; padding-left: 0px; text-transform: lowercase; font-family: "Verdana", Helvetica, sans-serif; font-size: 11px; } .ljtags a, .ljtags a:link, .ljtags a:visited { text-transform: lowercase; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { text-transform: lowercase; text-decoration: none; } .currentlocation a:hover, .ljtags a:hover { text-decoration: none; } .currents table { margin-top: 30px; text-align: left; } .meta-mood-img { padding-right: 3px; } /*--------------------------------------------------------------------- Entry Stuff - Comments ------------------------------------------------------------------------*/ .comments { font-family: "Georgia", "Verdana", sans-serif; font-size: 15px; font-weight: normal; font-style: italic; letter-spacing: 0px; text-transform: lowercase; text-align: right; padding: 5px 5px 0px 5px; position: relative; top: 12px; border-top: 1px dashed #aaaaaa; } div.comments a, div.comments a:link, div.comments a:visited{ color: #935D5B; } div.comments a:hover { color: #987C7B; text-decoration: none; } /*--------------------------------------------------------------------- Entry Stuff - Separator ------------------------------------------------------------------------*/ .separator{ /* for formatting separators between entries */ height: 35px; } /*------------------------------------------------------------ Special friends page customization -------------------------------------------------------------------------------*/ .userpicfriends { position: relative; float: right; padding: 5px; margin: 10px; text-align: center; border-style: solid; border-width: 0 1px 1px 0; border-color: #aaaaaa; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; background-color: #ffffff !important; color: #935D5B; } .userpicfriends a font { color: #935D5B; } .userpicfriends a:hover font { color: #987C7B; } /*------------------------------------------------------------ Sidebar -------------------------------------------------------------------------------*/ .defaultuserpic { text-align: center; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #935D5B; } div#sidebar a:hover { color: #987C7B; text-decoration: none; } /*------------------------------------------------------------ Sidebar - Calendar -------------------------------------------------------------------------------*/ table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #f3f3f3; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } .sbarcalendarposts { border-color: #f3f3f3; border-width: 1px; border-style: solid; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; } /*------------------------------------------------------------ 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; } li.sbartitle { padding-left: 5px; padding-top: 8px; list-style: none; border-bottom: 1px dashed #aaaaaa; margin-bottom: 10px; margin-top: 10px; color: #935D5B; font-family: "Georgia", "Verdana", sans-serif; font-size: 15px; font-style: italic; text-transform: lowercase; font-weight: normal; } /*---------------------------------------------------- footer ----------------------------------------------------------------*/ #footer { width: 100%; text-align: center; font-family: "Georgia", "Verdana", sans-serif; font-size: 20px; font-weight: normal; font-style: italic; letter-spacing: 2px; text-transform: lowercase; border-style: solid; border-width: 0px; color: #828282; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } 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; font-family: "Georgia", "Verdana", sans-serif; font-size: 15px; font-weight: normal; font-style: italic; text-transform: lowercase; color: #935D5B; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #f3f3f3; } table.yeartable td.yearday { text-align: center; } td.yearmonth { border-style: none; font-family: "Georgia", "Verdana", sans-serif; font-size: 15px; font-weight: normal; font-style: italic; text-transform: lowercase; color: #935D5B; } dt { font-family: "Georgia", "Verdana", sans-serif; font-size: 15px; font-weight: normal; font-style: italic; text-transform: lowercase; color: #935D5B; } /*---------------------------------------------------- Comments pages ----------------------------------------------------------------*/ .datesubjectcomment { color: #828282; padding: 5px; margin-top: 20px; border-bottom: 1px dashed #aaaaaa; } .userpiccomment { position: relative; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 0 1px 1px 0; border-color: #aaaaaa; border-style: solid; background-color: #ffffff; } .box { border-style: solid; border-width: 0px 0px 0px 0px; border-color: #999999; padding: 10px; clear: right; } input, textarea { background-color: #ffffff; font-size: 11px; font-family:"Verdana", sans-serif; color: #2A3740; border: 1px solid #f3f3f3; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; color: #828282; } .replytosubject { font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #828282; text-transform: lowercase; } .replytoposter{ font-weight: bold; color: #935D5B; font-family: "Georgia", "Verdana", sans-serif; font-size: 12px; font-style: italic; text-transform: lowercase; font-weight: normal; padding: 5px; text-align: left; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #828282; } .commentbox { border-color: #f3f3f3; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #935D5B; } .datesubjectcomment a:hover { color: #987C7B; } .commentboxpartial { border-color: #f3f3f3; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .commentinfo { background-color: #d4dce8; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*-------------------------------------------- Misc -----------------------------------------*/ .clear { height: 15px; } /*---------------------------------------------------------- Usericon, community icon, locked icon, private icon -----------------------------------------------------------------------*/ .ljuser img { width: 0; height: 0; background-repeat: no-repeat; /* so that IE users will still see an image */ background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/usericon.gif); padding: 16px 0 0 16px; } .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/usericon.gif); padding: 16px 0 0 16px; } .ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/communityicon2.gif); padding: 16px 0 0 16px; } .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/friendslockedicon.gif); padding: 16px 16px 0 0; } .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/privateicon.gif); padding: 16px 16px 0 0; } .subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/group_locked.png); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_del.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comment_delete.gif); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_scr.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comment_screen.png); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comment_visible.png); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comments_freeze.png); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_track.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comment_track.gif); padding: 16px 16px 0 0; } .ljcmt, .commentbox img[src="http://l-stat.livejournal.com/img/btn_edit.gif"]{ width: 0; height: 0; background-image: url(http://img.photobucket.com/albums/v402/marie_s/Other/LJ/comment_edit.png); padding: 16px 16px 0 0; } #qrform table{ border: 0 !important; margin-top: 20px;}