Fighting Korea feat MBLAQ
Sorry, this post is in only engrish language.
I made one Layout on: MBLAQ with two different version.
Resources and credits over there.
Preview 1 version:
Please don't remove my credit if you take it.
If you want a large preview: There.
/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/
/* layout: Opposite Intentions 87 made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 0px 0px 0px 0px; background-color: #000000; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; background-image: url('IMAGE URL HERE'); background-repeat: repeat; } b, i, s, u { color: #959595; } a, a:link, a:visited { color: #87C4BF; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #aaaaaa; font-size: 10px; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#content { width: 96.7%; min-width: 800px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 20px; border-top: 20px solid #000000; } } #maincontent { padding-left: 30px; padding-right: 280px; margin: 0px 0px 0px 50px; } /* headerimage */ .headerimage { position: relative; width: 1015px; height: 337px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i50.tinypic.com/6rk7kl.jpg'); background-color: #f2f2f2; background-repeat: no-repeat; } } .separator { height: 0px; } /* sidebar */ #sidebar { width: 180px; color: #aaaaaa; font-size: 10px; text-align: justify; float: right; padding-top: 12px; padding-right: 100px; } .defaultuserpic { padding: 15px 0px 15px 0px; text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 7px 10px 7px; } table.calendar { padding: 5px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 4px; text-align: center; color: #aaaaaa; font-size: 9px; } .sbarcalendarposts { padding: 4px; background-color: #A7DBD8; text-align: center; color: #ffffff; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } ul.ljtaglist li{ padding: 2px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } li.sbaritem { padding: 2px 10px 2px 10px; font-size: 8px; list-style: none; text-align: left; } li.sbartitle { list-style: none; padding: 20px 4px 4px 4px; border-bottom: 1px dashed #eeeeee; text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } /* header, footer */ #header { width: auto; padding: 5px 0px 20px 0px; text-align: center; font-size: 11px; } #footer { width: auto; line-height: 34px; text-align: center; font-size: 11px; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #9FCFCC; } div#header a:hover, div#footer a:hover { background-color: #A7DBD8; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #FDFDFD; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #000000; } .clearfoot { display: none; } /* title & subtitle */ .title { display: none; } .subtitle { display: none; } /* subcontent, entries */ .subcontent { padding: 30px 20px 20px 20px; } .entry{ margin-left: 80px; padding: 5px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: #ffffff !important; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .userpic img, .userpicfriends img { background-color: #ffffff !important; padding: 5px; border: 1px dashed #eeeeee; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; padding-right: 15px; float: left; } .subject { text-align: left; font-weight: normal; font-style: italic; color: #888888; font-size: 7pt; text-transform: uppercase; } .datesubject { margin-left: 80px; padding: 3px; border-bottom: 1px dashed #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: right; padding-right: 15px; font-size: 9px; color: #888888; border-right: 7px solid #A7DBD8; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #cccccc; border-right: 7px solid #A7DBD8; } .comments { text-align: right; font-weight: none; padding-right: 15px; border-right: 7px solid #959595; position: relative; color: #dddddd; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /* image hover effects */ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /* tags page */ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /* archive page */ ul.year{ text-align: center; padding: 5px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate { color: #888888; border: 1px dashed #eeeeee; background-color: #ffffff; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #000000; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 10px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #878768; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #A7DBD8; color: #555555; } textarea.textbox{ border: 0px solid #fff; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #878768; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #9E9E7B; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /* additional codes, paste below here */;
Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by reallystorygirl
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.
Preview 2 version:
Please don't remove my credit if you take it.
If you want a large preview: There.
/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/
/* layout: Opposite Intentions 87 made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 0px 0px 0px 0px; background-color: #ffffff; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; background-image: url('IMAGE URL HERE'); background-repeat: repeat; } b, i, s, u { color: #959595; } a, a:link, a:visited { color: #87C4BF; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #aaaaaa; font-size: 10px; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#content { width: 96.7%; min-width: 800px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 20px; border-top: 20px solid #000000; } } #maincontent { padding-left: 30px; padding-right: 280px; margin: 0px 0px 0px 50px; } /* headerimage */ .headerimage { position: relative; width: 1015px; height: 337px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i50.tinypic.com/6rk7kl.jpg'); background-color: #f2f2f2; background-repeat: no-repeat; } } .separator { height: 0px; } /* sidebar */ #sidebar { width: 180px; color: #aaaaaa; font-size: 10px; text-align: justify; float: right; padding-top: 12px; padding-right: 100px; } .defaultuserpic { padding: 15px 0px 15px 0px; text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 7px 10px 7px; } table.calendar { padding: 5px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 4px; text-align: center; color: #aaaaaa; font-size: 9px; } .sbarcalendarposts { padding: 4px; background-color: #A7DBD8; text-align: center; color: #ffffff; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } ul.ljtaglist li{ padding: 2px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } li.sbaritem { padding: 2px 10px 2px 10px; font-size: 8px; list-style: none; text-align: left; } li.sbartitle { list-style: none; padding: 20px 4px 4px 4px; border-bottom: 1px dashed #eeeeee; text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } /* header, footer */ #header { width: auto; padding: 5px 0px 20px 0px; text-align: center; font-size: 11px; } #footer { width: auto; line-height: 34px; text-align: center; font-size: 11px; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #9FCFCC; } div#header a:hover, div#footer a:hover { background-color: #A7DBD8; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #FDFDFD; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #000000; } .clearfoot { display: none; } /* title & subtitle */ .title { display: none; } .subtitle { display: none; } /* subcontent, entries */ .subcontent { padding: 30px 20px 20px 20px; } .entry{ margin-left: 80px; padding: 5px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: #ffffff !important; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .userpic img, .userpicfriends img { background-color: #ffffff !important; padding: 5px; border: 1px dashed #eeeeee; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; padding-right: 15px; float: left; } .subject { text-align: left; font-weight: normal; font-style: italic; color: #888888; font-size: 7pt; text-transform: uppercase; } .datesubject { margin-left: 80px; padding: 3px; border-bottom: 1px dashed #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: right; padding-right: 15px; font-size: 9px; color: #888888; border-right: 7px solid #A7DBD8; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #cccccc; border-right: 7px solid #A7DBD8; } .comments { text-align: right; font-weight: none; padding-right: 15px; border-right: 7px solid #959595; position: relative; color: #dddddd; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /* image hover effects */ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /* tags page */ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /* archive page */ ul.year{ text-align: center; padding: 5px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate { color: #888888; border: 1px dashed #eeeeee; background-color: #ffffff; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #000000; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 10px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #878768; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #A7DBD8; color: #555555; } textarea.textbox{ border: 0px solid #fff; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #878768; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #9E9E7B; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /* additional codes, paste below here */
Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by reallystorygirl
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 one Layout on: MBLAQ with two different version.
Resources and credits over there.
Preview 1 version:
Please don't remove my credit if you take it.
If you want a large preview: There.
/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/
/* layout: Opposite Intentions 87 made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 0px 0px 0px 0px; background-color: #000000; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; background-image: url('IMAGE URL HERE'); background-repeat: repeat; } b, i, s, u { color: #959595; } a, a:link, a:visited { color: #87C4BF; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #aaaaaa; font-size: 10px; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#content { width: 96.7%; min-width: 800px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 20px; border-top: 20px solid #000000; } } #maincontent { padding-left: 30px; padding-right: 280px; margin: 0px 0px 0px 50px; } /* headerimage */ .headerimage { position: relative; width: 1015px; height: 337px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i50.tinypic.com/6rk7kl.jpg'); background-color: #f2f2f2; background-repeat: no-repeat; } } .separator { height: 0px; } /* sidebar */ #sidebar { width: 180px; color: #aaaaaa; font-size: 10px; text-align: justify; float: right; padding-top: 12px; padding-right: 100px; } .defaultuserpic { padding: 15px 0px 15px 0px; text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 7px 10px 7px; } table.calendar { padding: 5px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 4px; text-align: center; color: #aaaaaa; font-size: 9px; } .sbarcalendarposts { padding: 4px; background-color: #A7DBD8; text-align: center; color: #ffffff; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } ul.ljtaglist li{ padding: 2px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } li.sbaritem { padding: 2px 10px 2px 10px; font-size: 8px; list-style: none; text-align: left; } li.sbartitle { list-style: none; padding: 20px 4px 4px 4px; border-bottom: 1px dashed #eeeeee; text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } /* header, footer */ #header { width: auto; padding: 5px 0px 20px 0px; text-align: center; font-size: 11px; } #footer { width: auto; line-height: 34px; text-align: center; font-size: 11px; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #9FCFCC; } div#header a:hover, div#footer a:hover { background-color: #A7DBD8; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #FDFDFD; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #000000; } .clearfoot { display: none; } /* title & subtitle */ .title { display: none; } .subtitle { display: none; } /* subcontent, entries */ .subcontent { padding: 30px 20px 20px 20px; } .entry{ margin-left: 80px; padding: 5px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: #ffffff !important; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .userpic img, .userpicfriends img { background-color: #ffffff !important; padding: 5px; border: 1px dashed #eeeeee; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; padding-right: 15px; float: left; } .subject { text-align: left; font-weight: normal; font-style: italic; color: #888888; font-size: 7pt; text-transform: uppercase; } .datesubject { margin-left: 80px; padding: 3px; border-bottom: 1px dashed #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: right; padding-right: 15px; font-size: 9px; color: #888888; border-right: 7px solid #A7DBD8; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #cccccc; border-right: 7px solid #A7DBD8; } .comments { text-align: right; font-weight: none; padding-right: 15px; border-right: 7px solid #959595; position: relative; color: #dddddd; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /* image hover effects */ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /* tags page */ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /* archive page */ ul.year{ text-align: center; padding: 5px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate { color: #888888; border: 1px dashed #eeeeee; background-color: #ffffff; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #000000; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 10px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #878768; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #A7DBD8; color: #555555; } textarea.textbox{ border: 0px solid #fff; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #878768; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #9E9E7B; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /* additional codes, paste below here */;
Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by reallystorygirl
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.
Preview 2 version:
Please don't remove my credit if you take it.
If you want a large preview: There.
/*-- image and re-organized by ReallyStoryGirl --*/
/*-- credits and resources: http://reallystorygirl.livejournal.com/26592.html --*/
/* layout: Opposite Intentions 87 made by minty_peach. no stealing. no reposting code as yours. please credit. */ BODY { margin: 0px 0px 0px 0px; background-color: #ffffff; text-align: left; font-size: 10px; color: #888888; font-family: "Verdana", sans-serif; background-image: url('IMAGE URL HERE'); background-repeat: repeat; } b, i, s, u { color: #959595; } a, a:link, a:visited { color: #87C4BF; font-style: italic; font-size: 10px; text-transform: lowercase; text-decoration: none; } a:hover{ color: #555555; } blockquote { margin: 7px; padding: 7px; color: #aaaaaa; font-size: 10px; text-align: justify; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; }
#content { width: 96.7%; min-width: 800px; background-color: #ffffff; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 20px; border-top: 20px solid #000000; } } #maincontent { padding-left: 30px; padding-right: 280px; margin: 0px 0px 0px 50px; } /* headerimage */ .headerimage { position: relative; width: 1015px; height: 337px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('http://i50.tinypic.com/6rk7kl.jpg'); background-color: #f2f2f2; background-repeat: no-repeat; } } .separator { height: 0px; } /* sidebar */ #sidebar { width: 180px; color: #aaaaaa; font-size: 10px; text-align: justify; float: right; padding-top: 12px; padding-right: 100px; } .defaultuserpic { padding: 15px 0px 15px 0px; text-align: center; } .sbarbody, .sbarheader { padding: 0px; } .sbarbody2 { padding: 10px 7px 10px 7px; } table.calendar { padding: 5px; margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 4px; text-align: center; color: #aaaaaa; font-size: 9px; } .sbarcalendarposts { padding: 4px; background-color: #A7DBD8; text-align: center; color: #ffffff; font-size: 9px; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } ul.ljtaglist li{ padding: 2px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } li.sbaritem { padding: 2px 10px 2px 10px; font-size: 8px; list-style: none; text-align: left; } li.sbartitle { list-style: none; padding: 20px 4px 4px 4px; border-bottom: 1px dashed #eeeeee; text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; } /* header, footer */ #header { width: auto; padding: 5px 0px 20px 0px; text-align: center; font-size: 11px; } #footer { width: auto; line-height: 34px; text-align: center; font-size: 11px; text-transform: lowercase; clear: both; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #FFFFFF; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #9FCFCC; } div#header a:hover, div#footer a:hover { background-color: #A7DBD8; } ul.navheader, ul.navfooter { padding: 0 2px 0 2px; margin: 0 1px 0 1px; } ul.navheader li, ul.navfooter li { display: inline; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 1px; } div#header li.view, div#footer li.viewing { color: #FDFDFD; font-size: 11px; text-transform: lowercase; padding: 5px 15px 5px 15px; background-color: #000000; } .clearfoot { display: none; } /* title & subtitle */ .title { display: none; } .subtitle { display: none; } /* subcontent, entries */ .subcontent { padding: 30px 20px 20px 20px; } .entry{ margin-left: 80px; padding: 5px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 10px; text-align: justify; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /* userpics, friends userpics, date, subject */ .userpic { position: relative; float: left; margin: 0px 10px 10px 0px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 0px 10px 10px 0px; background-color: #ffffff !important; text-align: center; font-size: 7pt; z-index: 15; } .userpicfriends font { color: #888888 !important; text-transform: lowercase; } .userpicfriends br { display: block; height: 0; } .userpic img, .userpicfriends img { background-color: #ffffff !important; padding: 5px; border: 1px dashed #eeeeee; } .date { text-align: left; font-weight: normal; font-style: italic; color: #bbbbbb; font-size: 7pt; text-transform: uppercase; padding-right: 15px; float: left; } .subject { text-align: left; font-weight: normal; font-style: italic; color: #888888; font-size: 7pt; text-transform: uppercase; } .datesubject { margin-left: 80px; padding: 3px; border-bottom: 1px dashed #eeeeee; } /* currents, comment links for main page, tags on main page */ .currents { background-color: transparent; } .currents strong{ font-weight: normal; font-size: 9px; color: #cccccc; } .currentlocation, .currentmood, .currentmusic, .currentgroup { text-align: right; padding-right: 15px; font-size: 9px; color: #888888; border-right: 7px solid #A7DBD8; } .ljtags { margin-top: 15px; padding-right: 15px; text-align: right; text-transform: lowercase; font-size: 9px; color: #cccccc; border-right: 7px solid #A7DBD8; } .comments { text-align: right; font-weight: none; padding-right: 15px; border-right: 7px solid #959595; position: relative; color: #dddddd; top: 5px; } div.comments a, div.comments a:link, div.comments a:visited { font-size: 9px; color: #888888; text-transform: lowercase; } div.comments a:hover { color: #cccccc; } /* image hover effects */ img:hover { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; } /* tags page */ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; margin-left: 70px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #eeeeee; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { margin: 30px; text-align: left; padding: 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; color: #aaaaaa; } ul.ljtaglist { color: #cccccc; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } /* archive page */ ul.year{ text-align: center; padding: 5px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 2px; } table.yeartable td.yeardate { color: #888888; border: 1px dashed #eeeeee; background-color: #ffffff; padding: 2px; text-align: center; } table.yeartable td.yearday { background-color: #000000; padding: 2px; text-align: center; text-transform: uppercase; color: #bbbbbb; } td.yearmonth { color: #aaaaaa; border-style: none; } /* comment page (sponsored and paid only) */ .clear { display: none; } .skiplinks { text-transform: lowercase; text-align: center; padding-top: 10px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #878768; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: left; padding: 25px; } input, textarea { background-color: #A7DBD8; color: #555555; } textarea.textbox{ border: 0px solid #fff; width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-size: 10px; line-height: 125%; color: #878768; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #9E9E7B; } .commentbox { padding: 15px 0px 15px 0px; margin: 5px; border-top: 1px solid #dddddd; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #9E9E7B; } .datesubjectcomment a:hover { color: #bbbbbb; } .commentboxpartial { background-color: #FFFFFF; padding: 5px; margin: 12px; } .commentinfo { margin-top: 10px; width: 100%; } /* additional codes, paste below here */
Please don't forget if you take this layout to put this in everywhere you want for credit me for the work:
Layout by reallystorygirl
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.