mintyapple: Flexible Squares: Black Lillies

America's Next Top Hermit (

profoundly_grey) wrote in

mintyapple,
@ 2008-06-10 10:49:00

Entry tags:

style: flexible squares

Flexible Squares: Black Lillies

Live Preview | Image Preview

Title: Black Lillies (MY FIRST LAYOUT! :D )
Theme: S2 Flexible Squares
Made by: profoundly-grey.livejournal.com
Tested in: Firefox & IE, Paid & Plus
Modifications? Yes, but please be sure to credit me for the coding.

01. Download the images and upload to your own server/host, and replace image urls that say "http://YOURHOST.com/picture.png".
02. Go to customize, set style to S2 and save changes.
03. Select Flexible Squares as your new theme.
04. Click on custom options, then Custom CSS.
05. Set all three drop down menus to NO and paste custom CSS in the custom stylesheet textbox.
06. Click save changes.

If you have any inquiries regarding the stylesheet, installation, etc, please ask here, or refer to one of the many communities (like

s2flexisquares) that cater to layout coding.

/* Title: Black Lillies
    Theme: S2 Flexible Squares
    Tested: Firefox & IE, Paid & Plus
    Coding: http://profoundly-grey.livejournal.com/
    Tiny Icons: http://famfamfam.com | http://passing-girl.livejournal.com */

body {
	background-color: #E6E6E6;
	background-image: url(http://YOURHOST.com/GREYA.png);
	background-repeat: repeat;
	text-align: left;
	color: #303030;
	font-family: "Arial", sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	}

a, a:link {
	color: #98D7DC;
	text-decoration: none;
	}

a:visited {
	color: #6EC5CC;
	}

a:hover {
	color: #72D8DD;
	}

p, td {
	font-size: 10px;
	}

blockquote {
	background-color: #E6E6E6;
	padding: 5px;
	border: 1px solid #303030;
	color: #474747;
	}

blockquote:hover {
	background-color: #EEEEEE;
	border: 1px solid #72D8DD;
	}

textarea {
	width: 200px;
	height: 75px;
	background-color: #E6E6E6;
	padding: 5px;
	border: 1px solid #EEEEEE;
	font-size: 9px;
	font-family: "Arial", sans-serif;
	color: #474747 !important;
	highlight-color: #72D8DD;
	}

code, kbd, pre, tt {
	font-family: monospace;
	}

h2 {
	display: none;
	}

/*General Page Alignment & Width*/

#content {
	width: 500px;
	margin-left: auto; margin-right: auto;
	border: none;
	padding: 0px;
	margin-top: 0px;
	}

#maincontent {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	background-color: #E6E6E6;
	color: #303030;
	border: 1px solid #303030;
	margin-top: 0px;
	text-align: left;
	}

#sidebar {
	display: none;
	}

/*Header*/

#header {
	width: 490px;
	padding: 5px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	border: none;
	color: #E6E6E6;
	}

.headerimage {
	position: relative;
	background-image: url(http://YOURHOST.com/header.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 500px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	}

div#header a, div#header a:link {
	padding: 5px;
	color: #E6E6E6;
	font-size: 12px;
	text-decoration: none;
	}

div#header a:visited {
	padding: 5px;
	color: #E6E6E6;
	font-size: 12px;
	text-decoration: none;
	}

div#header a:hover {
	background-color: #303030;
	padding: 5px;
	color: #72D8DD;
	font-size: 12px;
	text-decoration: none;
	}

.title {
	display: none;
	}

.subtitle {
	display: none;
	}

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

ul.navheader li {
	display: inline;
	margin: 0px 0px 0px 0px;
	list-style: none;
	}

/*Entry*/

.subcontent {
	}

.entry {
	margin: 0px 10px 10px 30px;
	padding: 10px;
	background-color: #E6E6E6;
	color: #303030;
	font-family: "Arial", sans-serif;
	font-size: 10px;
	text-align: left;
	border: none;
	}

.userpic {
	position: relative;
	float: left;
	background-color: #E6E6E6;
	padding: 5px;
	margin: 0px;
	z-index: 15;
	border: 1px solid #C8CECF;
	display: none;
	}

.date {
	line-height: 0px;
	padding: 5px;
	color: #303030;
	text-align: right;
	font-family: "Arial", sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	}

.subject {
	font-weight: normal;
	padding: 0px;
	color: #303030;
	text-align: right;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	}

.subject a, .subject a:link, .subject a:visited {
	color:#C8CECF;
	}

.subject a:hover {
	color: #72D8DD;
	}

.datesubject {
	background-color: #C8CECF;
	padding: 5px;
	}

.entry ul li {
	padding-left: 5px;
	margin-left: 15px;
	list-style: none;
	}

.entry ol li {
	padding-left: 5px;
	margin-left: 15px;
	list-style: none;
	}

/*Tags*/

.ljtags {
	position: relative;
	top: 30px;
	color: #303030;
	font-size: 9px;
	text-transform: lowercase;
	}

.ljtags a {
	font-weight: normal;
	}

.ljtaglist {
	text-align: left;
	list-style-type: none;
	}

.tagcount {
	display: visible;
	}

/*Currents*/

.currents, .currentmood, .currentmusic, .currenttags {
	font-family: "Arial", sans-serif;
	font-size: 9px;
	text-transform: lowercase;
	}

.currentlocation {
	display: none;
	}

.currents strong {
	font-weight: normal;
	}

/*Comments*/

.comments {
	font-family: "Arial", sans-serif;
	font-size: 11px;
	text-align: right;
	background-color: #E6E6E6;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 15px;
	}

div.comments a, div.comments a:link, div.comments a:visited {
	color: #98D7DC;
	}

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

/*Entry Separator*/

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

/*Friends Page Customization*/

.userpicfriends {
	position: relative;
	float: left;
	background-color: #C8CECF !important;
	text-align: center;
	padding: 5px;
	margin-right: 5px;
	z-index: 15;
	border: 1px solid #C8CECF;
	}

.userpicfriends a font {
	color: #303030;
	}

.userpicfriends a:hover font {
	color: #72D8DD;
	}

/*Footer*/

#footer {
	width: 490px;
	padding: 5px;
	text-align: center;
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 3px;
	background-color: #E6E6E6;
	color: #303030;
	border: none;
	z-index: 100;
	clear: both;
	}

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

ul.navfooter li {
	display: inline;
	margin: 0px 0px 0px 0px;
	list-style: none;
	}

.clearfoot {
	clear: both;
	}

div#footer a, div#footer a:link {
	padding: 5px;
	color: #474747;
	font-size: 12px;
	text-decoration: none;
	}

div#footer a:visited {
	padding: 5px;
	color: #303030;
	font-size: 12px;
	text-decoration: none;
	}

div#footer a:hover {
	background-color: #303030;
	padding: 5px;
	color: #72D8DD;
	font-size: 12px;
	text-decoration: none;
	}

/*Archive*/

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: 1px solid #474747;
	}

table.yeartable td.yeardate a {
	color: #303030;
	}

table.yeartable td.yeardate a:hover {
	color: #72D8DD;
	font-weight; bold;
	}

table.yeartable td.yearday {
	background-color: #98D7DC;
	text-align: center;
	}

td.yearmonth {
	border-style: none;
	}

/*Comment Pages*/

.datesubjectcomment {
	text-align: center;
	background-color: #E6E6E6;
	padding: 5px;
	margin-top: 20px;
	}

.userpiccomment {
	position: relative;
	border: 5px solid #C8CDD0;
	background-color: #C8CDD0;
	top: -30px;
	left: 0px;
	padding: 5px;
	margin: 10px 10px -20px 10px;
	z-index: 15;
	float: left;
	border: 1px solid #E6E6E6;
	display: none;
	}

.box {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #474747;
	padding: 10px;
	clear: left;
	}

input, textarea {
	background-color: #C8CDD0;
	color: #303030;
	}

textarea.textbox {
	width: 100% !important;
	}

.reply {
	position: relative;
	margin: 20px 30px 10px 30px;
	padding: 25px 10px 10px 10px;
	text-align: left;
	font-family: "Arial", sans-serif;
	font-size: 10px;
	line-height: 125%;
	background-color: #C8CDD0;
	color: #303030;
	}

.replytosubject {
	font-weight: bold;
	}

.commentreply {
	position: relative;
	margin: 10px;
	font-size: 10px;
	font-family: "Arial", sans-serif;
	color: #303030;
	}

.commentbox {
	border: 1px solid #474747;
	padding: 10px;
	margin: 10px;
	background-color: #C8CDD0;
	}

.commentbox a:link, .commentbox a:visited {
	color: #6EC5CC;
	}

.commentbox a:hover {
	color: #303030;
	}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
	color: #ffffff;
	}

.datesubjectcomment a:hover {
	color: #303030;
	}

.commentboxpartial {
	border: 1px solid #303030;
	padding: 10px;
	margin: 10px;
	background-color: #C8CDD0;
	}

.commentinfo {
	background-color: #C8CDD0;
	margin-top: 10px;
	width: 100%;
	}

.skiplinks {
	text-align: center;
	}

/*Tiny Icons*/

.ljuser img {
    width: 0; height: 0;
    background-repeat: no-repeat; background-color: transparent;
    background-image: url(http://YOURHOST.com/user_icon_grey.gif);
    padding: 12px 8px 0 2px !important;
    }

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"] {
    width: 0; height: 0;
    padding: 0 16px 16px 0;
    background: url(http://YOURHOST.com/emblemreadonlyze3.png);
    }

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"] {
    width: 0; height: 0;
    padding: 0 16px 16px 0;
    background: url(http://YOURHOST.com/private.png);
    }

.subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] {
    width: 0; height: 0;
    padding: 0 16px 16px 0;
    background: url(http://YOURHOST.com/key.png);
    }

/*User Icons*/

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
    background-color: transparent;
    background-image: url(http://YOURHOST.com/user_icon_grey.gif);
    padding: 12px 8px 0 2px !important;
    }

/*Community Icons*/

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
    background-color: transparent;
    background-image: url(http://YOURHOST.com/com_icon_grey.gif);
    padding: 14px 14px 0 2px !important;
    }

/*Miscellaneous*/

.clear {
	height: 15px;
	}

Download Complete Zip

Images:
background
header
lj user icon
lj community icon
private entry icon
filtered group entry icon
locked entry icon

Like what you see? Feel free to join my community

profoundicons!

(30 comments) - (Post a new comment)

	urala 2008-06-10 05:59 pm UTC (link)
	Taking this and will credit. Its lovely! ♥ (Reply to this)

	clockhouse 2008-06-10 06:06 pm UTC (link)
	I like this! The simplicity is amazing. I will meme this and might use it one day! Thanks, for sharing ~ (Reply to this)

	alovelyfix 2008-06-10 06:15 pm UTC (link)
	So pretty! (Reply to this)

	xenachan 2008-06-10 06:39 pm UTC (link)
	Meming, great work with the texture ! Thank you :) (Reply to this)

	odette_river 2008-06-10 06:42 pm UTC (link)
	Adding to my mems. It's simple and pretty. :) (Reply to this)

	heartfatality 2008-06-10 07:53 pm UTC (link)
	Nice. :] Adding to memories! (Reply to this)

	stakeh 2008-06-10 07:59 pm UTC (link)
	this is wonderful, will definitely be using. ♥ great job! (Reply to this)

	ana_leez 2008-06-10 09:52 pm UTC (link)
	adding to mems. I might use it later :] (Reply to this)

	gracelessheart 2008-06-10 11:04 pm UTC (link)
	Ohhh that is beautiful. :D (Reply to this)

	victimsofun 2008-06-11 12:22 am UTC (link)
	It's pretty! I'm taking and def crediting. Is it alright if I change the background though? (Reply to this) (Thread)

	profoundly_grey 2008-06-11 12:27 am UTC (link)
	Yes, modifications are fine as long as I still am credited for the code. : ) (Reply to this) (Parent)

	_________bite 2008-06-11 01:34 am UTC (link)
	i love it! i'm taking it! (Reply to this)

	captcudd1es 2008-06-11 03:53 am UTC (link)
	Love<3 I will mem this for the future okay?^^ (Reply to this)

	eriolchan 2008-06-11 04:56 am UTC (link)
	Lovely~Taking this,will credit <3 (Reply to this)

	iluvpoto 2008-06-11 12:52 pm UTC (link)
	PRETTY! adding to mem's ;D (Reply to this)

	chronophobe 2008-06-13 03:47 am UTC (link)
	Taking, and mod-ing a bit. <3 Will credit. (Reply to this)

	aquaflowers 2008-06-13 09:49 pm UTC (link)
	took the header, layout, etc., and credited in profile ;) (Reply to this)

	rubytears 2008-06-14 08:50 pm UTC (link)
	This is pretty! Going to use it on my writing journal. lilium_dreams Although, now sure how long I'll be able to last without edit, and edit tag links in the comment link bar... I'm such a Smooth Sailing person. I'm assuming it will work on a basic account as well. (Reply to this)

	aby7777 2008-06-17 08:48 pm UTC (link)
	thanksss ;) (Reply to this)

	fantastic_d 2008-06-20 08:22 pm UTC (link)
	NIce! I'm taking this and will credit of course =) Thanks for this gorgeous layout (Reply to this)

	konbini 2008-06-21 08:18 am UTC (link)
	Taking, thanks. ♥ (Reply to this)

	sullencullen 2008-06-24 12:58 am UTC (link)
	taking, thank you. (Reply to this)

	y0rkfiles 2008-06-25 03:27 pm UTC (link)
	taking it for later use, btw, is it alright to change the header? (: i'll deff credit you. (Reply to this) (Thread)

	profoundly_grey 2008-06-25 06:42 pm UTC (link)
	Of course! (Reply to this) (Parent)(Thread)

	y0rkfiles 2008-06-26 04:03 am UTC (link)
	thnks! (Reply to this) (Parent)

	gun__electric 2008-07-02 07:45 pm UTC (link)
	taking ! thanks :) (Reply to this)

	flame_inside_me 2008-07-20 08:38 am UTC (link)
	Taking, but changing a bit. Will credit, thanks (Reply to this)

	shelma32 2008-07-23 03:32 am UTC (link)
	Great layout. I'm using it for my comm sgwomen_itest with a different banner (Reply to this)

	millionstar 2008-07-24 11:36 am UTC (link)
	Taking, will credit, it's lovely! :) (Reply to this)

	roni2727 2008-10-26 06:57 am UTC (link)
	Gorgeous! Using at tia_v_graphics with credit. Thank you! (Reply to this)

(30 comments) - (Post a new comment)

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