minty_peach: Professionally Dark 28

Jenny (

minty_peach) wrote,
@ 2007-06-04 23:38:00

Entry tags:

custom: layouts

Professionally Dark 28

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only
» uploading instructions -- here
»

/* 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: 15px;
background-color: #161410;
background-image: url('http://img516.imageshack.us/img516/6457/161410jo4.png');
background-repeat: repeat;
background-position: top-left;
background-attachment: fixed;
text-align: justify;
font-size: 11px;
color: #888;
font-family: "Verdana" sans-serif;
}

a, a:link, a:visited {
font-family: "Verdana", Helvetica, sans-serif;
cursor: default;
color: #eee;
font-weight: light;
text-decoration: none;
}

a:hover{
font-family: "Verdana" Helvetica, sans-serif;
cursor: default;
color: #ccc;
font-weight: light;
text-decoration: none;
}

::-moz-selection {
background: transparent;
color: #666;
}

blockquote {
margin: 20px 20px; 
padding: 10px; 
color: #888;
font-size: 8pt;
line-height: 9pt;
font-family: "Verdana" Helvetica, sans-serif;
border: 1px dotted #aaa;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-align: justify;
}

p, td {
font-size: 8pt;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 795px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
border: 0px dotted #888;
padding: 08px;
}

#maincontent {
margin: 5px 210px 5px 5px;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

#sidebar {
width: 190px;
padding: 5px 0 5px 0;
margin-top: 10px;
background-color: #232323;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #363430;
border-style: solid;
color: #888;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 7.5pt;
line-height: 11pt;
text-align: justify;
float: right;
}

#header {
width: auto;
height: 20px;
margin-top: 0px;
padding: 5px;
color: #666;
background-color: transparent;
font-weight: normal;
font-family: arial ;
font-size: 15px;
text-transform: lowercase;
letter-spacing: 2px;
text-align: center;
}

#footer {
width: auto;
height: 20px;
margin: 0px;
padding 0px;
color: #888;
background-color: transparent;
font-weight: normal;
font-family: Tahoma;
font-size: 13px;
text-transform: lowercase;
letter-spacing: 2px;
border: 0px;
text-align: center;
}

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #eee;
padding: 3px;
font-size: 13px;
font-family: Tahoma;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

div#header a:hover {
color: #888;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: lowercase;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #888;
font-size: 13px;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #888;
padding: 3px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title{
display: none;
line-height: 200%;
top: 10px;
}

.subtitle {
display: none;
top: 10px;
}

/* sidebar */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #eee;
text-decoration: none;
}

div#sidebar a:hover {
text-decoration: none;
color: #666;
}

.defaultuserpic {
text-align: center;
}

.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: 02px;
border: 1px solid #bbb;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
}

.sbarcalendarposts {
padding: 02px;
border: 1px solid #aaa;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-align: center;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 7pt;
}

ul.sbarlist {
margin-left: 0px;
list-style: none;
padding: 0px;
}

li.sbaritem {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 7px;
list-style: none;
background-color: #2B2B2B;
background-image: url('');
background-repeat: repeat;
}

li.sbaritem:hover {
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 7px;
list-style: none;
background-color: #333;
background-image: url('');
background-repeat: repeat;
}
li.sbartitle {
padding-left: 0px;
padding-right: 0px;
text-align: left;
padding: 2px;
list-style: none;		
margin-bottom: 3px;
margin-top: 3px;
color: #FFAC0B;
border-bottom: dotted 0px #ccc;
font-weight: none;
font-family: "Georgia", sans-serif;
text-transform: lowercase;
font-size: 8pt;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
letter-spacing: 2pt;
}

/* maincontent */

ul.ljtaglist li  {
list-style: none;
}

ul.ljtaglist {
color: #888;
font-family: "Verdana", Helvetica, sans-serif;
font-size: 8pt;
text-align: left;
padding: 08px 08px 08px 12px;
border: 1px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

.subcontent {
padding: 5px;
margin-top: 10px;
background-color: #232323;
background-image: url('');
background-repeat: repeat;
border-width: 1px;
border-color: #363430;
border-style: solid;
}

.entry{
margin: 5px 5px 5px 120px;
padding: 5px 5px 5px 5px;
color: #777;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 8pt;
line-height: 11pt;
text-align: justify;
}

.entry ul li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 5px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.userpic {
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: solid;
border-width: 0px;
border-color: #333;
background-color: transparent !important;
background-image: url('');
background-repeat: repeat;
}

.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: solid;
border-width: 1px;
border-color: #333;
background-color: transparent !important;
background-image: url('');
background-repeat: repeat;
}

.userpicfriends font {
color: #666 !important;
}

.userpicfriends br {
display: block;
height: 0;
}

.date{
padding-top: 05px;
text-align: left;
top: 5px;
color: #ccc;
border-left: 0px solid transparent;
border-bottom: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 7pt;
background-color: transparent;
text-transform: lowercase;
}

.subject {
text-align: left;
font-weight: none;
padding-bottom: 05px;
color: #FFAC0B;
border-top: 0px solid;
border-bottom: 1px solid #333;
border-right: 0px solid transparent;
border-left: 0px solid transparent;
font-size: 8pt;
background-color: transparent;
text-transform: lowercase;
font-family: "Georgia" Helvetica, sans-serif;
letter-spacing: 2px;
}

.subject a, .subject a:link, .subject a:visited {
color: #555;
}

.subject a:hover {
color: #ccc;
}

.datesubject {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
padding: 7px;
}

.ljtags {
margin-top: 20px;
color: #CCC;
font-size: 8pt;
font-weight: light;
text-transform: lowercase;
}

.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #CCC;
font-weight: light;
text-transform: lowercase;
}

.currents, .currentmood, .currentmusic, .currentlocation {
color: #eee;
font-weight: light;
text-transform: lowercase;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #eee;
font-size: 8pt;
text-transform: none;
font-weight: light;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #888;
text-transform: none;
font-weight: light;
}

.currentlocation a:hover, .ljtags a:hover {
color: #888;
font-weight: light;
text-transform: none;
}

.comments {
font-family: "Verdana", sans-serif;
font-size: 9px;
text-align: right;
font-weight: none;
padding: 5px;
position: relative;
top: 10px;
border-top: solid 1px #333;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-transform:uppercase;
letter-spacing: 2pt;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #eee;
}

div.comments a:hover {
color: #ccc;
text-decoration: none;
}

/* maincontent -- year/achive pages */

ul.year{
text-align: center;
padding: 20px 0 20px 0;
border: 1px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

ul.year li {
color: #888;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 08px;
border: 1px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #888;
border: 1px solid #D1D1D1;
}

table.yeartable td.yearday {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
text-align: center;
}

td.yearmonth {
color: #888;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}

.clearfoot {
display: none;
clear: both;
}

/* misc  */

.clear {
display: none;
height: 15px;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
margin: 08px 0 08px 0;
padding: 08px;
color: #888;
border: 1px solid #ddd;
background-color: transparent;
background-image: url('');
background-repeat: repeat;
}

/* for formatting header image */

.headerimage {
position: relative;
width: 811px; height: 258px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; 
background-image: url('http://img516.imageshack.us/img516/190/811lb1.png'); 
background-repeat: no-repeat;
}

.separator {
background-color: transparent;
background-image: url('');
background-repeat: repeat;
height: 18px;
}

/* maincontent --  entry, reply pages PAID/SPONSORED USERS ONLY*/

.datesubjectcomment {
            background-color: #232323;
            padding: 5px;
            }

.userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #999;
        background-color: #232323;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        }

.box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #4b4b4b;
        padding: 10px;
        clear: left;
        }

input, textarea {
        background-color: #eee;
        color: #444;
        }

textarea.textbox  {
          width: 95% !important;
           }

.reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Arial";
        font-size: 11px;
        line-height: 125%;
        background-color: #232323;
        color: #eee;
        }

.replytosubject {
        font-weight: bold;
        }

.commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Arial";
        color: #999;
        }

.commentbox {

border-color: #999999;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #232323;
        }

.datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #ffffff;
        }

.datesubjectcomment a:hover {
        color: #CCC;
        }

.commentboxpartial {
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: #232323;
        }

.commentinfo {
        background-color: #232323;
        margin-top: 10px;
        width: 100%;
        }

>>> the images are uploaded to Imageshack, so don't worry about changing them or hotlinking, but if by some un-batmanly reason you still dont see them, here are the originals to upload to your own photobucket. thankees to

ollivander for getting the Imageshack links to work! :D

page background: http://i178.photobucket.com/albums/w242/mythbusterjen/161410.png
header image: http://i178.photobucket.com/albums/w242/mythbusterjen/811.png

(the header image was made by Joen Asmussen for his layout at wordpress, but i used it with a few changes. all credit for said header to him.) - [see original]

» - feel free to edit.
» - see my FAQ page before asking questions!
» - dont know how to install?! heres a setup tutorial made simple.
» - feel free to Friend Me to receive icon and layout updates on your friends page.
» - add a picture to my photography spam guestbook.

Page 1 of 6
<<	[1] [2] [3] [4] [5] [6]	>>

(178 comments) - (Post a new comment)

	kanrinin 2007-06-05 04:08 am UTC (link)
	Yet another beautiful layout! XD Your works are always so consistently awesome~ +mem'd for future use :D Thanks! (Reply to this)

	viktorialouise 2007-06-05 04:11 am UTC (link)
	This is nice... Really, really nice... Will use it now... :) Thanks for having time to make very beautiful layouts... :) (Reply to this)

	movetheair 2007-06-05 04:27 am UTC (link)
	I really like this one :o) (Reply to this)

	elizabethswan_ 2007-06-05 04:27 am UTC (link)
	I needed a new one! Great work, as always my dear. (Reply to this)

	threeohthreeam 2007-06-05 04:29 am UTC (link)
	Oooooh, I really like this. Not using, as I just put up a new layout, but I love the header. :D ♥ (Reply to this)

	acreofbones 2007-06-05 04:51 am UTC (link)
	That is really beautiful! (Reply to this)

	cherryreefer 2007-06-05 04:53 am UTC (link)
	saving to memories! :) (Reply to this)

	twinkletrees 2007-06-05 05:15 am UTC (link)
	Meming and using later.! (Reply to this)

	killjuice 2007-06-05 05:20 am UTC (link)
	ahhh you're sooo good! (Reply to this)

	icrumple 2007-06-05 05:21 am UTC (link)
	another awesome layout. too bad it doesn't work well for me. The journal entries come up in a grey box and i can't fix it! (Reply to this) (Thread)

	minty_peach 2007-06-05 05:27 am UTC (link)
	hmm, what kind of browser do you use? Internet Explorer? Firefox? (Reply to this) (Parent)(Thread)

(no subject) -

icrumple, 2007-06-05 05:36 am UTC

(no subject) -

minty_peach, 2007-06-05 06:08 am UTC

(no subject) -

icrumple, 2007-06-05 06:28 am UTC

(no subject) -

minty_peach, 2007-06-05 06:44 am UTC

(no subject) -

firelement, 2007-06-05 06:09 am UTC

	offcourse 2007-06-05 05:33 am UTC (link)
	Pretty! (Reply to this)

	firelement 2007-06-05 06:10 am UTC (link)
	I was so hoping you would come out with a dark layout :) I loves it!!! (Reply to this)

	deaselene 2007-06-05 07:23 am UTC (link)
	Thank you for this layout! ^^, I'm using this for my tutorial archive community: tut_archive I hope you stop by some time. You might need something archived. :D (Reply to this) (Thread)

	minty_peach 2007-06-05 03:08 pm UTC (link)
	thankees! ^___^ (Reply to this) (Parent)

	viktorialouise 2007-06-05 07:56 am UTC (link)
	Jenny, I am having a hard time tinkering it right now... I want to change the font size for the comments... I don't know what to edit... please help!!! Thanks! (Reply to this) (Thread)

	minty_peach 2007-06-05 03:08 pm UTC (link)
	hmm, i have the comment page section labeled */ maincontent -- entry, reply pages PAID/SPONSORED USERS ONLY/* at the very bottom of the code (its the last section) so you should be able to play around with anything in there and it will change the appearance of your comment page ^__^ (Reply to this) (Parent)(Thread)

(no subject) -

viktorialouise, 2007-06-06 12:00 am UTC

	pearlpop 2007-06-05 09:44 am UTC (link)
	yes I think your layouts are always Great :-)) (Reply to this)

	deea347 2007-06-05 09:53 am UTC (link)
	It looks sooo good. Great work, I love it! Will use it some time next month, as I start updating again my LJ. Thankies! :D (Reply to this)

	fantastiklove 2007-06-05 10:18 am UTC (link)
	Great layout :D (Reply to this)

	belletrix 2007-06-05 12:01 pm UTC (link)
	WOW! That`s awesome! Thanks for sharing, I`m taking it for my graphics journal. Will credit you for sure! (Reply to this)

	navi_glow 2007-06-05 12:42 pm UTC (link)
	v nice as always! Changing to this layout now, thanks! I heart it :D (Reply to this)

	echizenryuma 2007-06-05 01:04 pm UTC (link)
	This is awesome! Using it and crediting (: (Reply to this)

	strawbeerry 2007-06-05 01:08 pm UTC (link)
	This is a beautiful layout! Will use this in the future~ ♥ Great work! :) (Reply to this)

	chrome327 2007-06-05 02:01 pm UTC (link)
	Nice! Adding to memories - Love tthe color combo. (Reply to this)

	theexpected 2007-06-05 02:34 pm UTC (link)
	Perhaps I'll use it later on but I really like this layout! Great job! (Reply to this)

	paintedrainbow 2007-06-05 02:46 pm UTC (link)
	Beautiful! Using, thanks! (Reply to this)

	naniwa_elle 2007-06-05 04:33 pm UTC (link)
	I think I'm gonna make my own header and use this<3333 (Reply to this)

(178 comments) - (Post a new comment)

Page 1 of 6
<<	[1] [2] [3] [4] [5] [6]	>>

Username:		Create an Account Forgot your login or password? Login w/ OpenID
Password:
	Remember Me
	English • Español • Deutsch • Русский…

About

Help

Get Involved

Legal

Store

LJ Labs