Visual Design

[s2] Flexible Square - Brush Strokes

2009-01-31T22:07:06Z

Nothing different except for colors. I added a few new changes, but this is still a simple layout with no sidebar. Well, there is a sidebar. It is just towards the top.

( Big Preview ) & ( Live )

INSTRUCTIONS
1. Go to Customize, make sure you are using S2, and Select "Flexible Squares" as your theme.
2. Go to Custom Options and press Custom CSS.
3. Select "NO" in all the dropdown boxes.
4. Copy & paste the CSS into the box labeled Custom stylesheet.

EXTRA
The header has been disabled. The same goes with the link list. You will have to add in your navigation yourself along with your link list.

OVERRIDES

/*
/*
Creater: shattere @ visualdesign
Theme Name: Brush Strokes
Style: S2 Flexible Squares
Account Type: Free & Paid accounts
*/

body {
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px;
margin: 20px 0 10px 0;
text-align: justify;
cursor: default;
color: #666666 ;
background: #CCCCCC url('http://i37.tinypic.com/zj9iq0.png')}

a, a:link, a:visited {
color: #999999;
text-decoration: none;
cursor: default; }

a:hover {
background-color: #E0E0E0;
color: #333;
text-decoration: none;
cursor: default; }

strong {
font-weight: bold;
color: #000000;
font-family: verdana;
font-size: 7pt; }

b {
font-weight: bold;
color: #666666;
font-family: verdana;
text-transform: uppercase;
font-size: 7pt; }

i, u { 
color: #561310; }

small { 
font-family: verdana; 
font-size: 7pt }

blockquote {
padding: 10px; 
color: #666666;
border: 1px dashed #666666;
background: #F2F2F2;
text-align: justify; }

::-moz-selection { 
background: #4F4433; 
color: #210603; }

p, td { 
border: 0px !important; }

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

img{ opacity:.60; -moz-opacity: 0.60; filter: alpha(opacity=60); }
img:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

ul{
margin-left: 10;
padding-left: 10;}

li{
margin-left: 10;
padding-left: 10;}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content {
width: 650px;
margin: auto; }

#maincontent {
margin: 0;
margin: 15px 0 0 0; }

#sidebar {
width: auto; 
padding: 20px 10px 15px 10px;
background-color: #FBFBF6 ;
text-align: left; }

/*-----------------------------------------------------------------------------
   Header and Footer
--------------------------------------------------------------------------------*/

#header { display: none}
.headerimage { display: none; }

#footer {width: auto; text-align: right; font-size: 7pt; letter-spacing: 3px; z-index: 100; clear: both; }

#footer a, #footer a:link, #footer a:visited { 
background-color: #FBFBF6;
padding: 5px;
border: 0px;
color: #000000; }

#footer a:hover{
bordeR: 0px;}

ul.navheader { 
text-transform: lowercase; 
text-align: center; }

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

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

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

.defaultuserpic { 
margin:10px; 
padding:0px; 
text-align:center;
 float: left;}

.defaultuserpic img { 
margin: 0px; 
padding: 0px;  
border: 10px solid #9FA299; 
width: 100px; 
height: 100px; }

h2, .title, .subtitle {display: none; }

div#footer li.viewing { display:none; padding: 7px; margin: 4px; border: 1px solid #FBFBF6; background-color: #FBFBF6; padding: 5px; }

/*---------------------------------------------------------------------
   Sidebar
------------------------------------------------------------------------*/

div#sidebar a, div#sidebar a:link, 
div#sidebar a:visited {
color: #999999;
text-decoration: none;
border: 0px;}

div#sidebar a:hover {
color: #666666;
text-decoration: none; }

li.sbartitle {
display: none;
color: #F8F8EB;
font-family: lucida sans unicode;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 14px; }

li.sbaritem {
padding: 0px 2px 0px 2px;
display: inline; 
text-align: left; }

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

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

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

table.calendar { 
display: none;
margin-right: auto; 
margin-left: auto; }

.sbarcalendar { 
display: none;
padding: 3px; 
border: 1px solid #574C42; 
background: #574C42; 
text-align: center; 
color: #E4DDC4; 
font-size: 10px; }

.sbarcalendarposts { 
display: none;
padding: 3px; 
border: 1px solid #D1A686; 
background: #574C42; 
text-align: center; 
color: #D1A686; 
font-size: 10px; }

ul.sbarlist { 
margin-left: 0px; 
list-style: none; 
padding-left: 0px; }

/*-----------------------------------------------------------------------------
   Entry
------------------------------------------------------------------------*/

.subcontent {
padding: 20px 20px 20px 20px;
background: #FBFBF6 ; }

.entry {
text-align: justify;
margin-left: 15px;
margin-right: 15px;}

.entry ul li { 
padding-left: 5px; 
margin-left: 5px; }

.entry ol li { 
padding-left: 5px; 
margin-left: 5px; }

.date {
text-align: left;
font-weight: normal;
padding-left: 5px;
color: #535252;
font-size: 7pt; }

.subject {
font-family: Georgia, Times New Roman, Book Antiqua, serif; 
background-color: transparent ;
letter-spacing: 0px;
font-size: 15pt;
line-height: 100%; 
color: #555555; 
font-style: italic; 
text-align: left; 
padding-bottom: 15px;}

.subject a, .subject a:link, .subject a:visited {
color: #000;
border: 0;
}

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

.datesubject { }

/*---------------------------------------------------------------------
 Current & Tags
------------------------------------------------------------------------*/

.ljtags {
text-align: left; 
font-family: Georgia, serif; 
border-left: 5px solid #CBCEBB;  
padding: 2px 2px 2px 6px;   
margin-top: 50px; position: relative; 
text-transform: lowercase; 
font-size: 7pt; color: #888888;}

.currents {
text-align: left;  
margin-top:0px; 
padding: 0px;  
text-transform: lowercase; 
font-size: 7pt; 
color: #646464;}
 
.currents strong {
font-weight: normal; 
text-decoration: none; 
color: #888888; }

.currentmood {
padding: 2px 2px 2px 6px;    
border-left: 5px solid #CBCEBB;}

.currentlocation {display: none;} 
.currentgroups {display: none;} 
.currentmusic {display:none;}

/*---------------------------------------------------------------------
Comments
------------------------------------------------------------------------*/

.comments {
text-align: left;
padding: 2px 2px 2px 6px;  
border-left: 5px solid #CBCEBB;
}

div.comments a:hover {
text-decoration: none;
background-color: #E0E0E0;
color: #333;
border-bottom: 1px solid #000000;
}

/*---------------------------------------------------------------------
Userpics ALL
------------------------------------------------------------------------*/

.userpic {
display: visible;
position: relative;
float: right;
padding: 7px;
margin-left: 12px;
margin-bottom: 5px;
text-align: center;
border: 5px solid #CBCEBB;
z-index: 15;
font-color: #000000;
background-color: #CBCEBB !important;}

#div.userpicfriends {
background-color: #CBCEBBt !important;}

.userpicfriends {
display: visible;
position: relative;
float: right;
padding: 7px;
margin-left: 12px;
margin-bottom: 5px;
text-align: center;
border: 5px solid #CBCEBB;
z-index: 15;
font-color: #000000;
background-color: #CBCEBB !important;}

/*---------------------------------------------------------------------
Extra
------------------------------------------------------------------------*/

.clear {
display: none;
height: 0px; }

.clearfoot {
display: none;
clear: both; }

.skiplinks {
text-align: center;
padding: 25px;
background: transparent;
color: #574C42; }

.skiplinks a, .skiplinks a:link, .skiplinks a:visited { 
color: #74624D; 
text-transform: lowercase; }

.skiplinks a:hover { 
color: #C2B191; }

.separator { 
height: 25px; }

/*---------------------------------------------------------------------
Popup Box
------------------------------------------------------------------------*/

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"], .subject img

[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i32.tinypic.com/26113ch.png); margin-

top: 3px; }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ display: none; }

div.ContextualPopup div.Inner{ background: transparent!important; color: #999999!important; border: 0; padding: 10px; width: 250px; font-family: georgia; font-

weight: normal; text-transform: none; }

div.ContextualPopup .Content{ padding: 7px 10px 7px 10px; margin-right: 80px; line-height: 1.4; background-color: #FFFFFF; border: 1px solid #666666; }

div.ContextualPopup .Userpic{ padding: 10px; background-color: #FFFFFF; margin: 0px; border: 1px solid #666666; }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited{ text-decoration: none!important; font-weight: normal; color: #999999!important; }

div.ContextualPopup .Relation{ border-bottom: 1px solid #666666; margin-bottom: 4px; padding-bottom: 4px; }

CREDIT
Credit visualdesign. Any questions, post here till FAQ is placed up!

[s2] Flexible Square - Red Earth

2008-10-05T06:28:03Z

This is a layout that I am currently using on my own journal. I like the position of the navigation, plus it is a simple layout.

( Big Preview ) &

INSTRUCTIONS
1. Go to Customize, make sure you are using S2, and Select "Flexible Squares" as your theme.
2. Go to Custom Options and press Custom CSS.
3. Select "NO" in all the dropdown boxes.
4. Copy & paste the CSS into the box labeled Custom stylesheet.

OVERRIDES

/*
/*
Creater: shattere @ visualdesign
Theme Name: Red Earth
Style: S2 Flexible Squares
Account Type: Free & Paid accounts

Credit is required. This should never be removed! 
*/

body {
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px;
margin: 10px 0 10px 0;
text-align: justify;
cursor: default;
background: #0D0201;
color: #4F4433 ;}

a, a:link, a:visited {
color: #501B03;
text-decoration: none;
cursor: default; }

a:hover {
color: #9F2611;
text-decoration: none;
cursor: default; }

strong {
font-weight: bold;
color: #000000;
font-family: verdana;
font-size: 7pt; }

b {
font-weight: bold;
color: #561310;
font-family: verdana;
font-size: 7pt; }

i, u { 
color: #561310; }

small { 
font-family: verdana; 
font-size: 7pt }

blockquote {
padding: 10px; 
color: #210603;
border: 1px dashed #561310;
background: #4F4433;
text-align: justify; }

::-moz-selection { 
background: #4F4433; 
color: #210603; }

p, td { 
border: 0px !important; }

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

img{ opacity:.60; -moz-opacity: 0.60; filter: alpha(opacity=60); }
img:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content {
width: 650px;
margin: auto; }

#maincontent {
margin: 0;
margin: 15px 0 0 0; }

#sidebar {
width: auto; 
padding: 20px 10px 15px 10px;
color: #BAB9A2;
background-color: #5F0E00;
border-top: 15px solid #0D0201;
text-align: left; }

/*-----------------------------------------------------------------------------
   Header and Footer
--------------------------------------------------------------------------------*/

#header {
padding: 15px 15px 15px 15px;
margin: 0px;
background-color: #41130E;
color: #F8F8EB;
font-family: trebuchet ms;
font-size: 10pt;
text-transform: lowercase;
line-height: 10px;
letter-spacing: 2px;
text-align: center; }

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

#header a, #header a:link, 
#header a:visited { 
color: #ECECBC;
font-family: trebuchet ms;
font-size: 10pt;
text-transform: lowercase;
padding: 10px 10px 10px 10px; }

#header a:hover {
color: #7B654F; }

#footer { 
padding: 25px; 
width: auto; 
margin: 0px; 
text-align: center;
font-family: lucida sans unicode;
font-size: 9pt;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 14px;
background-color: #41130E;
color: #ECECBC; 
clear: both; }

#footer a, #footer a:link, #footer a:visited { 
color: #ECECBC; }

ul.navheader { 
text-transform: lowercase; 
text-align: center; }

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

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

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

h2, .title, .subtitle, .defaultuserpic { 
display: none; }

/*---------------------------------------------------------------------
   Sidebar
------------------------------------------------------------------------*/

div#sidebar a, div#sidebar a:link, 
div#sidebar a:visited {
color: #8D7F67;
text-decoration: none;}

div#sidebar a:hover {
color: #E9EAD6;
text-decoration: none; }

li.sbartitle {
display: none;
color: #F8F8EB;
font-family: lucida sans unicode;
font-size: 12px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 1px;
line-height: 14px; }

li.sbaritem {
padding: 0px 2px 0px 2px;
display: inline; 
text-align: left; }

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

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

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

table.calendar { 
display: none;
margin-right: auto; 
margin-left: auto; }

.sbarcalendar { 
display: none;
padding: 3px; 
border: 1px solid #574C42; 
background: #574C42; 
text-align: center; 
color: #E4DDC4; 
font-size: 10px; }

.sbarcalendarposts { 
display: none;
padding: 3px; 
border: 1px solid #D1A686; 
background: #574C42; 
text-align: center; 
color: #D1A686; 
font-size: 10px; }

ul.sbarlist { 
margin-left: 0px; 
list-style: none; 
padding-left: 0px; }

/*-----------------------------------------------------------------------------
   Entry
------------------------------------------------------------------------*/

.subcontent {
padding: 20px 20px 20px 20px;
background: #B5A488; }

.entry {
text-align: justify; }

.entry ul li { 
padding-left: 5px; 
margin-left: 5px; }

.entry ol li { 
padding-left: 5px; 
margin-left: 5px; }

.date {
text-align: right;
font-weight: normal;
padding-left: 5px;
color: #440902;
font-size: 8pt; 
font-family: trebuchet ms; }

.subject {
text-align: right;
padding-bottom: 0px;
color: #280F0C;
font-size: 10pt;
font-family: arial;
font-weight: normal; }

.datesubject { }

/*---------------------------------------------------------------------
 Current Mood, Music, and Location
------------------------------------------------------------------------*/

.currents { 
margin-top: 5px; }

.currents, .currentmood, .currentmusic, .currentlocation { 
color: #280F0C; 
text-align: left; 
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px;
font-size: 10px; }

.currentmood strong, .currentmusic strong, .currentlocation strong, .currentgroups { display: none; }

/*---------------------------------------------------------------------
Tags
------------------------------------------------------------------------*/

.ljtags { 
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px;
margin-top: 25px; 
text-transform: lowercase; }

.ljtags a, .ljtags a:link, .ljtags a:visited {
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px; 
color: #501B03;
font-family: arial; }

.ljtags a:hover {
color: #9F2611;
font-family: arial; }

ul.ljtaglist li {
padding-left: 5px;
margin-left: 10px; }

ul.ljtaglist {
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 30px;
background: #FDFDFD; }

/*---------------------------------------------------------------------
Comments
------------------------------------------------------------------------*/

.comments {
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 16px;
text-align: right;
color: ##4F4433;
text-transform: lowercase;
padding-top: 35px; }

div.comments a, div.comments a:link, div.comments a:visited {
color: #501B03; }

div.comments a:hover {
color: #9F2611; }

/*---------------------------------------------------------------------
Userpics ALL
------------------------------------------------------------------------*/

.userpic {
display: visible;
position: relative;
float: left;
padding: 7px;
margin-right: 8px;
margin-bottom: 5px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #4F1C14;
z-index: 15;
font-color: #000000;
background-color: #5F0E00 !important;}

#div.userpicfriends {
background-color: #5F0E00 !important;}

.userpicfriends {
position: relative;
float: left;
padding: 7px;
margin-right: 8px;
margin-bottom: 5px;
text-align: center;
border-width: 0px;
font-family: Tahoma, arial, verdana;
font-size: 10px;
z-index: 15;
font-color: #000000;
background-color: #5F0E00 !important;}

/*---------------------------------------------------------------------
Extra
------------------------------------------------------------------------*/

.clear {
display: none;
height: 0px; }

.clearfoot {
display: none;
clear: both; }

.skiplinks {
text-align: center;
padding: 25px;
background: transparent;
color: #574C42; }

.skiplinks a, .skiplinks a:link, .skiplinks a:visited { 
color: #74624D; 
text-transform: lowercase; }

.skiplinks a:hover { 
color: #C2B191; }

.separator { 
height: 25px; }

/*---------------------------------------------------------------------
Popup Box
------------------------------------------------------------------------*/

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"], .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"], .subject img[src="http://p-stat.livejournal.com/img/icon_groups.gif"]{ width: 0; height: 0; padding: 0 16px 16px 0; background: url(http://i32.tinypic.com/26113ch.png); margin-top: 3px; }

.box img[src="http://p-stat.livejournal.com/img/help.gif"]{ display: none; }

div.ContextualPopup div.Inner{ background: transparent!important; color: #B5A488!important; border: 0; padding: 10px; width: 250px; font-family: georgia; font-weight: normal; text-transform: none; }

div.ContextualPopup .Content{ padding: 7px 10px 7px 10px; margin-right: 80px; line-height: 1.4; background-color: #0D0201; border: 1px solid #5F0E00; }

div.ContextualPopup .Userpic{ padding: 10px; background-color: #0D0201; margin: 0px; border: 1px solid #5F0E00; }

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited{ text-decoration: none!important; font-weight: normal; color: #B5A488!important; }

div.ContextualPopup .Relation{ border-bottom: 1px solid #5F0E00; margin-bottom: 4px; padding-bottom: 4px; }

CREDIT
Credit visualdesign. Any questions, post here till FAQ is placed up!

[s2] Flexible Square - Simpe Nav

2008-02-16T19:46:07Z

My first layout of many that are coming. It is basically a layout that I have been using at my personal journal, at my graphic journal, and at a community I own. However, each version is different for the color schemes are different. Here, for everyone to use is a basic color. I can make more colors upon request only.

( Big Preview ) &

INSTRUCTIONS
1. Go to Customize, make sure you are using S2, and Select "Flexible Squares" as your theme.
2. Go to Custom Options and press Custom CSS.
3. Select "NO" in all the dropdown boxes.
4. Copy & paste the CSS into the box labeled Custom stylesheet.

OVERRIDES

/*
Creater: shattere @ visualdesign
Theme Name: Simple Nav
Version: 1.0
Them Style: Flexible Square S2
Account Type: Free & Paid accounts

Credit is required. This should never be removed! 
*/

body {
font-family: arial, tahoma, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
line-height: 14px;
text-align: justify;
cursor: default;
margin-top: 20px;
background-color: #7A8F9C;}

::-moz-selection {
color: #7A8F9C; 
background: #FBFCFC;}

a, a:link, a:visited {
color: #778995;
text-decoration: none; 
cursor:default;}

a:hover {
color: #5A7045; 
text-decoration: none; 
cursor: default;}

blockquote {
background-color: #FBFCFC; 
padding:5px; 
color: #7A8F9C;
border-left: 1px solid #7A8F9C;
border-right: 1px solid #7A8F9C;}

/* PAGE ALIGNMENT AND WIDTH */
#content {
width: 650px;
margin-left: auto;
margin-right: auto;
background-color: #FBFCFC;
border-width: 0;
padding: 0px;
border: 0px;}

#maincontent {
float: right;
width: 440px;
padding-right: 10px;
padding-top: 10px;
text-align: justify;}

#sidebar {
padding-top: 0px; 
padding-left: 10px;
background: #FBFCFC; 
width: 180px;
float: left; 
text-align: justify;}

/* HEADER & FOOTER */
#header{
margin: 0 auto;
padding: 10px 0;
width: 650px;
font-family: "Trebuchet MS",;
font-size: 8pt;
text-align: center;
background-color: #BFC4C0;
text-transform: uppercase;}

#footer{
margin: 0 auto;
padding: 0px 0;
width: 650px;
font-family: "Trebuchet MS",;
font-size: 8pt;
text-align: left;
background-color: #FBFCFC;
text-transform: uppercase;}

/* CHANGE HEADER HERE */
.headerimage {
height: 250px;
background-image: url("http://i127.photobucket.com/albums/p130/shattmem/livejournal/visual_design/layouts/blankheader.png") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center !important;
margin-bottom: 0px}

.title {display: none;}
.subtitle{display: none;}

/* NAVIGATION FOR HEADER & FOOTER*/

div#header, div#footer{
margin: 0 auto;
padding: 7px 0;
width: 650px;
font-family: "Trebuchet MS",;
font-size: 7pt;
text-align: center;}

div#header a, div#header a:link, div#header a:visited, div#header .view, div#header .viewing
div#footer a, div#footer a:link, div#footer a:visited, div#footer .view, div#footer .view{
color: #5E5E5E;;
padding: 7px;
font-size: 7pt;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;}

div#header a:hover, div#footer a:hover{
color: #5E5E5E;;
padding: 5px 7px 5px 7px;
font-size: 7pt;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
background-color: #EEF2F0;
border: 0px;}

.title {display: none;}
.subtitle{display: none;}

ul.navheader, ul.navfooter{
font-family: tahoma, verdana; 
font-size: 7pt; 
font-weight: normal; 
text-align: center; 
padding: 0px 5px 0px 10px; 
margin: 0px;}

ul.navheader li, ul.navfooter li{
display: inline; 
padding: 0 3px 0 3px;
font-family: tahoma, verdana; 
font-size: 7pt; 
font-weight: normal; 
text-align: center; }

#header ul.navheader li, #footer ul.navfooter li{
display: inline;
margin: 0 0 0 10px;
list-style-type: none;}

/* ENTRIES */
.subcontent {}

.entry{
background: #FBFCFC;
padding: 0px 5px 0px 3px;
margin-top: 5px;
text-align: justify;}

.date{
padding-top: 02px;
text-align: left;
top: 5px;
color: #BEB6B1;
font-family: tahoma, verdana;
font-size: 7pt;
letter-spacing: 1px;
line-height: 14px;
text-transform: lowercase;}

.subject {
text-align: left;
font-weight: bold;
padding-left: 1px;
padding-bottom: 3px;
color: #71878F;
font-family: tahoma, verdana;
font-size: 9pt;
letter-spacing: 1px;
line-height: 14px;
border-bottom: 2px #E4E5E5 solid;
text-transform: lowercase;
letter-spacing: 0px; }

.datesubject {
padding: 0px;
}

.entry ul li {padding-left: 5px; margin-left: 0px;}
.entry ol li {padding-left: 5px; margin-left: 0px;}

/* FRIENDS PAGE USERPICS */

.userpic {
display: visible;
position: relative;
float: left;
padding: 7px;
margin-right: 8px;
margin-bottom: 5px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #E4E5E5;
z-index: 15;
font-color: #999999;
background-color: #E4E5E5 !important;}

#div.userpicfriends {
background-color: #E4E5E5 !important;}

/* CURRENT MUSIC, MOOD, AND LOCATION */
.currents, .currentmood, .currentmusic, .currentlocation {
font-family: tahoma, verdana;
font-size: 7pt;
letter-spacing: 0pt; 
text-align: left; }

.currents strong{
font-weight:normal;}

/* COMMENT LINES AT BOTTOM OF ENTRIES */
.comments {
text-align: right; }

div.comments a, div.comments a:link, div.comments a:visited{
color: #778995;
text-decoration: none; 
cursor:default;}

div.comments a:hover {
color: #5A7045; 
text-decoration: none; 
cursor: default;
text-transform: uppercase;}

.separator {height: 25px;}

/* SIDEBAR */
.defaultuserpic {text-align: center;}
.defaultuserpic img {padding:5px;}

.sbartitle {
padding: 0px 5px 0px 5px;
font-weight: bold;
text-align: justify;}

.sbarbody {
padding: 0px 0px 0px 0px;
text-align: justify;}

.sbarlist {
padding: 0px 0px 0px 0px;
text-align: justify;}

.sbarbody2 {
padding: 0 0px 0 0px;
text-align: justify;}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #778995;
text-decoration: none; 
cursor:default;}

div#sidebar a:hover {
color: #5A7045; 
text-decoration: none; 
cursor: default;}

/*SIDEBAR - LINK BOX TITLE AND CONTENTS */

ul.sbarlist {
padding-left: 0px;
margin-left: 0px; 
list-style: none;
text-align: justify;}

li.sbaritem {
padding-left: 0px; 
list-style: none;
text-align: justify;}

li.sbartitle {
list-style: none;
text-align: left;
font-weight: bold;
padding-left: 1px;
padding-bottom: 3px;
color: #71878F;
font-family: tahoma, verdana;
font-size: 9pt;
letter-spacing: 1px;
line-height: 14px;
border-bottom: 2px #E4E5E5 solid;
text-transform: lowercase;
letter-spacing: 0px; }

li.view {
text-transform: uppercase;}

/*SIDEBAR - CALENDER */
table.calendar {
width:125px;
margin-right: auto;
margin-left: auto;}

.sbarcalendar {
border-width: 0px;
border-style: solid;
text-align: center;
font-family: tahoma, verdana;
width:100px
font-size: 7pt;}

.sbarcalendarposts {
border-width: 0px;
border-style: solid;
background-color: #E4E5E5;
text-align: center;
font-family: tahoma, verdana;
width:100px
font-size: 7pt;}

/* TAGS */
.ljtags {
padding-top: 35px; 
padding-left: 0px; 
letter-spacing: 0pt; 
text-align: justify; 
font-family: tahoma, verdana;
font-size: 7pt;}

.ljtaglist {
list-style-type:none;}

/*MORE FOOTER */

.clearfoot {clear: both;}
.clear {clear: both; height: 0px }

/* ARCHIVE PAGES */

ul.year {
text-align: center; 
padding-bottom: 40px;}

ul.year li {
display: inline;}

table.yeartable {margin: 0px auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 0px solid #496279;}
table.yeartable td.yearday {background: #F8F8F8; text-align: center;}
td.yearmonth {border-style: none;}

CREDIT
Credit visualdesign. Any questions, post here till FAQ is placed up!

Icon Batch #003

2007-11-01T04:21:40Z

I bring you some new icons, and this time a different variety.

1. Don't hotlink. Save to own server.
2. Comment when taking.
3. Textless are NOT bases.
4. Credit medli or visualdesign

Features:
- (2) Cloud & Aeris (FFVII)
- (1) Cloud & Tifa (FFVII)
- (6) Romeo & Juliet (Romeo X Juliet)

001	002	003


004	005	006


007	008	009

Icon Batch #002

2007-09-25T05:30:30Z

This is just another update introducing the new layout and everything that has been happening with all my sites. However, there are only three and I am a bit sorry about that.

1. Don't hotlink. Save to own server.
2. Comment when taking.
3. Textless are NOT bases.
4. Credit medli or visualdesign

001	002	003

Icon Batch #001

2007-09-03T07:08:46Z

Just a small batch of icons featuring some contest that I failed in and of course, a bunch of Final Fantasy games that I love.

1. Don't hotlink. Save to own server.
2. Comment when taking.
3. Textless are NOT bases.
4. Credit medli or visualdesign

001	002	003


004	005	006

FAQ and more!

2007-08-27T05:07:40Z

FREQUENTLY ASKED QUESTIONS➜

➜Please help me with my layout:
As long as you have not messed the coding completely up, I might be able to help. However, if the css is completely destroy, I suggest just removing it and replacing it back with the orginal.

➜Can I add a header, and how do I do that?:
Some of my layouts already have the header added. However, if there is not a layout that has one, and you would like a header, you may add one. The code to add one is this: .headerimage { width: XXpx; height: XXpx; background: url('') no-repeat; margin: 0 auto; }. Just make sure to add the url of your banner in between the single quotes and change the width and height properties accordingly.

➜How do I credit:
You can credit me by either putting: Layout from < lj user="visualdesign" > or < a href="http://community.livejournal.com/visualdesign" >Layout</a> in your profile or sidebar.

➜My topbar is not looking like the picture:
Use this code and replace what is needed to make the topbar look like the picture:

<div align="right" style="font: 10pt; text-transform: uppercase; padding-bottom: 5px;"> <a href="http://USERNAME.livejournal.com">Entries</a>     <a href="http://USERNAME.livejournal.com/friends/">Friends</a>     <a href="http://USERNAME.livejournal.com/calendar">History</a>     <a href="http://USERNAME.livejournal.com/profile">Profile</a></div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum consequat. In ultrices libero ac libero. Aliquam in sapien. Nam sodales felis vel erat. Praesent pulvinar rhoncus mi. Aliquam tellus. Curabitur hendrerit. Donec tempus tellus vitae ligula luctus congue. Sed vulputate, metus nec blandit malesuada, pede ipsum aliquam nulla, sit amet lobortis elit orci sit amet justo. Duis pharetra odio molestie tortor. Vivamus sed mauris vitae libero tempus sodales. Praesent porttitor lacus in lorem. Phasellus enim pede, malesuada quis, mollis nec, tristique eget, tellus. Ut dapibus diam eget libero. Nullam dapibus mollis risus. Curabitur ut mi at nisl accumsan interdum. Nam a odio. Donec arcu velit, luctus id, sodales vel, tincidunt a, eros. Nunc leo.

➜Do you code for any other style:
No. I only code layouts for Flexible Square. I have not got good enough to try the other style yet.

➜Can I add your layout to my community:
No. I work hard on coding my layouts. However, if you PM me about it, we can talk about it.

➜Do you take requests:
No. At the time, I only code layouts when I need a new for another site or just want to create something. It is just for my pleasure to do something and try something new.

IF YOUR QUESTION IS NOT ANSWERED HERE, POST IT HERE!

Resources

2007-08-27T05:06:01Z

All the resources I used for my icons. If you seen something of yours that I have used and your name is not on the list, please leave a comment and I will add it as soon as possible.

Image Galleries
• Aethereality
• Anime Artbooks
• Anime Paper
• Digik
• robotsex
• r_x_j
• cap_it

Brushes
• Celestial Star
• Aethereality
• Mystique87 @ DA
• silverqe
• starlit_designs
• MissLittleWood @ DA
• m0nica @DA

Affiliates?

2007-08-27T04:51:09Z

List of all the lovely affiliates. If you would like to affiliate? Just leave a comment here.

animer_icons

europa_icons

heterogen

rooftop_icons

rainfall_icons

hanabito

_moonangel_

heavenlyquake

softly_bastard

First post!

2007-08-27T04:45:23Z

Well, here is the first post for visualdesign. Remember when taking anything to follow the terms of usage. Enjoy your time looking around, watch the community for updates, and see you around. ^