S2 FLEXIBLE SQUARES: I (heart) Damask
Live Preview (Temporary) | Static Preview (Permanent)
I (heart) Damask
s2flexiblesquares
Instructions
♥ Go to CUSTOMIZE and choose any S2 Flexible Squares layout, apply it, then scroll down and make sure ads are set to HORIZONTAL and sidebar placement is on the RIGHT.
♥ Go to CUSTOMIZE JOURNAL STYLE and then to CUSTOM CSS.
♥ Set dropdown menus to NO, NO, YES, paste the code in and save!
Code
Journals:
/*--------I (heart) Damask by Tessisamess--------*/
/*--Made On: October 2011--*/
/*--S2 Style: Flexible Squares--*/
/*--------CREDITS---------*/
/*--Coding + Design + Tinyicons: tessisamess@LJ--*/
/*--Tessisamess Layout Comm: layouttesst@LJ--*/
/*--Huge thank you to yourxpridex@LJ for helping me find the solution to
cross-browser support for custom fonts in Firefox--*/
body {
background-color: #333333;
background-image: url('http://i.imgur.com/dCcbE.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
text-align: center;
color: #222222;
font-family: Century Gothic;
font-size: 10px;
margin: 20px 50px 20px 50px;
}
a, a:link, a:visited {
color: #E84A5F;
text-decoration: none;
}
a:hover {
color: #555555;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*------------General page alignment and width------------*/
#content {
width: 800px;
background-color: transparent;
border-style: none;
padding: 15px;
margin-left: auto;
margin-right: auto;
}
#maincontent {
font-family: Century Gothic;
font-size: 11px;
text-align: justify;
background-color: transparent;
color: #FF847C;
border-style: none;
margin-top: 15px;
margin-right: 7px;
}
#sidebar {
float: top;
margin-top: -20px;
background-color: #E84A5F;
font-size: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: Century Gothic;
color: #000000;
text-align: justify;
height: 180px;
overflow: hidden;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
}
/*------------Header------------*/
#header {
width: 100%;
padding-top: 2px;
padding-bottom: 6px;
margin: 0px;
text-align: center;
font-family: La Belle Aurore, Century Gothic;
font-size: 29px;
font-weight: 500;
border-style: none;
background: #FECEA8;
background-image: url('http://i.imgur.com/YgM2k.png');
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
color: #333333;
}
/*---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: #333333;
}
div#header a:hover, div#footer a:hover {
color: #FECEA8;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*------------Header - top navigation------------*/
ul.navheader {
padding: 0px;
margin: 0px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
}
ul.navheader li {
display: inline;
padding: 3px;
}
/*------------Entries------------*/
.subcontent {
width: 800px;
margin: 0;
border: 0;
padding-right: 3px;
}
.entry {
margin: 0px;
padding: 20px 10px 10px 10px;
background-color: #FECEA8;
color: #333333;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: justify;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index: 9;
}
.entry_text {
padding: 30px 30px 0px 30px;
letter-spacing: 1px;
color: #222222;
}
.userpic {
position: relative;
float: left;
background-color: transparent;
padding-top: 30px;
padding-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 15px;
border-width: 1px;
border-style: none;
z-index: 15;
text-align: center;
}
.userpic img, .userpicfriends img {
height: 0px;
width: 0px;
padding: 46px 20px 50px 90px;
background-image: url('http://i.imgur.com/6cgZW.png');
background-repeat: no-repeat;
background-position: center;
}
.date {
line-height: 5px;
top: 5px;
color: #CD4154;
font-family: Century Gothic;
font-size: 9px;
text-align: right;
padding-top: 10px;
}
.subject {
font-weight: 600;
line-height: 2px;
padding: 0px;
color: #E84A5F;
font-family: La Belle Aurore, Century Gothic;
font-size: 25px;
letter-spacing: 1.5px;
z-index: 12;
}
.subject a, .subject a:link, .subject a:visited {
color: #E84A5F;
}
.subject a:hover {
color: #FECEA8;
}
.datesubject {
background-color: transparent;
padding: 5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
blockquote {
font-family: Century Gothic;
font-size: 10px;
letter-spacing: 1px;
text-align: justify;
padding: 7px;
background-image: url('http://i.imgur.com/YgM2k.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
background-color: #E84A5F;
padding: 5px;
border: 1px dashed;
color: #222222;
}
code {
background-color: #E84A5F;
display: block;
color: #222222;
padding: 7px;
border: 1px dashed;
}
h1 {
font-size: 18px;
color: #333333;
letter-spacing: 2px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
h2 {
font-size: 16px;
color: #333333;
letter-spacing: 1px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
h3 {
font-size: 14px;
color: #333333;
letter-spacing: 1px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
/*------------Current Mood, Music and Location------------*/
.currents {
border-top: 1px dashed #FF847C;
}
.currentmood, .currentmusic, .currentlocation {
font-family: Century Gothic;
font-size: 9px;
}
.currents strong {
font-weight: normal;
}
.ljtags {
font-family: Century Gothic;
font-weight: bold;
padding-top: 35px;
padding-bottom: 0px;
text-align: right;
}
/*------------Entry Stuff - Comments------------*/
.comments {
font-family: Century Gothic;
font-size: 12px;
text-align: center;
background-color: #FF847C;
padding-bottom: 5px;
padding-top: 5px;
position: relative;
bottom: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #FFFFFF;
}
div.comments a:hover {
color: #E84A5F;
text-decoration: none;
}
/*------------Entry Stuff - Separator------------*/
.separator {
background-color: transparent;
height: 35px;
}
/*------------Friends page customization------------*/
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: none;
font-family: Verdana, sans-serif;
font-size: 11px;
z-index: 15;
background-color: transparent !important;
}
.userpicfriends a,
.userpicfriends a:link,
.userpicfriends a:visited {
color: #E84A5F !important;
padding-top: -5px;
}
/*------------Sidebar------------*/
.defaultuserpic {
display: none;
}
.sbarheader {
padding: 5px;
}
.sbarbody {
float: right;
width: 15%;
padding: 2px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.sbarbody2 {
float: left;
text-align: justify;
width: 80%;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
color: #222222;
font-family: Verdana, sans-serif;
font-size: 8pt;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #333333;
}
div#sidebar a:hover {
color: #FECEA8;
}
/*------------Sidebar - Calendar------------*/
table.calendar {
display: none;
}
/*------------Sidebar - link box contents and sidebar box titles------------*/
ul.sbarlist {
list-style-type: none;
padding-left:0;
margin-left:0;
}
li.sbaritem {
list-style-type: none;
display: block;
text-align: left;
border-bottom: 1px dashed #FFD2D1;
padding: 2px;
}
li.sbartitle {
display: none;
}
/*------------Footer------------*/
#footer {
width: 100%;
text-align: center;
font-family: La Belle Aurore, Century Gothic;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
background-color: #FECEA8;
background-image: url('http://i.imgur.com/YgM2k.png');
color: #333333;
padding-top: 7px;
border-style: none;
z-index: 100;
clear: both;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin-right: 5px;
margin-left: 5px;
}
.clearfoot {
clear: both;
}
/*------------Archive Pages------------*/
ul.year {
text-align: center;
padding-bottom: 10px;
font-size: 29px;
font-family: La Belle Aurore, Century Gothic;
color: #FECEA8;
font-weight: 600;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
td.yeardate a {
color: #FFFFFF;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 3px;
border-style: solid;
border-color: #E84A5F;
background-image: url('http://i.imgur.com/YgM2k.png');
}
table.yeartable td.yearday {
background-color: #FECEA8;
text-align: center;
}
td.yearmonth {
border-style: solid;
background-color: #E84A5F;
font-size: 22px;
font-family: La Belle Aurore, Century Gothic;
color: #FECEA8;
letter-spacing: 2px;
padding: 2px;
}
td.yearmonth a {
color: #FECEA8;
}
/*------------Tags Page------------*/
.lj-view-tags #maincontent {
background-color: #FECEA8;
letter-spacing: 1px;
font-weight: 900;
padding: 12px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
}
.ljtaglist {
margin-top: 20px;
background-color: #FECEA8;
background-image: url('http://i.imgur.com/utot7.png');
background-repeat: no-repeat;
background-position: center center;
}
.ljtaglist_title {
background-color: #FECEA8;
}
/*------------Comments pages------------*/
.datesubjectcomment {
background-color: #FF847C;
color: #FFFFFF;
font-size: 13px;
padding: 5px;
margin-top: 20px;
background-image: url('http://i.imgur.com/YgM2k.png');
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;
}
.userpiccomment {
position: relative;
float: left;
background-color: transparent !important;
background-image: url('http://i.imgur.com/6cgZW.png');
background-repeat: no-repeat;
background-position: center;
border-style: none;
height: 50px;
width: 50px;
padding: 25px;
margin: 5px;
z-index: 15;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #FECEA8;
color: #000000;
background-image: url('http://i.imgur.com/YgM2k.png')
}
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: #FECEA8;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FECEA8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #FECEA8;
}
.datesubjectcomment a:hover {
color: #FFFFFF;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FECEA8;
}
.commentinfo {
background-color: #FECEA8;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #FECEA8 !important;
}
/*------------Misc------------*/
.clear {
height: 15px;
}
@font-face {
font-family: La Belle Aurore;
font-style: normal;
font-weight: 400;
src: local('La Belle Aurore'), local('LaBelleAurore'), url('http://themes.googleusercontent.com/static/fonts/labelleaurore/v1/Irdbc4ASuUoWDjd_Wc3mdyPuxW3DwjEqq93dVR72jP4.woff') format('woff'), url('http://fancyandthefury.net/files/LaBelleAurore.ttf') format('svg'), url('http://fancyandthefury.net/files/LaBelleAurore.eot');
}
::selection {
background: #E84A5F;
color: #FFFFFF;
}
::-moz-selection {
background: #E84A5F;
color: #FFFFFF;
}
/*--Code Generated by Malionette's Tiny Icon Generator (malionette.org/generator/tinylite.html)
Tiny Icons made by Tessisamess (tessisamess.livejournal.com)--*/
img[src*="img/userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/hBjKP.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/LZk3P.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/icon_protected.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/cswgI.png') no-repeat !important;
padding: 17px 0 0 15px !important;
}
img[src*="img/icon_private.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/uJRT2.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/icon_groups.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/cswgI.png') no-repeat !important;
padding: 17px 0 0 15px !important;
}
Comms:
/*--------I (heart) Damask by Tessisamess--------*/
/*--Made On: October 2011--*/
/*--S2 Style: Flexible Squares--*/
/*--------CREDITS---------*/
/*--Coding + Design + Tinyicons: tessisamess@LJ--*/
/*--Tessisamess Layout Comm: layouttesst@LJ--*/
/*--Huge thank you to yourxpridex@LJ for helping me find the solution to
cross-browser support for custom fonts in Firefox--*/
body {
background-color: #333333;
background-image: url('http://i.imgur.com/dCcbE.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
text-align: center;
color: #222222;
font-family: Century Gothic;
font-size: 10px;
margin: 20px 50px 20px 50px;
}
a, a:link, a:visited {
color: #E84A5F;
text-decoration: none;
}
a:hover {
color: #555555;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*------------General page alignment and width------------*/
#content {
width: 800px;
background-color: transparent;
border-style: none;
padding: 15px;
margin-left: auto;
margin-right: auto;
}
#maincontent {
font-family: Century Gothic;
font-size: 11px;
text-align: justify;
background-color: transparent;
color: #FF847C;
border-style: none;
margin-top: 15px;
margin-right: 7px;
}
#sidebar {
float: top;
margin-top: -20px;
background-color: #E84A5F;
font-size: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: Century Gothic;
color: #000000;
text-align: justify;
height: 180px;
overflow: hidden;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
}
/*------------Header------------*/
#header {
width: 100%;
padding-top: 2px;
padding-bottom: 6px;
margin: 0px;
text-align: center;
font-family: La Belle Aurore, Century Gothic;
font-size: 29px;
font-weight: 500;
border-style: none;
background: #FECEA8;
background-image: url('http://i.imgur.com/YgM2k.png');
-moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
color: #333333;
}
/*---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: #333333;
}
div#header a:hover, div#footer a:hover {
color: #FECEA8;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*------------Header - top navigation------------*/
ul.navheader {
padding: 0px;
margin: 0px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
}
ul.navheader li {
display: inline;
padding: 3px;
}
/*------------Entries------------*/
.subcontent {
width: 800px;
margin: 0;
border: 0;
padding-right: 3px;
}
.entry {
margin: 0px;
padding: 20px 10px 10px 10px;
background-color: #FECEA8;
color: #333333;
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: justify;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
z-index: 9;
}
.entry_text {
padding: 30px 30px 0px 30px;
letter-spacing: 1px;
color: #222222;
}
.userpic {
position: relative;
float: left;
background-color: transparent;
padding-top: 30px;
padding-bottom: 30px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 20px;
border-width: 1px;
border-style: none;
z-index: 15;
text-align: center;
}
.userpic img, .userpicfriends img {
height: 0px;
width: 0px;
padding: 60px 20px 50px 90px;
background-image: url('http://i.imgur.com/6cgZW.png');
background-repeat: no-repeat;
background-position: center;
}
.date {
line-height: 5px;
top: 5px;
color: #CD4154;
font-family: Century Gothic;
font-size: 9px;
text-align: right;
padding-top: 10px;
}
.subject {
font-weight: 600;
line-height: 2px;
padding: 0px;
color: #E84A5F;
font-family: La Belle Aurore, Century Gothic;
font-size: 25px;
letter-spacing: 1.5px;
z-index: 12;
}
.subject a, .subject a:link, .subject a:visited {
color: #E84A5F;
}
.subject a:hover {
color: #FECEA8;
}
.datesubject {
background-color: transparent;
padding: 5px;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
blockquote {
font-family: Century Gothic;
font-size: 10px;
letter-spacing: 1px;
text-align: justify;
padding: 7px;
background-image: url('http://i.imgur.com/YgM2k.png');
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
background-color: #E84A5F;
padding: 5px;
border: 1px dashed;
color: #222222;
}
code {
background-color: #E84A5F;
display: block;
color: #222222;
padding: 7px;
border: 1px dashed;
}
h1 {
font-size: 18px;
color: #333333;
letter-spacing: 2px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
h2 {
font-size: 16px;
color: #333333;
letter-spacing: 1px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
h3 {
font-size: 14px;
color: #333333;
letter-spacing: 1px;
font-weight: 900;
margin: 0px;
text-shadow: #FF847C 1px 2px 2px;
font-family: La Belle Aurore, Century Gothic;
letter-spacing: 1.5px;
}
/*------------Current Mood, Music and Location------------*/
.currents {
border-top: 1px dashed #FF847C;
}
.currentmood, .currentmusic, .currentlocation {
font-family: Century Gothic;
font-size: 9px;
}
.currents strong {
font-weight: normal;
}
.ljtags {
font-family: Century Gothic;
font-weight: bold;
padding-top: 35px;
padding-bottom: 0px;
text-align: right;
}
/*------------Entry Stuff - Comments------------*/
.comments {
font-family: Century Gothic;
font-size: 12px;
text-align: center;
background-color: #FF847C;
padding-bottom: 5px;
padding-top: 5px;
position: relative;
bottom: 5px;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #FFFFFF;
}
div.comments a:hover {
color: #E84A5F;
text-decoration: none;
}
/*------------Entry Stuff - Separator------------*/
.separator {
background-color: transparent;
height: 35px;
}
/*------------Friends page customization------------*/
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: none;
font-family: Verdana, sans-serif;
font-size: 11px;
z-index: 15;
background-color: transparent !important;
}
.userpicfriends a,
.userpicfriends a:link,
.userpicfriends a:visited {
color: #E84A5F !important;
padding-top: -5px;
}
/*------------Sidebar------------*/
.defaultuserpic {
display: none;
}
.sbarheader {
padding: 5px;
}
.sbarbody {
float: right;
width: 15%;
padding: 2px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.sbarbody2 {
float: left;
text-align: justify;
width: 80%;
padding-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
color: #222222;
font-family: Verdana, sans-serif;
font-size: 8pt;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #333333;
}
div#sidebar a:hover {
color: #FECEA8;
}
/*------------Sidebar - Calendar------------*/
table.calendar {
display: none;
}
/*------------Sidebar - link box contents and sidebar box titles------------*/
ul.sbarlist {
list-style-type: none;
padding-left:0;
margin-left:0;
}
li.sbaritem {
list-style-type: none;
display: block;
text-align: left;
border-bottom: 1px dashed #FFD2D1;
padding: 2px;
}
li.sbartitle {
display: none;
}
/*------------Footer------------*/
#footer {
width: 100%;
text-align: center;
font-family: La Belle Aurore, Century Gothic;
font-size: 18px;
font-weight: bold;
letter-spacing: 1px;
background-color: #FECEA8;
background-image: url('http://i.imgur.com/YgM2k.png');
color: #333333;
padding-top: 7px;
border-style: none;
z-index: 100;
clear: both;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
}
ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin-right: 5px;
margin-left: 5px;
}
.clearfoot {
clear: both;
}
/*------------Archive Pages------------*/
ul.year {
text-align: center;
padding-bottom: 10px;
font-size: 29px;
font-family: La Belle Aurore, Century Gothic;
color: #FECEA8;
font-weight: 600;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
td.yeardate a {
color: #FFFFFF;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 3px;
border-style: solid;
border-color: #E84A5F;
background-image: url('http://i.imgur.com/YgM2k.png');
}
table.yeartable td.yearday {
background-color: #FECEA8;
text-align: center;
}
td.yearmonth {
border-style: solid;
background-color: #E84A5F;
font-size: 22px;
font-family: La Belle Aurore, Century Gothic;
color: #FECEA8;
letter-spacing: 2px;
padding: 2px;
}
td.yearmonth a {
color: #FECEA8;
}
/*------------Tags Page------------*/
.lj-view-tags #maincontent {
background-color: #FECEA8;
letter-spacing: 1px;
font-weight: 900;
padding: 12px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
}
.ljtaglist {
margin-top: 20px;
background-color: #FECEA8;
background-image: url('http://i.imgur.com/utot7.png');
background-repeat: no-repeat;
background-position: center center;
}
.ljtaglist_title {
background-color: #FECEA8;
}
/*------------Comments pages------------*/
.datesubjectcomment {
background-color: #FF847C;
color: #FFFFFF;
font-size: 13px;
padding: 5px;
margin-top: 20px;
background-image: url('http://i.imgur.com/YgM2k.png');
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 8px;
}
.userpiccomment {
position: relative;
float: left;
background-color: transparent !important;
background-image: url('http://i.imgur.com/6cgZW.png');
background-repeat: no-repeat;
background-position: center;
border-style: none;
height: 50px;
width: 50px;
padding: 25px;
margin: 5px;
z-index: 15;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #FECEA8;
color: #000000;
background-image: url('http://i.imgur.com/YgM2k.png')
}
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: #FECEA8;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FECEA8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #FECEA8;
}
.datesubjectcomment a:hover {
color: #FFFFFF;
}
.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FECEA8;
}
.commentinfo {
background-color: #FECEA8;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
color: #FECEA8 !important;
}
/*------------Misc------------*/
.clear {
height: 15px;
}
@font-face {
font-family: La Belle Aurore;
font-style: normal;
font-weight: 400;
src: local('La Belle Aurore'), local('LaBelleAurore'), url('http://themes.googleusercontent.com/static/fonts/labelleaurore/v1/Irdbc4ASuUoWDjd_Wc3mdyPuxW3DwjEqq93dVR72jP4.woff') format('woff'), url('http://fancyandthefury.net/files/LaBelleAurore.ttf') format('svg'), url('http://fancyandthefury.net/files/LaBelleAurore.eot');
}
::selection {
background: #E84A5F;
color: #FFFFFF;
}
::-moz-selection {
background: #E84A5F;
color: #FFFFFF;
}
/*--Code Generated by Malionette's Tiny Icon Generator (malionette.org/generator/tinylite.html)
Tiny Icons made by Tessisamess (tessisamess.livejournal.com)--*/
img[src*="img/userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/hBjKP.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/LZk3P.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/icon_protected.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/cswgI.png') no-repeat !important;
padding: 17px 0 0 15px !important;
}
img[src*="img/icon_private.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/uJRT2.png') no-repeat !important;
padding: 16px 0 0 16px !important;
}
img[src*="img/icon_groups.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url('http://i.imgur.com/cswgI.png') no-repeat !important;
padding: 17px 0 0 15px !important;
}
I offer a download of this layout in addition to the copy/paste code.
The download includes:
Layout code, all image files, all custom fonts, all tinyicons, and a replacement guide for customizing the colors, fonts, images, and width in this layout, as well as giving the code to revert the hearts back to usericons.
Get it here!
As an aside, I'm very sorry if anything in this post or layout is borked; I did my final clean-up and post write-up while LJ was having its "special" time, so my live-testing was a bit of a hassle.
Notes
The sidebar doesn't handle large amounts of links or blurb content well. A good amount of links to have is probably seven or less. Anything longer than seven lines in the links or blurb will be hidden; however, you can change the height of the sidebar to fit large amounts (it just doesn't look good).
Hidden:
Title and subtitle, sidebar tags, sidebar calendar, sidebar page summary, default userpic, entry userpics (replacement images), sidebar titles.
Subject Line Issues:
Subject titles that take up more than one line look really bad with this layout, however unless you or someone on your flist is prone to super long titles it's not really a big deal; to fix it go to the .subject container and change the line-height to 15px
Tested in:
Credit
Credit when using this layout is a must, no matter how much you change in the code. There are three main ways to credit:
♥ In your profile with text and an LJ user link or HTML link to the layout.
♥ In your profile with a button.
♥ In your journal's linklist or blurb.
Basically anything visible. It doesn't have to be big, but it does need to be there.
Like my stuff? Join my comm!