fuesch | Air-Travel Excitement layout & profile layout

Because every one of my fandoms (even the ones that don't provide enough pictures due to being a radio series) deserves a layout:

Air-Travel Excitement
preview	Click here for live preview, then click on the layout's icon.
layout info	Based on Flexible Squares. Works for all account types. Tested in Firefox 9, Google Chrome 17 and Internet Explorer 11 (just some minor display problems in IE). This layout's width isn't flexible.
how to implement this layout	Go to the Customize Journal page. Make sure Style System is S2. Choose the Flexible Squares layout. Go to Custom CSS » Use layout's stylesheet(s): No » Use layout's stylesheet(s) when including custom external stylesheet: No » Use external stylesheets: No insert custom stylesheet /* Air-Travel Excitement http://fuesch.livejournal.com/31271.html / body { margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #08B3C2; font-size: 12px; background: #DDDDDD url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/bg.gif) center repeat-y; } a, a:link { color: #ED103E; text-decoration: none; } a:visited { color: #EF4165; text-decoration: none; } a:hover { color: #D60E38; text-decoration: none; } a:active { color:#D60E38; text-decoration: underline; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } blockquote { padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } q { font-style: italic; } q i { font-style: normal; } / ------- GENERAL ------- / .ljuser { font-style: italic; } .clear { display: none; } #content { width: 900px; margin: 0px auto; padding: 0px; } #header { height: 229px; margin: 0px; padding: 210px 670px 0px 20px; text-align: right; font-style: italic; color: #056F82; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/header.jpg); } ul.navheader { margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; list-style: none; } ul.navheader li { display: block; margin: 0px 0px 1px 0px; padding: 5px 0px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png); } ul.navheader a { color: #FFFFFF; } ul.navheader a:hover { text-decoration: underline; } .title { padding: 5px 1px 3px 0px; font-size: 16px; line-height: 100%; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/divider.png) bottom no-repeat; } .subtitle { padding: 1px 1px 0px 0px; font-size: 14px; line-height: 100%; } #sidebar { float: left; width: 210px; margin: 0px; padding: 0px 20px; text-align: right; color: #056F82; font-style: italic; } #sidebar i { font-style: normal; } div#sidebar a, div#sidebar a:link { color: #FFFFFF; } div#sidebar a:visited { color: #EEEEEE; } div#sidebar a:hover { color: #FFFFFF; text-decoration: underline; } .sbarbody { padding: 0px; } .sbarbody2 { margin: 0px 0px 30px 0px; padding: 5px 0px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png); } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + .sbarlist { margin: 0px 0px 30px 0px; padding: 0px; list-style: none; } li.sbartitle { margin: 0px 0px -3px 0px; padding: 0px 1px 0px 0px; list-style: none; font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/divider.png) right 19px no-repeat; } .tagcloud { padding: 0px; list-style: none; } li.sbaritem { margin: 0px 0px 1px 0px; padding: 5px 0px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png); } .defaultuserpic { margin: 0px 0px 30px 0px; padding: 10px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png); } table.calendar { margin: 0px 0px 0px auto; } .sbarcalendar { padding: 2px 4px 3px 6px; text-align: right; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png) 80px 0px; } .sbarcalendarposts { padding: 2px 4px 3px 6px; text-align: right; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png) 80px 0px; } #maincontent { margin: 0px 0px 0px 250px; text-align: left; } #footer { margin: 0px 670px 20px 0px; text-align: right; font-style: italic; color: #056F82; z-index: 100; clear: both; } ul.navfooter{ margin: 0px; padding: 0px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; list-style: none; } ul.navfooter li { display: block; margin: 0px 0px 1px 0px; padding: 5px 0px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/white.png); } div#footer a, div#footer a:link { color: #FFFFFF; } div#footer a:hover { text-decoration: underline; } .clearfoot { display: none; clear: both; } / ------- ENTRIES & FRIENDS ------- / .subcontent { margin-bottom: 1px; padding-bottom: 10px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } html div.subcontent { /* fixes an IE reply page bug / height: 1%; clear: none; } .userpic { position: relative; float: right; margin: 10px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; z-index: 15; } .userpicfriends { position: relative; float: right; margin: 10px; padding-right: 2px; text-align: right; font-size: 10px; font-weight: bold; background: none!important; z-index: 15; } .userpicfriends img { margin: 0px -2px 0px 0px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } .userpicfriends font { color: #ED103E; } .userpicfriends font:hover { color: #D60E38; } .datesubject { padding: 0px 20px; } .date, .replytoposter { padding-top: 15px; font-size: 10px; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 1px; } .subject, .replytosubject { margin: 2px 120px 10px 0px; padding-bottom: 4px; font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subject.png) left bottom no-repeat; } .entry { margin: 0px; padding: 0px 20px; text-align: left; } .ljtags { margin-top: 10px; padding: 1px 0px 1px 2px; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 150%;} .ljtags a, .ljtags a:link, .currentlocation a, .currentlocation a:link { margin-right: -2px; padding: 0px 2px; color: #FFFFFF; background: #39C2CE; border: 1px solid #08B3C2; } .ljtags a:hover, .currentlocation a:hover { color: #39C2CE; background: #FFFFFF; } .currents { margin-top: 10px; font-size: 10px; font-weight: bold; text-transform: uppercase; } .currentmood, .currentmusic, .currentlocation { padding: 1px 0px 1px 2px; } .comments { margin: 10px 120px 0px 120px; padding: 11px 10px 0px 10px; text-align: center; color: #F2F2F2; font-size: 2px; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 2px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/comments.png) center top no-repeat; } .comments a { font-size: 12px; } .comments a + a { padding: 0px 0px 0px 21px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/dot.png) left 2px no-repeat; } .separator { display: none; } / ------- COMMENTS ------- / .skiplinks { padding: 10px; text-align: center; font-size: 2px; color: #FFFFFF; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 2px; } .skiplinks a { font-size: 10px; } .skiplinks a + a { padding: 0px 0px 0px 21px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/dot.png) left top no-repeat; } .box { padding: 10px 0px 0px 0px; } .box center { margin-bottom: 10px; padding: 0px 20px; } .box + .box center { margin-top: 10px; } .commentbox { margin: 0px 0px 1px 0px; padding: 0px 20px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } .datesubjectcomment { padding: 7px 0px; font-size: 10px; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 1px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subject.png) left bottom no-repeat; } .datesubjectcomment strong { font-size: 18px; font-weight: normal; text-transform: none; letter-spacing: normal; } .userpiccomment { position: relative; float: right; margin: -7px -20px 0px 0px; padding: 7px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; z-index: 15; } .commentreply { margin: 10px 0px; } .commentreply + div { padding: 5px 5px 0px 5px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/comments.png) center top no-repeat; } .commentreply + div div { padding: 5px!important; } .commentboxpartial { margin: 0px 0px 1px 0px; padding: 10px 20px; font-size: 10px; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 1px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } .box + .separator { display: none; } #content + div { background-color: transparent!important; border: none!important; } .lj-view-reply .subcontent + .separator + .clear + div, .lj-view-reply .subcontent + .clear + div { display: none; } html div.box#commentform { /* fixes an IE reply page bug / position: absolute; } #postform table, #qrform table { padding: 10px 20px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; border: none!important; } #postform table table, #qrform table table { background: none; } input, textarea { padding: 2px; color: #08B3C2; background: #FFFFFF; } textarea.textbox { width: 95% !important; } / ------- CALENDAR ------- / .lj-view-archive br { display: none; } ul.year { margin: 0px; padding: 10px; text-align: center; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 2px; } ul.year li { padding: 0px 2px; display: inline; } ul.year li + li { padding: 0px 0px 0px 19px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/dot.png) left 2px no-repeat; } table.yeartable { margin: 0px 0px 1px 0px; width: 650px; padding: 10px 20px 20px 20px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } td.yearmonth { font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subject.png) right bottom no-repeat; border-style: none; } td.yearmonth + td.yearmonth { font-size: 12px; background: none; border-style: none; } table.yeartable td.yearday { padding: 10px; text-align: center; font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 2px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) center repeat-x; } table.yeartable td.yeardate { padding: 5px 10px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) center repeat-x; } table.yeartable td.yeardate a { font-weight: bold; } .lj-view-month #maincontent form { margin: 0px; padding: 10px; text-align: center; font-weight: bold; letter-spacing: 1px; } .lj-view-month #maincontent form br, .lj-view-month #maincontent form + br, .lj-view-month #maincontent form + br + br { display: none; } .lj-view-month .subcontent { background: none; } .lj-view-month .entry { padding: 0px; } .lj-view-month dl { margin: 0px; } .lj-view-month dt { margin: 0px 0px -33px 0px; padding: 10px 20px 0px 20px; font-size: 18px; font-style: italic; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subject.png) 20px bottom no-repeat; } .lj-view-month dd { margin: 0px 0px 1px 0px; padding: 35px 20px 10px 20px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } / ------- TAGS ------- */ .lj-view-tags h2 { margin: 0px 20px -32px 20px; padding: 10px 0px 0px 0px; font-size: 18px; font-style: italic; font-weight: bold; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subject.png) left bottom no-repeat; } .ljtaglist { margin: 0px; padding: 35px 20px 10px 20px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/subcontent.png) bottom repeat-x; } ul.ljtaglist { list-style: none; } ul.ljtaglist li { padding: 5px 0px 6px 0px; background: url(http://fatfrog.info/Ma/A/layout/airtravelexcitement/comments.png) center bottom no-repeat; }


	This profile layout has a fixed width, changing the width would mess up the layout. You can use http://fatfrog.info/Ma/A/layout/airtravelexcitement/comments.png as a divider. Go to Edit Profile and insert the code into the Bio part. To copy the code, click in the text area and then press Ctrl+A and Ctrl+C. <lj-raw> <center><table border="0" cellpadding="0" cellspacing="0"> <tr><td colspan="3" height="367" background="http://fatfrog.info/Ma/A/layout/airtravelexcitement/profile-header.jpg"></td></tr> <tr><td width="46" background="http://fatfrog.info/Ma/A/layout/airtravelexcitement/profile-left.gif"> </td> <td width="427"><font face="Arial, Helvetica, sans-serif" size="2" color="#08B3C2"> TEXT HERE </font></td> <td width="46" background="http://fatfrog.info/Ma/A/layout/airtravelexcitement/profile-right.gif"> </td> </tr><tr><td colspan="3"><img src="http://fatfrog.info/Ma/A/layout/airtravelexcitement/profile-bottom.jpg"></td> </tr></table></center> </lj-raw> You don't have to use the lj-raw tags. With them you can only make line breaks/new paragraphs with <br> and <p>. Without the lj-raw tags you can also create line breaks and new paragraphs just by hitting the enter key. If you want to change the link color, put a font tag with a different color in your link. Like so: `<a href="URL"><font color="#ED103E">LINK TEXT</font></a>`