Sarah (

damnicons) wrote,
2006-08-27 23:39:00

S2 Layout #1

Style: S2 Flexible Squares
Looks best in: Mozilla Firefox, works in other browsers, though
Works with: Basic (Free), Sponsored, and Paid

Don't know how to install? The handy dandy installation guide.

Sidebar not showing? You haven't listed any links.

/* damnicons.livejournal.com */

body	{
		background-color: #333333;
		text-align: center;
		color: #dddddd;
		font-family: Tahoma;
		font-size: 9px;
		margin-top: 10px;
		}
	
	a, a:link, a:visited {
		cursor: default;
		color: #30c4b4;
		text-decoration: none;
		}
	
	a:hover {
		cursor: default;
		color: #26aea0;
		text-decoration: none;
		}
	
	p, td, blockquote {
	    	font-size: 10px;
		background-color: #333333;
		padding: 15px;
		border: #dddddd 1px solid;
		color: #ffffff;
		}

::-moz-selection {
		background: #30c4b4;
		color: #ffffff;
		}
		
	code, kbd, pre, tt {
	    	font-family: monospace;
		}
	b {
		color: #30c4b4;
		font-weight: normal;
		}
		
	#content
	{  	
		width: 600px;
		margin-left: auto; 
		margin-right: auto;				
		background-color: #ffffff;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 5px;
		border: #dddddd 1px solid;
	}

#maincontent {	 	
		margin-top: 15px;
		font-family: Tahoma;
		font-size: 9px;
		background-color: #ffffff;
		color: #999999;
		margin-right: 150px;
		text-align: justify;
		padding: 5px;
		}
	
	#sidebar {
		padding-top: 15px;
		margin-top: 15px;
		background-color: #ffffff;
	  	font-size: 9px;
		font-family: Tahoma;
	  	color: #999999;
		width: 150px;
		float: right;
		text-align: justify;
		border-left: #eeeeee 1px solid;
		text-transform: lowercase;
		}

#header {	
		display: none;
		background-color: #ffffff;
		margin: 0px;
		text-align: center;
		font-family: Tahoma;
		font-size: 10px;
		letter-spacing: 0px;	
		color: #999999;
		text-transform: lowercase;
		line-height: 20px;
		}

#footer {		
		width: 100%;
		text-align: center;
		font-family: Tahoma;
		font-size: 10px;
		background-color: #ffffff;
		color: #999999;
		z-index: 100;
		clear: both;
		padding-top: 5px;
		}
		
	/* header -- links to views; title of journal; subtitle of journal */	
	
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link,

div#footer a:visited {
		color: #30c4b4;
		text-align: right;
	}
	
	div#header a:hover, div#footer a:hover {
		color: #26aea0;
		text-decoration: none;
		text-align: right;
	}	
	
	ul.navheader 
		{	
		padding: 0px;	
		margin: 0px;
		}
	
	ul.navheader li  {
		display: inline;			
		padding: 0 3px 0 3px;
		}

.title	{
		display: none;
		background-color: #444444;
		font-size: 10px;
		line-height: 200%;
		text-align: center;
		color: #ffffff;
		}
	
	.subtitle{
		display: none;
		background-color: #444444;
		font-size: 10px;	
		top: 0px;
		padding-bottom: 15px;
		text-align: center;
		color: #ffffff;
		}

/* sidebar */ 	
			
	div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
		color: #30c4b4;
		padding-top: 10px;
		padding-bottom: 10px;
		text-decoration: none;
		display: block;
	}
	
	div#sidebar a:hover {
		color: #26aea0;
		text-decoration: none;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
	}
	
	.defaultuserpic {
		text-align: center;
		}
	
	.sbarheader {
		padding: 0px 5px 0px 5px;
		}
	
	.sbarbody {
		padding: 0px 5px 0px 5px;		
		}
	
	.sbarbody2 {
		padding: 0 15px 0 15px;
	}
			
	table.calendar {
		display: none;
		margin-right: auto;
		margin-left: auto;
		}
		
	.sbarcalendar {
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		padding: 4px;
		background-color: #ffffff;
		text-align: center;
		font-size: 7pt;
		color: #999999;
		}
	
	.sbarcalendarposts {
		padding: 4px;
		background-color: #ffffff;
		text-align: center;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		font-size: 7pt;
		color: #999999;
		}
		
	ul.sbarlist
	{
		padding-left: 0px;
		margin-left: 0px;
		list-style: none;
	}

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

li.sbartitle
	{
		display: none;
		padding-left: 15px;
		list-style: none;
		background-color: #ffffff; 
		margin-bottom: 10px;
		margin-top: 10px;
	}

/* maincontent */	
	
	.subcontent {		
	}

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

.entry	{
		padding: 10px 20px 10px 10px;
		background-color: #ffffff;
		color: #999999;
		font-family: "Tahoma" Helvetica, sans-serif;
		font-size: 7pt;
		text-align: justify;
		margin-right: 0px;
		}
		
	.entry ul li
		{
		padding-left: 5px;
		margin-left: 15px;
		}
		
    .entry ol li
		{
		padding-left: 5px;
		margin-left: 15px;
		}

.userpic {
		display: none;
		position: relative;
		float: right;
		background-color: #ffffff;
		padding: 5px;
		border: #eeeeee 1px solid;
		margin: 10px;
		z-index: 15;
		}
		
	.userpicfriends {
		position: relative;
		float: right;
		padding: 10px;
		margin: 0px;
		background: #ffffff !important;
		text-align: center;
		font-family: Tahoma;
		color: #ffffff;
		font-size: 7pt;
		z-index: 15;
		}

.userpicfriends font {
		color: #30c4b4 !important;
		
		}
		
	.date {				
		top: 0px;
		color: #d1d1d1;
		font-family: Tahoma;
		font-size: 10px;
		text-transform: lowercase;
		text-align: left;
		padding-left: 10px;
		}
	
	.subject {
		color: #30c4b4;
		font-family: Tahoma;
		font-size: 10px;
		padding: 0px;
		text-transform: lowercase;
		text-align: left;
		padding-left: 10px;
		}
		
	.subject a, .subject a:link, .subject a:visited {
		color: #30c4b4;
		}
	
	.subject a:hover {
		color: #26aea0;
		}

.datesubject {				
		background-color: #ffffff;
		padding: 0px;
		}
		
	.currents, .currentmood, .currentmusic {
		font-family: "Verdana", sans-serif;
		font-size: 11px;	
		}

.comments {
		font-family: Tahoma;
		font-size: 10px;
		text-align: center;
		background-color: #ffffff;
		color: #c1c1c1;
		padding: 5px;
		position: relative;
		clear: left;
		text-transform: lowercase;
		}
		
	div.comments a, div.comments a:link, div.comments a:visited{
		color: #30c4b4;
	}
	
	div.comments a:hover {
		color: #26aea0;
		text-decoration: none;
	}

/* maincontent --  entry, reply pages */	
	
	.datesubjectcomment {				
			background-color: #ffffff;
			padding: 5px;
			margin-top: 20px;
			}	
		
	.userpiccomment {
		position: relative;
		border-width: 5px;
		border-style: solid;
		border-color: #ffffff;
		background-color: #ffffff;
		top: -30px;
		left: 0px;
		padding: 5px;
		margin: 10px 10px -20px 10px;
		z-index: 15;
		float: right;
		}
		
	.box {
		border-style: solid;
		border-width: 0px 0px 0px 0px;
		border-color: #ffffff;
		padding: 10px;
		clear: left;
		}

input, textarea {
		background-color: #ffffff;
		color: #000000;
		}
		
	textarea.textbox  {
      	width: 100% !important;
   		}
	
	.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		font-family: Tahoma;
		font-size: 10px;
		line-height: 125%;
		background-color: #ffffff;
		color: #999999;
		}
		
	.replytosubject {
		font-weight: normal;
		}
			
		
	.commentreply {
		position: relative;
		margin: 10px;
		font-size: 10px;
		font-family: Tahoma;
		color: #999999;
		}
		
	.commentbox {
		
		border-color: #ffffff; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #ffffff;
		}
		
	.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}
		
	.datesubjectcomment a:hover {
		color: #b0b9c8;
		}
	
	.commentboxpartial {
		border-color: #f8f8f8; 
		border-width: 1px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #ffffff;
		}

.commentinfo {
		background-color: #ffffff; 
		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;
		border-color: #999999;
		}
	
	table.yeartable td.yearday {
		background-color: #333333;
		text-align: center;
		}
	
	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: 15px;
		}
		
	.skiplinks {
		text-align: center;
		}

/* for formatting header image */

.separator{
		/* for formatting separators between entries */
		height: 15px;
	}

.ljtags {
		font-family: Tahoma;
		color: #999999;
		font-size: 10px;
		position: left;
		margin-top: 0px;
		position: relative;
		top: 30px;
		text-transform: lowercase;
		}

.currents, .currentmood, .currentmusic {
		font-family: Tahoma;
		color: #999999;
		font-size: 10px;
		text-transform: none;
		text-transform: lowercase;
		font-weight: lighter;
		}

small {
		font-size: 7pt;
		}

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"] {
		width: 0;
		height: 0;
		padding: 0 07px 9px 0;
		background: url(http://img81.imageshack.us/img81/6553/lock2ba1.gif);
		}

.subject img[src="http://stat.livejournal.com/img/icon_private.gif"] {
		width: 0;
		height: 0;
		padding: 0 07px 9px 0;
		background: url(http://img81.imageshack.us/img81/6553/lock2ba1.gif);
		}

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color: transparent;
  	        background-image: url(http://img176.imageshack.us/img176/739/66b9m74cs2hs6sg6.gif); 
  		padding: 11px 7px 0 2px;
		}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
		background-color: transparent;
  	        background-image: url(http://img176.imageshack.us/img176/739/66b9m74cs2hs6sg6.gif);
  		padding: 11px 7px 0 2px;
		}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
		background-color: transparent;
 		background-image: url(http://img176.imageshack.us/img176/739/66b9m74cs2hs6sg6.gif);
 		padding: 11px 7px 0 2px;
		}

/* HEADER IMAGE */
	.headerimage {
		position: relative;
		width: px;
		height: px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		background-image: url("");
		background-repeat: no-repeat;
		}

1. Comment if taking
2. Credit in your userinfo
3. Feel free to add this journal for updates on your friends page!

March 15, 2007: User icon problem has been fixed; if you have recently taken these codes, you might want to update them!

Tags: all layouts, s2 layouts

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

Insert Bold

Insert Italic

Insert Underline

Insert Strikethrough

Insert Link

Insert LJ User

Insert Photo

Insert Video

Your IP address will be recorded
Help
248 comments

willow_diamond

August 28 2006, 04:38:04 UTC 5 years ago

I love it, I'm taking!

One question, though, can I upload a header with it? (And I can change the colors, correct?)

willow_diamond

August 28 2006, 05:36:34 UTC 5 years ago

Oh and why is it so spread out in my recent page but in my friends page it is condensed?

Sorry, so many questions. I understand if you won't answer.

damnicons

5 years ago

link
Collapse
Expand
New comment

damnicons

5 years ago

link
Collapse
Expand
New comment

noirjet

August 28 2006, 05:08:00 UTC 5 years ago

I was wondering if there's a code for tags in overrides ?! Like if I use a s1 layout, is there a code to made the tags appear at the bottom of each post or it's not possible for s1 layouts ?

damnicons

August 28 2006, 17:36:40 UTC 5 years ago

Um, no. What's this gotta do with this layout? This is S2.

noirjet

5 years ago

link
Collapse
Expand
New comment

Anonymous

5 years ago

link
Collapse
Expand
New comment

noirjet

5 years ago

link
Collapse
Expand
New comment

damnicons

5 years ago

link
Collapse
Expand
New comment

zenqicrimson

August 28 2006, 08:04:18 UTC 5 years ago

Using. Thank you. ♥

kate_litouch

August 28 2006, 14:32:21 UTC 5 years ago

Saving. Thank you. It's beautiful.

siri_greene

August 28 2006, 19:27:50 UTC 5 years ago

cute, added to memories :)

rileylange

August 28 2006, 19:35:33 UTC 5 years ago

How do I add a header?

damnicons

August 28 2006, 22:30:16 UTC 5 years ago

Check the post again, I edited it.

Deleted comment

damnicons

August 28 2006, 22:30:37 UTC 5 years ago

620px

monsterjunk

5 years ago

link
Collapse
Expand
New comment

martini_bianko

August 28 2006, 20:43:21 UTC 5 years ago

saved for later use!!

horrorscreams

August 28 2006, 20:46:12 UTC 5 years ago

I'm guessing this won't work in IE?

damnicons

August 28 2006, 22:31:24 UTC 5 years ago

It will..? It just looks better in Firefox, that's all.

r_sambora_luvr

August 28 2006, 22:36:19 UTC 5 years ago

so snagging will credit when used.......

xdizzydance

August 28 2006, 23:58:23 UTC 5 years ago

Definitely adding to memories for later (perhaps soon) use. It's lovely! Will credit when used, thanks! :D

victimsofun

August 29 2006, 01:18:03 UTC 5 years ago

taking :)

victimsofun

August 29 2006, 01:21:46 UTC 5 years ago

the sidebar doesn't show on my layout. >.

damnicons

5 years ago

link
Collapse
Expand
New comment

victimsofun

5 years ago

link
Collapse
Expand
New comment

damnicons

5 years ago

link
Collapse
Expand
New comment

victimsofun

August 29 2006, 01:41:10 UTC 5 years ago

OH ! thank you so so much :)

b0ysofsummer

August 29 2006, 01:52:34 UTC 5 years ago

i uploaded the css to ripway, and i set all the settings right, and it's still not working : /

damnicons

August 29 2006, 01:57:02 UTC 5 years ago

Sometimes Ripway isn't so reliable. You're better off just copying and pasting the codes into the css box. :)

b0ysofsummer

5 years ago

link
Collapse
Expand
New comment

lostcointoss

August 29 2006, 02:36:40 UTC 5 years ago

Ooooh, pretty: I'm gonna save this. Will credit in the userinfo when used. Ta very much. :)

aery

August 29 2006, 05:30:28 UTC 5 years ago

simple. love it. saving.

intodelirium

August 29 2006, 10:04:46 UTC 5 years ago

snagging! probably will use it on my iconjournal. thank you!:D

eyegazm

August 29 2006, 10:07:16 UTC 5 years ago

Taking :) Love it!

the_cheesecake

August 29 2006, 14:24:37 UTC 5 years ago

Wonderful ! saved :)

youtoldalie

August 29 2006, 15:05:20 UTC 5 years ago

added to memories :)

cerbeh_icons

August 29 2006, 20:28:48 UTC 5 years ago

awesome layout
Definantly using it. Thank you so much for sharing :)

theheartless69

August 29 2006, 21:37:05 UTC 5 years ago

using :] But for some reason, there seems to be extra boxes in the entries.

I read and re-read everything..but I cant figure out why they're there. Help? :]

theheartless69

August 29 2006, 22:00:16 UTC 5 years ago

nevermind, YAY I fixed it ^__^ But...I was wondering, how do i center my banner?

damnicons

5 years ago

link
Collapse
Expand
New comment

theheartless69

5 years ago

link
Collapse
Expand
New comment

windsor

August 29 2006, 23:19:18 UTC 5 years ago

Taking, thank you so much! It's so clean and simple.

killmotion

August 30 2006, 01:24:55 UTC 5 years ago

Bookmarking! I love the colors; they don't need editing. I might try to switch over to this layout on my upcoming 3 day weekend.

monsterjunk

August 30 2006, 03:52:59 UTC 5 years ago

ummm
another question
where do I write what I want to be in the sidebar?

damnicons

August 30 2006, 17:18:43 UTC 5 years ago

Right here :)

monsterjunk

5 years ago

link
Collapse
Expand
New comment

Post a new comment
248 comments

Username:		Create an Account Forgot your login or password? OpenID Google Mail.Ru VKontakte
Password:
	Remember Me
	English • Español • Deutsch • Русский…

S2 Layout #1

Error

About

Help

Get Involved

Legal

LJ Labs

Store