InsaneJournal

Tweak says, "Yes. Yes. I'll marry you."

agentjedi (agentjedi) wrote in freelayouts,
@ 2007-11-13 22:11:00

Entry tags:

[s2] bloggish

[S2] Bloggish / Egyptian Scrolls
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Credit: agentjedi
Preview:

Egyptian Scrolls Preview
(click for fullsize preview)

This layout comes with three different custom views: 2-column with sidebar on left, 2-column with sidebar on right, and 1-column with no sidebars. I'm afraid the 3-column view may only work on gianormous monitors only (I'm not sure, but I believe it does work if your screen is larger than 1024x768).

I've also made it easy to pick and choose what modules you want to show on your sidebar as well! Just make sure you follow the little /* notes */ inside the CSS for all these customizations.

For paid/permanent users, the comment page is also customized for you! (Sorry free users; everything else looks nice, though.)

For this layout, you must choose S2 as your style system, under "Look and Feel" choose Bloggish and use the theme "None"! (Very important.) Finally, under the "Custom Options" (right before the custom CSS area) choose No for the layout's base weblog stylesheet! (Also very important.)

There are also three matching icons if you so wish to use them:

Ankh

Please do save these images to your own photosharing server:

In the following CSS code, please search and replace http://yoururlhere.com/ with the path to where you've stored the images.

Now for the moment you've been waiting for, the CSS overrides!

/* ------ Template: Egyptian Scrolls ----- */
/* ------ Date: November 13, 2007 -------- */
/* ------ S2 Style: Bloggish ------------- */
/* ------ Made by agentjedi -------------- */
/* ------ agentjedi.insanejournal.com ---- */
/* ------ agentjedi.livejournal.com ------ */

/* ---------------------------------- */
/* ------------- NOTES -------------- */
/* ---------------------------------- */

/* --- Set Base Weblog stylesheet to NO! --- */
/* --- Only works in 1 column and 2 column modes (left or right) --- */
/* --- 3 column only works for OMG huge monitors! --- */

/* ------------------------------------ */
/* ---------- CUSTOMIZATIONS ---------- */
/* ------------------------------------ */

/* --- remove any element below you want to SHOW in your sidebars --- */

.module-photo        /* removes photo */,
.module-viewlinks    /* removes navigation list */,
.module-typelist     /* removes link list */,
.module-categories   /* removes tag list */,
.module-pagesummary  /* removes page summary */,
.module-calendar     /* removes calendar */,
.module-syndicate    /* removes syndicate buttons */,
.module-powered      /* removes "powered by" tag */
{display:none;}

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

/* --- Delete the option(s) you don't want and leave the one you do: --- */

/* --- For no banner display, use this: --- /*
#banner{display:none;}
/* --- End no banner display --- */

/* --- For banner display, use this: --- */
#banner{
 height:160px;
 width:970px;
 margin:0px;
 padding:0px;
 font-family:'Di Murphic Full Regular', 'Tempus Sans ITC', sans-serif;

/* --- for 2-column, left sidebar --- */
 background: url(http://yoururlhere.com/title_left.gif) top left no-repeat transparent;
}
#banner-inner{padding:30px 80px 30px 280px;}
/* --- end 2-column, left sidebar --- */

/* --- for 2-column, right sidebar --- */
 background: url(http://yoururlhere.com/title_right.gif) top left no-repeat transparent;
}
#banner-inner{padding:30px 280px 30px 80px;}
/* --- end 2-column, right sidebar --- */

/* --- for 1-column --- */
 background: url(http://yoururlhere.com/title_one.gif) top left no-repeat transparent;
}
#banner-inner{padding:30px 80px 30px 230px;}
/* --- end 1-column --- */

#banner-header{
 font-size:2.5em;
 letter-spacing:1px;
 color:#5A301C;
}
#banner-description{
 font-size:1.1em;
 letter-spacing:2px;
 color:#5A301C;
}

/* --------------------------------- */
/* ---------- PAGE LAYOUT ---------- */
/* --------------------------------- */

HTML{
 margin:0px;
 padding:0px;
 font-size:100%;/* IE hack */
}

BODY{
 margin:0px;
 padding:0px;
 background:url(http://yoururlhere.com/back-lt.jpg) top center repeat #ebdbd0;
 color:#5A301C;
 font:'Trebuchet MS', Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 text-align:center;
}

#container{
 background-color:transparent;
 margin:0px;
 padding:0px;
 font-size:1.1em;
 text-align:left;
}
#container-inner{
 padding:0px;
 margin:0px;
}
#pagebody{
 margin:0px;
 padding:0px;
 overflow:hidden;
}
#pagebody-inner{
 margin:0px;
 padding0px;
}

#alpha, #beta, #gamma{
 display:inline;
 position:relative;
 float:left;
}
#alpha, #gamma{
 width:200px;
 margin:0px;
}
#beta{ 
 width:770px;
 margin:0px;
}

/* ----------------------------- */
/* ---------- CONTENT ---------- */
/* ----------------------------- */

.content-nav, .comments-header{
 width:770px;
 height:50px;
 padding:0px;
 margin:0px;
 font-size:1em;
 font-weight:bold;
 background:url(http://yoururlhere.com/scroll-end.gif) top left no-repeat;
 text-align:center;
 line-height:2.3em;
}
.content-nav a:link{color:#745224;text-decoration:none;}
.content-nav a:visited{color:#5A301C;text-decoration:none;}
.content-nav a:hover{color:#E8E0CB;text-decoration:underline;}

.date-header{
 width:770px;
 padding:5px 75px 5px 75px;
 font-size:1.1em;
 background:url(http://yoururlhere.com/scroll-back.gif) top left repeat-y;
 color:#745224;
}

.entry{
 width:770px;
 margin:0px;
 background:url(http://yoururlhere.com/scroll-back.gif) top center repeat-y transparent;
}
.entry-header{
 margin:0px 70px 0px 70px;
 padding:40px 0px 0px 0px;
 font-size:1.1em;
 color:#5A301C;
 background:url(http://yoururlhere.com/bar.gif)center top repeat-x;
}
.entry-content{
 position:static;
 clear:both;
 padding:0px 75px 0px 75px;
}
.entry-body{
 font-size:0.8em;
 text-align:justify;
 color:#5A301C;
 padding-bottom:10px;
}

.metadata{margin:10px 0px 10px 0px;}

.ljtags{padding:10px;}

.entry-footer{
 font-size:0.8em;
 padding:10px;
 margin:0px;
 color:#5A301C;
 border-top:1px solid #745224;
 border-bottom:1px solid #745224;
 background:#C2B195;
}

/* ----------------------------- */
/* ---------- USERPICS --------- */
/* ----------------------------- */

.entry-userpic img{border:0px !important;}
p.poster img{border:0px;}
.comment-userpic,
.entry-userpic{
 float:right;
 margin:5px;
 padding:0px 70px 0px 70px;
 text-align:right;
}
.entry-userpic{
 z-index:1;
}
.poster{
 text-align:center;
 margin:2px 0 0 0;
 padding:0px 0px 0px 75px;
 font-size:.8em;
}

/* ---------------------------- */
/* ---------- SIDEBAR --------- */
/* ---------------------------- */

.module{margin:0px;}

.module-content{
 margin:0px;
 padding:0px;
}
.module-header{
 font-weight:bold;
 text-transform:uppercase;
 color:#5A301C;
 font-size:1em;
 margin-left:5px;
 border-bottom:1px solid #745224;
}

/* --- default userpic --- */
.module-photo{padding:0px 50px 0px 50px;}

/* --- all links --- */
ul.module-list{
 list-style-image:url(http://yoururlhere.com/bullet.gif);
}
ul.module-list li a{
 color:#745224;
 text-decoration:none;
}
ul.module-list li a:visited{
 color:#5A301C;
 text-decoration:none;
}
ul.module-list li a:hover{
 color:#E8E0CB;
 text-decoration:none;
 background:#745224;
}
ul.module-list li a,
ul.module-list li a:visited,
ul.module-list li a:hover{
 border-bottom:1px solid #745224;
 width:100%;
 display:block;
 padding-top:2px;
 padding-bottom:2px;
 font-size:.8em;
}

/* --- sidebar calendar --- */
.module-calendar .module-content table{
 border-collapse:collapse;
 width:100%;
 font-size:.8em;
}
.module-calendar .module-content th,
.module-calendar .module-content td{
 width:14%;
 text-align:center;
}
.module-calendar .module-content a{
 background:#C2B195;
 display:block;
 width:90%;
 border:1px solid #745224;
}

/* --- syndicate links --- */
.module-syndicate .module-content{
 margin:0px;
 padding:5px 5px 5px 80px;
}

/* --- powered by box --- */
.module-powered{
 margin:0px 0px 0px 30px;
 border:1px solid #745224;
 background:#C2B195;
}
.module-powered .module-content{
 margin:0px;
 padding:5px 10px;
}
.module-powered a,
.module-powered a:link{
 font-weight:bold;
}

/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

a:link{color:#745224;text-decoration:none;}
a:visited{color:#5A301C;text-decoration:none;}
a:hover{color:#E8E0CB;text-decoration:underline;}

font{
 font-family:inherit;
 font-size:inherit;
 color:inherit;
}

h1, h2, h3, h4, h5, h6{margin:0px;}

blockquote{
 margin:10px 30px;
 padding:10px;
 border:1px solid #745224;
 background:#C2B195;
}
ol, ul{
 margin:10px 40px;
 padding:0px;
}
ul li{
 list-style-image:url(http://yoururlhere.com/bullet.gif);
}
input, textarea{
 margin:10px 30px;
 padding:10px;
 border:1px solid #745224;
 background:#C2B195;
 color:#5A301C;
}

.entry,
.trackbacks,
.comments,
.archive{
 position:static;
 overflow:hidden;
 clear:both;
 width:100%;
 margin-bottom:0px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed{clear:both;margin:0px;}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more{clear:both;}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer, 
.archive-content{clear:both;}

/* 1 column adjustments */

body.layout-one-column #pagebody{
 width:770px;
 margin-left:150px;	
}
body.layout-one-column #pagebody-inner{
 width:770px;
}
body.layout-one-column #alpha{
 width:770px;
}
body.layout-one-column .entry{
 width:770px;
 margin-left:0px;
}

/* 2-column, sidebar left adjustments */

body.layout-two-column-left #beta{
 width:200px;
}
body.layout-two-column-left .entry{ 
 width:770px;	
}

/* 2-column, sidebar right adjustments */

body.layout-two-column-right #alpha{
 width:770px;
}
body.layout-two-column-right #beta{
 width:200px;
}

/* ---------------------------------- */
/* ------------ TAGS PAGE ----------- */
/* ---------------------------------- */

ul.ljtaglist{
 width:770px;
 margin:0px;
 padding:10px;
 border:1px solid #745224;
 background:#C2B195;
 font-size:0.8em;
}
.ljtaglist li{
 margin:0px 70px 0px 70px;
}

/* ---------------------------------- */
/* ------------ COMMENTS ------------ */
/* ---------------------------------- */

/* --- for paid/plus users ONLY! --- */

.comments{
 width:770px;
 margin:0px;
 background:url(http://yoururlhere.com/scroll-back.gif) top center repeat-y transparent;
}
.comment-header{
 margin:0px 70px 0px 70px;
 padding:0px 0px 0px 0px;
 font-size:1.1em;
}
.comment-content{
 position:static;
 clear:both;
 padding:0px 75px 0px 75px;
 font-size:0.8em;
 text-align:justify;
 padding-bottom:10px;
}
.comment-footer{
 font-size:0.8em;
 padding:10px;
 margin:0px 75px 0px 75px;
 color:#5A301C;
 border-top:1px solid #745224;
 border-bottom:1px solid #745224;
 background:#C2B195;
}
.comment-replies{padding:0px 0px 0px 50px;}

.comments-open label{display:block;}

#comment-author,
#comment-email,
#comment-url,
#comment-text{width:500px;}
#comment-bake-cookie{margin-left:0px;vertical-align:middle;}
#comment-post{font-weight:bold;}

/* ----------------------------------------------------- */
/* WHATEVER YOU DO, DO NOT EDIT ANYTHING BELOW THIS LINE */
/* ----------------------------------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html .pkg{display:inline-block;}
/* no ie mac \*/
* html .pkg{height:1%;}
.pkg{display:block;}
/* */

If you have any problems adapting the layout for your browser or taste—I'm afraid you're on your own! This constitutes about the short and long of what I know about CSS. Good luck, and thanks for looking!

(Post a new comment)

	unchainme 2007-11-14 05:49 am UTC (link)
	wow. this is gorgeous. I'm putting this in memories cause this just simply..rocks.... (Reply to this) (Thread)

	agentjedi 2007-11-14 06:24 am UTC (link)
	Thanks! (Reply to this) (Parent)

	ex_kaycee154 2007-11-14 03:31 pm UTC (link)
	Very nicely done! Adding to memories as well. :) (Reply to this) (Thread)

	agentjedi 2007-12-16 05:37 pm UTC (link)
	Thanks! (Reply to this) (Parent)

	greenwitch 2007-11-14 05:37 pm UTC (link)
	Nice! (Reply to this) (Thread)

	agentjedi 2007-12-16 05:37 pm UTC (link)
	Thanks for looking! (Reply to this) (Parent)

	vegetasbubble 2007-12-04 12:37 am UTC (link)
	Nice. (Reply to this) (Thread)

	agentjedi 2007-12-16 05:36 pm UTC (link)
	Thanks for looking! (Reply to this) (Parent)

	ladytwist 2007-12-07 03:57 pm UTC (link)
	Okay, this one looks good, too. Love the galaxy layout, but right now this is just easier to read for me. (Reply to this) (Thread)

	agentjedi 2007-12-16 05:35 pm UTC (link)
	Awesome! (Reply to this) (Parent)

	clare_dragonfly 2007-12-16 02:48 am UTC (link)
	Wow, that's really nice. Not quite my style, but my roommate is into Egyptian stuff--I'll link her to it. (Reply to this) (Thread)

	agentjedi 2007-12-16 05:35 pm UTC (link)
	Thanks! (Reply to this) (Parent)

	a_belladonna 2007-12-16 03:42 pm UTC (link)
	Awesome! Took and is using - is it okay if the credit goes in the userinfo, or should it be somewhere else? :) (Reply to this) (Thread)

	agentjedi 2007-12-16 05:33 pm UTC (link)
	So cool! I don't mind where you put the credit (I generally put it in the userinfo, too), although you might want to take out the underscore, since my username is all one word. XD (Reply to this) (Parent) (Thread)

	a_belladonna 2007-12-16 05:42 pm UTC (link)
	although you might want to take out the underscore, since my username is all one word. XD blushes Yes, I see that now...and here I was so sure it was with the underscore...runs to edit (Reply to this) (Parent)

	angeldove 2007-12-22 09:52 am UTC (link)
	I love this layout. I'm gonna try it on my IJ. If it works, I'll give you credit. (Reply to this)

	dobrodrummer 2008-01-19 12:50 pm UTC (link)
	Beautiful job! Using and crediting :) (Reply to this)

	moonlove 2008-02-02 09:28 pm UTC (link)
	The layout is calling to me! Will credit. (Reply to this)

	uofmdragon 2008-02-03 05:03 am UTC (link)
	That is gorgeous and I put it up in one of my RP journals. I've credited you and the comm. (Reply to this)

	kaylamds 2008-02-07 03:40 pm UTC (link)
	<3 This is so awesome! Snagging. (Reply to this)

	kreepshow 2008-03-13 06:59 am UTC (link)
	This layout is awesome. Snagging and crediting on my front page. Thank you :) (Reply to this)

	stellastars 2008-03-21 03:56 am UTC (link)
	Just had to say, what an awesome layout! Very, very cool. (Reply to this)

	dee_groovy 2008-05-09 09:29 pm UTC (link)
	Using on my LJ - credited in userinfo. :) (Reply to this)

	lacheriedenoir 2008-06-22 08:54 am UTC (link)
	Oooh, pretty... ^.^ Using here on my IJ. Merci! (Reply to this) (Thread)

	lacheriedenoir 2008-06-22 10:57 am UTC (link)
	Or, rather, adding to mems and trying again later. >.> (Reply to this) (Parent)

	dee_groovy 2008-11-18 01:40 pm UTC (link)
	using now, at the 3-column version, and it looks great! thank you!! :) (Reply to this)

	dee_groovy 2008-11-20 09:24 am UTC (link)
	FYI, if you make this little change: #alpha, #gamma{ width:100px; margin:0px; } the 3 column will show up in 1024 x 768 monitors. (many thaks to babyelefant :) (Reply to this) (Thread)

	the_white_lady 2011-05-17 10:30 pm UTC (link)
	Where do you place this change? (Reply to this) (Parent)

	sister_nephthys 2008-12-06 03:34 pm UTC (link)
	Gonna use it for my new rp journal. Thank you so much! (Reply to this)

	hecatesbrat 2009-05-02 02:33 am UTC (link)
	putting this in memories! love this and hope to use it soon! (Reply to this)

	Awesome layout! the_white_lady 2011-05-17 10:13 pm UTC (link)
	This is a beautiful layout! I am obsessed with Ancient Egypt and this is right up my alley! (Reply to this)