girlboheme: Verde Viento

Aimee (

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

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

Verde Viento
Style: S2 Flexible Squares
Name: Verde Viento
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=22061175 to the end of your livejournal address.

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

Overrides

/* Cleaned CSS: */

/*---------------------------------------------------
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: #0d1213;
		text-align: center;
		color: #3b1c08;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		margin: 0px 0 0px 0;
		background: repeat-x url(http://i75.photobucket.com/albums/i304/girlboheme/header%20sets/bg.jpg) #8a9c00;
		}

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

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

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

blockquote {
	    	font-size: 10px;
		background: #e6e1d2;
		border: 1px solid #cabf9f;
		padding: 10px;
		}

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

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

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

#maincontent {
		margin-top: 0px;
		padding-top: 0px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		background-color: transparent !important;
		color: #3b1c08;
		text-align: left;
		/*border-top: 7px solid #3b1c08;*/
		}

#sidebar {
		background-color: transparent !important;
        	text-align: justify;
		margin: auto auto;
		padding: 15px;
		/*border-bottom: 25px solid #8a9c00;*/
        	}

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

#header {
		width: 640px;
		padding: auto;
		margin: 0px;
		text-align: center;
		font-size: 11px;
		height: 36px;
		line-height: 100%;
		background-color: #3b1c08;
		color: #ffffff;
		text-transform: uppercase;
		font-family: "arial", sans-serif;
		letter-spacing: 3px;
		}

.headerimage {
		position: relative;
		margin: 0 auto 0 auto;
		width: 640px;
		height: 263px;
		background-repeat: no-repeat;
		background-image: url(http://i75.photobucket.com/albums/i304/girlboheme/header%20sets/girlyb_icons-trees_h.jpg);
		}

/*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: #8a9d00;
	}

div#header a:hover, div#footer a:hover {
		color: #fe2000;
		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: 13px 0 0 0;
		margin: 0px;
		}

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

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

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

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

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

}

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

.date {
		line-height: 100%;
		top: 35px;
		font-family: "georgia", sans-serif;
		font-size: 32px;
		font-style: italic;
		letter-spacing: -4px;
		color: #687700;
		}

.subject {
		font-weight: normal;
		padding: 0px 5px;
		color: #000000;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: "arial", sans-serif;
		}

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

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

.datesubject {
		background-color: #ffffff;
		padding: 45px;
		border-top: 1px dashed #3b1c08;
		}

.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: #8a9d00;
		}

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

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

.separator{
		/* for formatting separators between entries */
		height: 5px;
		/*background: #8a9c00;*/
		margin: 0px;
		}

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

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

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

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

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

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

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

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

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

div#sidebar_calendar { 
        	display: none; 
        	}

.defaultuserpic {
        	display: none;
        	}

.sbarheader {
        	display: none;
        	}

.sbarbody {
		text-align: center;
		}

.sbarbody2 {
		text-align: center;
        	font-family: "georgia", sans-serif;
        	font-size: 11px;
		color: #666666;
        	font-weight: normal;
		font-style: italic;
		letter-spacing: 0px;
		padding: 0px
    		}

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

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

/*------------------------------------------------------------
  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: 0px;
        	margin-left: 0px;
        	list-style: none;
		list-style-position: inherit;
    		}

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

li.sbartitle {
        	display: none;
    		}

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

#footer {
		width: 100%;
		height: 150%;
		text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		background-color: #ffffff;
		color: #666666;
		z-index: 100;
		clear: both;
		border-top: 1px dashed #3b1c08;
		}

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: 1px solid #8a9c00;
		}

table.yeartable td.yearday {
		background-color: #ffffff;
		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: #ffffff;
		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: #ffffff;
		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: #ffffff;
		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: #ffffff;
		}

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

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

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

.commentinfo {
		background-color: #ffffff;
		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;
	    	font-size: 10px;
		background-color: #e6e1d2 !important;
		color: #666666 !important;
		border: 1px solid #cabf9f;
		padding: 10px;
		width: 300px;
		padding: 10px;
		}

div.ContextualPopup .Relation {
		font-weight: normal !important;
		font-family: "georgia", sans-serif;
		font-size: 22px;
		font-style: italic;
		letter-spacing: -2px;
		color: #687700;
		}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
		color: #8a9d00 !important;
		text-decoration: none;
		}

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 3
<<	[1] [2] [3]	>>

(Post a new comment)

	tealturtlequeen 2008-04-19 03:04 am UTC (link)
	Snagged this - thank you! It's so pretty! (Reply to this)

	beautiskyhigh 2008-04-19 03:07 am UTC (link)
	I just changed my layout but I do love this and am meming it for the future <3 it's gorgeous thanks for making it! (Reply to this)

	worship_elle 2008-04-19 07:42 pm UTC (link)
	Love it :D (Reply to this)

	queen_of_crazy 2008-04-19 09:23 pm UTC (link)
	Hey-o! I customized this awesome layout to my heart's content (still working on the colors) and now I have an annoying black box in the pink header. I tried fiddling around but I couldn't figure out exactly where I went wrong. So... help? (Reply to this) (Thread)

	girlboheme 2008-04-20 01:18 am UTC (link)
	Did you get it fixed? (Reply to this) (Parent)(Thread)

(no subject) -

queen_of_crazy, 2008-04-20 02:15 pm UTC

	nutsandboltswiz 2008-04-19 11:10 pm UTC (link)
	Snagging and crediting. This is very pretty. (Reply to this)

	twentyfivepast 2008-04-20 05:31 am UTC (link)
	I'm definitely grabbing this -- thank you so much! I love it. (Reply to this)

	thaly_black 2008-04-20 01:50 pm UTC (link)
	Hi! I'm gonna use it to a community. I'll credit you, if you give your permission. Thanks. (Reply to this)

	crybabydina 2008-04-20 05:49 pm UTC (link)
	Amazing! I may use it in the future. For now - I'm adding it to favs :D (Reply to this)

	mer5 2008-04-20 06:12 pm UTC (link)
	Snagged this. It's beautiful. I will credit :) (Reply to this)

	katrinad 2008-04-20 09:45 pm UTC (link)
	Awesome and I am saving this! :) (Reply to this)

	nicky_nak 2008-04-20 11:53 pm UTC (link)
	Thank you so much! I have snagged (and heavily edited) this, as beautiful as it is :) will credit you on my profile page. Do you have any advice as to fixing my sidebar/header? The former doesn't seem to be able to decide whether it exists or not, and the latter doesn't want to be the right size. (Reply to this) (Thread)

	girlboheme 2008-04-21 12:22 am UTC (link)
	well, you need to make sure you click on NO on all the tabs in the code page in the customizations area. There isn't a sidebar in this layout, it's at the top of the entries instead because the header was too narrow and I've turned off a lot of the things like the calendar, tags, etc. I only have the blurb and links showing or it doesn't work. (Reply to this) (Parent)

	mdm_sosostris 2008-04-20 11:54 pm UTC (link)
	Lovely. thanks! (Reply to this)

	plasticskies 2008-04-20 11:57 pm UTC (link)
	I love this layout so much <3 It's gorgeous. I've snagged it and will of course credit your amazing self when I have re-done my profile. Thank you! (Reply to this)

	notmelissa 2008-04-21 03:59 am UTC (link)
	Very nice, I'll definitely use this, thank you. :) (Reply to this)

	electricblue68 2008-04-23 12:45 am UTC (link)
	Snagging! It's very, very pretty:) (Reply to this)

	safelight 2008-04-23 02:45 am UTC (link)
	I really needed a lighter layout than my dark black and blue one, and one that would match better with my userinfo, so I'm going to be using this one. Thanks, Aimee. :) (Reply to this)

	crumblingmoon 2008-04-23 10:17 pm UTC (link)
	Snagged and credited. :) (Reply to this)

	schnooglesquee 2008-04-25 12:16 pm UTC (link)
	LUFF ♥ It's gorgeous. using, and crediting! :D (Reply to this)

	burninghouses 2008-04-29 11:18 am UTC (link)
	I love this. Will use and credit! (Reply to this)

	sy_ya 2008-04-29 01:14 pm UTC (link)
	Thanks for sharing! (Reply to this)

	llean 2008-05-02 06:38 pm UTC (link)
	thank you! (Reply to this)

	tigermaus 2008-05-02 09:11 pm UTC (link)
	So pretty :) I will use it, credit and maybe change stuff the next days. Thanks a lot. (Reply to this)

	monluztrella 2008-05-03 11:59 pm UTC (link)
	Beautiful! Also, García Lorca FTW! But! I would like to point out this: the header should say "verdes ramas", not "verde ramas". The latter is gramatically incorrect in Spanish. Just thought you would like to know. is a geek Snagged it anyway, it's just too beautiful. Credited, of course :) (Reply to this) (Thread)

	girlboheme 2008-05-04 12:52 am UTC (link)
	Well, I have been around and around with about four people on this. And every quote I found on him has it written like this. So I would change it but since he has written it that way, I'm leaving it. Thanks :) (Reply to this) (Parent)

(no subject) -

girlboheme, 2008-05-04 12:56 am UTC

	glassdollbleeds 2008-05-04 10:59 pm UTC (link)
	Quick question, what does the quote mean? (Reply to this)

	girlboheme 2008-05-05 01:06 am UTC (link)
	It's a quote by Federico Garcia Lorca Green, how I love/want you green. Green wind. Green branches. Depends on the translation if it's love or want. Full poem is here: http://www.poets.org/viewmedia.php/prmMID/15432 (Reply to this) (Thread)

	noeon 2009-06-14 06:54 pm UTC (link)
	I love the layout anyway, but when I found the Lorca quote dies AMAZING!!! (Reply to this) (Parent)

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

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