Layout 01: Gekkouka -Moonlight Flower- feat Kamenashi Kazuya
G E K K O U K A - Moonlight Flower -
live preview at vl_ly01
HOW TO INSTALL
1Go to your Customize set your style to S2. And set your Ad placement to Vertical (IMPORTANT!). And then save changes.2Select Flexible Square (Autumn) and then go to custom CSS. Select No in all drop down boxes.3Copy & Paste the CSS code into the custom stylesheet box and then save changes.4Gekkou Hana CSS code
/* vl_ly01 - Gekkou Hana made by kirrita at vesperbellilith do not remove this section cleaned css provided by livejournal */ /* Cleaned CSS: */ body { background-color: #121212; background-image: url('http://i43.tinypic.com/eb8mrr.jpg'); background-position: center right; background-attachment: fixed; background-repeat: no-repeat; color: #000000; font-family: "Verdana", sans-serif; font-size: 11px; margin: 20px 0 20px 0; } a, a:link, a:visited { color: #dc1617; text-decoration: none; } a:hover { color: #ff0000; text-decoration: italic; } p, td, blockquote { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 600px; margin-left: 20px; margin-right: auto; padding: 10px; } #maincontent { width: 600px; margin-top: 10px; font-family: "Verdana", sans-serif; font-size: 11px; background-color: transparent; color: #2c2c2c; border-style: none; border-color: none; border-width: 0; margin-right: 180px; } #sidebar { display: none; } #header { right:0; padding:5px 0; position:fixed; text-align:right; text-transform:italic; width:auto; z-index:100;} ul.navheader { list-style: none; margin:0 auto; padding:0; text-align: right; z-index:100; } ul.navheader:hover {} div#header a, div#header a:link, div#header a:visited { border:0 none; color:transparent; font-family: Monotype Corsiva; font-size:25px; font-weight:bold; letter-spacing:0; padding:5px; text-shadow:0 0 1px #aaaaaa; } div#header a:hover { color:#fb3832!important; font-family: Monotype Corsiva; font-size:27px; font-weight:bold; padding: 5px; color:#111111; text-shadow: 2px 3px 5px #ffd6ad; } div#header li.view { background-color: transparent; border: 0px none; color:#ffd6ad!important; font-family: Monotype Corsiva; font-size:27px; font-weight:bold; padding:0 0px; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #footer { text-align: center; font-family: "Georgia", sans-serif; font-size: 15px; letter-spacing: 1px; background-color: transparent; color: #661f0c; border-color: #000000; border-width: 0px; border-style: solid; z-index: 100; clear: both; } .title { display: none; } /*---(20th Des 2011) HAPPY BIRTHDAY DAISUKE ANDOU! I HATE YOU! I LOVE YOU! KEEP ROCKIN! KEEP ANNOYS ME! AND FOREVER RED! Sincerely, kiRRita.---*/ /* maincontent */ .subcontent {} .entry { margin: 5px 5px 25px 10px; padding: 10px; background-color: #000000; color: #c3c3c3; font-family: "Calibri", Verdana, sans-serif; font-size: 12px; text-align: justify; border-width: 1px; border-color: #919bad; border-style: solid; border-radius: 0px 20px 0px 20px; -moz-border-radius: 0px 20px 0px 20px; -webkit-border-radius: 0px 20px 0px 20px; border: 2px solid #d20000;} .entry_text { overflow: hidden; } .entry_text { clear: both; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .userpic { position: relative; float: right; background-color: transparent !important; padding: 5px; margin: -20px -100px 0px 0px; z-index: 15; } .userpic img:hover { border-bottom:3px solid #F5DFE3; border-top:3px solid #222222; } .userpicfriends { position: relative; float: right; padding: 5px; margin: -30px -85px 0px 0px; text-align: center; font-family: "Verdana", sans-serif; font-size: 11px; z-index: 15; background-color: transparent !important; } .userpicfriends img { -moz-border-radius:80px; -webkit-border-radius:80px; } .userpic img { -moz-border-radius:80px; -webkit-border-radius:80px; } *::-moz-selection {background:transparent; color:#e40000;} code::-moz-selection {background:#e40000; color:#ff004d;} ::selection {background:#e40000; color:#ff004d;} code::selection {background:#e40000; color:#ff004d;} .date { line-height: 100%; top: 2px; color: #ffffff; font-family: "Verdana", sans-serif; font-size: 11px; } .subject { font-weight: bold; padding: 10px; color: #ffd6ad; font-family: "Georgia", sans-serif;text-shadow:2px 2px 6px #ebccd1; font-size: 17px; } .subject a { padding: 0 0 0 5px; text-shadow:2px 2px 6px #ebccd1; } .subject a:link, .subject a:visited, .subject a:hover { color: #ff0000; text-decoration: none; } .subject a:hover { color: #cc2222; } .datesubject { background-color: #transparent; padding: 0px; } .currents, .currentmood, .currentmusic { font-family: "Courier New", sans-serif; font-size: 9px; } .currents { margin:-25px 0px 0px 0px; background-color:#3a3a3a; width:540px; padding:10px; color:#646c7a; font-size:10px; border:1px solid #444444; } .ljtags { margin-top: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #aaaaaa; } .comments { font-family: "Courier New", sans-serif; font-size: 12px; text-align: right; background-color: transparent; padding: 0px 5px 10px 0px; position: relative; top: 15px; } div.comments a, div.comments a:link, div.comments a:visited { color: #ff0000; } div.comments a:hover { color: #f0ddcf; text-decoration: none; } blockquote { font-family: "Georgia"; background-color: transparent; background-image: url('http://i44.tinypic.com/2aqn41.png'); padding:5px; border:0px none; color:#000000; } code { background-color: transparent; background-image: url('http://i44.tinypic.com/2aqn41.png'); display:block; color: #000000; color:#ff0000; padding:5px; border:1px dashed; } /* maincontent -- entry, reply pages */ .datesubjectcomment { background-color: #000000; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px; border-style: solid; background-color: transparent; background-image: url('http://i42.tinypic.com/14jt8qc.jpg'); top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 2px; border-color: #d20000; border-style: dashed; } .box { border-style: none; border-width: 0px; border-color: none; padding: 0px; clear: left; } input, textarea { background-color: #575757; background-image: url('http://i43.tinypic.com/23rvhc1.jpg'); background-attachment: fixed; background-repeat: repeat; color: #ffe4dd; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "calibri", sans-serif; font-size: 11px; line-height: 125%; background-color: transparent; color: #ff372d; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Courier New", sans-serif; color: #ff372d; } .commentbox { border-color: #000000; border-width: 0px; border-style: none; padding: 10px; margin: 10px; background-color: transparent; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #ffffff; } .datesubjectcomment a:hover { color: #c47b51; } .commentboxpartial { border-color: #000000; border-width: 0px; border-style: none; padding: 10px; margin: 10px; background-color: transparent; } .commentinfo { background-color: #cc1615; margin-top: 10px; width: 100%; } /* maincontent -- year/achive 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: #000000; } table.yeartable td.yearday { background-color: #eee293; text-align: center; } td.yearmonth { border-style: none; } /* footer */ ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*------------Misc------------*/ .clear { height: 15px; } Matching Icons
:: Inspired by Gekkouka a song from Janne da Arc.
:: My first layout, sorry if it doesnt good enough. Am learning here.
:: Best viewed; IE and Mozilla
:: Best viewed; 1152 * 864 pixels display (monitor)
:: All pictures and textures credit goes here
:: Cleaned CSS credit to livejournal
:: How to crack the code of Flexible Squares; here
:: Comments would be so freakin much appreciated.