Dir en Grey Graphic
Layout [1]
Icons [5]
Friends Only [1]
Teasers:
Feel free to use them if you want....
Comments are love :3 ~ ♥
[Dir an Grey Permanent Evil]
[
LARGE PREVIEW]
/* Layout by Minhoca @
http://momo-00.livejournal.com/ Name: Permanent Evil Style System: S2 Theme: Flexible Squares Account: Basic, Paid */ body { background-color: #000000; background-image:url(
http://i149.photobucket.com/albums/s80/sho_0m/blackpattern.png); background-repeat: ; text-align: center; color: #000000; font-family: "tahoma", sans-serif; font-size: 9px; margin: 10px 0 10px 0; } a, a:link { color: #7b7b7b; text-decoration: none; } a:visited { color: #8a8574; text-decoration: none; } a:hover { color: #e18015; text-decoration: none; } p, td, blockquote { font-size: 10px; } code, kbd, pre, tt { font-family: monospace; } #content { width: 709px; margin-left: auto; margin-right: auto; border: 1px solid #000000; margin-top: 0px; background-color: #000000; padding: 15px; } #maincontent { margin-top: 15px; font-family: "tahoma", sans-serif; font-size: 9px; background-color: #000000; color: #767676; border-style: solid; border-color: #7b7b7b; border-width: 0px; margin-right: px; text-align: left; } #sidebar { display: yes; padding-top: 6px; margin-top: 6px; background-color: #000000; font-size: 9px; font-family: "Tahoma", "Verdana", sans-serif; color: #000000; width: 150px; float: right; text-align: left; } #header or .headerimage #header { width: 100%; padding: 10px 0px 20px 0px; margin: 0px; text-align: left; color: #404040; font-family: monospace; font-size: 10px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; } .headerimage { background-image: url(
http://i149.photobucket.com/albums/s80/sho_0m/Headers/Dir%20en%20Grey/diru_1.jpg); background-repeat: none; background-position: right; position: relative; margin-bottom: 0px; margin-left: auto; margin-right: auto; align: left; height: 494px; width: 741px; } div#header a { text-transform: uppercase; color: #7e0a13; font-family: monospace; font-family: "tahoma", sans-serif; font-size: 10px; letter-spacing: 1px; } div#header a:link { text-transform: uppercase; color: #7b7b7b; font-family: "tahoma", sans-serif; font-size: 10px; letter-spacing: 1px; } div#header a:visited { text-transform: uppercase; color: #8a8574; font-family: monospace; font-family: "tahoma", sans-serif; font-size: 10px; letter-spacing: 1px; } div#footer a { text-transform: uppercase; } div#footer a:link { text-transform: uppercase; } div#footer a:visited { text-transform: uppercase; } div#header a:hover, div#footer a:hover { color: #e18015; text-decoration: none; } .title { display: none; } .subtitle { display: none; } ul.navheader { padding-top: 5px; padding-bottom: 20px; margin: 0px; text-align: left; background-color: #000000; background-image:url(); background-repeat: none; border-bottom: 1px solid #7b7b7b; } ul.navheader li { display: inline; padding: 10px; padding-top: 1px; padding-bottom: 5px; } .subcontent { } .entry { margin: 0px 20px 0px 20px; background-color: #000000; color: #404040; font-family: "Tahoma", "Verdana", sans-serif; font-size: 7pt; padding-right: 10px; text-align: justify; text-align: left; border-bottom: 1px #7b7b7b solid; border-right: 1px #7b7b7b solid; width: 520px; } .userpic { position: relative; float: left; background-color: transparent; padding: 5px; margin: 10px; z-index: 15; border-width: 1px; border-color: #7b7b7b; border-style: solid; } .userpic img { border:0px dashed #7b7b7b; } .date { line-height: 200%; top: 5px; color: #7b7b7b; font-family: "Verdana", sans-serif; font-size: 10px; margin-left: 25px; background-color: #000000; } .subject { padding: 1px; color: #7e0a13; font-family: "Tahoma", "Verdana", sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; margin-left: 25px; background-color: #000000; background-image:url(
http://img510.imageshack.us/img510/3127/pagespearmintys6.gif); background-repeat: no-repeat; padding-left: 15px; } .subject a, .subject a:link, .subject a:visited { color: #000; } .subject a:hover { color: #ff5696; } .datesubject { background-color: #000000; padding: 1px; } .entry ul li { padding-left: 5px; margin-left: 15px; } .entry ol li { padding-left: 5px; margin-left: 15px; } .currents, .currentmood, .currentmusic { color: #7b7b7b; font-family: "tahoma", sans-serif; font-size: 9px; text-align: left; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #7e0a13; text-transform: lowercase; } .ljtags { color: #e18015; text-transform: lowercase; font-size: 10px; font-family: "tahoma", sans-serif; font-size: 9px; margin-top: 20px; font-weight: bold; margin-bottom: -30px; } .ljtags a, .ljtags a:link, .ljtags a:visited { font-weight: normal; } .comments { color: #fff; font-family: "tahoma", sans-serif; font-size: 9px; text-align: left; background-color: #000000; position: relative; top: 1px; border-bottom: 5px #000000 solid; background-image:url(
http://img296.imageshack.us/img296/1452/speechbubblekx4.gif); background-repeat: no-repeat; padding-left: 20px; } div.comments a, div.comments a:link, div.comments a:visited { color: #bf0707; } div.comments a:hover { color: #7e0a13; text-decoration: none; } .separator{ height: 10px; } .userpicfriends { position: relative; float: left; background-color: transparent; padding: 5px; margin: 10px; z-index: 15; border-width: 1px; border-color: #7b7b7b; border-style: solid; } .defaultuserpic { display:none; text-align: center; border-width: 0px; border-color: #7b7b7b; border-style: dashed; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; color: #7b7b7b; } div#sidebar a, div#sidebar a:link, div#sidebar a:visited{ color: #7b7b7b; } div#sidebar a:hover { color: #222222; text-decoration: none; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { border-color: #7b7b7b; border-width: 0px; border-style: dashed; text-align: center; color: #404040; font-family: "tahoma", sans-serif; font-size: 9px; } .sbarcalendarposts { border-color: #7b7b7b; border-width: 0px; border-style: dotted; background-color: #000000; text-align: center; color: #F93D64; font-family: "tahoma", sans-serif; font-size: 9px; } ul.sbarlist { padding-left: 5px; margin-left: 5px; list-style: none; } li.sbaritem { padding-top:5px; padding-right: 5px; list-style: none; text-align:right; border-bottom: 1px #7b7b7b solid; } li.sbartitle { padding-left: 15px; list-style: none; border-bottom: 1px #7b7b7b solid; background-color: #000000; margin-bottom: 5px; margin-top: 5px; color: #383838; font-family: "arial", sans-serif; font-size: 16px; font-weight: bold; text-transform: lowercase; } li.view { font-weight: bold; color: #7b7b7b; font-family: "arial", sans-serif; font-size: 10px; text-transform: lowercase; background-color: #000000; margin-bottom: 20px; margin-top: 20px; } #footer { width: 100%; text-align: left; color: #7b7b7b; font-family: "tahoma", sans-serif; font-size: 9px; font-weight: ; letter-spacing: 1px; background-color: #000000; padding: 7px 0px 6px 0px; border-top: 1px #7b7b7b dotted; z-index: 100; clear: both; } ul.navfooter{ padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 5px 0 5px; } .clearfoot { clear: both; } /*--------------------- Archive Pages------------------------------* ul.year { text-align: center; padding-bottom: 40px; } ul.year li { display: inline; } table.yeartable { margin-left: auto; margin-right: auto; } table.yeartable td.yeardate, table.yeartable td.yearday { border-width: 1px; border-style: solid; border-color: #7b7b7b; } table.yeartable td.yearday { background-color: #000000; text-align: center; } td.yearmonth { border-style: none; } -------------------------Comments pages-------------------------------*/ .datesubjectcomment { background-color: #000000; padding: 5px; margin-top: 20px; } .userpiccomment { position: relative; border-width: 5px; border-style: solid; border-color: #7b7b7b; background-color: #000000; top: -30px; left: 0px; padding: 5px; margin: 10px 10px -20px 10px; z-index: 15; float: left; border-width: 1px; border-color: #7b7b7b; border-style: solid; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #7b7b7b; padding: 10px; clear: left; } input, textarea { background-color: #000000; color: #7b7b7b; } textarea.textbox { width: 100% !important; } .reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px; text-align: left; font-family: "Verdana", sans-serif; font-size: 11px; line-height: 125%; background-color: #7b7b7b; color: #7b7b7b; } .replytosubject { font-weight: bold; } .commentreply { position: relative; margin: 10px; font-size: 11px; font-family: "Verdana", sans-serif; color: #7b7b7b; } .commentbox { border-color: #fff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #000000; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #000; } .datesubjectcomment a:hover { color: #000; } .commentboxpartial { border-color: #fff; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; background-color: #7b7b7b; } .commentinfo { background-color: #000000; margin-top: 10px; width: 100%; } .skiplinks { text-align: center; } /*----------------------------Misc---------------------------*/ .clear { height: 15px; } blockquote { background-color: #000000; padding: 5px; border: 0px #000 dashed; color: #7B7B7B; font-family: "arial", sans-serif; font-size: 10px; text-align: left; padding: 10px; } code { background-color: #000000; padding:5px; border:1px dashed; color: #7b7b7b; } .subject img[src="
http://stat.livejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: px px 0px 0px; background: url(); } .subject img[src="
http://stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: px px 0px 0px; background: url(); } .ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color:transparent; /* so that IE users will still see an image */ background-image: url(
http://img217.imageshack.us/img217/9762/user2dx6.gif); padding: 9px 8px 0 2px; } .ljuser img[src="
http://stat.livejournal.com/img/userinfo.gif"] { background-color:transparent; background-image: url(
http://img217.imageshack.us/img217/9762/user2dx6.gif); padding: 9px 8px 0 2px; } .ljuser img[src="
http://stat.livejournal.com/img/community.gif"] { background-color:transparent; background-image: url(
http://img159.imageshack.us/img159/2002/community1xe1.gif); padding: 8px 6px 0 2px; }
Layouts Information
- S2
- Flexible Squares
- All accounts
Instructions
1.Change Journal Theme.
2.Featured | Choose Flexible Squares layout and click in Apply Theme.
3.Current Theme | Customize your theme.
4.Custom CSS | Make all three choices "NO".
5.Text to be added to the sidebar | Copy and pass the CSS code.
6. Seve changes.
Extras
Layout code by
hikaru__sama. PLEASE credit her too!!!
[Icons]
#01#02#03#04#05
[Friends Only]
#01