girlboheme: Sailing

Aimee (

girlboheme) wrote,
@ 2008-04-18 18:56:00

Current mood:	tired
Entry tags:	layouts, layouts: flexible squares

Sailing
Style: S2 Flexible Squares
Name: Sailing
Website: No
Default Icon: No
Best view: 800x600 and up
Browser(s) Compatible: IE/Firefox/Opera/Netscape
Credit: girlboheme
Work with Nav bar?: Yes
Work with Plus Acct?: Yes

Permanent Live Preview here:

Live Preview HERE // Image HERE

To Preview in Your Own Journal:
Copy & Paste: ?s2id=22061813 to the end of your livejournal address.

Image(s):
Header (right click save target)

Overrides

/*---------------------------------------------------
Credit for Layout: girlboheme at livejournal
You are welcome to alter, with credit to me. thanks, Aimee
Original CSS credited to cartonage at livejournal.

-----------------------------------------------------*/

body	{
		background-color: #e4e4e7;
		text-align: center;
		color: #666666;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 20px 0 20px 0;
		}

a, a:link, a:visited {
		color: #aaaaaa !important;
		text-decoration: none;
		}

a:hover {
		color: #b1120e !important;
		text-decoration: underline;
		}

blockquote {
	    	font-size: 11px;
		padding: 10px;
		background-color: #ececee;
		}

p, td, blockquote {
	    	font-size: 11px;
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content {
		width: 680px;
		margin-left: auto; margin-right: auto;	
		background-color: #ffffff;
		padding: 0px;
		position: relative;
	}

#maincontent {
		margin-top: 0px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: transparent !important;
		color: #666666;
		text-align: left;
		}

#sidebar {
		background-color: #f1f1f3 !important;
		/*border-bottom: 20px solid #e4e4e7;*/
		border-top: 10px solid #dadade;
        	text-align: justify;
		margin: auto auto;
		padding-bottom: 0px;
		padding: 5px 20px;
        	}

#lj_controlstrip {
 		background-image: none;
		background-color: #e4e4e7;
		border-bottom: 3px solid #dddddf;
		padding: 3px;
		}

#lj_controlstrip td, #lj_controlstrip_statustext {
		color: #666666;
		}

#lj_controlstrip a {
		color: #b1120e;
		}

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
		background-color: #ffffff;
		width: 660px;
		padding: 0px 0px 5px 0px;
		margin: 0px;
		text-align: right;
		color: #ab0d0a;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		font-size: 12px;
		line-height: 100%;
		}

.headerimage {
		background-color: #ffffff;
		position: relative;
		margin: 0 auto 0 auto;
		width: 640px;
		height: 360px;		
		background-repeat: no-repeat;
		border-top: 20px solid white;
		border-right: 20px solid white;
		border-left: 20px solid white;
		background-image: url(http://i75.photobucket.com/albums/i304/girlboheme/header%20sets/girlyb_icons-sailing_h.jpg);
		}

/*look  and color of links (also partly for footer)*/

div#header  {
		color: #007495;
	}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		color: #007495;
	}

div#header a:hover, div#footer a:hover {
		color: #ab0d0a;
		text-decoration: none;
	}

/*title and subtitle*/
	.title {
		font-family: "georgia", sans-serif;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		letter-spacing: -2px;
		line-height: 120%;
		top: 10px;
		display: none;
		}

.subtitle {
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: normal;
		top: 10px;
		display: none;
		}

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader {
		padding: 0px;
		margin: 0px;
		}

ul.navheader li  {
		display: inline;
		padding: 0 10px 0 10px;
		}

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent a, subcontent a:link, subcontent a:visited {
		color: #aaaaaa !important;
		text-decoration: none;
		}

subcontent a:hover {
		color: #b1120e !important;
		text-decoration: underline;
		}

.entry	{
		margin: 0px 10px 10px 15px;
		padding: 10px;
		background-color: transparent !important; 
		color: #666666;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		text-align: justify;
		}

.userpic {
		position: relative;
		float: right;
		padding: 5px;
		margin: 15px;
		z-index: 15;
		background-color: transparent !important; 
		}

.date {
		line-height: 100%;
		top: 15px;
		color: #666666;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		font-size: 12px;
		}

.subject {
		font-weight: normal;
		line-height: 6px !important;
		padding: 10px;
		color: #d80e0c;
		font-weight: bold;
		letter-spacing: -2px;
		font-family: "georgia", sans-serif;
		font-size: 20px;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #666666;
		}

.subject a:hover {
		color: #b0b9c8;
		}

.datesubject {
		background-color: transparent !important;
		border-bottom: 3px solid #ececee;
		padding: 5px;
		padding-top: 20px;
		text-align: right;
		}

.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, .currentmood, .currentmusic, {
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 0px 0 0px 0;
		}

.ljtags {
		margin: 30px 0 0px 0;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-weight: normal;
		line-height: 6px !important;
		padding: 0px;
		color: #666666;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		font-size: 12px;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #aaaaaa;
		}

div.comments a:hover {
		color: #b1120e;
		text-decoration: none;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
		/* for formatting separators between entries */
		height: 35px;
		}

/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
		position: relative;
		color: #666666 !important;
		float: right;
		padding: 5px;
		margin: 10px;
		z-index: 15;
		background-color: transparent !important; 
		}

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

.userpicfriends a:hover font {
		color: #b1120e !important;
		text-decoration: underline;
		}

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
         	color: #cccccc;
    		}

div#sidebar a:hover, {
        	color: #d80e0c;
        	text-decoration: none;
    		}

div#sidebar_linklist {
		line-height: 8px;
		
		}

div#sidebar_tags { 
        	font-family: "verdana", sans-serif;
        	font-size: 10px;
		color: #cccccc;
        	font-weight: normal;
        	text-align: center;
		}

div#sidebar_calendar { 
        	display: none; 
        	}

.defaultuserpic {
        	display: none; 
        	}

.sbarheader {
        	
        	}

.sbarbody {
		text-align: left;
		}

.sbarbody2 {
		text-align: left;
        	font-family: "verdana", sans-serif;
        	font-size: 11px;
		color: #cccccc;
        	font-weight: normal;
		font-style: normal;
		letter-spacing: 0px;
		padding: 0px
        	display: inline;

}

div.sbarbody a, div.sbarbody a:link, div.sbarbody {
		line-height: 2px;
		margin: 2px 0px; 
		color:  #cccccc;
		text-align: center;
		}

div.sbarbody a:hover, a:visited { 
		margin: 2px 0px; 
		text-decoration: none;
		color: #979797;
		}

div#li.sbaritem  a, div#li.sbaritem  a:link, div#li.sbaritem  a:visited {
		line-height: 2px;
		margin: 2px 0px; 
		color:  #cccccc !important;
		text-align: center;
		}

li.sbaritem  a:hover { 
		margin: 2px 0px; 
		text-decoration: none;
		color: #b1120e !important;
		}

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
		margin-right: auto;
		margin-left: auto;
		}

.sbarcalendar {
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

.sbarcalendarposts {
		background-color: #2c3838;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist {
        	padding-left: 10px;
        	margin-left: 0px;
        	list-style: none;
		list-style-position: inherit;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		font-size: 12px;
    		}

li.sbaritem  a, li.sbaritem  a:link, li.sbaritem  a:visited {
		line-height: 2px;
		margin: 2px 0px; 
		color:  #cccccc;
		text-align: center;
		}

li.sbaritem  a:hover { 
		margin: 2px 0px; 
		text-decoration: none;
		color: #979797;
		}

li.sbaritem {
        	padding: 5px;
		display: inline;
		margin: 0 5px 0 5px;
		text-align: center;
    		}

li.sbartitle {
        	display: none;
    		}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

#footer {
		width: 100%;
		height: 150%;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		font-size: 12px;
		background-color: transparent !important;
		color: #666666;
		z-index: 100;
		clear: both;
		}

ul.navfooter{
		padding: 10px;
		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;
		}

table.yeartable {
		margin-left: auto;
		margin-right: auto;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 1px;
		border-style: solid;
		border-color: #666666;
		}

table.yeartable td.yearday {
		background-color: #f1f1f3;
		text-align: center;
		}

td.yearmonth {
		border-style: none;
		}

/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
			background-color: transparent !important;
			padding: 5px;
			margin-top: 20px;
			}

.userpiccomment {
		position: relative;
		background-color: #f1f1f3;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: left;
		border-width: 1px;
		border-color: transparent !important;
		border-style: solid;
		}

.box {
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #f1f1f3;
		color: #666666;
		}

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%;
		background-color: #f1f1f3;
		color: #666666;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		margin: 10px;
		font-size: 11px;
		font-family: "Verdana", sans-serif;
		color: #666666;
		}

.commentbox {
		padding: 10px;
		margin: 10px;
		background-color: #f1f1f3;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #666666;
		}

.datesubjectcomment a:hover {
		color: #b0b9c8;
		}

.commentboxpartial {
		padding: 10px;
		margin: 10px;
		background-color: #f1f1f3;
		}

.commentinfo {
		background-color: #f1f1f3;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
		height: 15px;
		}

/*--------------------------------------------
Contextual Popup
-----------------------------------------*/

div.ContextualPopup {
		position: relative;
		margin: 0px 0 0 0px;
		font: normal 11px "Arial", "Verdana", sans-serif !important;
		}

div.ContextualPopup div.Inner {
		text-align: left;
		position: relative;
		top: -2px;
		left: -2px;
		background-color: #FFFFFF !important;
		color: #666666 !important;
		border: 2px solid #e4e4e7;
		padding: 0px;
		width: 300px;
		padding: 10px;
		}

div.ContextualPopup .Relation {
		font-weight: bold !important;
		font-family: georgia;
		font-size: 18px;
		color: #d80e0c;
		letter-spacing: -2px;
		border-bottom: 2px solid #ececee;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
		text-decoration: underline !important;
		font-weight: bold;
		color: #007495 !important;
		}

Rules:
1. When taking, please comment.
2. Please credit in user info or on sidebar.
3. Do not steal or claim as your own.
4. Customize to your hearts content.
5. But still credit me, please.

Useful Communities:

everything_lj

s2flexisquares

s2layers

I will do my best to answer questions, though.

Thanks :)

girlboheme

Page 1 of 4
<<	[1] [2] [3] [4]	>>

(Post a new comment)

	lanvaldear 2008-04-19 03:00 am UTC (link)
	This is really lovely ♥ Thank you for sharing :D (Reply to this)

	oionnyese 2008-04-19 05:07 am UTC (link)
	using it now...thanks for sharing~ (Reply to this)

	worldawaits 2008-04-19 08:01 am UTC (link)
	beautiful! thanks! (Reply to this)

	iluvpoto 2008-04-19 09:37 am UTC (link)
	I love this! probably my next layout ;D though I might change the header! adding to mems ;D (Reply to this)

	asda93 2008-04-19 10:15 am UTC (link)
	Def. my new layout. It's lovely! Thanks (: (Reply to this)

	psychoticpoopie 2008-04-19 10:17 am UTC (link)
	am snagging. again. thanks a ton! XDD (Reply to this)

	superjelly 2008-04-19 10:50 am UTC (link)
	it's really beautiful, but is there by chance anything else i should set (or avoid) that you failed to mention? because on my journal the title/comments format doesn't show and it's badly aligned. (Reply to this) (Thread)

	girlboheme 2008-04-19 04:27 pm UTC (link)
	I can't see what is going on with it. Have you changed the layout from Smooth sailing to Flexible squares? I sometimes forget and then it ends up looking crazy. (Reply to this) (Parent)

(no subject) -

mia_wallace, 2008-09-24 08:16 pm UTC

	trusea 2008-04-19 02:23 pm UTC (link)
	This is really pretty! Taking, thank you :) (Reply to this)

	falloh8 2008-04-19 02:24 pm UTC (link)
	This is lovely! Snagging, thank you! (Reply to this)

	cold_campbells 2008-04-19 03:02 pm UTC (link)
	This really gorgeous. Saving for later. :) (Reply to this)

	x_cadillacblues 2008-04-19 04:17 pm UTC (link)
	wow this is beautiful! i love the simplicity couple with the vibrant colours in the header. lovely work! saving to mems for now. thank you. (: (Reply to this)

	__cosmicgirl__ 2008-04-19 04:20 pm UTC (link)
	Lovely, using! Thanks! (Reply to this)

viennarain
2008-04-19 04:49 pm UTC (link)

I think the layout is beautiful and I love that it's customizable so the header can be changed. I just have a question about tags. Can you have a tag list using this layout? I have one on my current one, and when I tried using this layout, the tags appeared in the gray space below the header and navigation bar and above the first journal entry. They were all smushed together and it didnn't matter if they were in list or cloud form, you couldn't really read them. Is there a way to have a tag list with this layout or is that not possible?

(Reply to this) (Thread)

	viennarain 2008-04-21 04:19 pm UTC (link)
	Never mind my question, I figured it out, even though I really had no idea what I was doing. :) I went to the "Sidebar - link box contents and sidebar box titles" section and changed the line-height from 2px to 10px and all the tags are spread out and can be read clearly now. Using the layout now, with credit, but I changed the header. Thank you. :) (Reply to this) (Parent)(Thread)

(no subject) -

girlboheme, 2008-04-21 04:45 pm UTC

	sapphiremush 2008-04-19 04:56 pm UTC (link)
	This is so appealing.^^ I'll try this out soon.:) Great Job! (Reply to this)

	morgentau 2008-04-19 06:07 pm UTC (link)
	Fantastic! Taken! Creditted! (Reply to this)

	worship_elle 2008-04-19 07:43 pm UTC (link)
	This one is even better <3333 (Reply to this)

	ericaftw 2008-04-19 09:50 pm UTC (link)
	I'm going to use this soon, and I'll probably change the header xD! Will add credit. (Reply to this)

	arandid 2008-04-20 05:39 am UTC (link)
	i love this <3 (Reply to this)

	octoberamethyst 2008-04-20 06:48 am UTC (link)
	Hi there, new username, new layout... I'm using this one as well as your nature mood theme.... I changed the header and the one of the colours to suit ... but I really love it... :D Thanking you!! (Reply to this) (Thread)

	girlboheme 2008-04-20 02:23 pm UTC (link)
	Hey! It looks AWESOME with that header! I love those colors... (Reply to this) (Parent)

	padacklism 2008-04-20 12:15 pm UTC (link)
	so beautiful! i'm using it right now, though i'll probably change the header. thanks for sharing ^^ (Reply to this)

	violentdesire 2008-04-20 11:25 pm UTC (link)
	Thanks for sharing :) Credited. (Reply to this)

	thephoneix 2008-04-21 12:09 am UTC (link)
	Oh! This is quite lovely. Snagging away and will credit. :) Thanks for sharing! (Reply to this)

	viantie 2008-04-21 01:01 pm UTC (link)
	this is so awesome! gonna change it little bit to match for the header i made. :3 thanks for this♥ (Reply to this)

	smallgirlbigboy 2008-04-21 02:59 pm UTC (link)
	hey, beautiful! will be using it. but changing the header though. (Reply to this)

	flotternz 2008-04-21 11:14 pm UTC (link)
	This is a great layout. Using it now :) Have credited you in my info. (Reply to this)

Page 1 of 4
<<	[1] [2] [3] [4]	>>

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

About

Help

Get Involved

Legal

Store

LJ Labs