rosa + fresas y té ( flexible squares )
rosa
img
/* -------------------------
rosa
defaitisme @ coluna
------------------------- */
body {
background: #ece5e6;
text-align: justify;
color: #555;
font-family: georgia;
font-size: 10px;
line-height: 11px;
margin: 10px;
}
a, a:link, a:visited {
color: #d7a7a2;
text-decoration: none;
}
a:hover {
color: #dfc7c5;
text-decoration: none;
cursor: default;
}
blockquote {
font-family: arial;
letter-spacing: -1px;
color: #888;
font-size: 10px;
background-color: #f2f2f2;
border: 1px dotted #f3f3f3;
padding: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
b, strong {
color: #888;
size: 10px;
font-weight: bold;
}
i, emphasise {
color: #d7a7a2;
size: 10px;
font-style: italic;
}
u {
color:#888;
size: 10px;
border-bottom: 1px dotted #d7a7a2;
}
s, strike {
color: #888;
size: 10px;
}
#content
{
width: 1000px;
margin-left: 10px;
background-color: transparent;
}
#maincontent {
margin-top: 15px;
width: 600px;
margin-left: 10px;
border: 1px dotted #eee;
background: transparent;
}
#sidebar {
position: fixed;
width: 200px;
font-family: georgia;
font-size: 10px;
color: #555;
margin-left:650px;
background-color:#ffffff;
margin-top:20px;
border: 1px dotted #eee;
padding:10px;
float:right;
min-height:30px;
}
.sbarheader {
padding: 0 5px 0 5px;
}
.sbarbody {
padding: 0 5px 0 5px;
}
.sbarbody2 {
padding:5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #d7a7a2;
font-family: arial;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
font-style:normal;
letter-spacing: -2px;
font-weight: bold;
}
div#sidebar a:hover {
color: #dfc7c5;
}
li.sbartitle {
display: none;
}
li.sbaritem {
list-style: none;
}
#header {
width: 500px;
padding: 10px;
margin-left: 100px;
text-align: left;
font-family: arial;
font-size: 18px;
text-transform: uppercase;
background-color: transparent;
color: #555;
letter-spacing: -2px;
}
.headerimage {
/* for formatting header image */
}
div#header a, div#header a:link, div#header a:visited {
color: #d7a7a2;
font-family: arial;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
font-style:normal;
letter-spacing: -2px;
font-weight: bold;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #d7a7a2;
font-family: arial;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -2px;
font-weight: bold;
}
div#header a:hover {
color: #dfc7c5;
text-decoration: none;
}
div#footer a:hover{
color: #dfc7c5;
text-decoration: none;
}
.title {
display: none;
}
.subtitle{
display:none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.defaultuserpic {
display: none; }
.defaultuserpic img {
display: none; }
.userpic, .userpicfriends {
text-align: center;
margin-left: -15px;
color: #fff !important;
position: relative;
float: left;
border: 0px;
background-color: #fff !important;
padding: 5px;
}
.userpicfriends a font {
color: #333 !important;
font-family: arial;
text-transform: uppercase;
letter-spacing: -1px;
}
.userpic img, .userpicfriends img {
width: 75px;
height: 75px;
opacity:0.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
.subcontent {
position: relative;
padding: 0px;
border: 0px;
background: #ece5e6;
}
.entry {
padding: 20px;
background-color: #ffffff;
text-align: left;
margin-left: 50px;
}
.entry_text {
padding-bottom: 15px;
}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
}
.date {
color: #eeeeee;
font-family: georgia;
font-size: 9px;
text-transform: uppercase;
background-color:#ffffff;
line-height: 12px;
margin-left: 10px; margin-right: 10px;
}
.subject {
color: #d7a7a2;
font-family: georgia;
font-size: 18px;
letter-spacing:-2px;
background-color:#ffffff;
line-height: 25px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #d7a7a2;
}
.subject a:hover {
color: #dfc7c5;
}
.datesubject {
text-align: left;
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 0px;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
font-size: 10px;
line-height: 10px;
padding-bottom: 10px;
}
.ljtags {
margin-top: 35px;
margin-bottom: -30px;
font-family: arial;
size: 10px;
line-height: 10px;
}
.comments {
font-family: arial;
font-size: 16px;
text-align: right;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
}
div.comments a, div.comments a:link, div.comments
a:visited{
color: #d7a7a2;
letter-spacing: -2px;
font-weight: bold;
}
div.comments a:hover {
color: #dfc7c5;
letter-spacing: -2px;
}
.clear, .clearfoot, .seperator { height: 10px; }
#footer {
width: 500px;
margin-left: 100px;
line-height: 20px;
text-align: left;
font-family: arial;
font-size: 14px;
background-color: #ece5e6;
color: #333;
text-transform: uppercase;
z-index: 100;
clear: both;
letter-spacing: -2px;
font-weight: bold;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 0px;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: 0px;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #ffffff;
color: #555;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: georgia;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #555;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
padding: 10px 10px 20px 130px;
font-size: 11px;
font-family: georgia;
color: #555;
}
.commentbox {
border:0px;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #d7a7a2;
}
.datesubjectcomment a:hover {
color: #dfc7c5;
}
.commentboxpartial {
border:0px;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #ffffff;
background: #FFF;
}
ul.year li {
display: inline;
background: #FFF;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #ffffff;
background: #FFF; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !
important;
background: transparent url(http://i53.tinypic.com/f3z5si.png) no-
repeat !important; padding: 5px 0 0 8px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !
important;
background: transparent url(http://i54.tinypic.com/2nguesz.png) no
-repeat !important; padding: 8px 0 0 8px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0
!important;
background: transparent url(http://i55.tinypic.com/k4788h.png) no-
repeat !important; padding: 12px 0 0 9px !important; }
fresas y té
img
/* -------------------------
fresas y te
defaitisme @ coluna
------------------------- */
body {
background: url('http://img685.imageshack.us/img685/8052/tumblrlpcm3wv1mz1qcd09t.jpg') repeat;
text-align: justify;
color: #555;
font-family: georgia;
font-size: 10px;
line-height: 11px;
margin: 10px;
}
a, a:link, a:visited {
color: #d06b57;
text-decoration: none;
}
a:hover {
color: #e0c598;
text-decoration: none;
cursor: default;
}
blockquote {
font-family: arial;
letter-spacing: -1px;
color: #888;
font-size: 10px;
background-color: #f2f2f2;
border: 1px dotted #f3f3f3;
padding: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
b, strong {
color: #888;
size: 10px;
font-weight: bold;
}
i, emphasise {
color: #a0bab1;
size: 10px;
font-style: italic;
}
u {
color:#888;
size: 10px;
border-bottom: 1px dotted #a0bab1;
}
s, strike {
color: #888;
size: 10px;
}
#content
{
width: 1000px;
margin-left: 10px;
background-color: transparent;
}
#maincontent {
margin-top: 15px;
width: 600px;
margin-left: 10px;
border: 0px;
background: transparent;
}
#sidebar {
position: fixed;
width: 200px;
font-family: georgia;
font-size: 10px;
color: #555;
margin-left:650px;
background-color:#ffffff;
margin-top:20px;
border: 1px dotted #eee;
padding:10px;
float:right;
min-height:30px;
}
.sbarheader {
padding: 0 5px 0 5px;
}
.sbarbody {
padding: 0 5px 0 5px;
}
.sbarbody2 {
padding:5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #d06b57;
font-family: arial;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
font-style:normal;
letter-spacing: -2px;
font-weight: bold;
}
div#sidebar a:hover {
color: #e0c598;
}
li.sbartitle {
display: none;
}
li.sbaritem {
list-style: none;
}
#header {
width: 500px;
padding: 10px;
margin-left: 100px;
text-align: left;
font-family: arial;
font-size: 18px;
text-transform: uppercase;
background-color: transparent;
color: #fff;
letter-spacing: -2px;
}
.headerimage {
/* for formatting header image */
}
div#header a, div#header a:link, div#header a:visited {
color: #d06b57;
font-family: arial;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
font-style:normal;
letter-spacing: -2px;
font-weight: bold;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #d06b57;
font-family: arial;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -2px;
font-weight: bold;
}
div#header a:hover {
color: #e0c598;
text-decoration: none;
}
div#footer a:hover{
color: #e0c598;
text-decoration: none;
}
.title {
display: none;
}
.subtitle{
display:none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.defaultuserpic {
display: none; }
.defaultuserpic img {
display: none; }
.userpic, .userpicfriends {
text-align: center;
margin-left: -15px;
color: #fff !important;
position: relative;
float: left;
border: 0px;
background-color: #fff !important;
padding: 5px;
}
.userpicfriends a font {
color: #333 !important;
font-family: arial;
text-transform: uppercase;
letter-spacing: -1px;
}
.userpic img, .userpicfriends img {
width: 75px;
height: 75px;
opacity:0.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
.subcontent {
position: relative;
padding: 0px;
border: 0px;
background: transparent;
}
.entry {
padding: 20px;
background-color: #ffffff;
text-align: left;
margin-left: 50px;
}
.entry_text {
padding-bottom: 15px;
}
.entry ul li, ol li, li
{
padding-left: 5px;
margin-left: 0;
}
.date {
color: #eeeeee;
font-family: georgia;
font-size: 9px;
text-transform: uppercase;
background-color:#ffffff;
line-height: 12px;
margin-left: 10px; margin-right: 10px;
}
.subject {
color: #a0bab1;
font-family: georgia;
font-size: 18px;
letter-spacing:-2px;
background-color:#ffffff;
line-height: 25px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #d06b57;
}
.subject a:hover {
color: #e0c598;
}
.datesubject {
text-align: left;
background: #fff;
padding-top: 10px;
padding-right:10px;
padding-bottom: 0px;
}
.currents, .currentmood, .currentmusic {
font-family: arial;
font-size: 10px;
line-height: 10px;
padding-bottom: 10px;
}
.ljtags {
margin-top: 35px;
margin-bottom: -30px;
font-family: arial;
size: 10px;
line-height: 10px;
}
.comments {
font-family: arial;
font-size: 16px;
text-align: right;
color: #fff;
text-transform: uppercase;
letter-spacing: 4px;
}
div.comments a, div.comments a:link, div.comments
a:visited{
color: #d06b57;
letter-spacing: -2px;
font-weight: bold;
}
div.comments a:hover {
color: #e0c598;
letter-spacing: -2px;
}
.clear, .clearfoot, .seperator { height: 10px; }
#footer {
width: 500px;
margin-left: 100px;
line-height: 20px;
text-align: left;
font-family: arial;
font-size: 14px;
background-color: transparent;
color: #fff;
text-transform: uppercase;
z-index: 100;
clear: both;
letter-spacing: -2px;
font-weight: bold;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: 0px;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: 0px;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #ffffff;
color: #555;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: left;
font-family: georgia;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #555;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
padding: 10px 10px 20px 130px;
font-size: 11px;
font-family: georgia;
color: #555;
}
.commentbox {
border:0px;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #d06b57;
}
.datesubjectcomment a:hover {
color: #e0c598;
}
.commentboxpartial {
border:0px;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
ul.year {
text-align: center;
padding: 20px 0 20px 0;
border: 0px solid #ffffff;
background: #FFF;
}
ul.year li {
display: inline;
background: #FFF;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 0px solid #ffffff;
background: #FFF; }
table.yeartable td.yeardate, table.yeartable td.yearday {
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !
important;
background: transparent url(http://i53.tinypic.com/f3z5si.png) no-
repeat !important; padding: 5px 0 0 8px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !
important;
background: transparent url(http://i54.tinypic.com/2nguesz.png) no
-repeat !important; padding: 8px 0 0 8px !important; }
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0
!important;
background: transparent url(http://i55.tinypic.com/k4788h.png) no-
repeat !important; padding: 12px 0 0 9px !important; }
★ two more layouts here at coluna
(this entry will be locked after 1-2 days so please join)
★ not ie friendly
★ you can customise it but please leave the credit
★ credit defaitisme @ coluna