67
in
mintyapple
flexible squares: Up the Morning
Name: Up The Morning
Style: Flexible Squares
Browsers: Firefox, NOT Internet Explorer
Features: No tiny icons, topbar visible on hover. Version without topbar. EDIT: now also a version with a permanent top bar.
larger image preview | live preview
Version with disappearing topbar
body {
background-color:#f1f1f1;
text-align:center;
margin:0;
}
a,a:link,a:visited {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#818181;
text-decoration:none;
}
p,td,blockquote {
font-size:10px;
div-align:center;
width:600px;
margin:auto;
font-style:italic;
}
code,kbd,pre,tt {
font-family:monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content {
width:800px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-width:0;
padding:0;
}
#maincontent {
margin-top:65px;
font-family:Verdana, sans-serif;
font-size:11px;
background-color:transparent;
width:802px;
color:#000;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#sidebar {
background-image:url();
border-width:0;
width:800px;
float:top;
text-align:justify;
opacity:1;
height:10px;
margin-top:-60px;
margin-left:auto;
margin-right:auto;
color:#999;
font-family:Lucida Sans Unicode;
font-size:9px;
}
#sidebar:hover {
opacity:1;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width:800px;
padding:25px 0 15px;
margin-bottom:2px;
margin-top:20px;
text-align:center;
font-family:arial;
font-size:9px;
text-transform:uppercase;
font-weight:lighter;
letter-spacing:1px;
background-color:#fff;
color:#ccc;
border:1px #eaeaea solid;
}
.headerimage {
/* for formatting header image */
}
/*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 {
color:;
padding:5px;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
}
div#header a:hover,div#footer a:hover {
color:;
padding:5px;
letter-spacing:1px;
font-size:9px;
text-transform:uppercase;
}
ul.navheader {
padding:0;
margin:0;
}
ul.navheader li {
display:inline;
padding:0 3px;
}
.title,.subtitle {
display:none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader {
padding:5px;
background-color:#fff;
margin-top:-10px;
}
ul.navheader li {
display:inline;
padding:10px 20px;
background-color:#fff;
margin:15px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
background-color:#fff;
border:0;
border:1px #eaeaea solid;
}
.entry {
margin:0;
padding:10px;
background-color:#fff;
color:#888;
font-family:Lucida Sans Unicode;
font-size:9px;
text-align:left;
border-width:0;
}
.userpic {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.date {
margin-left:5px;
line-height:200%;
top:5px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
text-align:left;
color:#888;
}
.subject {
margin-left:5px;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
text-align:left;
}
.subject a,.subject a:link,.subject a:visited {
color:#888;
}
.subject a:hover {
color:#818181;
text-decoration:none;
}
.datesubject {
background-color:transparent;
padding:5px;
}
.entry ul li {
padding-left:10px;
margin-left:15px;
}
.entry ol li {
padding-left:5px;
margin-left:15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents,.currentmood,.currentmusic {
font-size:7px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
text-transform:uppercase;
text-align:left;
background-color:transparent;
padding:0 5px 15px 0;
position:relative;
top:15px;
}
div.comments a,div.comments a:link,div.comments a:visited {
color:#888;
}
div.comments a:hover {
color:#ccc;
text-decoration:none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
/* for formatting separators between entries */
height:15px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
display:none;
}
.sbarheader {
padding:0;
}
.sbarbody {
padding:0;
}
.sbarbody2 {
background-color:#fff;
margin-top:50px;
width:780px;
padding:10px;
opacity:0;
float:center;
height:5px;
position:fixed;
}
.sbarbody2:hover {
opacity:1;
border-left:1px #eaeaea solid;
border-right:1px #eaeaea solid;
border-bottom:1px #eaeaea solid;
background-color:#fff;
height:auto;
}
div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#ccc;
padding-right:5px;
}
div#sidebar a:hover {
color:#818181;
text-decoration:none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
display:none;
}
.sbarcalendar {
display:none;
}
.sbarcalendarposts {
display:none;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist {
display:none;
}
li.sbaritem {
display:none;
}
li.sbartitle {
display:none;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width:100%;
text-align:center;
font-family:lucida sans unicode;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
color:#888;
font-size:10px;
border-color:#eaeaea;
border-width:1px;
border-style:solid;
clear:both;
}
ul.navfooter {
padding:5px;
margin:0;
}
ul.navfooter li {
display:inline;
margin: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;
}
table.yeartable td.yeardate,table.yeartable td.yearday {
border-width:1px;
border-style:solid;
border-color:#eaeaea;
}
table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}
td.yearmonth {
border-style:none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color:#fff;
padding:5px;
margin-top:20px;
}
.userpiccomment {
position:relative;
border-width:5px;
border-style:solid;
border-color:#eaeaea;
background-color:#fff;
top:-30px;
left:0;
padding:5px;
margin:10px 10px -20px;
z-index:15;
float:left;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.box {
border-style:solid;
border-width:1px 0 0;
border-color:#eaeaea;
padding:10px;
clear:left;
}
input,textarea {
background-color:#fff;
color:#000;
}
textarea.textbox {
width:100%!important;
}
.reply {
position:relative;
margin:20px 30px 10px;
padding:25px 10px 10px;
text-align:left;
font-family:lucida sans unicode;
font-size:9px;
line-height:125%;
background-color:#fff;
color:#000;
}
.replytosubject {
font-weight:700;
}
.commentreply {
position:relative;
margin:10px;
font-family:lucida sans unicode;
font-size:9px;
color:#888;
}
.commentbox {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#d4dce8;
}
.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#888;
}
.datesubjectcomment a:hover {
color:#ccc;
}
.commentboxpartial {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#fff;
}
.commentinfo {
background-color:#fff;
margin-top:10px;
width:100%;
}
.skiplinks {
text-align:center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height:5px;
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"],.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width:0;
height:0;
padding:0!important;
}
.ljuser img {
width:0;
height:0;
background-repeat:no-repeat;
background-color:transparent;
background-image:url();
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0;
}
.ljuser a,.ljuser a:hover {
font-weight:400;
text-transform:uppercase;
text-decoration:none;}
Version with no topbar
body {
background-color:#f1f1f1;
text-align:center;
margin:0;
}
a,a:link,a:visited {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#818181;
text-decoration:none;
}
p,td,blockquote {
font-size:10px;
div-align:center;
width:600px;
margin:auto;
font-style:italic;
}
code,kbd,pre,tt {
font-family:monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content {
width:800px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-width:0;
padding:0;
}
#maincontent {
margin-top:65px;
font-family:Verdana, sans-serif;
font-size:11px;
background-color:transparent;
width:802px;
color:#000;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#sidebar {
background-image:url();
border-width:0;
width:800px;
float:top;
text-align:justify;
opacity:1;
height:10px;
margin-top:-60px;
margin-left:auto;
margin-right:auto;
color:#999;
font-family:Lucida Sans Unicode;
font-size:9px;
}
#sidebar:hover {
opacity:1;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width:800px;
padding:25px 0 15px;
margin-bottom:2px;
margin-top:20px;
text-align:center;
font-family:arial;
font-size:9px;
text-transform:uppercase;
font-weight:lighter;
letter-spacing:1px;
background-color:#fff;
color:#ccc;
border:1px #eaeaea solid;
}
.headerimage {
/* for formatting header image */
}
/*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 {
color:;
padding:5px;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
}
div#header a:hover,div#footer a:hover {
color:;
padding:5px;
letter-spacing:1px;
font-size:9px;
text-transform:uppercase;
}
ul.navheader {
padding:0;
margin:0;
}
ul.navheader li {
display:inline;
padding:0 3px;
}
.title,.subtitle {
display:none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader {
padding:5px;
background-color:#fff;
margin-top:-10px;
}
ul.navheader li {
display:inline;
padding:10px 20px;
background-color:#fff;
margin:15px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
background-color:#fff;
border:0;
border:1px #eaeaea solid;
}
.entry {
margin:0;
padding:10px;
background-color:#fff;
color:#888;
font-family:Lucida Sans Unicode;
font-size:9px;
text-align:left;
border-width:0;
}
.userpic {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.date {
margin-left:5px;
line-height:200%;
top:5px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
text-align:left;
color:#888;
}
.subject {
margin-left:5px;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
text-align:left;
}
.subject a,.subject a:link,.subject a:visited {
color:#888;
}
.subject a:hover {
color:#818181;
text-decoration:none;
}
.datesubject {
background-color:transparent;
padding:5px;
}
.entry ul li {
padding-left:10px;
margin-left:15px;
}
.entry ol li {
padding-left:5px;
margin-left:15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents,.currentmood,.currentmusic {
font-size:7px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
text-transform:uppercase;
text-align:left;
background-color:transparent;
padding:0 5px 15px 0;
position:relative;
top:15px;
}
div.comments a,div.comments a:link,div.comments a:visited {
color:#888;
}
div.comments a:hover {
color:#ccc;
text-decoration:none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
/* for formatting separators between entries */
height:15px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic, .sbarheader, .sbarbody, .sbarbody2 {
display:none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
display:none;
}
.sbarcalendar {
display:none;
}
.sbarcalendarposts {
display:none;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist {
display:none;
}
li.sbaritem {
display:none;
}
li.sbartitle {
display:none;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width:100%;
text-align:center;
font-family:lucida sans unicode;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
color:#888;
font-size:10px;
border-color:#eaeaea;
border-width:1px;
border-style:solid;
clear:both;
}
ul.navfooter {
padding:5px;
margin:0;
}
ul.navfooter li {
display:inline;
margin: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;
}
table.yeartable td.yeardate,table.yeartable td.yearday {
border-width:1px;
border-style:solid;
border-color:#eaeaea;
}
table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}
td.yearmonth {
border-style:none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color:#fff;
padding:5px;
margin-top:20px;
}
.userpiccomment {
position:relative;
border-width:5px;
border-style:solid;
border-color:#eaeaea;
background-color:#fff;
top:-30px;
left:0;
padding:5px;
margin:10px 10px -20px;
z-index:15;
float:left;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.box {
border-style:solid;
border-width:1px 0 0;
border-color:#eaeaea;
padding:10px;
clear:left;
}
input,textarea {
background-color:#fff;
color:#000;
}
textarea.textbox {
width:100%!important;
}
.reply {
position:relative;
margin:20px 30px 10px;
padding:25px 10px 10px;
text-align:left;
font-family:lucida sans unicode;
font-size:9px;
line-height:125%;
background-color:#fff;
color:#000;
}
.replytosubject {
font-weight:700;
}
.commentreply {
position:relative;
margin:10px;
font-family:lucida sans unicode;
font-size:9px;
color:#888;
}
.commentbox {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#d4dce8;
}
.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#888;
}
.datesubjectcomment a:hover {
color:#ccc;
}
.commentboxpartial {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#fff;
}
.commentinfo {
background-color:#fff;
margin-top:10px;
width:100%;
}
.skiplinks {
text-align:center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height:5px;
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"],.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width:0;
height:0;
padding:0!important;
}
.ljuser img {
width:0;
height:0;
background-repeat:no-repeat;
background-color:transparent;
background-image:url();
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0;
}
.ljuser a,.ljuser a:hover {
font-weight:400;
text-transform:uppercase;
text-decoration:none;}
EDIT:
Version with permanent topbar
body {
background-color:#f1f1f1;
text-align:center;
margin:0;
}
a,a:link,a:visited {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#818181;
text-decoration:none;
}
p,td,blockquote {
font-size:10px;
div-align:center;
width:600px;
margin:auto;
font-style:italic;
}
code,kbd,pre,tt {
font-family:monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content {
width:800px;
margin-left:auto;
margin-right:auto;
background-color:transparent;
border-width:0;
padding:0;
}
#maincontent {
margin-top:15px;
font-family:Verdana, sans-serif;
font-size:11px;
background-color:transparent;
width:802px;
color:#000;
margin-right:auto;
margin-left:auto;
text-align:left;
}
#sidebar {
background-image:url();
border-width:0;
width:800px;
float:top;
text-align:justify;
opacity:1;
height:auto;
margin-top:-60px;
margin-left:auto;
margin-right:auto;
color:#999;
font-family:Lucida Sans Unicode;
font-size:9px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width:800px;
padding:25px 0 15px;
margin-bottom:2px;
margin-top:20px;
text-align:center;
font-family:arial;
font-size:9px;
text-transform:uppercase;
font-weight:lighter;
letter-spacing:1px;
background-color:#fff;
color:#ccc;
border:1px #eaeaea solid;
}
.headerimage {
/* for formatting header image */
}
/*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 {
color:;
padding:5px;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
}
div#header a:hover,div#footer a:hover {
color:;
padding:5px;
letter-spacing:1px;
font-size:9px;
text-transform:uppercase;
}
ul.navheader {
padding:0;
margin:0;
}
ul.navheader li {
display:inline;
padding:0 3px;
}
.title,.subtitle {
display:none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader {
padding:5px;
background-color:#fff;
margin-top:-10px;
}
ul.navheader li {
display:inline;
padding:10px 20px;
background-color:#fff;
margin:15px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
background-color:#fff;
border:0;
border:1px #eaeaea solid;
}
.entry {
margin:0;
padding:10px;
background-color:#fff;
color:#888;
font-family:Lucida Sans Unicode;
font-size:9px;
text-align:left;
border-width:0;
}
.userpic {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.date {
margin-left:5px;
line-height:200%;
top:5px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
text-align:left;
color:#888;
}
.subject {
margin-left:5px;
text-transform:uppercase;
letter-spacing:1px;
font-size:10px;
text-align:left;
}
.subject a,.subject a:link,.subject a:visited {
color:#888;
}
.subject a:hover {
color:#818181;
text-decoration:none;
}
.datesubject {
background-color:transparent;
padding:5px;
}
.entry ul li {
padding-left:10px;
margin-left:15px;
}
.entry ol li {
padding-left:5px;
margin-left:15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents,.currentmood,.currentmusic {
font-size:7px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
text-transform:uppercase;
text-align:left;
background-color:transparent;
padding:0 5px 15px 0;
position:relative;
top:15px;
}
div.comments a,div.comments a:link,div.comments a:visited {
color:#888;
}
div.comments a:hover {
color:#ccc;
text-decoration:none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
/* for formatting separators between entries */
height:15px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position:relative;
float:left;
background-color:#fff;
padding:10px;
margin-left:-140px;
z-index:15;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
display:none;
}
.sbarheader {
padding:0;
}
.sbarbody {
padding:0;
}
.sbarbody2 {
background-color:#fff;
margin-top:50px;
width:780px;
padding:10px;
opacity:1;
float:center;
border-left:1px #eaeaea solid;
border-right:1px #eaeaea solid;
border-bottom:1px #eaeaea solid;
background-color:#fff;
height:auto;
}
div#sidebar a,div#sidebar a:link,div#sidebar a:visited {
color:#ccc;
padding-right:5px;
}
div#sidebar a:hover {
color:#818181;
text-decoration:none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
display:none;
}
.sbarcalendar {
display:none;
}
.sbarcalendarposts {
display:none;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist {
display:none;
}
li.sbaritem {
display:none;
}
li.sbartitle {
display:none;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width:100%;
text-align:center;
font-family:lucida sans unicode;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
color:#888;
font-size:10px;
border-color:#eaeaea;
border-width:1px;
border-style:solid;
clear:both;
}
ul.navfooter {
padding:5px;
margin:0;
}
ul.navfooter li {
display:inline;
margin: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;
}
table.yeartable td.yeardate,table.yeartable td.yearday {
border-width:1px;
border-style:solid;
border-color:#eaeaea;
}
table.yeartable td.yearday {
background-color:#fff;
text-align:center;
}
td.yearmonth {
border-style:none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color:#fff;
padding:5px;
margin-top:20px;
}
.userpiccomment {
position:relative;
border-width:5px;
border-style:solid;
border-color:#eaeaea;
background-color:#fff;
top:-30px;
left:0;
padding:5px;
margin:10px 10px -20px;
z-index:15;
float:left;
border-width:1px;
border-color:#eaeaea;
border-style:solid;
}
.box {
border-style:solid;
border-width:1px 0 0;
border-color:#eaeaea;
padding:10px;
clear:left;
}
input,textarea {
background-color:#fff;
color:#000;
}
textarea.textbox {
width:100%!important;
}
.reply {
position:relative;
margin:20px 30px 10px;
padding:25px 10px 10px;
text-align:left;
font-family:lucida sans unicode;
font-size:9px;
line-height:125%;
background-color:#fff;
color:#000;
}
.replytosubject {
font-weight:700;
}
.commentreply {
position:relative;
margin:10px;
font-family:lucida sans unicode;
font-size:9px;
color:#888;
}
.commentbox {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#d4dce8;
}
.datesubjectcomment a:link,.datesubjectcomment a:visited {
color:#888;
}
.datesubjectcomment a:hover {
color:#ccc;
}
.commentboxpartial {
border-color:#eaeaea;
border-width:1px;
border-style:solid;
padding:10px;
margin:10px;
background-color:#fff;
}
.commentinfo {
background-color:#fff;
margin-top:10px;
width:100%;
}
.skiplinks {
text-align:center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height:5px;
}
.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"],.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width:0;
height:0;
padding:0!important;
}
.ljuser img {
width:0;
height:0;
background-repeat:no-repeat;
background-color:transparent;
background-image:url();
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0!important;
}
.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image:url()!important;
background-repeat:no-repeat!important;
padding:0;
}
.ljuser a,.ljuser a:hover {
font-weight:400;
text-transform:uppercase;
text-decoration:none;}
To install:
- In Customize, choose any Flexible Squares layout.
- Only the blurb is displayed in the topbar. You need to add your own links. If you want them aligned to the right, use this code:
- Set all drop down menus to no.
- Credit haribo @ crook
- Feel free to change the background, colors, etc, as long as you keep credit!