street_of_mercy: Stargate Atlantis - John Sheppard/Elizabeth Weir (Layout o2)

Mercy (

mercscilla) wrote in

street_of_mercy,
@ 2006-08-18 18:43:00

Entry tags:

layout, layout: stargate atlantis, pairing: elizabeth/john

Stargate Atlantis - John Sheppard/Elizabeth Weir (Layout o2)

Style: S2 Flexible Squares
Website: Not Needed
Custom Colors: Taken care of in the stylesheet
Best view: 1024x768 or higher
Browser(s) Compatible: Firefox & IE

Live Preview: Here

The CSS Code

/*------------------------------------------------
LAYOUT: "Stargate Atlantis - John Sheppard/Elizabeth Weir (Layout o2)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer

------------------------------------------------*/

/* ------ MAIN ------ */

body	{
	background-color: #f1f1f1;
	text-align: center;
	color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
        margin: 0px 0 0px 0;
	}
	
a img {
	border-width: 0px;
}

a, a:link, a:visited {
	color: #950000;
	text-decoration: none;
	}

a:hover {
	color: #B3B3B3;
	text-decoration: none;
	}

p, td, blockquote {
	}
	
code, kbd, pre, tt {
		font-family: monospace;
	}
	
ul.ljtaglist {
	text-align:left;
	padding-left:20px;
}

/* ------ CONTAINING ELEMENTS ------ */
	
#content {  	
	width: 800px;	
        border-left: 10px #ffffff solid;
        border-right: 10px #ffffff solid;
	background-color: #ffffff;
	margin-left: auto; margin-right: auto;
	position: relative; top: 0px; 
	text-align: justify;
}

#maincontent {
	margin-top: 0px;
	padding: 3px 0px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	color: #000000;
	margin-left: 170px;
	text-align: center;
	}

#sidebar {
	padding-top: 10px; 
        border: 1px #CCCCCC solid;
        padding-left: 5px;
	margin-top: 3px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	color: #000000;
	width: 150px;
	float: left;
	text-align: left;
	}

#header {		
	position: relative;
	padding: 16px 0px 13px 0px;
	text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	color: #030037;
}

#footer {			
	width: 100%;
	margin: 0px;
	text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	color: #030037;
	z-index: 100;
	clear: both;
	}
	
/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited{
	color: #950000;

}

div#header a:hover{
	color: #B3B3B3;
}

div#footer a, div#footer a:link, div#footer a:visited{
         color: #950000;
}

div#footer a:hover{
         color: #B3B3B3;
}

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

ul.navheader li  {
	display: inline;
	padding: 6px;
	margin: 0 2px;
        border: 1px #B3B3B3 solid;
	}

.title	{
		font-family: "Verdana", sans-serif;
		font-size: 12px;	
	font-weight: normal;
	font-variant: small-caps;
	line-height: 200%;
	top: 10px;
	display: none;
	}

.subtitle{
	font-family: "Arial", sans-serif;
	font-size: 11px;
	font-weight: normal;		
	top: 10px;
	display: none;
	}

/* sidebar */ 	
		
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
	color: #950000;
}

div#sidebar a:hover {
	color: #B3B3B3;
}

.defaultuserpic {
	text-align: center;
	}

.sbarheader {
	padding: 0px 5px 0px 5px;
	}

.sbarbody {
	padding: 0px 5px 0px 0px;		
	}

.sbarbody2 {
	padding: 0 15px 0 15px;
}
		
table.calendar {
	margin-right: auto;
	margin-left: auto;
	}
	
.sbarcalendar {
	text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	}

.sbarcalendarposts {
	background-color: #EEEEEE;
	color: #666666;
	text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	}
	
ul.sbarlist {
	padding-left: 1px;
	margin-left: 0px;
	margin-top: 10px;
	list-style: none;
}

li.sbaritem {
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;	
}

li.sbartitle {
	background-color: #EEEEEE;	
	text-align: center;
	list-style: none;		
	font-size: 11px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 1px;
}

/* maincontent */

.subcontent {
        border: 1px #CCCCCC solid;
}
	
.entry	{
	position: relative;
	margin: 0 10px 0 1px;
	padding: 10px 0px 10px 10px;
	color: #070000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	text-align: justify;
	line-height: 135%;
	}
	
.entry ul li
	{
	padding-left: 5px;
	margin-left: 15px;
	}
	
.entry ol li
	{
	padding-left: 5px;
	margin-left: 15px;
	}

.userpic {
	background-color:transparent !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 5px;
	z-index: 15;
	}
	
.userpicfriends {
	background-color:transparent !important;
	position: relative;
	float: right;
	padding: 5px;
	margin: 5px;
	text-align: center;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	z-index: 15;
	}
	
.date {
	line-height: 100%;
	text-align: right;
	top: 5px;
	color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	margin: 2px;
	padding: 0px 20px 1px 20px;
	}

.subject {
	padding: 0px 10px 1px 10px;
	margin: 2px;
        background-color: #EEEEEE;
	color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 13px;
		text-align:left;
		letter-spacing: 1px;
	}
	
.subject a, .subject a:link, .subject a:visited {
	color: #950000;
	}

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

.datesubject {
	background-color: transparent;
	padding: 3px 106px 3px 6px;
	text-align: left;
}
	
.currents, .currentmood, .currentmusic, .currenttags, .currentlocation {
		font-family: "Verdana", sans-serif;
		font-size: 10px;
	text-transform: lowercase;
	}

.currents {
	margin-top:12px;
	}

.currents table img {
	vertical-align: middle;
}

.comments {
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	text-align: right;
	padding: 0px 5px 10px 5px;
	position: relative;
	clear: right;
	margin-top: 15px;
	}
	
div.comments a, div.comments a:link, div.comments a:visited{
	color: #950000;
}

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

/* maincontent --  entry, reply pages */

.datesubjectcomment {
	margin-top: 20px;
	text-align: right;
	padding: 5px;
        background-color: #EEEEEE;
	}	
	
.userpiccomment {
	background-color:transparent !important;
	position: relative;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 10px 10px -20px 10px;
	z-index: 15;
	float: right;
	}
	
.box {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #B3B3B3;
	padding: 10px;
	margin-top: 15px;
	text-align: left;
              clear:right;
	}

form div.box {
	text-align:center;
}

div#content input,
div#content textarea,
div#content select {
	color: #000000;
	border:#B3B3B3 solid 1px;
	background-color:#FFFFFF;
	}
	
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%;
	color: #000000;
	}
	
.replytosubject {
	background-color: #EEEEEE;
	padding: 0 10px 1px 10px;
	margin: 2px;
	color: #000000;
		font-family: "Verdana", sans-serif;
    font-size: 13px;
    font-variant: small-caps;
	}

.replytoposter {
	line-height: 100%;
        background-color: #EEEEEE;
	top: 5px;
	color: #000000;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	margin: 2px;
	padding: 0px 20px 1px 20px;
	font-style: italic;
}

.commentreply {
	position: relative;
	padding: 5px;
		font-family: "Verdana", sans-serif;
		font-size: 11px;
	color: #070000;
	}
	
.commentbox {
	border-color: #B3B3B3;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	margin: 10px;
	text-align: left;
	}
	
.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #950000;
	}
	
.datesubjectcomment a:hover {
	color: #B3B3B3;
	}

.commentboxpartial {
	color: #000000; 
        border-color: #B3B3B3;
	border-width: 1px; 
	border-style: solid; 
	padding: 10px; 
	margin: 10px; 
	}

.commentinfo {
	margin-top: 10px; 
	width: 100%;
	}
		
	
/* maincontent -- year/achive 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;
	color: #000000;
	}

table.yeartable td.yearday {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #EEEEEE;
	color: #FFFFFF;
	}

td.yearmonth {
	border-style: none;
	}

/* footer */
	
ul.navfooter{
	padding: 0px;	
	margin: 0px;
	}

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

.clearfoot {		
	clear: both;
	}
	
	
/* misc  */
			
.clear {
	height: 10px;
	font-size:0.01px;
	}
	
.skiplinks {
	text-align: center;
	margin-bottom: 10px;
	}
	
	.headerimage {
	          position: relative;
        border-left: 10px #ffffff solid;
        border-top: 10px #ffffff solid;
        border-right: 10px #ffffff solid;
		width: 800px;
		height: 400px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
	background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/SGA/elizabethjohnbwheader.jpg);
		background-position: center;         
        	         background-repeat: no-repeat;

}

.separator
{
}

IMPORTANT: You need a title for the blurb/free text box or the sidebar goes wacko.

The Images

Header | Friends-Only Banner | User Profile Image

The How-To-XYZ Stuff

The colors I've used: #950000 and variations of grey.

To add your own header, please visit this post.

The set-up guide is HERE

Should you encounter any problems, please don't hesitate and ask me. :)

Enjoy!

(Post a new comment)

	littlespike87 2006-08-18 04:53 pm UTC (link)
	I love you and love the layout...hides Were you able to do a Uuserinfo banner? (Reply to this)(Thread)

	mercscilla 2006-08-18 04:58 pm UTC (link)
	Is in the .zip ;) (Reply to this)(Parent)(Thread)

	littlespike87 2006-08-18 04:59 pm UTC (link)
	nod (Reply to this)(Parent)(Thread)

	mercscilla 2006-08-18 05:01 pm UTC (link)
	I added it to the post just in case beams (Reply to this)(Parent)(Thread)

	littlespike87 2006-08-18 05:02 pm UTC (link)
	Smart nod I'm glad that you did add it (Reply to this)(Parent)

	sgangel 2006-08-18 05:27 pm UTC (link)
	Awesome layout! (Reply to this)

	pueblo_01 2006-08-18 06:49 pm UTC (link)
	I'm just gonna comment in one post... My god woman you've been busy. Every single layout you posted today are awesome. your graphics are definately worth praise... (Reply to this)(Thread)

	mercscilla 2006-08-18 09:36 pm UTC (link)
	Yeah, somehow my days were longer than 24 hours... wonders Thank you ;) (Reply to this)(Parent)(Thread)

	pueblo_01 2006-08-18 10:59 pm UTC (link)
	mine seem to get that way as well (Reply to this)(Parent)

	starbuck92 2006-08-18 08:44 pm UTC (link)
	Saving for later use! Gorgeous layout! (Reply to this)

	Nothing happening? stormyeyes1982 2006-08-18 09:26 pm UTC (link)
	Thanks for the layout, but I followed all the steps and it still won't work. Is there a certain way to upload the pics at imageshack? If there is anyother way can you please tell? Thanks!!!! (Reply to this)(Thread)

	Re: Nothing happening? mercscilla 2006-08-18 09:38 pm UTC (link)
	Have you tried http://www.photobucket.com/? There you might have to change the max. uplaod size of your pics (go to account options and to Max Picture Size and use the highest available size) but then it should work. If not, ask me again ;) (Reply to this)(Parent)(Thread)

	Re: Nothing happening? stormyeyes1982 2006-08-19 02:12 am UTC (link)
	It still doing the same thing. See the way I did was I unzipped the file, and moved the pic of the header somewhere else so I can upload at either site, and once I get my url I take it to my profile to custom the layout, but then there is no header. Can you please help???!!! Thanks!!!!!!! (Reply to this)(Parent)(Thread)

	Re: Nothing happening? mercscilla 2006-08-19 07:34 am UTC (link)
	Okay, let's see: Can you give me the url of your header? I will make then the change to the stylesheet and give it to you. Then you can follow the steps from above to use it. (Reply to this)(Parent)(Thread)

	Re: Nothing happening? stormyeyes1982 2006-08-19 07:26 pm UTC (link)
	http://i18.photobucket.com/albums/b120/stormyeyes22001/elizabethjohnbwheader.jpg (Reply to this)(Parent)(Thread)

	Re: Nothing happening? mercscilla 2006-08-19 07:33 pm UTC (link)
	Stylesheet Open it and follow the steps from the post for setting it up. (Reply to this)(Parent)(Thread)

	Re: Nothing happening? stormyeyes1982 2006-08-19 09:26 pm UTC (link)
	Thank you so much, it finally worked. Say I have a Sparky Moodtheme, do you know how I would go about applying it to my layout? (Reply to this)(Parent)(Thread)

	Re: Nothing happening? mercscilla 2006-08-19 09:44 pm UTC (link)
	A friend wrote a tutorial for that -> http://endingscomelast.livejournal.com/1498.html Maybe that helps ;) (Reply to this)(Parent)

	johnamarie 2006-08-19 04:35 am UTC (link)
	OMG! I love it! May I use it?? ^_^ I've been meaning to change my layout and I love yours! ^_^ Yay!!! (Reply to this)(Thread)

	mercscilla 2006-08-19 07:35 am UTC (link)
	Sure, go ahead ^-^ Thank you! (Reply to this)(Parent)

	airbear23 2006-08-20 04:32 am UTC (link)
	Nifty! I already set it up as my new layout. (Reply to this)(Thread)

	mercscilla 2006-08-20 03:29 pm UTC (link)
	beams Thank you ;) (Reply to this)(Parent)

	twisted_angel5 2006-10-21 12:56 pm UTC (link)
	I love this layout :). May I snag this too? I was going to request a layout but I see you have too many and I found this one and love it. (Reply to this)(Thread)

	mercscilla 2006-10-21 06:14 pm UTC (link)
	Sure, go ahead ;) As long as there's no NOT SNAGABLE, you can snag the layouts. (Reply to this)(Parent)(Thread)

	twisted_angel5 2006-10-21 08:22 pm UTC (link)
	Hehe aaawww thank you :). Btw I love all your work. Your layouts are amazing :). (Reply to this)(Parent)(Thread)

	mercscilla 2006-10-21 09:06 pm UTC (link)
	Thank you for the compliment ;) Feel free to snag as many as you want! (Reply to this)(Parent)(Thread)

	twisted_angel5 2006-10-21 09:41 pm UTC (link)
	Your welcome :). I will do, already snagged a few more ;). (Reply to this)(Parent)

	angelamckay 2007-02-11 12:13 pm UTC (link)
	Hi It is me again. Just wanted you to know that I had problems to use the atlantis lay and now decided to take this Elisabeth/John one. And it works much better for me. Looks very good in my LJ. Thanks very much for sharing it. hugs (Reply to this)

	emerald_day 2007-11-15 05:44 pm UTC (link)
	Snagged this one for my lj. :) (I'm dangerous_47, just helpin her. :)) (Reply to this)

	lteagleeyes 2008-01-07 12:59 am UTC (link)
	Downloading, thank you! I love this layout! :D (Reply to this)

	bea80 2008-03-20 09:47 pm UTC (link)
	Thanks for this wonderful layout ... I took it ... I will credit! Thank you SO much ... I also thank you for the steps I have to make that this layout works hugs ... Thanks! (Reply to this)(Thread)

	mercscilla 2008-03-20 10:10 pm UTC (link)
	You're so very welcome. :) (Reply to this)(Parent)

	kuroima 2008-05-04 03:40 pm UTC (link)
	Since some time I was looking for an SGA preferably Sparky layout and this is perfect! Love it! :D (Reply to this)

Mini Sitemap:

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