E = Emotional
Sorry, this post is in only engrish language.
I made a Layout on my new love: CNBLUE.
The layout is made by me with an okimiyage base, so don't remove their credit if you take it.
The texture used is by xloliconsx, so don't remove their credit if you take it.
The image is by CNBLUE.
Please don't remove my credit if you take it.
/* BY: Minty_Peach STYLE: S2 Flexible Squares WORKS WITH: Free or Paid accounts BROWSER: Firefox and IE (not sure about others) */
/*-- image and re-organized by ReallyStoryGirl --*/ /*-- main page --*/
/*-- texture by xloliconsx --*/ /*-- main page --*/
BODY { margin-top: 0px; background-color:#ffffff; background-image: url(''); background-repeat: repeat; background-attachment: fixed; background-position: top-left; text-align: center; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; } img { border:0px; } a:hover { background: #000000; color: #ffffff; background-image: url('')} a, a:link, a:visited { text-decoration: none; color:#377C8E; padding: 0px; } p, td, blockquote { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } .userpicfriends a font { color:#ffffff !important; } .userpic a font { color:#ffffff !important; }
#content { width: 830px; margin-left: auto; margin-right: auto; background-color: #000000; padding: 10px; text-align: justify; border-style: solid; border-color:#e7e7e5; border-width: 0px;}
#maincontent { margin-top: 40px; padding: 0px; font-family: "arial", sans-serif; font-size: 11px; line-height: 15px; background-color: #000000; color:#777777; border-style: solid; border-color:#e7e7e5; border-width: 0px; margin-right:0px; margin-left: 200px; margin-top:40px; text-align: justify; }
#header { width: 100%; padding: 0px 0px 0px 0px; margin-top: 10px; text-align: center; font-family: "verdana", sans-serif; text-transform:none; font-size: 10px; font-weight: none; letter-spacing: 2px; background-color: #000000; border-width: 0px; color:#555555; line-height: 0px; }
#footer { width: 100%; float: center; text-align: center; font-family: tahoma,georgia; text-transform:uppercase; font-size: 10px; font-weight: none; letter-spacing: 1px; background-color: #000000; border-width: 0px; color: #555555; z-index: 100; clear: both; }
/*-- special fonts, links, etc. --*/ b { color: #D22B6A; } i { color: #D22B6A; } u { color: #D22B6A; } a:link{ color: #D22B6A; text-transform: lowercase; text-decoration: none; }, a:visited { color: #2A8E67; text-transform: lowercase; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #2A8E67; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#sidebar { padding-top: 5px; margin-top: 40px; background-color: #000000; border-width: 0px; font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #e6e6e6; width: 180px; float: left; text-align: justify; }
/* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #ffffff; padding: 5px; } div#header a:hover, div#footer a:hover { color: #ffffff; background: ; background-image: url(''); padding: 5px; border-bottom: 1px solid #ffffff;} ul.navheader { padding: 10px; margin: 10px; } ul.navheader li { display: inline; padding: 5 3px 5 3px; } .title { text-align: center; color: #000000; font-family: "Verdana", sans-serif; font-size: 0px; letter-spacing: 0pt; text-transform: uppercase; } .subtitle { text-align: center; color: #000000; font-family: "Verdana", sans-serif; font-size: 0px; letter-spacing: 0pt; line-height: 0pt; text-transform: lowercase; } /* footer */ ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* SIDEBAR */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #9f9f9f; } div#sidebar a:hover { color:#ffffff; background-image: url(''); background-repeat: repeat; text-decoration: none; } .defaultuserpic { text-align: center; padding: 5px; } .sbarheader { padding: 0px 5px 0px 5px; color: #000000; text-align: center; } .sbarbody { padding: 0 2px 0 2px; } .sbarbody2 { padding: 0 2px 0 2px; } table.calendar { margin-right: auto; margin-left: auto; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 10px; padding-right: 10px; list-style: none; margin-top:5px; } li.sbartitle { padding-left: 0px; padding-right: 0px; text-align:left; padding: 2px; list-style: none; margin-bottom: 1px; margin-top: 0px; color:#ffffff; border-top: solid #e7e7e5 0px; border-left: solid #e7e7e5 0px; border-bottom: dashed #e7e7e5 1px; border-right: solid #BBBBBB 0px; font-weight: none; font-family: "arial", sans-serif; text-transform:none; font-size: 11px; background-color: #000000; letter-spacing: 0pt; } /* MAINCONTENT */ .subcontent { background-color: #000000; } .entry { margin: 0px 3px 2px 2px; padding: 2px; background-color: #000000; color:#e6e6e6; font-family: "arial", sans-serif; font-size: 11px; text-align: justify; border-width: 0px; border-color: #DFDFDF; line-height: 10pt; border-style: solid; border-left: solid 0px #C8E9E9; border-right: solid 0px #C8E9E9; border-bottom: solid 0px #C8E9E9; } .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: #000000; background-image: url(''); background-repeat: repeat; padding: 3px; margin-right: 0px; margin-left: 5px; z-index: 15; border-width: 1px; border-color: #000000; border-style: solid; } .userpicfriends { position: relative; float: right; padding: 1px; margin: 10px; text-align: center; border-style: solid; background-color: #000000!important; background-image: url(''); background-repeat: repeat; border-width: 0px; border-color: #000000; font-family: "Verdana", sans-serif; font-size: 10px; z-index: 15; } .date { line-height: 200%; top: 5px; font-family: "arial", sans-serif; font-size: 9px; color: #b1b1b1; letter-spacing: 0px; font-weight: none; text-transform:lowercase; text-align:right; letter-spacing: 0pt; background-color: transparent; } .subject { padding: 2px; font-weight: none; color:#ffffff; font-family: "arial", sans-serif; border-bottom: 0px #e7e7e5 solid; text-transform:none; text-align:right; font-size: 12px; background-color: #000000; background-image: url(''); background-repeat: repeat; letter-spacing: 0pt; } .subject { font-family: "Georgia", sans-serif; font-style: italic; text-align: left; font-weight: normal; font-size: 9pt; } .datesubject { padding: 4px; } .currents, .currentmood, .currentmusic { font-family: "arial", sans-serif; font-size: 10px; color: #d8d8d8; } .comments { font-family: "arial", sans-serif; font-size: 15px; text-align: right; background-color: #000000; font-weight: none; padding: 5px; position: relative; top: 15px; } .separator { height: 25px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #ffffff; font-size: 10px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } div.comments a:hover { font-size: 10px; font-weight: lighter; color: #666666; background: ; background-image: url(''); padding: 5px; } .ljtags { margin-top: 15px; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #dddddd; } .headerimage { position: relative; width: 850px; height: 600px; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-style: solid; border-color:#e7e7e5; border-width: 0px; background-image: url('http://i763.photobucket.com/albums/xx274/ReallyStoryGirl/cnblue.png'); background-repeat: no-repeat; background-position: right; .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .userpiccomment { position: relative; border-width: 0px; border-style: solid; border-color: #d4dce8; background-color: #d4dce8; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 0px; border-color: #919bad; border-style: solid; } .box { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999999; padding: 8px; clear: right; } input, textarea { background-color: #000000; color: #000000; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 20px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "arial", sans-serif; font-size: 11px; line-height: 100%; background-color:#333333; color: #666666; } .replytosubject { font-weight: none; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "arial", sans-serif; color: #666666; } .commentbox { border-color: #b1b1b1; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; background-color: #000000; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #333333; } .datesubjectcomment a:hover { color: #888888; } .commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 9px; margin: 9px; background-color: #d4dce8; } .commentinfo { background-color: #000000; margin-top: 10px; width: 100%; }
If you have any problem with the code, please contact me.
If you want a simple tutorial: How to install this layout.
Please comment if you take it.
I made a Layout on my new love: CNBLUE.
The layout is made by me with an okimiyage base, so don't remove their credit if you take it.
The texture used is by xloliconsx, so don't remove their credit if you take it.
The image is by CNBLUE.
Please don't remove my credit if you take it.
/* BY: Minty_Peach STYLE: S2 Flexible Squares WORKS WITH: Free or Paid accounts BROWSER: Firefox and IE (not sure about others) */
/*-- image and re-organized by ReallyStoryGirl --*/ /*-- main page --*/
/*-- texture by xloliconsx --*/ /*-- main page --*/
BODY { margin-top: 0px; background-color:#ffffff; background-image: url(''); background-repeat: repeat; background-attachment: fixed; background-position: top-left; text-align: center; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; } img { border:0px; } a:hover { background: #000000; color: #ffffff; background-image: url('')} a, a:link, a:visited { text-decoration: none; color:#377C8E; padding: 0px; } p, td, blockquote { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } .userpicfriends a font { color:#ffffff !important; } .userpic a font { color:#ffffff !important; }
#content { width: 830px; margin-left: auto; margin-right: auto; background-color: #000000; padding: 10px; text-align: justify; border-style: solid; border-color:#e7e7e5; border-width: 0px;}
#maincontent { margin-top: 40px; padding: 0px; font-family: "arial", sans-serif; font-size: 11px; line-height: 15px; background-color: #000000; color:#777777; border-style: solid; border-color:#e7e7e5; border-width: 0px; margin-right:0px; margin-left: 200px; margin-top:40px; text-align: justify; }
#header { width: 100%; padding: 0px 0px 0px 0px; margin-top: 10px; text-align: center; font-family: "verdana", sans-serif; text-transform:none; font-size: 10px; font-weight: none; letter-spacing: 2px; background-color: #000000; border-width: 0px; color:#555555; line-height: 0px; }
#footer { width: 100%; float: center; text-align: center; font-family: tahoma,georgia; text-transform:uppercase; font-size: 10px; font-weight: none; letter-spacing: 1px; background-color: #000000; border-width: 0px; color: #555555; z-index: 100; clear: both; }
/*-- special fonts, links, etc. --*/ b { color: #D22B6A; } i { color: #D22B6A; } u { color: #D22B6A; } a:link{ color: #D22B6A; text-transform: lowercase; text-decoration: none; }, a:visited { color: #2A8E67; text-transform: lowercase; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #2A8E67; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#sidebar { padding-top: 5px; margin-top: 40px; background-color: #000000; border-width: 0px; font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #e6e6e6; width: 180px; float: left; text-align: justify; }
/* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #ffffff; padding: 5px; } div#header a:hover, div#footer a:hover { color: #ffffff; background: ; background-image: url(''); padding: 5px; border-bottom: 1px solid #ffffff;} ul.navheader { padding: 10px; margin: 10px; } ul.navheader li { display: inline; padding: 5 3px 5 3px; } .title { text-align: center; color: #000000; font-family: "Verdana", sans-serif; font-size: 0px; letter-spacing: 0pt; text-transform: uppercase; } .subtitle { text-align: center; color: #000000; font-family: "Verdana", sans-serif; font-size: 0px; letter-spacing: 0pt; line-height: 0pt; text-transform: lowercase; } /* footer */ ul.navfooter { padding: 10px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* SIDEBAR */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ font-size: 10px; line-height: 10pt; font-family: "arial", sans-serif; color: #9f9f9f; } div#sidebar a:hover { color:#ffffff; background-image: url(''); background-repeat: repeat; text-decoration: none; } .defaultuserpic { text-align: center; padding: 5px; } .sbarheader { padding: 0px 5px 0px 5px; color: #000000; text-align: center; } .sbarbody { padding: 0 2px 0 2px; } .sbarbody2 { padding: 0 2px 0 2px; } table.calendar { margin-right: auto; margin-left: auto; } ul.sbarlist { padding-left: 0px; margin-left: 0px; list-style: none; } li.sbaritem { padding-left: 10px; padding-right: 10px; list-style: none; margin-top:5px; } li.sbartitle { padding-left: 0px; padding-right: 0px; text-align:left; padding: 2px; list-style: none; margin-bottom: 1px; margin-top: 0px; color:#ffffff; border-top: solid #e7e7e5 0px; border-left: solid #e7e7e5 0px; border-bottom: dashed #e7e7e5 1px; border-right: solid #BBBBBB 0px; font-weight: none; font-family: "arial", sans-serif; text-transform:none; font-size: 11px; background-color: #000000; letter-spacing: 0pt; } /* MAINCONTENT */ .subcontent { background-color: #000000; } .entry { margin: 0px 3px 2px 2px; padding: 2px; background-color: #000000; color:#e6e6e6; font-family: "arial", sans-serif; font-size: 11px; text-align: justify; border-width: 0px; border-color: #DFDFDF; line-height: 10pt; border-style: solid; border-left: solid 0px #C8E9E9; border-right: solid 0px #C8E9E9; border-bottom: solid 0px #C8E9E9; } .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: #000000; background-image: url(''); background-repeat: repeat; padding: 3px; margin-right: 0px; margin-left: 5px; z-index: 15; border-width: 1px; border-color: #000000; border-style: solid; } .userpicfriends { position: relative; float: right; padding: 1px; margin: 10px; text-align: center; border-style: solid; background-color: #000000!important; background-image: url(''); background-repeat: repeat; border-width: 0px; border-color: #000000; font-family: "Verdana", sans-serif; font-size: 10px; z-index: 15; } .date { line-height: 200%; top: 5px; font-family: "arial", sans-serif; font-size: 9px; color: #b1b1b1; letter-spacing: 0px; font-weight: none; text-transform:lowercase; text-align:right; letter-spacing: 0pt; background-color: transparent; } .subject { padding: 2px; font-weight: none; color:#ffffff; font-family: "arial", sans-serif; border-bottom: 0px #e7e7e5 solid; text-transform:none; text-align:right; font-size: 12px; background-color: #000000; background-image: url(''); background-repeat: repeat; letter-spacing: 0pt; } .subject { font-family: "Georgia", sans-serif; font-style: italic; text-align: left; font-weight: normal; font-size: 9pt; } .datesubject { padding: 4px; } .currents, .currentmood, .currentmusic { font-family: "arial", sans-serif; font-size: 10px; color: #d8d8d8; } .comments { font-family: "arial", sans-serif; font-size: 15px; text-align: right; background-color: #000000; font-weight: none; padding: 5px; position: relative; top: 15px; } .separator { height: 25px; } div.comments a, div.comments a:link, div.comments a:visited{ color: #ffffff; font-size: 10px; font-weight: lighter; background: ; background-image: url(''); padding: 5px; } div.comments a:hover { font-size: 10px; font-weight: lighter; color: #666666; background: ; background-image: url(''); padding: 5px; } .ljtags { margin-top: 15px; padding-left: 15px; text-align: left; text-transform: lowercase; font-size: 9px; color: #cccccc; border-left: 4px solid #dddddd; } .headerimage { position: relative; width: 850px; height: 600px; margin-left: auto; margin-right: auto; margin-bottom: 0px; border-style: solid; border-color:#e7e7e5; border-width: 0px; background-image: url('http://i763.photobucket.com/albums/xx274/ReallyStoryGirl/cnblue.png'); background-repeat: no-repeat; background-position: right; .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .userpiccomment { position: relative; border-width: 0px; border-style: solid; border-color: #d4dce8; background-color: #d4dce8; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 0px; border-color: #919bad; border-style: solid; } .box { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999999; padding: 8px; clear: right; } input, textarea { background-color: #000000; color: #000000; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 20px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "arial", sans-serif; font-size: 11px; line-height: 100%; background-color:#333333; color: #666666; } .replytosubject { font-weight: none; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "arial", sans-serif; color: #666666; } .commentbox { border-color: #b1b1b1; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; background-color: #000000; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #333333; } .datesubjectcomment a:hover { color: #888888; } .commentboxpartial { border-color: #999999; border-width: 1px; border-style: solid; padding: 9px; margin: 9px; background-color: #d4dce8; } .commentinfo { background-color: #000000; margin-top: 10px; width: 100%; }
If you have any problem with the code, please contact me.
If you want a simple tutorial: How to install this layout.
Please comment if you take it.