Flexible squares: Fly With Me
Hi. This is my first layout ever. I don't think it turned out so great, but I put a lot of time in it, so I decided to post it anyway. Comments & constructive critisims are very much appreciated.
Style: Flexible Squares.
Name: Fly With Me.
Works with: IE, Firefox, Safari (those are the ones I have, but I don't see why it wouldn't work in other browsers).
Disabled: sidebar.
img | live
/* Stylesheet by: http://liiessbeth.livejournal.com */
/* Theme: S2 Flexible Squares
Title: Fly With Me, version 1 */
body {
background-color: #C7D4AD;
text-align: left;
color: #F5C197;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
margin: 30px 0 30px 0;
}
a, a:link, a:visited {
color: #EDDFB6;
text-decoration: none;
}
a:hover {
color: #F5C197;
text-decoration: none;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #EC7D77;
padding: 15px;
}
#maincontent {
margin-top: 10px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
background-color: #EC7D77;
color: #EDDFB6;
text-align: left;
}
#sidebar {
display: none;
}
#header {
width: auto;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
font-family: "Georgia", serif;
font-size: 16px;
font-weight: bold;
background-color: #EC7D77;
color: #EDDFB6;
}
#footer {
width: auto;
text-align: right;
font-family: "Georgia", serif;
font-size: 12px;
background-color: #F049E;
color: #EDDFB6;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #EDDFB6;
}
div#header a:hover, div#footer a:hover {
color: #C7D4AD;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
}
.subtitle{
display: none;
}
/* maincontent */
.subcontent {
border-width: 1px;
border-color: #EDDFB6;
border-style: solid;
}
.entry {
margin: auto;
padding: 10px;
background-color: #EC7D77;
color: #F5C197;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #F5C197;
padding: 10px;
margin: 10px;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 10px;
background-color: #F5C197 !important;
}
.date {
line-height: 200%;
top: 5px;
color: #F5C197;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 0px;
color: #EDDFB6;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #EDDFB6;
}
.subject a:hover {
color: #C7D4AD;
}
.datesubject {
background-color: #EC7D77;
padding: 5px;
}
.currents {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
text-align: right;
background-color: #EC7D77;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #EDDFB6;
}
div.comments a:hover {
color: #C7D4AD;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #EC7D77;
padding: 5px;
margin-top: 20px;
font-color:C7D4AD;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #F5C197;
background-color: #F5C197;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #EC7D77;
color: #F5C197;
border-style: solid;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #EC7D77;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #F5C197;
}
.commentbox {
border-color: #EDDFB6;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #EC7D77;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #EDDFB6;
}
.datesubjectcomment a:hover {
color: #F5C197;
}
.commentboxpartial {
border-color: #EDDFB6;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #EC7D77;
}
.commentinfo {
background-color: #EC7D77;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive 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: #EDDFB6;
}
table.yeartable td.yearday {
background-color: #EC7D77;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('');
repeat: no-repeat;
}
.separator {
height: 35px;
}
blockquote {
margin: 5px;
padding: 5px;
border-left: 10px solid #EDDFB6;
}
.currentlocation {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7593/housezar.png') no-repeat;
}
.currentmood {
padding-left: 16px;
background: url('http://img10.imageshack.us/img10/5859/heartxek.png') no-repeat;
}
.currentmusic {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7859/ipodkpm.png') no-repeat;
}
.ljtags {
margin-top: 25px;
padding-left: 16px;
background: url('http://img36.imageshack.us/img36/4339/tagredn.png') no-repeat;
}
.currents strong {
font-weight: normal;
}
.ljtaglist {
list-style-type: none;
}
.ljuser img {
width: 0px;
height: 0px;
padding: 16px 0 0 16px;
}
.ljuser img[src$="userinfo.gif"] {
background: transparent url('http://img401.imageshack.us/img401/8803/userred.png') no-repeat;
}
.ljuser img[src$="community.gif"] {
background: transparent url('http://img16.imageshack.us/img16/2973/groupiwf.png') no-repeat;
}
.ljuser img[icon_protected.gif"] {
background: transparent url('http://img339.imageshack.us/img339/7067/lockp.png') no-repeat;
}
img | live
/* Stylesheet by: http://liiessbeth.livejournal.com */
/* Theme: S2 Flexible Squares
Title: Fly With Me, version 2 */
body {
background-color: #413E4A;
text-align: left;
color: #B38184;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
margin: 30px 0 30px 0;
}
a, a:link, a:visited {
color: #73626E;
text-decoration: none;
}
a:hover {
color: #B38184;
text-decoration: none;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #F0B49E;
padding: 15px;
}
#maincontent {
margin-top: 10px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
background-color: #F0B49E;
color: #73626E;
text-align: left;
}
#sidebar {
display: none;
}
#header {
width: auto;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
font-family: "Georgia", serif;
font-size: 16px;
font-weight: bold;
background-color: #F0B49E;
color: #73626E;
}
#footer {
width: auto;
text-align: right;
font-family: "Georgia", serif;
font-size: 12px;
background-color: #F049E;
color: #73626E;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #73626E;
}
div#header a:hover, div#footer a:hover {
color: #413E4A;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
}
.subtitle{
display: none;
}
/* maincontent */
.subcontent {
border-width: 1px;
border-color: #73626E;
border-style: solid;
}
.entry {
margin: auto;
padding: 10px;
background-color: #F0B49E;
color: #B38184;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #B38184;
padding: 10px;
margin: 10px;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 10px;
background-color: #B38184 !important;
}
.date {
line-height: 200%;
top: 5px;
color: #B38184;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 0px;
color: #73626E;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #73626E;
}
.subject a:hover {
color: #413E4A;
}
.datesubject {
background-color: #F0B49E;
padding: 5px;
}
.currents {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
text-align: right;
background-color: #F0B49E;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #73626E;
}
div.comments a:hover {
color: #413E4A;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #F0B49E;
padding: 5px;
margin-top: 20px;
font-color:413E4A;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #B38184;
background-color: #B38184;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #F0B49E;
color: #B38184;
border-style: solid;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #F0B49E;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #B38184;
}
.commentbox {
border-color: #73626E;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #F0B49E;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #73626E;
}
.datesubjectcomment a:hover {
color: #B38184;
}
.commentboxpartial {
border-color: #73626E;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #F0B49E;
}
.commentinfo {
background-color: #F0B49E;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive 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: #73626E;
}
table.yeartable td.yearday {
background-color: #F0B49E;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('');
repeat: no-repeat;
}
.separator {
height: 35px;
}
blockquote {
margin: 5px;
padding: 5px;
border-left: 10px solid #73626E;
}
.currentlocation {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7593/housezar.png') no-repeat;
}
.currentmood {
padding-left: 16px;
background: url('http://img10.imageshack.us/img10/5859/heartxek.png') no-repeat;
}
.currentmusic {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7859/ipodkpm.png') no-repeat;
}
.ljtags {
margin-top: 25px;
padding-left: 16px;
background: url('http://img36.imageshack.us/img36/4339/tagredn.png') no-repeat;
}
.currents strong {
font-weight: normal;
}
.ljtaglist {
list-style-type: none;
}
.ljuser img {
width: 0px;
height: 0px;
padding: 16px 0 0 16px;
}
.ljuser img[src$="userinfo.gif"] {
background: transparent url('http://img401.imageshack.us/img401/8803/userred.png') no-repeat;
}
.ljuser img[src$="community.gif"] {
background: transparent url('http://img16.imageshack.us/img16/2973/groupiwf.png') no-repeat;
}
.ljuser img[icon_protected.gif"] {
background: transparent url('http://img339.imageshack.us/img339/7067/lockp.png') no-repeat;
}
img | live
/* Stylesheet by: http://liiessbeth.livejournal.com */
/* Theme: S2 Flexible Squares
Title: Fly With Me, version 3 */
body {
background-color: #E94E77;
text-align: left;
color: #C6A49A;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
margin: 30px 0 30px 0;
}
a, a:link, a:visited {
color: #D68189;
text-decoration: none;
}
a:hover {
color: #C6A49A;
text-decoration: none;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #C6E5D9;
padding: 15px;
}
#maincontent {
margin-top: 10px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
background-color: #C6E5D9;
color: #D68189;
text-align: left;
}
#sidebar {
display: none;
}
#header {
width: auto;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
font-family: "Georgia", serif;
font-size: 16px;
font-weight: bold;
background-color: #C6E5D9;
color: #D68189;
}
#footer {
width: auto;
text-align: right;
font-family: "Georgia", serif;
font-size: 12px;
background-color: #F049E;
color: #D68189;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #D68189;
}
div#header a:hover, div#footer a:hover {
color: #E94E77;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
}
.subtitle{
display: none;
}
/* maincontent */
.subcontent {
border-width: 1px;
border-color: #D68189;
border-style: solid;
}
.entry {
margin: auto;
padding: 10px;
background-color: #C6E5D9;
color: #C6A49A;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #C6A49A;
padding: 10px;
margin: 10px;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 10px;
background-color: #C6A49A !important;
}
.date {
line-height: 200%;
top: 5px;
color: #C6A49A;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 0px;
color: #D68189;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #D68189;
}
.subject a:hover {
color: #E94E77;
}
.datesubject {
background-color: #C6E5D9;
padding: 5px;
}
.currents {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
text-align: right;
background-color: #C6E5D9;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #D68189;
}
div.comments a:hover {
color: #E94E77;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #C6E5D9;
padding: 5px;
margin-top: 20px;
font-color:E94E77;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #C6A49A;
background-color: #C6A49A;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #C6E5D9;
color: #C6A49A;
border-style: solid;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #C6E5D9;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #C6A49A;
}
.commentbox {
border-color: #D68189;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #C6E5D9;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #D68189;
}
.datesubjectcomment a:hover {
color: #C6A49A;
}
.commentboxpartial {
border-color: #D68189;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #C6E5D9;
}
.commentinfo {
background-color: #C6E5D9;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive 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: #D68189;
}
table.yeartable td.yearday {
background-color: #C6E5D9;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('');
repeat: no-repeat;
}
.separator {
height: 35px;
}
blockquote {
margin: 5px;
padding: 5px;
border-left: 10px solid #D68189;
}
.currentlocation {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7593/housezar.png') no-repeat;
}
.currentmood {
padding-left: 16px;
background: url('http://img10.imageshack.us/img10/5859/heartxek.png') no-repeat;
}
.currentmusic {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7859/ipodkpm.png') no-repeat;
}
.ljtags {
margin-top: 25px;
padding-left: 16px;
background: url('http://img36.imageshack.us/img36/4339/tagredn.png') no-repeat;
}
.currents strong {
font-weight: normal;
}
.ljtaglist {
list-style-type: none;
}
.ljuser img {
width: 0px;
height: 0px;
padding: 16px 0 0 16px;
}
.ljuser img[src$="userinfo.gif"] {
background: transparent url('http://img401.imageshack.us/img401/8803/userred.png') no-repeat;
}
.ljuser img[src$="community.gif"] {
background: transparent url('http://img16.imageshack.us/img16/2973/groupiwf.png') no-repeat;
}
.ljuser img[icon_protected.gif"] {
background: transparent url('http://img339.imageshack.us/img339/7067/lockp.png') no-repeat;
}
img | live
/* Stylesheet by: http://liiessbeth.livejournal.com */
/* Theme: S2 Flexible Squares
Title: Fly With Me, version 4 */
body {
background-color: #875A54;
text-align: left;
color: #C6A49A;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
margin: 30px 0 30px 0;
}
a, a:link, a:visited {
color: #A7896D;
text-decoration: none;
}
a:hover {
color: #C6A49A;
text-decoration: none;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #F3C6A9;
padding: 15px;
}
#maincontent {
margin-top: 10px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
background-color: #F3C6A9;
color: #A7896D;
text-align: left;
}
#sidebar {
display: none;
}
#header {
width: auto;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
font-family: "Georgia", serif;
font-size: 16px;
font-weight: bold;
background-color: #F3C6A9;
color: #A7896D;
}
#footer {
width: auto;
text-align: right;
font-family: "Georgia", serif;
font-size: 12px;
background-color: #F049E;
color: #A7896D;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #A7896D;
}
div#header a:hover, div#footer a:hover {
color: #875A54;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
}
.subtitle{
display: none;
}
/* maincontent */
.subcontent {
border-width: 1px;
border-color: #A7896D;
border-style: solid;
}
.entry {
margin: auto;
padding: 10px;
background-color: #F3C6A9;
color: #C6A49A;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #C6A49A;
padding: 10px;
margin: 10px;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 10px;
background-color: #C6A49A !important;
}
.date {
line-height: 200%;
top: 5px;
color: #C6A49A;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 0px;
color: #A7896D;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #A7896D;
}
.subject a:hover {
color: #875A54;
}
.datesubject {
background-color: #F3C6A9;
padding: 5px;
}
.currents {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
text-align: right;
background-color: #F3C6A9;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #A7896D;
}
div.comments a:hover {
color: #875A54;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #F3C6A9;
padding: 5px;
margin-top: 20px;
font-color:875A54;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #C6A49A;
background-color: #C6A49A;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #F3C6A9;
color: #C6A49A;
border-style: solid;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #F3C6A9;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #C6A49A;
}
.commentbox {
border-color: #A7896D;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #F3C6A9;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #A7896D;
}
.datesubjectcomment a:hover {
color: #C6A49A;
}
.commentboxpartial {
border-color: #A7896D;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #F3C6A9;
}
.commentinfo {
background-color: #F3C6A9;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive 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: #A7896D;
}
table.yeartable td.yearday {
background-color: #F3C6A9;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('');
repeat: no-repeat;
}
.separator {
height: 35px;
}
blockquote {
margin: 5px;
padding: 5px;
border-left: 10px solid #A7896D;
}
.currentlocation {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7593/housezar.png') no-repeat;
}
.currentmood {
padding-left: 16px;
background: url('http://img10.imageshack.us/img10/5859/heartxek.png') no-repeat;
}
.currentmusic {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7859/ipodkpm.png') no-repeat;
}
.ljtags {
margin-top: 25px;
padding-left: 16px;
background: url('http://img36.imageshack.us/img36/4339/tagredn.png') no-repeat;
}
.currents strong {
font-weight: normal;
}
.ljtaglist {
list-style-type: none;
}
.ljuser img {
width: 0px;
height: 0px;
padding: 16px 0 0 16px;
}
.ljuser img[src$="userinfo.gif"] {
background: transparent url('http://img401.imageshack.us/img401/8803/userred.png') no-repeat;
}
.ljuser img[src$="community.gif"] {
background: transparent url('http://img16.imageshack.us/img16/2973/groupiwf.png') no-repeat;
}
.ljuser img[icon_protected.gif"] {
background: transparent url('http://img339.imageshack.us/img339/7067/lockp.png') no-repeat;
}
img | live
/* Stylesheet by: http://liiessbeth.livejournal.com */
/* Theme: S2 Flexible Squares
Title: Fly With Me, version 5 */
body {
background-color: #FFFFFF;
text-align: left;
color: #F2E9C9;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
margin: 30px 0 30px 0;
}
a, a:link, a:visited {
color: #FFDEDE;
text-decoration: none;
}
a:hover {
color: #F2E9C9;
text-decoration: none;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 80%;
margin-left: auto; margin-right: auto;
background-color: #3E403E;
padding: 15px;
}
#maincontent {
margin-top: 10px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 10px;
background-color: #3E403E;
color: #FFDEDE;
text-align: left;
}
#sidebar {
display: none;
}
#header {
width: auto;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: left;
text-transform: uppercase;
font-family: "Georgia", serif;
font-size: 16px;
font-weight: bold;
background-color: #3E403E;
color: #FFDEDE;
}
#footer {
width: auto;
text-align: right;
font-family: "Georgia", serif;
font-size: 12px;
background-color: #F049E;
color: #FFDEDE;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #FFDEDE;
}
div#header a:hover, div#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
}
.subtitle{
display: none;
}
/* maincontent */
.subcontent {
border-width: 1px;
border-color: #FFDEDE;
border-style: solid;
}
.entry {
margin: auto;
padding: 10px;
background-color: #3E403E;
color: #F2E9C9;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: right;
background-color: #F2E9C9;
padding: 10px;
margin: 10px;
}
.userpicfriends {
position: relative;
float: right;
padding: 10px;
margin: 10px;
background-color: #F2E9C9 !important;
}
.date {
line-height: 200%;
top: 5px;
color: #F2E9C9;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 0px;
color: #FFDEDE;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 16px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #FFDEDE;
}
.subject a:hover {
color: #FFFFFF;
}
.datesubject {
background-color: #3E403E;
padding: 5px;
}
.currents {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", "Geneva", sans-serif;
font-size: 11px;
text-align: right;
background-color: #3E403E;
padding: 0px 5px 0px 5px;
position: relative;
top: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #FFDEDE;
}
div.comments a:hover {
color: #FFFFFF;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #3E403E;
padding: 5px;
margin-top: 20px;
font-color:FFFFFF;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #F2E9C9;
background-color: #F2E9C9;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
clear: left;
}
input, textarea {
background-color: #3E403E;
color: #F2E9C9;
border-style: solid;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #3E403E;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #F2E9C9;
}
.commentbox {
border-color: #FFDEDE;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #3E403E;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #FFDEDE;
}
.datesubjectcomment a:hover {
color: #F2E9C9;
}
.commentboxpartial {
border-color: #FFDEDE;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #3E403E;
}
.commentinfo {
background-color: #3E403E;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive 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: #FFDEDE;
}
table.yeartable td.yearday {
background-color: #3E403E;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('');
repeat: no-repeat;
}
.separator {
height: 35px;
}
blockquote {
margin: 5px;
padding: 5px;
border-left: 10px solid #FFDEDE;
}
.currentlocation {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7593/housezar.png') no-repeat;
}
.currentmood {
padding-left: 16px;
background: url('http://img10.imageshack.us/img10/5859/heartxek.png') no-repeat;
}
.currentmusic {
padding-left: 16px;
background: url('http://img200.imageshack.us/img200/7859/ipodkpm.png') no-repeat;
}
.ljtags {
margin-top: 25px;
padding-left: 16px;
background: url('http://img36.imageshack.us/img36/4339/tagredn.png') no-repeat;
}
.currents strong {
font-weight: normal;
}
.ljtaglist {
list-style-type: none;
}
.ljuser img {
width: 0px;
height: 0px;
padding: 16px 0 0 16px;
}
.ljuser img[src$="userinfo.gif"] {
background: transparent url('http://img401.imageshack.us/img401/8803/userred.png') no-repeat;
}
.ljuser img[src$="community.gif"] {
background: transparent url('http://img16.imageshack.us/img16/2973/groupiwf.png') no-repeat;
}
.ljuser img[icon_protected.gif"] {
background: transparent url('http://img339.imageshack.us/img339/7067/lockp.png') no-repeat;
}
How to set up this layout:
1. Go to http://www.livejournal.com/customize and set your journal theme to 'Flexible Squares'.
2. Go to http://www.livejournal.com/customize/options.bml?group=customcss and set the three drop down menus to 'no'.
3. Copy & paste the code into the big box on the page and click 'save changes'.
Please credit liiessbeth if you use.