Blandy Dandy

Designer's Comments

Look carefully for specific instructions

LAYOUT TITLE: Blandy Dandy
STYLE SYSTEM: S2
THEME: Flexible Squares
CODING (c): twentynine_ @ LJ
ORIGINAL CONCEPT(c):Blandy 1.0 1 Wordpress Theme
TINY ICONS(c): damnicons @ lj and www.pinvoke.com
DO NOT REMOVE THE CREDITS AT THE TOP OF THE STYLE SHEET. IF YOU NEED A BLANK STYLE SHEET THAT GIVES DESCRIPTIONS OF EACH CLASS, PLEASE CHECK OUT CARTONAGE@LJ'S ENTRY here.
-------------------------------------------------------------
You can view this layout's post on my journal for more information:
http://users.livejournal.com/twentynine_/13566.html#cutid1

RESOLUTION: good for any resolution, looks best in resolutions 1024x768 or larger
TESTED BROWSERS: looks the same on both firefox and internet explorer
ACCOUNT TYPE: basic, plus (paid has not been tested, but i assume it works)
-------------------------------------------------------------
Live previews: Recent Entries Comments Page
-------------------------------------------------------------
HOW TO INSTALL THE TOP BAR:
1. Go to Sidebar setup. Make sure the following is NOT showing (change yes to NO):
Link List : set to no
Tags List : set to no
Summary : set to no
Calendar : set to no

2. Leave BLURBs blank.

3. Copy, paste, and edit the following in the "Text to be added to the sidebar" box.
EDIT You will have to go to the LiveJournal Entry to get the topbar code because the [*code] code will not allow all of it to show for some reason.

-------------------------------------------------------------
Please credit twentynine_ in your userinfo.
If you have any questions, please leave it at the journal for quicker results.

EDIT !!IMPORTANT!! There was an error with the private icon that appears at the top of the entries marked private. I have fixed it. Just change the padding of .subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"] to padding: 10px 8px 0 2px !important;. The coding above has been changed and so has the coding at LiveJournal. Sorry for the slight problem. :]

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Flexible Squares
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Flexible Squares

/* LAYOUT TITLE:    Blandy Dandy
   STYLE SYSTEM:    S2
   THEME:	    Flexible Squares
   CODING:	    twentynine_ @ LJ
   ORIGINAL CONCEPT:Blandy 1.0 1 Wordpress Theme
   TINY ICONS:	    damnicons @ lj and www.pinvoke.com */

body	{
		padding: 0px;
		background: url(http://i29.tinypic.com/21ykch.gif);
		background-color: #292929;
		text-align: center;
		color: #eee;
		font-family: Georgia,Tahoma,Arial, sans-serif;
		font-size: 12px;
		margin: 0px 0 0px 0;
		}

a:link {
		color: #97D10B;
		text-decoration: none;
		}

a:visited {
		color: #97D10B;
		text-decoration: none;
		}

a:hover {
		border-bottom: 1px dotted #666;
		color: #666;
		}

a:active {
		text-decoration: none;
		color: #97D10B;
		}

blockquote {
		margin: 10px 0;
		padding: 5px 10px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		font: 11px Georgia,Arial,sans-serif;
		color: #666;
		}

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

h1, h2, h3, h4, h5, h6 { 
		font-weight: normal;
 		color: #3584F1;
		margin: 10px 0;
		}
	h1 {
 		margin: 0;
		font-size: 4em;
 		font-weight: bold;
 		text-transform: uppercase;
		}
	h1 a {
 		color: #97D10B;
		}
	h1 a:hover { 
		background: none;
		border-bottom: none;
		color: #3B618B;
		}
	h2 { 
		font-size: 1em;
 		}
	h3 {
 		font-size: 1em;
 		}
	h4 {
 		font-size: 0.9em;
 		}
	h5 {
 		font-size: 0.8em;
 		}
	h6 {
 		font-size: 0.7em;
 		}

/* General page alignment and width */

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

#maincontent {
		padding: 5px 5px 5px 5px;
		border: 0px;
		text-align: left;
		margin: 5px 0;
		background: #212121 url(http://i31.tinypic.com/n2cy06.png) top repeat-x;
		}

#sidebar {
		padding: 5px 5px 0px 5px;
		margin: 0px  0px  00px  0px;
		border: 0px ;
		color: #888888;
		width: 705px;
		font-size: 7pt;
		line-height:17px;
		text-align:justify !IMPORTANT;
		background: #292929 url(http://i26.tinypic.com/2v34kkx.png) top repeat-x;
		}

/* Header */

#header {
		padding: 5px 5px 5px 0px;
		margin: 0px;
		text-align: right;
		font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
		font-size: 11px;
		text-transform: lowercase;
		border-top: 0px solid #212121;
		color: #ccc;
		background: transparent;
		width: 715px;
		}

/*look  and color of links (also partly for footer)*/
	div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
		margin-left: 3px;
		margin-right: 3px;
		padding: 15px 6px 10px 6px;
		font-size: 11px;
		font-weight: bold;
		color: #ccc;
		text-transform: uppercase;
		text-decoration: none;
		}

div#header a:hover, div#footer a:hover {
		margin-left: 3px;
		margin-right: 3px;
		padding: 15px 6px 10px 6px;
		background-color: #212121;
		background: url("http://i32.tinypic.com/9ktajc.jpg")  no-repeat;
		background-position: bottom center;
		text-decoration: none;
		border-bottom: none;
		color: #3B618B;
		}

.title	{
		letter-spacing: 0.1em;
		background: transparent url() repeat-x;
		color: #97D10B !IMPORTANT;
		margin: 0px 0;
		font-size: 4em;
 		font-weight: bold;
 		text-transform: uppercase;
		text-align:right !IMPORTANT;
		}

.subtitle{
		display: none;

}

div#header li.view, div#footer li.viewing { 
		margin-left: 5px;
		margin-right: 5px;
		padding: 15px 6px 10px 6px;
		background: url("http://i32.tinypic.com/9ktajc.jpg")  no-repeat;
		background-position: bottom center;
		text-decoration: none;
		border-bottom: none;
		color: #97D10B;
		font-size: 11px;
		font-weight: bold;
		}

/* Header - top navigation */

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
		{
		text-align: left;
		padding: 5px;
		margin: 0px;
		}

ul.navheader li  {
		text-align: left;
		display: inline;
		padding: 0 3px 0 3px;
		}

/* Entry stuff */

.subcontent {
		}

.entry	{
		margin: 0px 10px 10px 5px;
		padding: 11px;
		background-color: #212121;
		font: 12px Georgia,Tahoma,Arial, sans-serif;
		color: #eee;
		line-height:17px;
		text-align:justify;
		border: 0px;
		}

.userpic {
		position: relative;
		float: right;
		background-color: #292929;
		padding: 10px;
		margin: 10px;
		z-index: 15;
		border-bottom: 0px #aaaaaa solid;
		border-right: 0px #cccccc solid;
		}

.date {
		line-height: 12px;
		font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
		letter-spacing: 5px;
		top: 5px;
		text-transform: uppercase;
		font-size: 10px;
		color: #666;
		}

.subject {
		line-height: 40%;
		font-weight: bold;
		padding: 2px;
		color: #97D114;
		font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
		font-size: 15px;
		}

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

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

.datesubject {
		margin: 5px 0px 0px 0px;
		background-color: #212121;
		padding: 2px;
		border-bottom: 0px solid #eeeeee
		}

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

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

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

.subtitle, .defaultuserpic, .clearfoot, .currents strong { 
		display: none; 
		}

#sidebar_calendar {
		display: none;
		}

.currents, .currentmood, .currentmusic {
		text-transform: lowercase;
		color: #acacac;
		}
	.currentlocation {
		padding: 5px 0px 5px 18px;
		font-size: 7pt;
		color: #888888;
		background: url("http://i28.tinypic.com/mtlblu.png")  no-repeat;
		background-position: center left;
		}

.currentmood {
		padding: 5px 0px 5px 18px;
		font-size: 7pt;
		color: #888888;
		background: url("http://i25.tinypic.com/2cxjhq9.png")  no-repeat;
		background-position: center left;
		}

.currentmusic {
		padding: 5px 0px 5px 18px;
		font-size: 7pt;
		color: #888888;
		background: url("http://i29.tinypic.com/2ag59oz.png")  no-repeat;
		background-position: center left;
		}
		
	.ljtags { 
		margin-top: 20px; 
		margin-bottom: 0px; 
		padding: 5px 0px 5px 18px;
		text-transform: lowercase;
		font-size: 7pt;
		color: #888888;
		background: url("http://i32.tinypic.com/6tdyrt.png")  no-repeat;
		background-position: center left;
		}

h2 {
		font-size:18px;
		text-decoration: none;
		text-transform: lowercase;
		color: #2C6C8F;
		font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
		margin: 0px 0px 0px 20px;
		font-weight: bold;
		}

.ljtaglist {
		margin: 0px 0px 0px 35px;
		background-color:#212121;
		padding:5px;
		color:#888888;
		font-size:10px;
		border:0px ;
		} 
/* Entry Stuff - Comments */

.comments {
		margin-top: 20px;
		text-align: center;
		text-transform: uppercase;
		background-color: #212121;
		padding: 0px 5px 0px 5px;
		position: relative;
		top: 15px;
		font-size: 10px;
		color: #666;
		}

div.comments a, div.comments a:link, div.comments a:visited {
		color: #97D10B;
		}

div.comments a:hover {
		border-bottom: 1px dotted #666;
		color: #666;
		}

/* Entry Stuff - Separator */

.separator { 
		height: 12px; 
		background: url(http://i29.tinypic.com/21ykch.gif);
		}

/* Special friends page customization */

.userpicfriends {
		position: relative; 
		background-color: transparent !important; 
		float: right; 
		padding: 5px; 
		margin: 5px; 
		text-align: center; 
		border-style: solid;
 		border-width: 0px; 
		font-family: Tahoma, "Verdana", sans-serif; 
		font-size: 11px; 
		z-index: 15; 
		}
	.userpicfriends a font {
		color: #97D10B;
		}

.userpicfriends img { 
		border: #e5e5e5 0px solid; 
		background-color: #212121 !important; 
		padding: 7px; 
		}

.userpicfriends a font { 
		color: #97D10B;
		}

/* Sidebar */

.defaultuserpic {
		display: none;
		text-align: center;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		text-transform: uppercase;
		letter-spacing: 1pt;
		font-weight: normal;
 		color: #3584F1;
		margin: 10px 0;
		font-size: 10pt;
		line-height: 8pt;
		}

.sbarbody {
		margin-top: 10px;
		padding: 0px 5px 0px 5px;
		}

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

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
                 color: #97D10B;
      		}

div#sidebar a:hover {
                 border-bottom: 1px dotted #666;
		 color: #666;
         	}

/* Sidebar - Calendar */

table.calendar {
		display: none;
		}

.sbarcalendar {
		display: none;
		}

.sbarcalendarposts {
		display: none;
		}

.subtitle, .defaultuserpic, span.count { 
		display:none; 
		}

/* Sidebar - link box contents and sidebar box titles */

ul.sbarlist { 
		padding: 10px 0px 0px 0px; 
		margin: 0; 
		list-style-type: none; 
		display: inline;
		}

li.sbaritem, .tagcloud { 
		padding: 10px 0px 0px 10px; 
		list-style: none; 
		display: inline;
		}

.sbarlist { 
		padding: 10px 0px 0px 0px; 
		margin: 0px; 
		display: inline;
		}

li.sbaritem, .tagcloud { 
		padding: 10px 0px 0px 10px; 
		list-style: none; 
		display: inline; 
		border-right: 0px dotted #666;
		}

.sbarlist { 
		padding: 0px; margin: 0px; 
		}

/* footer */

#footer { 
		border: 0px; 
		padding: 7px 0px 0px 5px;
		margin: 0px; width: 90%; 
		text-align: center; 
		font-family: Tahoma, "Verdana", sans-serif; 
		font-size: 11px; 
		background-color: #212121; 
		color: #888888; 
		z-index: 100; 
		clear: both; 
		line-height: 30px; 
		}

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

ul.navfooter li  { 
		display: inline; 
		margin: 0 5px 0 5px;
		}

.clearfoot { 
		clear: both;
		}

/* Archive Pages */

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

ul.year li { 
		display: inline;
		}

table.yeartable { 
		margin-left: auto; 
		margin-right: auto; 
		color: #888888;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
		border-width: 0px; 
		border-style: solid; 
		border-color: #212121; 
		color:#888888;
		}

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

td.yearmonth { 
		border-style: none; 
		color: #888888;
		}

/* Comments pages */

.datesubjectcomment { 
		background-color: #212121; 
		padding: 5px; 
		margin-top: 20px; 
		color: #888888;
		}

.userpiccomment {
		position: relative; 
		border-right: 0px solid #dddddd; 
		border-bottom: 0px solid #cccccc; 
		background-color: #292929; 
		top: -30px; left: 0px; 
		padding: 8px; 
		margin: 10px 10px -20px 10px; 
		z-index: 15; 
		float: left; 
		}

.box { 
		border-top: 0px solid #cccccc; 
		padding: 10px; 
		clear: left; 
		}

input, textarea { 
		background-color: #212121; 
		color: #888888; 
		}

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

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

.replytosubject {
		font-weight: bold;
		}

.commentreply { 
		position: relative; 
		margin: 10px;
		font-size: 11px; 
		font-family: Tahoma, "Verdana", sans-serif; 
		color: #888888; 
		}

.commentbox { 
		border-left: 5px solid #212121; 
		padding: 10px; 
		margin: 10px; 
		background-color: #212121; 
		}

.commentbox:hover, .commentboxpartial:hover { 
		border-color: #212121; 
		}

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

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

.commentboxpartial { 
		border-color: #999999; 
		border-width: 0px; 
		border-style: solid; 
		padding: 10px; 
		margin: 10px; 
		background-color: #212121;
		}

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

.skiplinks { 
		text-align: center;
		}

/* Misc */

.clear {
		height: 2px;
		}

/* Tiny icons - Icons by damnicons@livejournal &&&&&&&&& www.pinvoke.com */

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
		width: 0;
		height: 0;
  		padding: 10px 10px 0 2px !important;
		background: url(http://i26.tinypic.com/2uppr4g.png);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
		width: 0;
		height: 0;
  		padding: 10px 8px 0 2px !important;
		background: url(http://i28.tinypic.com/2a4tn4y.png);
		}

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		background-image: url(http://i31.tinypic.com/2euseua.png); 
  		padding: 16px 14px 0 2px !important;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://i31.tinypic.com/2euseua.png); 
  		padding: 16px 14px 0 2px !important;
		}

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

img[src="http://p-stat.livejournal.com/img/btn_del.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i32.tinypic.com/25a21ia.png); }

img[src="http://p-stat.livejournal.com/img/btn_scr.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i31.tinypic.com/2u7vtdu.png);}

img[src="http://p-stat.livejournal.com/img/btn_unscr.gif"] { height: 0px; width: 0px;padding: 0px 0px 16px 16px

!important; background: url(http://i26.tinypic.com/6pt1zn.png); }

img[src="http://p-stat.livejournal.com/img/btn_freeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i27.tinypic.com/i3usmf.png); }

img[src="http://p-stat.livejournal.com/img/btn_unfreeze.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i28.tinypic.com/2n659u8.png); }

img[src="http://p-stat.livejournal.com/img/btn_track.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i29.tinypic.com/v5guxh.png); }

img[src="http://p-stat.livejournal.com/img/btn_tracking.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i32.tinypic.com/9gcwvq.png); }

img[src="http://p-stat.livejournal.com/img/btn_tracking_thread.gif"] { height: 0px; width: 0px; padding: 0px 0px

16px 16px !important; background: url(http://i30.tinypic.com/dwcjn7.png); }

img[src="http://p-stat.livejournal.com/img/anonymous.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i32.tinypic.com/14b42dy.png); }

img[src="http://p-stat.livejournal.com/img/openid-profile.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px

16px !important; background: url(http://i25.tinypic.com/2a8s4e0.png); }

img[src="http://p-stat.livejournal.com/img/talk/none.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i29.tinypic.com/2drcr46.png); }

img[src="http://p-stat.livejournal.com/img/help.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i26.tinypic.com/1e5mo1.png); }

img[src="http://p-stat.livejournal.com/img/icon_groups.gif"] { height: 0px; width: 0px; padding: 0px 0px 16px 16px

!important; background: url(http://i32.tinypic.com/15q25vb.png); }

/* contexual pop-up, codes provided by Cartonage@lj community.livejournal.com/cartonage/7581.html */

div.ContextualPopup {
		position: relative;
		margin: 10px 0 0 30px;
		text-align: left;
		font: normal 9px "Tahoma" !important;
		}

div.ContextualPopup div.Inner {
		background:transparent !important;
		color: #888888 !important;
		border: 0px;
		padding: 10px;
		width: 300px;
		}

div.ContextualPopup .Userpic {
		padding: 2px;
		margin-left: 12px;
		background:#212121;
		border: 0px solid #ececec;
		}

div.ContextualPopup .Content {
		padding: 5px;
		border: 0px solid #ececec;
		margin: 4px 80px 4px 4px;
		background:#212121;
		}

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

div.ContextualPopup .Relation {
		font-variant:small-caps;
		font-size:12px;
		color:#999999;
		}

Layout Comments

Showing latest 4 of 4 comments

Great layout (:
I'm going to use...

But I can't find the Look&Feel link ^^;
Could you please help? Thank-you!

By FailingMiserably on Jun 13, 2009 11:11 pm

i like.=)

By futura on Jun 4, 2008 2:02 am

nice job.

By ekiina on Jun 3, 2008 10:37 pm

nice combination of colors. good job.

By aaayotiffany on Jun 3, 2008 7:55 pm

Layout Details

Designer	aliceo
Submitted on	Jun 3, 2008
Page views	28,218
Favorites	26
Comments	4
Reviewer	Synesthesia
Approved on	Jun 3, 2008

Blandy Dandy

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates