nameless_layout

Journal

September 2009

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

Other Communities

Browsers

ausmac wrote
on May 16th, 2008 at 06:53 pm

Layout: Pegasus

Layout Style: S2 Dear Diary
Best view: 1024 x 768
Browser(s) Compatible: IE, Firefox, that I know of
Credit: Would be nice

This is a relatively simple DD layout, and has only one graphic, the header image.
I ask that you right click and save the image on the working journal and save it to your own graphic archive, then change the url to point it to your own image archive. The one in the code will eventually be removed.

Instructions:

1 Go to "Customize Journal"
2 Set your style to S2, Dear Diary, set the "Themes" to "Default", and Save
3 Select and copy the code in the code box below.
3 Go into 'Custom Options" and to "Custom CSS" and paste the CSS code in the box called "Custom style sheet".

Would love to see it working on your journal, so please comment.

Preview:

http://asylums.insanejournal.com/mylayouts2/

Sample Image:

* {margin:0px;
padding:0px;
}

.entry {
margin-bottom: 10px;
clear: both;
text-align: left;
line-height: 125%;
}

.entry .entryheader {
font-weight: bold;
text-align: left;
padding-bottom: 5px; 
border-bottom: 1px solid #d722f8;
}

.entry .entryheader h3 {
font-size: 18px;
color: #6eb07e;
margin: 5px;
padding: 0;
}

.entryheader .entryicon {
float: left;
margin-left: 10px;
display:block;
}

.entryheader .entryuserpic {
float: left;
margin: 5px;
clear: both;
display: inline;
padding: 5px;
border:1px solid #ddd;

}
.page_friends .entryheader .entryuserpic {
display: block;

}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 10px;
}
.entryheader .entryposter:after {
content: ": ";
}
.entryposter img, .collapsed_entry img {
height: 14px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
}

.entrylinkbarpre, .entrylinkbarpost {
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
}

.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.20px 0;
display: block;
background: #ffffff;
border:1px solid #dddddd;
}
.entrymeta .entrymetacaption {
font-weight: bold;
}
.entrymeta li {
white-space: no-wrap;
}

.entry .entryfooter {
clear: both;
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: left;
}
.entryfooter .entrycmdlinks:before {
content: "(";
}
.entryfooter .entrycmdlinks:after {
content: ")";
}

.entrycmdlinks li {
display: inline;
}
* html .entrycmdlinks li {
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
list-style: none;
padding: 3px;
margin-left: 20px;
margin-bottom:5px;
background: #f7f7f7;
border:1px solid #ddd;
}
.comments .comments {
margin-left: 25px;
}
.comments > li {
margin: 0;
padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
list-style: none;
padding: 0;
margin: 0.5em;
text-align: center;
}
.itemrange li {
display: inline;
margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
content: "]";
}

body {
background: #6eb07e;
color: #666666;
margin: 0;
padding: 0;
border: 0;
font-family: Trebuchet MS, Trebuchet, sans-serif;
height: 100%;
font-size:100%;
}
body, td, table, th, tr {
font-size: 14px;
}

a:link {
color: #77d195;
border-bottom:3px solid #efefef;
text-decoration:none;
}
a:visited {
color:#49815b;
border-bottom:3px solid #efefef;
text-decoration:none; }
a:hover {
border-bottom:3px solid #dddddd;
text-decoration:none;
color: #a2d0c4;

}
.pbox a {
color: #71f171;
border-bottom:1px solid transparent;
}

/*journal title*/
#title {
color: #6eb07e;
background-color: #fff;
border-left:2px solid #ddd;
padding-left:5px;
display:block;
background-image: url(http://img.photobucket.com/albums/v87/ausmac/Livejournal/headerpegasus.jpg);
background-repeat: no-repeat;
background-position: top right;
border-bottom: 3px solid #efefef;
height: 200px;
overflow: hidden;
}
#title h1 {
font-family: Trebuchet MS, Trebuchet, sans-serif;
font-size: 1.5em;
font-weight: bold;
margin: 0;
padding-top: 20px;
padding-left: 8px;
white-space: no-wrap;
}
#title #journal_subtitle {
color: #000000;
font-style:italic;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding-left:10px;
white-space: no-wrap;
}

/*sidebar*/
#paraphernalia {
position: absolute;
left: 0;
top: 200px;
width: 210px;
background: #6eb07e;
}
    #paraphernalia a:hover {
color: #000000;
border-bottom:1px solid transparent }

#paraphernalia h2 {
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin-top: 16px;
margin-bottom: 8px;
color: #414141;
border-bottom:3px double #efefef;
padding-left:5px;
}
#paraphernalia .pbox {
padding-left: 0px;
margin-right: 0;
margin-left:0;
}
#journalinfouserpic {
text-align: center;
}
.pboxcontent {
padding-left: 8px;
margin-right: 8px;
}
.pbox dt {
font-weight: bold;
margin-top: 4px;
}
.pbox dd {
padding: 0;
margin:0;
}
.pbox ul {
margin: 0;
padding: 0;
list-style: none;
border-right:3px solid transparent;
}
.pbox ul ul {
margin-left: 0;
}
.pbox li {
margin: 0;
display:block;
padding-left:3px;
padding-top:2px;
padding-bottom:0;
text-decoration:none;
}
.pbox li a {
display: block;
text-decoration:none; }

.pbox li:hover {
background: #6eb07e;
border-right:3px solid #75A1D0; }

.pbox li.current {
font-weight: bold;
}

/*entry content*/
#main {
position: absolute;
/*left: 20%;*/
left: 200px;
top: 200px;
right: 0;
margin: 0;
background-color: #ffffff;
color: #666666;
min-height: 150%;
padding: 0 10px 0 0;
}
* html #main {
width: 95%;
}

.day h2 {
font-size: 1.1em;
font-weight: bold;
padding: 0 0 5px 10px;
background: #ecf4dc;
margin: 16px 0 5px 0;
}

.entry {
margin: 20px 16px 20px 20px;
}
.entryheader {
font-size: 16px;
}
.entryheader .entrytimestampdate {
display: none;
}
.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
display: inline;
}

.comments .entry {
margin-left: 0;
margin-bottom: 8px;
}

.calendarmonth {
width: 60%;
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
padding: 0.5em;
margin: 0;
}
.calendarmonthlink {
text-align: left;
}
.calendarmonthheader h2 {
font-size: 16px;
margin: 0;
}

.page_month #main form, .page_month #main dl {
margin: 8px;
}

#server_sig {
display: none;
}

.journallinkbar {
text-align: center;
}

img {
border:1px solid transparent;
margin:2px; }

.ljtags {
list-style: none;
padding: 0;
margin: 3px 0 3px 0;
display: block;
background: #f7f7f7;
border:1px solid #dddddd;
}

Tags: account type: free, layout: journal: full, s2: dear diary, subject: general, user: ausmac

(Read Comments)

for the creative, or the creatively lacking

Journal

September 2009

Other Communities

Browsers

Layout: Pegasus

Tags