[Layout] Aiba Masaki - "Because Angels Do Exist"

[berniechan.livejournal.com]

The second of the LAYOUT CHALLENGE skins!

I present to you: Aiba Masaki - "Because Angels Do Exist"

Skin information:

S2, Flexible Squares
Perfectly fine in Firefox, not sure about IE and other browsers
Color theme: White, Orange, Brown-ish

Note: Unless you have a paid account, there will not be the "edit", "edit tags" and "link" etc. next to the link to comment page. You may feel free to remove the background. I will also modify it based on your preferences so leave me comment.

Credits to yuckie_chan for the scan.

TEASER:



Live preview @ berniechan

CODE:

/* Cleaned CSS: */ /*------------------------------------------------------------------ S2 Flexible Squares Layout and Graphics by berniechan @ berniechan.livejournal.com Header Scan from: yuckie-chan.livejournal.com --------------------------------------------------------------------*/ body {background: #f3f2e1; text-align: left; color: #676767; font-family: arial, sans-serif; font-size: 8pt; margin: 0;} ::-moz-selection {color: #FFF; background: #FFAA3F;} a, a:link, a:visited {color: #FEAA3F; text-transform: lowercase; text-decoration: none; cursor:default;} a:hover {color: #676767; text-transform: lowercase; text-decoration: none; cursor: default;} h2 {padding-left: 30px; font-size: 8pt; text-transform: uppercase;} #content {width: 850px; margin: 0 auto; background: #FFF;} #maincontent {margin-right: 170px; margin-left: 0px; text-align: left; background: #FFF;} #sidebar {background: #FDFDFD; border: 1px solid #F8F8F8; width: 150px; float: right; text-align: justify; padding: 5px;} #sidebar .defaultuserpic img {background: #FDFDFD; border: 1px solid #F8F8F8; padding: 0px;} #header {background: #F8F8F8; width: auto; padding: 15px 0; margin: 0 auto; text-align: center; font-weight: bold;} #sidebar .defaultuserpic {text-align: center;} div#header a, div#footer a {text-transform: uppercase;} .title, .subtitle {display: none;} ul.navheader {padding: 0; margin: 0;} ul.navheader li {display: inline; padding: 0 10px;} .entry ul li {padding-left: 5px; margin-left: 15px;} .entry ol li {padding-left: 5px; margin-left: 15px;} .entry_text {min-height: -20px;} .entry {padding: 10px; margin-top: 0px; text-align: left;} .entry_text img {max-width: 600px; overflow: hidden;} .userpic {position: relative; float: left; background: #FDFDFD; padding: 5px; margin: 10px; border: 1px solid #F8F8F8;} .datesubject {text-align: right; text-transform: uppercase;} .date {margin: 20px 10px 0 0; color: #3c322c;} .subject {font-weight: bold;} .subject a {color: #FEAA3F;} .subject a:hover {color: #676767;} .currents {color: #CCCCCC; text-align: left; text-transform: lowercase;} .ljtags {padding-top: 10px; color: #CCCCCC; font-weight: bold; text-align: left; text-transform: lowercase;} .ljtaglist {list-style-type: square;} .comments {text-align: right;} div.comments a {text-transform: uppercase; font-weight: bold;} .userpicfriends {position: relative; float: left; padding: 5px; margin: 10px; text-align: center; color: #676767; border: 1px solid #F8F8F8; background-color: #FDFDFD !important; font-family: arial, sans-serif; font-size: 8pt;} .sbartitle, .sbarbody, .sbarbody2 {padding: 0;} .sbarcalendar, .sbarcalendarposts {text-align: center;} ul.sbarlist {padding-left: 0; margin-left: 0; list-style: none;} li.sbaritem {padding-left: 0; list-style: none;} li.sbartitle {padding-left: 0; list-style: none; margin: 10px 0; text-transform: uppercase; font-size: 8pt; font-weight: bold;} li.view {text-transform: uppercase;} #footer {text-align: center; font-weight: bold; clear: both; text-transform: lowercase;} ul.navfooter {padding: 0; margin: 0;} ul.navfooter li {display: inline; margin: 0 10px;} ul.year {text-align: center; padding-bottom: 40px;} ul.year li {display: inline;} .clearfoot {clear: both;} table.yeartable {margin: 0 auto;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #F8F8F8;} table.yeartable td.yearday {background: #F8F8F8; text-align: center;} td.yearmonth {border: 0;} input, textarea, select, option, button {font-family: arial, sans-serif; background: #FDFDFD; border: 1px solid #F8F8F8; font-size: 8pt; color:#676767;} #postform img {display: none;} textarea.textbox {width: 95% !important;} .datesubjectcomment {background: #F8F8F8; padding: 5px; margin-top: 20px;} .userpiccomment {position: relative; top:-30px; left: 0; border: 5px solid #FDFDFD; background: #FDFDFD; padding: 5px; margin: 10px 10px -20px 10px; float: left; border: 1px solid #F8F8F8;} .box {border: 0p; padding: 10px; clear: none !important;} .reply {position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: justify; background: #FDFDFD; color: #676767;} .replytosubject {font-weight: bold;} .commentreply {position: relative; margin: 10px; font-size: 8pt; font-family: arial, sans-serif; color: #676767;} .commentbox {border: 1px solid #F8F8F8; margin: 10px; background: #FDFDFD;} .datesubjectcomment a:link {color: #676767;} .commentboxpartial {border: 1px solid #F8F8F8; margin: 10px; background: #FDFDFD;} .commentinfo {background: #FDFDFD; margin-top: 10px; width: 100%;} .skiplinks {text-align: center;} /*-------------------------------------------------------- Tiny Icons by http://famfamfam.com -----------------------------------------------------------*/ .entry img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img410.imageshack.us/img410/5689/locksp5.png);} .entry img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img99.imageshack.us/img99/7119/keyyi6.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img410.imageshack.us/img410/5689/locksp5.png);} .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img99.imageshack.us/img99/7119/keyyi6.png);} #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img410.imageshack.us/img410/5689/locksp5.png);} #sidebar_summary img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 16px 16px 0 0 !important; background: url(http://img99.imageshack.us/img99/7119/keyyi6.png);} .ljuser img {width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url(http://img294.imageshack.us/img294/9362/userei1.png); padding: 16px 16px 0 0 !important;} .ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {background-color: transparent; background-image: url(http://img294.imageshack.us/img294/9362/userei1.png); padding: 16px 16px 0 0 !important;} .ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {background-color:transparent; background-image: url(http://img401.imageshack.us/img401/5836/groupcw8.png); padding: 16px 16px 0 0 !important;} /*---------------------------------------------------------------------------------------- Add Your Own Header - edit your width, height and header url -----------------------------------------------------------------------------------------*/ .headerimage {position: relative; margin: 0 auto; width: 880px; height: 595px; background: url('http://i40.photobucket.com/albums/e227/Darknesshanyou/Blogskin%20stuff/aibaangelsdoexistCOMPRESSED-1.gif') no-repeat;}/

[LAYOUT TUTORIALS]

PLEASE CREDIT AND COMMENT WHEN TAKING.
A simple "LJ Layout by berniechan " in the sidebar will suffice.

A version with a NON-GIF header will be available soon.

Enjoy!

-Bernie!~