damnicons: S2 Layout #4: More Simplicity

Sarah (

damnicons) wrote,
@ 2007-08-08 16:24:00

Entry tags:

all layouts, s2 layouts

S2 Layout #4: More Simplicity

Style: S2 Smooth Sailing
Looks best in: Firefox, Safari, IE
Works with: Basic (Free), Paid, Sponsored.

How to Install

1. Go to the Customize Wizard
2. In the Basics tab under Style System, make sure S2 is selected, then click Save Changes.
3. In the Look and Feel tab under Layout & Language, select Smooth Sailing in the first drop-down menu, then click Save Changes. Leave Theme as Layout Default.
4. In the Custom Options tab, click Custom CSS. Make sure the first two drop-down menus are set to No. Paste your codes into the Custom stylesheet box, then click Save Changes. OR upload your codes to your own host, like Ripway, Geocities, etc. Make sure the first two drop-down menus are set to No. In the Custom external stylesheet URL box, paste your stylesheet URL. Click Save Changes.

body {
     color: #888888;
     font-family: Arial;
     font-size: 8pt;
     margin: 0px;
     background-color: #ffffff;
     background-image: url('');
     background-attachment: fixed;
     }

a {
     color: #bebebe;
     text-decoration: none;
     }

a:hover {
     color: #dddddd;
     }

blockquote {
     padding: 10px;
     background-color: #ffffff;
     border-left: 1px solid #eeeeee;
     }

/* INSERT HEADER IMAGE IN PAGEBLOCK */

.pageblock{
     background-image: url("");
     background-position: top center;
     background-repeat: no-repeat;
     padding-top: px;
     background-color: #ffffff;
     width: 800px;
     margin: 0 auto;
     }
  .pagefooterblock {
     display: none;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #666666;
     }

.pageheaderblock {
     padding: 8px; 10px 0px 15px;
     }

.header-title {
     display: none;
     text-transform: lowercase;
     text-align: left;
     font-family: Arial, sans-serif;
     letter-spacing: -2px;
     font-size: 36px;
     line-height: 20px;
     color: #f2f2f2;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     }
  .header-menu {
     display: none;
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     padding: 2px 6px 2px 6px;
     color: #bbbbbb;
     text-decoration: none;
     }
  .header-menu a:hover {
     color: #888888;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 30px 10px 10px 10px;
     background-color: #ffffff;
     }
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: #ffffff;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #666666;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     display: none;
     }

/* ENTRIES */

.entryHolder {
     padding: 0px 14px 10px 20px;
     color: #888888;
     background-color: #ffffff;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     }
  .entryUserinfo {
     font-weight: none;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     text-align: left;
     margin: 8px 12px 8px 5px;
     background-color: transparent;
     }
  .entryUserinfo-usericon img { 
     padding-bottom: 2px;
     border: #dfdfdf solid 0px; 
     } 
  .entryText {
     line-height: 16px;
     padding: 8px 4px 14px 0px;
     }
  .entryHeader {
     text-transform: lowercase;
     font-size: 10pt;
     letter-spacing: -1px;
     font-family: Arial;
     padding: 0px 0px 2px 0px;
     }
  .entryHeader a{
     color: #bebebe;
     }
  .entryHeader a:hover {
     color: #dddddd;
     }
  .entryHeaderDate {
     color: #888888;
     }
  .entryHeaderSubject {
     text-transform: lowercase;
     color: #888888;
     }
  .entryHeaderDate a {
     color: #bebebe;
     text-decoration: none;
     }
  .entryHeaderDate a:hover {
     color: #dddddd;
     }
  .entryMetadata {
     font-family: Arial, sans-serif;
     padding-bottom: 10px;
     }
  .entryMetadata img {
     display: none;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 1px;
     }
  .entryMetadata li {
     list-style: none;
     padding: 1px;
     display: block;
     }
  .entryMetadata-label {
     padding: 2px;
     color: #888888;
     font-size: 8pt;
     text-transform: lowercase;
     }
  .entryLinkbar {
     border-top: #f2f2f2 1px solid;
     text-transform: lowercase;
     text-align: right;
     font-size: 8pt;
     font-family: Arial, sans-serif;
     padding: 4px 0px 0px 0px;
     }
  .entryLinkbar a, .entryLinkbar a:visited {
     color: #bbbbbb;
     }
  .entryLinkbar a:hover {
     color: #666666;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;     
     display: inline;
     }

/* FOOTER */

#footer-menu {
     text-transform: lowercase;
     background-color: #ffffff;
     text-align: right;
     font-family: Arial, sans-serif;
     font-size: 8pt;     
     }
  #footer-menu a, .footer-menu a:visited {
     padding: 0px 12px 0px 0px;
     color: #bebebe;
     white-space: nowrap;
     }
  #footer-menu a:hover {
     color: #dddddd;
     }

/* SIDEBAR */
  
  .sidebar {
     border-right: 1px solid #f2f2f2;
     background-color: #ffffff;
     padding: 0px 10px 10px 10px;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     width: 155px;
     color: #888888;
     }
  .sidebox {
     border-bottom: 1px solid #f2f2f2;
     color: #888888;
     margin: 0px 0px 20px 0px;
     }
  .sideboxTitle {
     text-transform: lowercase;
     font-size: 10pt;
     font-family: Arial, sans-seriff;
     padding: 0px 2px 2px 1px;
     color: #888888;   
     text-align: left;
     }
  .listtitle {
     font-weight: normal;
     text-align: left;
     text-transform: lowercase;
     font-size: 8pt;
     letter-spacing: 1px;
     border-bottom: 1px solid #f2f2f2;
     margin: 4px 0px 4px 0px;
     }
  .sideboxContent {
     line-height: 14px;
     text-align: left;
     padding: 3px;
     }
   .sidebox #freetext {
     text-align: left;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }

#tags_sidebox a {
     display: block;
     font-size: 8pt;
     }
  #tags_sidebox {
     font-size: 0px;
     }
  .sidebox #systemlinks {
     text-align: left;
     }
  .sidebox #latestmonth table {
     width: 90%;
     margin: 4px auto 4px auto;	
     }
  #latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
     text-align: center;
     text-transform: lowercase;
     }
  #latestmonth td {
     text-align: center;
     padding: 1px;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     }
  .latestmonth-inactive {
     background-color: #f7f7f7;
     padding: 2px;
     }
  .latestmonth-active {
     background-color: #eeeeee;
     padding: 2px;
     }
  .profile-label {
     display: none;
     }

/* COMMENT PAGE */

.commentHolder {
     color: #888888;
     background-color: #ffffff;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     margin: 4px 0px 4px 8px;
     }
  .commentUserinfo {
     text-align: center; 
     margin: 8px 8px 8px 8px;
     background-color: #ffffff;
     }
  .commentUserinfo-usericon img { 
     padding-bottom: 2px;
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     text-transform: lowercase;
     background-color: #ffffff;
     color: #888888;
     font-family: Arial, sans-serif;
     font-size: 10pt;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #bebebe;
     }
  .commentHeaderScreened {
     font-family: Arial, sans-serif;
     font-size: 10pt;
     background-color: #eeeeee;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: normal;
     }
  .commentLinkbar {
     border-top: 1px solid #f2f2f2;
     font-family: Arial, sans-serif;
     text-transform: lowercase;
     font-size: 8pt;
     text-align: right;
     }
  .commentLinkbar a {
     color: #bbbbbb;
     }
  .commentLinkbar a:hover {
     color: #666666;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     border: 0;
     background-color: #ffffff;
     color: #4e4e4e;
     padding-left: 10px;
     }
  #commenttext{
     width: 90%;
     }

/* ARCHIVE PAGE */

.yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 400px;
     margin: 8px 8px 8px 20px;
     }
  .daysubjects {
     color: #888888;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     background: #ffffff;
     color: #888888;
     }
  .day-blank {
     }
  .day {
     }
  .day-date {
     color: #888888;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 12px;
     }
  .day-count a {
     text-decoration: none;
     color: #bebebe;
     }

/* TAGS PAGE */

.tagstable td {
     }
  .tagstable {
     text-transform: lowercase;
     width: 500px;
     }

/* USER, COMMUNITY, PROTECTED ICONS */

.entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
     width: 0;
     height: 0;
     padding: 0 16px 16px 0;
     background: url("http://img77.imageshack.us/img77/9572/16securitylockrz2be5.png");
  }

.ljuser img { 
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     background-color:transparent;
     background-image: url(http://img413.imageshack.us/img413/6959/16memberlu6jo9.png); 
     padding: 16px 16px 0 2px;
     }

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
     background-color:transparent;
     background-image: url(http://img413.imageshack.us/img413/6959/16memberlu6jo9.png);
     padding: 16px 16px 0 2px;
     }

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
     background-color:transparent;
     background-image: url(http://img413.imageshack.us/img413/1677/16memberprofileli8vp8.png);
     padding: 16px 16px 0 2px;
     }

Thanks to Sweetie for the icons!

If you have any questions, please ask! And yes, you can change the colors or whatever else you want. ;) Please comment, credit, and feel free to add this journal for more updates! :)

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

(136 comments) - (Post a new comment)

	bocce 2007-08-08 08:46 pm UTC (link)
	oo it's very pretty and clean :) (Reply to this)

	sedattives 2007-08-08 09:11 pm UTC (link)
	adding to memories, thank you! (Reply to this)

	ispyemo 2007-08-08 09:17 pm UTC (link)
	using. thank you. (Reply to this)

	hellogoodmornin 2007-08-08 09:46 pm UTC (link)
	ADDING TO MEMS! (Reply to this)

	glance18 2007-08-08 09:54 pm UTC (link)
	Oh I love this, nice and simple. I may use it on my personal journal as well as oth_iconsawards. Thanks! <3 (Reply to this) (Thread)

	glance18 2007-08-09 06:18 am UTC (link)
	Just to point out since I spent like 30 minutes trying to put my header up(lol) and I don't want others to have to do that, the semi-colon is missing at the end here: background-image: url("") It finally worked after I added one. background-image: url(""); I don't know if it was just me or what... shrugs (Reply to this) (Parent)(Thread)

(no subject) -

damnicons, 2007-08-09 09:05 pm UTC

	rerapped 2007-08-08 10:07 pm UTC (link)
	This is awesome :). Meming for future use! (Reply to this)

	zo_cat 2007-08-08 10:26 pm UTC (link)
	That is awesome. (Reply to this)

	vowel 2007-08-08 11:06 pm UTC (link)
	PWETTY. RAWR. XD (Reply to this)

	prismatic_star 2007-08-09 12:02 am UTC (link)
	thank you~~~ (Reply to this)

	itsjustsomegirl 2007-08-09 01:31 am UTC (link)
	Very cute! Is there any way to have it not say "user:" before your username? I'd prefer it not to. Also, is there a way to have a link to your friends page on there? And calendar? Like basic LJ links. I love everything else about it, though! It's gorgeous! (Reply to this) (Thread)

	damnicons 2007-08-09 09:07 pm UTC (link)
	Agh, sorry about that, the codes in the entry are updated so the labels won't show. (Or you can just add "display:none;" to .profile-label {, either will work) :) (Reply to this) (Parent)(Thread)

(no subject) -

itsjustsomegirl, 2007-08-09 09:33 pm UTC

	oursoliloquies 2007-08-09 06:32 am UTC (link)
	Pretty layout, adding to memories! (Reply to this)

	yamatsumi 2007-08-09 07:30 am UTC (link)
	memeing! thanks <3 (Reply to this)

	jounetsu_ 2007-08-09 08:14 am UTC (link)
	Credited in my userinfo. :D I'm using it right now; I love how clean and organized and simple it is! But it still looks polished. :) (Reply to this)

	hil1234 2007-08-09 09:04 am UTC (link)
	This is really great... god I want to make me a fitting header right now and use it then xD. Saving to mems! Thanks!♥ (Reply to this)

	ellington_sneak 2007-08-09 11:02 am UTC (link)
	Love this - so crisp and simple yet sophisticated. Definitely bookmarking this one for later use. Thanks so much!! (Reply to this)

	xenachan 2007-08-09 12:02 pm UTC (link)
	Simple, I like it ! ^^ Will credit if use, add to mem =) (Reply to this)

	kissmesteph 2007-08-09 03:07 pm UTC (link)
	very nice, added to mems. (Reply to this)

	fairweatherly 2007-08-09 03:59 pm UTC (link)
	Ooh, I like this! Will credit when used :) (Reply to this)

	ineedsafe 2007-08-09 07:11 pm UTC (link)
	Adding to my memories, thanks! (Reply to this)

	watchasifall 2007-08-09 08:03 pm UTC (link)
	Gorgeous! Using & will credit. It works fine with IE btw :) (Reply to this) (Thread)

	prior 2007-08-09 09:11 pm UTC (link)
	Ah, thanks! (Reply to this) (Parent)

	heartrush 2007-08-09 08:25 pm UTC (link)
	Using :D (Reply to this)

	confidentsmile 2007-08-09 08:37 pm UTC (link)
	Thank you very much! Using it! ;D (Reply to this)

	aoi_honoo 2007-08-09 09:40 pm UTC (link)
	it's so clean and simple. :D Adding to memories to use some day, thanks!! ♥ (Reply to this)

	kuenzi 2007-08-09 10:54 pm UTC (link)
	Pretty! Memming. (Reply to this)

	thiswanderlust 2007-08-10 02:37 am UTC (link)
	Just what I've been looking for, something simple and clean ^_^ Using. Crediting. Thank you! (Reply to this)

(136 comments) - (Post a new comment)

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

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

About

Help

Get Involved

Legal

LJ Labs

Store