Rainbow Connection: Six Light Variants [LAYOUT]
rainbow connection [light]
s2 flexible squares
→ LIVE PREVIEW
happy holidays!
I hope you're all having a great holiday season, and I hope 2012 has been good to you and your loved ones. Here's to 2013 and whatever it may bring. As my gift I've got a layout with 6 dark versions and 6 light versions, a bunch of profile codes, and a pack of tinyicons. I also have slots if you want to order a custom LJ, Tumblr, or Wordpress theme, or a design for your website. Enjoy!
instructions
→ CUSTOMIZE: pick any S2 Flexible Squares layout, apply it, then scroll down & make sure ads are set to BETWEEN ENTRIES & the sidebar is on the LEFT.
→ CUSTOM CSS: set dropdown menus to YES/NO/YES, paste the CSS & save.
→ TEXT>NAVIGATION: change the options to RECENT, FRIENDS, PROFILE, ARCHIVE.
→ Get a gif & go to SIDEBAR. Clear the BLURB title & leave it blank. In your blurb body:
Your blurb here.
code (click titles for prevs)
TICKLED PINK
/*--Tickled Pink by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #BC8F8F;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #BC8F8F;
border-bottom: 3px solid #BC8F8F;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #BC8F8F;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #BC8F8F;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #BC8F8F;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #BC8F8F;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #BC8F8F url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #BC8F8F;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
SEEIN' RED
/*--Seein' Red by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #DB3052;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #DB3052;
border-bottom: 3px solid #DB3052;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #DB3052;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #DB3052;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #DB3052;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #DB3052;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #DB3052 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #DB3052;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
ORANGE YOU GLAD I DIDN'T SAY BANANA?
/*--Orange You Glad I Didn't Say Banana? by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #F4A460;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #F4A460;
border-bottom: 3px solid #F4A460;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #F4A460;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #F4A460;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #F4A460;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #F4A460;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #F4A460 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #F4A460;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
QUIET VIOLET
/*--Quiet Violet by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #9C90B5;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #9C90B5;
border-bottom: 3px solid #9C90B5;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #9C90B5;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #9C90B5;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #9C90B5;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #9C90B5;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #9C90B5 url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #9C90B5;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
GOT THE BLUES
/*--Got the Blues by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #B0C4DE;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #B0C4DE;
border-bottom: 3px solid #B0C4DE;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #B0C4DE;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #B0C4DE;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #B0C4DE;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #B0C4DE;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #B0C4DE url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #B0C4DE;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
GREEN WITH ENVY
/*--Green With Envy by Tessisamess--*/
/*--Made on: December 2012--*/
/*--S2 Style: Flexible Squares--*/
/*--Visit layouttesst.livejournal.com for more--*/
@font-face {
font-family: 'Fjalla One';
font-style: normal;
font-weight: 400;
src: local('Fjalla One'), local('FjallaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
body {
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat fixed;
text-align: center;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #66CDAA;
text-decoration: none;
}
a:hover {
color: #999;
text-decoration: none;
}
p, td {
font-size: 11px;
}
blockquote {
font-size: 12px;
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:6px;
font-style:italic;
color:#111;
border-top: 3px solid #66CDAA;
border-bottom: 3px solid #66CDAA;
}
code, kbd, pre, tt {
font-family: monospace;
}
h1,h2,h3,h4,h5,h6{
font-family:Fjalla One;
font-weight:normal;
text-transform:uppercase;
}
/*--GENERAL--*/
#content {
width: 92%;
margin-left: auto;
margin-right: auto;
background: transparent;
border: none;
padding: 15px;
}
#maincontent {
margin-top: 9px;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
background: transparent;
color: #444;
border: none;
margin-left: 295px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 58px;
background: #eee;
border: none;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
width: 260px;
float: left;
text-align: left;
}
/*--HEADER--*/
#header {
width: 260px;
padding: 10px 0;
margin-top: 48px;
margin-bottom: -48px;
text-align: center;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
letter-spacing: 0px;
border: none;
background: #eee;
color: #444;
text-transform:uppercase;
}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #66CDAA;
}
div#header a:hover, div#footer a:hover {
color: #999;
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;
}
/*--ENTRIES--*/
.subcontent {
background: #eee;
}
.entry {
margin: 0;
padding: 10px;
background: #eee;
color: #444;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
line-height:165%;
text-align: left;
border: none;
}
.userpic {
position: relative;
float: left;
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin: 10px;
z-index: 15;
border: none;
}
.userpic img {
width:75px;
height:75px;
}
.userpicfriends {
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
}
.userpiccomment, .userpicfriends img {
width:75px;
height:75px;
}
.date {
line-height: 1%;
top: 10px;
color: #999;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
text-align:right;
padding-top:10px;
}
.subject {
font-weight: normal;
padding: 0 10px;
color: #999;
font-family: Fjalla One;
font-size: 19px;
}
.subject a, .subject a:link, .subject a:visited {
color: #66CDAA;
}
.subject a:hover {
color: #999;
}
.datesubject {
background: #eee;
padding: 5px;
text-transform:uppercase;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
/*--CURRENTS & LJ TAGS--*/
.currents, .currentmood, .currentmusic {
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.currents {
margin-top: -20px;
}
.currents strong {
font-weight:normal!important;
}
.ljtags {
margin-top:30px;
font-size: 11px;
}
/*--COMMENT LINKS--*/
.comments {
font-family: Fjalla One;
text-transform:uppercase;
font-size: 14px;
text-align: right;
background: transparent;
padding: 5px;
position: relative;
top: 1px;
color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #111111;
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding:5px;
}
div.comments a:hover {
color: #333;
text-decoration: none;
}
/*--SEPARATOR--*/
.separator{
height: 15px;
}
/*--SIDEBAR--*/
.defaultuserpic {
text-align: center;
background:url(http://i.imgur.com/qvB9Y.gif) center center no-repeat;
height:170px;
}
.defaultuserpic img {
display:none;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
text-align:justify;
}
.sbarbody2 img {
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #66CDAA;
}
div#sidebar a:hover {
color: #999;
text-decoration: none;
}
/*--SIDEBAR CALENDAR--*/
table.calendar {
width:95%;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: none;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border: none;
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
text-align: center;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
}
#sidebar_summary li.sbaritem {
margin: 0;
padding: 3px 0;
}
/*--SIDEBAR LINKS & TITLES--*/
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding-left: 15px!important;
list-style: none;
padding: 3px 0;
border-bottom:1px dotted #d9d9d9 !important;
}
li.sbartitle{
padding-left: 5px;
list-style: none;
border: none;
background: transparent;
margin-bottom: 10px;
margin-top: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
/*--FOOTER--*/
#footer {
width: auto;
margin-left:295px;
text-align: center;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
font-weight: normal;
padding:10px 0;
letter-spacing: 0px;
background: #eee;
color: #444;
border: none;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*--ARCHIVE--*/
ul.year {
margin-top:-15px;
background:#eee;
text-align: center;
padding: 10px;
font-size:15px;
font-family:Fjalla One;
text-transform:uppercase;
}
ul.year li {
display: inline;
}
table.yeartable {
background:#eee;
padding:30px;
width:100%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: none;
font-size:16px;
}
table.yeartable td.yearday {
background: #eee;
text-align: center;
font-size:18px;
color: #66CDAA;
}
td.yearmonth {
border-style: none;
font-size:16px;
padding-bottom:15px;
}
/*--COMMENTS--*/
.datesubjectcomment {
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border: none;
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border: none;
padding: 10px;
clear: right;
}
input, textarea {
background: #66CDAA url(http://ic.pics.livejournal.com/holidaytesst/52389839/1294/1294_original.png) top left repeat;
color: #111;
padding:6px;
border:1px #000 solid;
}
textarea.textbox {
width: 94% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: helvetica,arial,sans-serif;
font-size: 11px;
line-height: 125%;
background: #eee;
color: #444;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: helvetica,arial,sans-serif;
color: #444;
}
.commentbox {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #66CDAA;
}
.datesubjectcomment a:hover {
color: #999;
}
.commentboxpartial {
border: none;
padding: 10px;
margin: 10px;
background: #eee;
}
.commentinfo {
background: #eee;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
background:#eee;
font-family:Fjalla One;
font-size: 15px;
font-weight: normal;
padding:10px 0;
margin-top:-15px;
text-transform:uppercase;
color:#999;
}
/*--MISC--*/
.clear {
height: 10px;
}
.lj-view-tags #maincontent > h2 {
width:94%;
font-size: 20px;
font-family: Fjalla One;
background:#eee;
padding:30px;
padding-bottom:0!important;
margin-top:-15px;
}
.ljtaglist {
margin-top:-22px;
background:#eee;
padding:30px;
width:94%;
margin-left: auto;
margin-right: auto;
font-family:Fjalla One;
text-transform:uppercase;
list-style-type: none;
font-size:14px;
}
notes
Hidden: Subtitle, title.
Custom: Comment page, archive page, tags page, easily changed sidebar image.
credit
Credit when using this layout is a must, no matter how much you change in the code. Comments are nice, but not necessary.
You can credit in your profile with a text link, lj usertag going to layouttesst, or a button (in your journal's linklist or blurb is fine too).
rules
→ Leave my credit in the CSS.
→ You may change colors/fonts/widths/etc.
→ That's it!