2 NEWS' Layouts
Well, I made 2 LJ Layouts about NewS with different headers, so...uhn...I hope you like them!
The first one.
• KoyaTego
• Group
• ShigeKeiiPi
(Click on the image for the Large Preview)
Code:
/* re-style by seleraf -- (http://seleraf.livejournal.com/)*/ /* Layout bY: Minty_Peach -- (http://minty_peach.livejournal.com) style -- Flexible Squares / s2 account type: Free & Paid accounts DO NOT REMOVE THIS SECTION */ BODY{margin-top: 0px; background-color: #333333; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: top-left; background-attachment: fixed; text-align: left; font-size: 7pt; color: #8e8e8e; font-family: "Verdana", sans-serif; } a, a:link, a:visited { font-family: "Verdana" Helvetica, sans-serif; cursor: default; color: #D9677F; font-weight: light; text-transform: uppercase; text-decoration: none; } a:hover{ font-family: "Verdana" Helvetica, sans-serif; cursor: default; color: #999; font-weight: light; text-transform: uppercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 5px; color: #777777; font-size: 7pt; border-top: 3px solid #D9677F; border-bottom: 3px solid #DDDDDD; background: #EFEFEF; text-align: justify; } p, td { font-size: 7pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 807px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background: #FEFEFE; border-top: 30px solid #FEFEFE; border-bottom: 30px solid #FEFEFE; border-left: 0px solid #FEFEFE; border-right: 0px solid #FEFEFE; background-image: url(''); background-repeat: repeat; background-position: top-left; background-attachment: scroll; padding: 0px; } #maincontent { margin: 0px 25px 0px 250px; background: #FEFEFE; } #sidebar { width: 200px; padding: 40px 15px 40px 15px; margin-top: 0px; background: #FEFEFE; border-top: dashed #FEFEFE 0px; border-left: dashed #FEFEFE 0px; border-bottom: dashed #FEFEFE 0px; border-right: dashed #AAAAAA 1px; color: #777777; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; text-align: justify; float: left; } #header { width: auto; padding-top: 5px; padding-bottom: 5px; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: center; font-family: "verdana", sans-serif; font-size: 20pt; font-weight: light; text-transform: uppercase; color: #777777; text-align: center; letter-spacing: 0px; border-bottom: 0px dashed #333333; } #footer { width: auto; padding-top: 0px; padding-bottom: 0px; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: center; font-family: "verdana", sans-serif; font-size: 18pt; font-weight: light; text-transform: uppercase; color: #777777; text-align: center; letter-spacing: 0px; border-bottom: 0px dashed #333333; clear: left; } /*********************************************** HEADER LINKS, FOOTER LINKS, TITLE, SUBTITLE ******************************************/ div#header a, div#header a:link, div#header a:active, div#header a:visited { color: #FFFFFF; font-weight: light; text-decoration; none; text-transform: uppercase; } div#header a:hover { color: #888888; font-weight: light; text-decoration; none; text-transform: uppercase; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { color: #FFFFFF; font-weight: light; text-decoration; none; text-transform: uppercase; } div#footer a:hover { color: #888888; font-weight: light; text-decoration; none; text-transform: uppercase; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 2 5px 2 5px; } .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #D9677F; text-decoration: none; } div#sidebar a:hover { text-decoration: none; color: #999; } .defaultuserpic { text-align: center; border-color: 10px dashed #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 1px; border: 1px dashed #ddd; background: #FEFEFE; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #999999; font-size: 7pt; } .sbarcalendarposts { padding: 1px; border: 1px dashed #ddd; background: #dddddd; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #D9677F; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 1px 1px 1px 10px; padding: 1px 1px 1px 1px; list-style: none; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; border-bottom: 1px #dddddd dashed; } li.sbaritem:hover { background-color: #eeeeee; background-image: url(''); background-repeat: repeat; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 10px; text-align: left; font-weight: normal; padding-left: 1px; padding-bottom: 2px; color: #666666; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px dashed #aaaaaa; text-transform: uppercase; letter-spacing: 0px; background: url('') 0px 0px no-repeat; } ul.ljtaglist li { padding-left: 3px; margin-left: 12px; list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** TAGS PAGE LAYOUT ******************************************/ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px dashed #aaaaaa; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } /*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/ ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px dashed #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .subcontent { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 30px; border-right: 0px dashed #aaaaaa; border-bottom: 1px dashed #aaaaaa; background: #FEFEFE; } .entry{ margin: 5px 5px 30px 5px; padding: 10px 10px 10px 10px; padding-top: 08px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; 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 PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/ .userpic { position: relative; float: left; padding: 5px; margin-right: 5px; margin-left: 0px; margin-top: 0px; z-index: 15; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; border: 0px dashed #aaaaaa; } .userpicfriends { position: relative; float: left; padding: 5px; margin-right: 5px; margin-left: 5px; margin-top: 5px; text-align: left; font-family: "Verdana", sans-serif; font-size: 8pt; z-index: 10px; border-style: dashed; border-width: 0px; border-color: #aaa; background-color: #FEFEFE !important; background-image: url(''); background-repeat: repeat; } .userpicfriends font { color: #666666 !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } .date{ padding-top: 02px; text-align: left; top: 5px; color: #9999999; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; text-transform: lowercase; } .subject { text-align: left; font-weight: normal; padding-left: 17px; padding-bottom: 2px; color: #555555; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px dashed #aaaaaa; text-transform: uppercase; letter-spacing: 0px; } .subject a, .subject a:link, .subject a:visited { color: #D9677F; text-transform: uppercase; } .subject a:hover { color: #999; } .datesubject { background-color: #FEFEFE; padding-left: 0px; padding-top: 10px; } .ljtags { margin-top: 12px; color: #333; font-size: 7pt; font-weight: light; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #D9677F; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #D9677F; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: uppercase; } .comments { font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; font-weight: none; padding: 6px; position: relative; top: 12px; border-top: 0px; background-color: #FEFEFE; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } /*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px dashed #bbb; background: #FEFEFE; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 03px; border: 0px dashed #444; background: #FEFEFE; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; background-color: #FEFEFE; border: 0px dashed #333333; } table.yeartable td.yearday { background: #cccccc; text-align: center; } td.yearmonth { color: #999999; border-style: none; } /*********************************************** MORE FOOTER INFO ******************************************/ ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /*********************************************** RANDOM STUFF ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 08px; color: #888888; border: 1px dashed #bbb; background: #FEFEFE; } /*********************************************** HEADER IMAGE ******************************************/ .headerimage { position: relative; width: 807px; height: 492px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('HEADER LINK HERE'); background-repeat: no-repeat; } .separator { background-color: #FEFEFE; background-image: url(''); background-repeat: repeat-x; height: 15px; } /*********************************************** COMMENT PAGES ******************************************/ .datesubjectcomment { background-color: #dddddd; padding: 5px; } .userpiccomment { position: relative; border: 2px dashed #aaaaaa; background-color: #FEFEFE; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-style: dashed; border-width: 1px 0px 0px 0px; border-color: #aaaaaa; padding: 10px; clear: right; } input, textarea { background-color: #FEFEFE; color: #999; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; background-color: #ffffff; color: #D9677F; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #999; } .commentbox { border-color: #aaaaaa; border-width: 1px; border-style: dashed; padding: 10px; margin: 10px; background-color: #FEFEFE; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #D9677F; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #aaaaaa; border-width: 1px; border-style: dashed; padding: 10px; margin: 10px; background-color: #FEFEFE; } .commentinfo { background-color: #FEFEFE; margin-top: 10px; width: 100%; }
Please re-upload the headers and put the 're-uploaded' link instead of "HEADER LINK HERE"
The second one
• KoyaTegoShige
• Yamapi {with and without text}
• Group
(Click on the image for the Large Preview)
Code:
/*-- layout: 93.4; made by minty_peach. Re-styled by seleraf. no stealing. no reposting code as yours. don't remove this section & please credit. --*/ /*-- main page --*/ BODY { background: #dddddd; background-image: url(''); background-repeat: repeat; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; margin: 50px 0px 50px 0px; } #content { width: 800px; margin-left: auto; margin-right: auto; background-color: #dddddd; } #maincontent { text-align: left; background-color: #ffffff; margin-left: 210px; } .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 800px; height: 376px; background-image: url('HEADER LINK HERE'); background-repeat: no-repeat; } /*-- special fonts, links, etc. --*/ b, i, s, u { color: #444444; } a, a:link, a:visited { color: #666666; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #444444; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } /*-- sidebar content --*/ #sidebar { width: 160px; float: left; text-align: justify; color: #94966F; background-color: #c0b9ad; padding: 0px 15px 30px 15px; } .defaultuserpic { text-align: center; } .defaultuserpic img { padding: 10px; background-color: #eeeeee !important; width: 80px; height: 80px; } .sbarheader, .sbarbody, .sbarbody2 { padding: 0px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #eeeeee; text-align: center; color: #eeeeee; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #eeeeee; background: #eeeeee; text-align: center; font-size: 7pt; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; border-bottom: 1px dashed #B6BA8A; margin-bottom: 7px; } li.sbaritem:hover { border-bottom: 1px solid #eeeeee; } li.sbartitle { padding-bottom: 7px; padding-top: 20px; color: #8f8f89; font-size: 7pt; text-transform: uppercase; text-align: left; } ul.ljtaglist li{ padding: 5px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /*-- navigation links --*/ #header { background: #202020; border-bottom: 15px solid #c0b9ad; border-top: 15px solid #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; text-align: center; } #footer { background: #202020; border-top: 15px solid #c0b9ad; border-bottom: 15px solid #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; text-align: center; clear: both; } .clear { height: 10px; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #777777; font-size: 10pt; text-transform: uppercase; padding: 5px 10px 5px 10px; } div#header a:hover, div#footer a:hover, div#header li.view, div#footer li.viewing { color: #999999; background-color: #ffffff; font-size: 10pt; text-transform: uppercase; padding: 5px 10px 5px 10px; } 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; } .clearfoot { display: none; } /*-- title & subtitle --*/ .title { display: none; } .subtitle { display: none; } /*-- subcontent and entry content --*/ .subcontent { padding: 25px; } .entry { padding: 20px 0px 10px 0px; 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; } .date { text-align: left; float: left; color: #d8d8d8; font-size: 11px; text-transform: uppercase; padding-right: 15px; padding: 2px 3px 3px 3px; } .subject { text-align: left; float: left; padding: 3px; } div.subject a, div.subject a:link, div.subject a:visited { color: #aaaaaa; text-transform: uppercase; } .datesubject { padding-bottom: 15px; } blockquote { border-right: 4px solid #777777; color: #aaaaaa; font-size: 10px; text-align: right; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 50px; } .separator { border-bottom: 1px dashed #dddddd; } /*-- currents, comment links, and tags in entry --*/ .currents { background-color: transparent; } .currents strong{ font-weight: normal; text-transform: lowercase; font-size: 7pt; color: #999999; text-align: left; } .currentlocation, .currentmood, .currentmusic { padding-left: 5px; font-size: 7pt; text-align: left; } .ljtags { margin-top: 25px; padding-left: 5px; text-transform: lowercase; font-size: 7pt; color: #999999; text-align: left; } .comments { text-align: left; font-weight: none; position: relative; top: 10px; padding-left: 5px; text-transform: lowercase; font-size: 7pt; color: #999999; } div.comments a, div.comments a:link, div.comments a:visited { color: #aaaaaa; padding: 5px; text-transform: uppercase; } div.comments a:hover { color: #777777; } /*-- userpics, friends userpics --*/ .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; } /*-- delete this section to make userpics normal size --*/ .userpic img, .userpicfriends img { background-color: #ffffff !important; border-right: 10px solid #dddddd; width: 80px; height: 80px; } /*-- tags page --*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #dddddd; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { text-align: center; padding: 30px; margin: 0px; line-height: 12px; font-weight: normal; font-size: 12pt; color: #dddddd; } ul.ljtaglist { color: #aaaaaa; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } ul.ljtaglist li{ padding: 3px; margin: 2px; list-style: decimal-leading-zero; list-style-position: inside; } /* archive page */ ul.year { text-align: center; padding: 30px; margin: 0px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } td.yeardate { color: #aaaaaa; background-color: #eeeeee; padding: 3px; text-align: center; } table.yeartable td.yearday { background-color: #dddddd; padding: 3px; text-align: center; text-transform: uppercase; color: #999999; } 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: 30px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; max-width: 50px; max-height: 50px; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: right; padding: 25px; } input, textarea { background-color: #A7DBD8; font-size: 12px; font-family: "Georgia", sans-serif; color: #555555; } textarea.textbox{ border: 0px solid #fff; font-family: "Georgia", sans-serif; font-size: 12px; 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: #777777; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #777777; } .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 re-upload the headers and put the 're-uploaded' link instead of "HEADER LINK HERE"
• Scans by nippon_news.
• Stylesheets by minty_peach.
• Please do not remove my credits in the CSS codes.
• If you take one of them, please put this credits ' Layout by seleraf ' (without " ' " and " ' ") in the sidebar or in the profile or in everywhere you want and comment this post.
• If you have any problem with the codes, contact me or comment this post.
• Here you can find a simple tutorial that will help you about installing the layouts.
The first one.
• KoyaTego
• Group
• ShigeKeiiPi
(Click on the image for the Large Preview)
Code:
/* re-style by seleraf -- (http://seleraf.livejournal.com/)*/ /* Layout bY: Minty_Peach -- (http://minty_peach.livejournal.com) style -- Flexible Squares / s2 account type: Free & Paid accounts DO NOT REMOVE THIS SECTION */ BODY{margin-top: 0px; background-color: #333333; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: top-left; background-attachment: fixed; text-align: left; font-size: 7pt; color: #8e8e8e; font-family: "Verdana", sans-serif; } a, a:link, a:visited { font-family: "Verdana" Helvetica, sans-serif; cursor: default; color: #D9677F; font-weight: light; text-transform: uppercase; text-decoration: none; } a:hover{ font-family: "Verdana" Helvetica, sans-serif; cursor: default; color: #999; font-weight: light; text-transform: uppercase; text-decoration: none; } blockquote { margin: 5px 5px; padding: 5px; color: #777777; font-size: 7pt; border-top: 3px solid #D9677F; border-bottom: 3px solid #DDDDDD; background: #EFEFEF; text-align: justify; } p, td { font-size: 7pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 807px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background: #FEFEFE; border-top: 30px solid #FEFEFE; border-bottom: 30px solid #FEFEFE; border-left: 0px solid #FEFEFE; border-right: 0px solid #FEFEFE; background-image: url(''); background-repeat: repeat; background-position: top-left; background-attachment: scroll; padding: 0px; } #maincontent { margin: 0px 25px 0px 250px; background: #FEFEFE; } #sidebar { width: 200px; padding: 40px 15px 40px 15px; margin-top: 0px; background: #FEFEFE; border-top: dashed #FEFEFE 0px; border-left: dashed #FEFEFE 0px; border-bottom: dashed #FEFEFE 0px; border-right: dashed #AAAAAA 1px; color: #777777; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; text-align: justify; float: left; } #header { width: auto; padding-top: 5px; padding-bottom: 5px; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: center; font-family: "verdana", sans-serif; font-size: 20pt; font-weight: light; text-transform: uppercase; color: #777777; text-align: center; letter-spacing: 0px; border-bottom: 0px dashed #333333; } #footer { width: auto; padding-top: 0px; padding-bottom: 0px; background-image: url('http://i53.tinypic.com/1079wxv.png'); background-repeat: repeat; background-position: center; font-family: "verdana", sans-serif; font-size: 18pt; font-weight: light; text-transform: uppercase; color: #777777; text-align: center; letter-spacing: 0px; border-bottom: 0px dashed #333333; clear: left; } /*********************************************** HEADER LINKS, FOOTER LINKS, TITLE, SUBTITLE ******************************************/ div#header a, div#header a:link, div#header a:active, div#header a:visited { color: #FFFFFF; font-weight: light; text-decoration; none; text-transform: uppercase; } div#header a:hover { color: #888888; font-weight: light; text-decoration; none; text-transform: uppercase; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { color: #FFFFFF; font-weight: light; text-decoration; none; text-transform: uppercase; } div#footer a:hover { color: #888888; font-weight: light; text-decoration; none; text-transform: uppercase; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 2 5px 2 5px; } .title { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; line-height: 0pt; } .subtitle { display: none; text-align: left; color: #FEFEFE; font-family: "Microsoft Sans Serif", sans-serif; font-size: 1pt; letter-spacing: 2pt; } /*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { color: #D9677F; text-decoration: none; } div#sidebar a:hover { text-decoration: none; color: #999; } .defaultuserpic { text-align: center; border-color: 10px dashed #FEFEFE; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 1px; border: 1px dashed #ddd; background: #FEFEFE; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #999999; font-size: 7pt; } .sbarcalendarposts { padding: 1px; border: 1px dashed #ddd; background: #dddddd; text-align: right; font-family: "Verdana", Helvetica, sans-serif; color: #D9677F; font-size: 7pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 1px 1px 1px 10px; padding: 1px 1px 1px 1px; list-style: none; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; border-bottom: 1px #dddddd dashed; } li.sbaritem:hover { background-color: #eeeeee; background-image: url(''); background-repeat: repeat; } li.sbartitle { list-style: none; margin-bottom: 2px; margin-top: 10px; text-align: left; font-weight: normal; padding-left: 1px; padding-bottom: 2px; color: #666666; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px dashed #aaaaaa; text-transform: uppercase; letter-spacing: 0px; background: url('') 0px 0px no-repeat; } ul.ljtaglist li { padding-left: 3px; margin-left: 12px; list-style: decimal-leading-zero; list-style-position: outside; } /*********************************************** TAGS PAGE LAYOUT ******************************************/ .ljtaglist { list-style-type: none; padding: 0px; margin: -1px 20px 0px 20px; margin-left: 70px; width: 50%; text-transform: uppercase; text-align: left; } .ljtaglist li { border-bottom: 1px dashed #aaaaaa; padding: 5px 2px 5px 20px; color: #888888; } H2 { margin: 30px 0px 10px 90px; text-align: left; padding: 2px 2px 2px 10px; line-height: 12px; font-weight: normal; font-style: italic; font-size: 12px; text-transform: uppercase; letter-spacing: 0px; font-family: arial; color: #888888; background: url('') 0px 2px no-repeat; } /*********************************************** ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/ ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 8pt; padding: 8px 8px 8px 12px; border: 0px dashed #FEFEFE; background: #FEFEFE; text-align: left; margin-right: auto;margin-left: auto; padding: 35px; } .subcontent { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; padding-top: 30px; border-right: 0px dashed #aaaaaa; border-bottom: 1px dashed #aaaaaa; background: #FEFEFE; } .entry{ margin: 5px 5px 30px 5px; padding: 10px 10px 10px 10px; padding-top: 08px; color: #888888; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; line-height: 11pt; 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 PAGE USERPICS, DATE, SUBJECT &MORE ******************************************/ .userpic { position: relative; float: left; padding: 5px; margin-right: 5px; margin-left: 0px; margin-top: 0px; z-index: 15; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; border: 0px dashed #aaaaaa; } .userpicfriends { position: relative; float: left; padding: 5px; margin-right: 5px; margin-left: 5px; margin-top: 5px; text-align: left; font-family: "Verdana", sans-serif; font-size: 8pt; z-index: 10px; border-style: dashed; border-width: 0px; border-color: #aaa; background-color: #FEFEFE !important; background-image: url(''); background-repeat: repeat; } .userpicfriends font { color: #666666 !important; text-transform: uppercase; } .userpicfriends br { display: block; height: 0; } .date{ padding-top: 02px; text-align: left; top: 5px; color: #9999999; font-family: "verdana" Helvetica, sans-serif; font-size: 7pt; text-transform: lowercase; } .subject { text-align: left; font-weight: normal; padding-left: 17px; padding-bottom: 2px; color: #555555; font-family: "verdana" Helvetica, sans-serif; font-size: 8pt; border-bottom: 1px dashed #aaaaaa; text-transform: uppercase; letter-spacing: 0px; } .subject a, .subject a:link, .subject a:visited { color: #D9677F; text-transform: uppercase; } .subject a:hover { color: #999; } .datesubject { background-color: #FEFEFE; padding-left: 0px; padding-top: 10px; } .ljtags { margin-top: 12px; color: #333; font-size: 7pt; font-weight: light; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #777777; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #777777; font-size: 7pt; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #D9677F; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #D9677F; font-size: 7pt; text-transform: uppercase; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: uppercase; } .comments { font-family: "Verdana", sans-serif; font-size: 8pt; text-align: center; font-weight: none; padding: 6px; position: relative; top: 12px; border-top: 0px; background-color: #FEFEFE; background-image: url(' '); background-repeat: repeat; text-transform:lowercase; letter-spacing: 0px; } div.comments a, div.comments a:link, div.comments a:visited { color: #666666; text-transform: uppercase; } div.comments a:hover { color: #bbbbbb; text-transform: uppercase; } /*********************************************** ARCHIVE PAGE/CALENDAR ******************************************/ ul.year{ text-align: center; padding: 10px 10px 10px 10px; border: 0px dashed #bbb; background: #FEFEFE; } ul.year li { color: #888888; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 03px; border: 0px dashed #444; background: #FEFEFE; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #888888; background-color: #FEFEFE; border: 0px dashed #333333; } table.yeartable td.yearday { background: #cccccc; text-align: center; } td.yearmonth { color: #999999; border-style: none; } /*********************************************** MORE FOOTER INFO ******************************************/ ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /*********************************************** RANDOM STUFF ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 08px; color: #888888; border: 1px dashed #bbb; background: #FEFEFE; } /*********************************************** HEADER IMAGE ******************************************/ .headerimage { position: relative; width: 807px; height: 492px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('HEADER LINK HERE'); background-repeat: no-repeat; } .separator { background-color: #FEFEFE; background-image: url(''); background-repeat: repeat-x; height: 15px; } /*********************************************** COMMENT PAGES ******************************************/ .datesubjectcomment { background-color: #dddddd; padding: 5px; } .userpiccomment { position: relative; border: 2px dashed #aaaaaa; background-color: #FEFEFE; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-style: dashed; border-width: 1px 0px 0px 0px; border-color: #aaaaaa; padding: 10px; clear: right; } input, textarea { background-color: #FEFEFE; color: #999; } textarea.textbox { width: 95% !important; } .reply { position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; background-color: #ffffff; color: #D9677F; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #999; } .commentbox { border-color: #aaaaaa; border-width: 1px; border-style: dashed; padding: 10px; margin: 10px; background-color: #FEFEFE; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #D9677F; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #aaaaaa; border-width: 1px; border-style: dashed; padding: 10px; margin: 10px; background-color: #FEFEFE; } .commentinfo { background-color: #FEFEFE; margin-top: 10px; width: 100%; }
Please re-upload the headers and put the 're-uploaded' link instead of "HEADER LINK HERE"
The second one
• KoyaTegoShige
• Yamapi {with and without text}
• Group
(Click on the image for the Large Preview)
Code:
/*-- layout: 93.4; made by minty_peach. Re-styled by seleraf. no stealing. no reposting code as yours. don't remove this section & please credit. --*/ /*-- main page --*/ BODY { background: #dddddd; background-image: url(''); background-repeat: repeat; color: #888888; font-size: 10px; font-family: "Verdana", sans-serif; text-align: left; margin: 50px 0px 50px 0px; } #content { width: 800px; margin-left: auto; margin-right: auto; background-color: #dddddd; } #maincontent { text-align: left; background-color: #ffffff; margin-left: 210px; } .headerimage { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 800px; height: 376px; background-image: url('HEADER LINK HERE'); background-repeat: no-repeat; } /*-- special fonts, links, etc. --*/ b, i, s, u { color: #444444; } a, a:link, a:visited { color: #666666; text-decoration: none; } a:hover, b:hover, i:hover, u:hover { color: #444444; } p, td { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } /*-- sidebar content --*/ #sidebar { width: 160px; float: left; text-align: justify; color: #94966F; background-color: #c0b9ad; padding: 0px 15px 30px 15px; } .defaultuserpic { text-align: center; } .defaultuserpic img { padding: 10px; background-color: #eeeeee !important; width: 80px; height: 80px; } .sbarheader, .sbarbody, .sbarbody2 { padding: 0px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 3px; border: 1px solid #eeeeee; text-align: center; color: #eeeeee; font-size: 7pt; } .sbarcalendarposts { padding: 3px; border: 1px solid #eeeeee; background: #eeeeee; text-align: center; font-size: 7pt; } ul.sbarlist { margin: 0px; list-style: none; padding: 0px; } li.sbaritem { list-style: none; border-bottom: 1px dashed #B6BA8A; margin-bottom: 7px; } li.sbaritem:hover { border-bottom: 1px solid #eeeeee; } li.sbartitle { padding-bottom: 7px; padding-top: 20px; color: #8f8f89; font-size: 7pt; text-transform: uppercase; text-align: left; } ul.ljtaglist li{ padding: 5px; margin: 0px; list-style: decimal-leading-zero; list-style-position: outside; } /*-- navigation links --*/ #header { background: #202020; border-bottom: 15px solid #c0b9ad; border-top: 15px solid #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; text-align: center; } #footer { background: #202020; border-top: 15px solid #c0b9ad; border-bottom: 15px solid #FFFFFF; margin-left: auto; margin-right: auto; padding: 30px; text-align: center; clear: both; } .clear { height: 10px; } div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { color: #777777; font-size: 10pt; text-transform: uppercase; padding: 5px 10px 5px 10px; } div#header a:hover, div#footer a:hover, div#header li.view, div#footer li.viewing { color: #999999; background-color: #ffffff; font-size: 10pt; text-transform: uppercase; padding: 5px 10px 5px 10px; } 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; } .clearfoot { display: none; } /*-- title & subtitle --*/ .title { display: none; } .subtitle { display: none; } /*-- subcontent and entry content --*/ .subcontent { padding: 25px; } .entry { padding: 20px 0px 10px 0px; 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; } .date { text-align: left; float: left; color: #d8d8d8; font-size: 11px; text-transform: uppercase; padding-right: 15px; padding: 2px 3px 3px 3px; } .subject { text-align: left; float: left; padding: 3px; } div.subject a, div.subject a:link, div.subject a:visited { color: #aaaaaa; text-transform: uppercase; } .datesubject { padding-bottom: 15px; } blockquote { border-right: 4px solid #777777; color: #aaaaaa; font-size: 10px; text-align: right; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 50px; } .separator { border-bottom: 1px dashed #dddddd; } /*-- currents, comment links, and tags in entry --*/ .currents { background-color: transparent; } .currents strong{ font-weight: normal; text-transform: lowercase; font-size: 7pt; color: #999999; text-align: left; } .currentlocation, .currentmood, .currentmusic { padding-left: 5px; font-size: 7pt; text-align: left; } .ljtags { margin-top: 25px; padding-left: 5px; text-transform: lowercase; font-size: 7pt; color: #999999; text-align: left; } .comments { text-align: left; font-weight: none; position: relative; top: 10px; padding-left: 5px; text-transform: lowercase; font-size: 7pt; color: #999999; } div.comments a, div.comments a:link, div.comments a:visited { color: #aaaaaa; padding: 5px; text-transform: uppercase; } div.comments a:hover { color: #777777; } /*-- userpics, friends userpics --*/ .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; } /*-- delete this section to make userpics normal size --*/ .userpic img, .userpicfriends img { background-color: #ffffff !important; border-right: 10px solid #dddddd; width: 80px; height: 80px; } /*-- tags page --*/ .ljtaglist { list-style-type: none; margin: -1px 20px 0px 20px; width: 60%; text-transform: lowercase; text-align: left; } .ljtaglist li { border-bottom: 1px solid #dddddd; padding: 6px 3px 6px 20px; color: #aaaaaa; } H2 { text-align: center; padding: 30px; margin: 0px; line-height: 12px; font-weight: normal; font-size: 12pt; color: #dddddd; } ul.ljtaglist { color: #aaaaaa; font-size: 8pt; padding: 8px 8px 8px 12px; text-align: left; margin-right: auto; margin-left: auto; padding: 25px; } ul.ljtaglist li{ padding: 3px; margin: 2px; list-style: decimal-leading-zero; list-style-position: inside; } /* archive page */ ul.year { text-align: center; padding: 30px; margin: 0px; } ul.year li { color: #aaaaaa; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; } td.yeardate { color: #aaaaaa; background-color: #eeeeee; padding: 3px; text-align: center; } table.yeartable td.yearday { background-color: #dddddd; padding: 3px; text-align: center; text-transform: uppercase; color: #999999; } 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: 30px; color: #999999; } .datesubjectcomment { background-color: #ffffff; color: #aaaaaa; padding: 5px; margin-bottom: 5px; } .userpiccomment { position: relative; max-width: 50px; max-height: 50px; top: -10px; left: 0px; margin: 0px 10px -20px -10px; z-index: 15; float: left; padding: 5px; } .box { background-color: #ffffff; width: auto; clear: right; padding: 25px; } input, textarea { background-color: #A7DBD8; font-size: 12px; font-family: "Georgia", sans-serif; color: #555555; } textarea.textbox{ border: 0px solid #fff; font-family: "Georgia", sans-serif; font-size: 12px; 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: #777777; } .replytosubject { font-weight: bold; } .commentreply { position: relative; padding: 10px 10px 20px 70px; font-size: 10px; color: #777777; } .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 re-upload the headers and put the 're-uploaded' link instead of "HEADER LINK HERE"
• Scans by nippon_news.
• Stylesheets by minty_peach.
• Please do not remove my credits in the CSS codes.
• If you take one of them, please put this credits ' Layout by seleraf ' (without " ' " and " ' ") in the sidebar or in the profile or in everywhere you want and comment this post.
• If you have any problem with the codes, contact me or comment this post.
• Here you can find a simple tutorial that will help you about installing the layouts.