twenty eight
XXVIII | BREAKING THE SILENCE
XXVIII; BREAKING THE SILENCE
LIVE PREVIEWS
pink version | blue version
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
1024x768 and higher
disabled features
subtitle, repost option, date, control strip, default userpic (in the sidebar), sidebar tags, sidebar summary, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
PINK VERSION!
/*-------------------------------------------
NAME: Breaking the Silence
STYLE: S2 | Flexible Squares
ACCOUNTS: basic & paid
TINY ICONS: pinvoke & famfamfam
CREDIT: apologize @ jealouss
*PLEASE DO NOT USE THIS LAYOUT WITH CREDIT!*
---------------------------------------------*/
/*---------page--------*/
body {
background: #eee;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
/*---------body--------*/
#content{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 250px;
text-align: left;}
/*---------header--------*/
#header {
width: 15%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font: 10pt "helvetica neue", arial narrow, helvetica, sans-serif;
font-weight: 100;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #bbb;}
div#header a:hover{color: #fff; text-decoration: none; font-weight: 400;}
.title {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 85px;
font-weight: 100;
line-height: 100%;
position: absolute;
top: 35px;
left: 365px;
color: #fff;
width: auto;
z-index: -1;
}
ul.navheader{
padding: 0px;
margin: 0px;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style: lower-roman;
text-align: left;
background: #f8f8f8;
margin: 1px 0 0 0;
}
ul.navheader li:hover{background: #eee; font: 14px cambria; font-style: italic;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px;
padding: 10px;
background-color: #f8f8f8;
color: #999;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: 1px solid #ddd;
}
.entry_text img{padding: 10px; border: 1px solid #FFBEBE;}
span.ljuser img{padding: 0px;}
.userpic {
position: relative;
float: left;
left: -90px;
top: 50px;
background-color: #f8f8f8;
padding: 5px;
margin: 0;
z-index: 15;
border: 1px solid #FFBEBE;
margin: -10px -135px 0 0;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: 100;
padding: 10px 10px 0 0;
color: #ddd;
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 25px;
border-bottom: 1px solid #ddd;
text-align: left;
}
.subject a, .subject a:link, .subject a:visited {color: #bbb;}
.subject a:hover {color: #ddd; text-decoration:none;}
.datesubject {
background-color: transparent!important;
padding: 0px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
padding: 3px 5px 1px 15px;
font-family: cambria;
font-size: 12px;
font-weight: light;
margin-top: 0px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "cambria", sans-serif;
font-size: 12px;
font-style: italic;
}
.currents{margin-top: 40px; border-top: 1px solid #ddd; margin-bottom: -25px; color: #FFBEBE; padding: 5px 0 5px 0;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 13pt;
text-align: right;
background-color:transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 10px;
font-weight: 100;
text-transform: lowercase;
border-top: 1px solid #ddd;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffbebe;}
div.comments a:hover {
color: #aaa;
font: 17px cambria;
font-style: italic;
font-weight: light;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
left: -100px;
top: 45px;
background-color: transparent!important;
padding: 5px;
margin: 0;
z-index: 15;
border: none;
margin: -10px -135px 0 0;
font: 11px cambria;
font-style: italic;
color: #eee;
text-align: center;
}
.userpicfriends img{padding: 5px; background: #f8f8f8; border: 1px solid #FFBEBE; height: 75px; width: 75px;}
.userpicfriends a font{color: #aaa;}
.userpicfriends a font:hover{color: #ffbebe;}
/*---------sidebar--------*/
#sidebar {
padding-top: 0px;
margin-top: 45px;
background-color: transparent!important;
font-family: "helvetica", sans-serif;
color: #bbb;
width: 300px;
float: right;
text-align: justify;
margin-right: -80px;
line-height: 90%;
}
.sbarheader {}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 {padding: 15px; background: #f8f8f8; border: 1px solid #ddd;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #FFBEBE;}
div#sidebar a:hover {
color: #aaa;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-left: 1px solid #ddd;;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #eee;
padding: 10px;
}
.sbarcalendarposts {
border: none;
background-color: #f8f8f8;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 13px;
padding: 10px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px solid #eee;
}
li.sbaritem:hover{background: #eee; font: 12px cambria; font-style: italic;}
#sidebar_linklist, #sidebar_calendar{background: #f8f8f8; padding: 5px; margin-top: 10px; border: 1px solid #ddd;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "helvetica neue", sans-serif;
font-size: 11pt;
font-weight: 200;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border-top: 1px solid #ddd;
z-index: 100;
clear: both;
}
#footer .viewing {color: #FFBEBE;}
div#footer a:hover {font: 15px cambria; font-style: italic; color: #ccc;}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: left;
padding-bottom: 20px;
font: 20px cambria;
font-style: italic;
color: #ffbebe;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-left: 1px solid #bbb;
background: #ddd;
padding: 5px;
color: #fff;
font: 12px helvetica;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border: none;
font: 14px cambria;
color: #ffbebe;
}
td.yearmonth, td.yearmonth a{
border-style: none;
font: 12px cambria;
color: #bbb;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #aaa;
padding: 5px;
margin-top: -5px;
font: 11px helvetica;
text-tranform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #f8f8f8;
top: -25px;
left: 0px;
padding: 5px;
margin: 20px 10px 0px -110px;
z-index: 15;
float: left;
border: 1px solid #FFBEBE;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f8f8f8;
color: #aaa;
font: 11px helvetica;
}
textarea.textbox {
width: 100% !important;
background: #FFBEBE;
font: 11px helvetica;
color: #fff;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f8f8f8;
color: #aaa;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #aaa;
}
.commentbox {
border: 1px solid #ddd;
padding: 5px 0 0 0;
margin-top: 30px;
background-color: #f8f8f8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #aaa;}
.datesubjectcomment a:hover {color: #FFBEBE;}
.commentboxpartial {
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*---------disabled------------*/
#lj_controlstrip, .subtitle, .date, .defaultuserpic, #sidebar_summary, #sidebar_tags, li.sbartitle, .currents strong, .b-repost-item{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
.b-repost-item {display:none}
div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}
div.ContextualPopup .Content{
border: none;
}
div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #FFBEBE;
text-decoration: none;
}
a:hover {
color: #aaa;
text-decoration: none;
}
blockquote {font-size: 11px; background: #eee; border: 1px solid #ddd; padding: 10px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u {font: 12px cambria; color: #FFBEBE;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/2060isx.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://i51.tinypic.com/24mw4tt.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/xq5o7.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://i54.tinypic.com/ibdvm0.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i51.tinypic.com/6hj1na.png) no-repeat !important; padding: 16px 0 0 16px !important; }
BLUE VERSION!
/*-------------------------------------------
NAME: Breaking the Silence (blue version)
STYLE: S2 | Flexible Squares
ACCOUNTS: basic & paid
TINY ICONS: pinvoke & famfamfam
CREDIT: apologize @ jealouss
*PLEASE DO NOT USE THIS LAYOUT WITH CREDIT!*
---------------------------------------------*/
/*---------page--------*/
body {
background: #eee;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
/*---------body--------*/
#content{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 250px;
text-align: left;}
/*---------header--------*/
#header {
width: 15%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font: 10pt "helvetica neue", arial narrow, helvetica, sans-serif;
font-weight: 100;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #bbb;}
div#header a:hover{color: #fff; text-decoration: none; font-weight: 400;}
.title {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 85px;
font-weight: 100;
line-height: 100%;
position: absolute;
top: 35px;
left: 365px;
color: #fff;
width: auto;
z-index: -1;
}
ul.navheader{
padding: 0px;
margin: 0px;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style: lower-roman;
text-align: left;
background: #f8f8f8;
margin: 1px 0 0 0;
}
ul.navheader li:hover{background: #eee; font: 14px cambria; font-style: italic;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px;
padding: 10px;
background-color: #f8f8f8;
color: #999;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: 1px solid #ddd;
}
.entry_text img{padding: 10px; border: 1px solid #69CFF9;}
span.ljuser img{padding: 0px;}
.userpic {
position: relative;
float: left;
left: -90px;
top: 50px;
background-color: #f8f8f8;
padding: 5px;
margin: 0;
z-index: 15;
border: 1px solid #69CFF9;
margin: -10px -135px 0 0;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: 100;
padding: 10px 10px 0 0;
color: #ddd;
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 25px;
border-bottom: 1px solid #ddd;
text-align: left;
}
.subject a, .subject a:link, .subject a:visited {color: #bbb;}
.subject a:hover {color: #ddd; text-decoration:none;}
.datesubject {
background-color: transparent!important;
padding: 0px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
padding: 3px 5px 1px 15px;
font-family: cambria;
font-size: 12px;
font-weight: light;
margin-top: 0px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "cambria", sans-serif;
font-size: 12px;
font-style: italic;
}
.currents{margin-top: 40px; border-top: 1px solid #ddd; margin-bottom: -25px; color: #69CFF9; padding: 5px 0 5px 0;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 13pt;
text-align: right;
background-color:transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 10px;
font-weight: 100;
text-transform: lowercase;
border-top: 1px solid #ddd;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #69CFF9;}
div.comments a:hover {
color: #aaa;
font: 17px cambria;
font-style: italic;
font-weight: light;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
left: -100px;
top: 45px;
background-color: transparent!important;
padding: 5px;
margin: 0;
z-index: 15;
border: none;
margin: -10px -135px 0 0;
font: 11px cambria;
font-style: italic;
color: #eee;
text-align: center;
}
.userpicfriends img{padding: 5px; background: #f8f8f8; border: 1px solid #69CFF9; height: 75px; width: 75px;}
.userpicfriends a font{color: #aaa;}
.userpicfriends a font:hover{color: #69CFF9;}
/*---------sidebar--------*/
#sidebar {
padding-top: 0px;
margin-top: 45px;
background-color: transparent!important;
font-family: "helvetica", sans-serif;
color: #bbb;
width: 300px;
float: right;
text-align: justify;
margin-right: -80px;
line-height: 90%;
}
.sbarheader {}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 {padding: 15px; background: #f8f8f8; border: 1px solid #ddd;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #69CFF9;}
div#sidebar a:hover {
color: #aaa;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-left: 1px solid #ddd;;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #eee;
padding: 10px;
}
.sbarcalendarposts {
border: none;
background-color: #f8f8f8;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 13px;
padding: 10px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px solid #eee;
}
li.sbaritem:hover{background: #eee; font: 12px cambria; font-style: italic;}
#sidebar_linklist, #sidebar_calendar{background: #f8f8f8; padding: 5px; margin-top: 10px; border: 1px solid #ddd;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "helvetica neue", sans-serif;
font-size: 11pt;
font-weight: 200;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border-top: 1px solid #ddd;
z-index: 100;
clear: both;
}
#footer .viewing {color: #69CFF9;}
div#footer a:hover {font: 15px cambria; font-style: italic; color: #ccc;}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: left;
padding-bottom: 20px;
font: 20px cambria;
font-style: italic;
color: #69CFF9;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-left: 1px solid #bbb;
background: #ddd;
padding: 5px;
color: #fff;
font: 12px helvetica;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border: none;
font: 14px cambria;
color: #69CFF9;
}
td.yearmonth, td.yearmonth a{
border-style: none;
font: 12px cambria;
color: #bbb;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #aaa;
padding: 5px;
margin-top: -5px;
font: 11px helvetica;
text-tranform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #f8f8f8;
top: -25px;
left: 0px;
padding: 5px;
margin: 20px 10px 0px -110px;
z-index: 15;
float: left;
border: 1px solid #69CFF9;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f8f8f8;
color: #aaa;
font: 11px helvetica;
}
textarea.textbox {
width: 100% !important;
background: #69CFF9;
font: 11px helvetica;
color: #fff;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f8f8f8;
color: #aaa;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #aaa;
}
.commentbox {
border: 1px solid #ddd;
padding: 5px 0 0 0;
margin-top: 30px;
background-color: #f8f8f8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #aaa;}
.datesubjectcomment a:hover {color: #69CFF9;}
.commentboxpartial {
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*--------disabled--------*/
#lj_controlstrip, .subtitle, .date, .defaultuserpic, #sidebar_summary, #sidebar_tags, li.sbartitle, .currents strong, .b-repost-item{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}
div.ContextualPopup .Content{
border: none;
}
div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #69CFF9;
text-decoration: none;
}
a:hover {
color: #aaa;
text-decoration: none;
}
blockquote {font-size: 11px; background: #eee; border: 1px solid #ddd; padding: 10px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u {font: 12px cambria; color: #69CFF9;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/2060isx.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://i51.tinypic.com/24mw4tt.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/xq5o7.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://i54.tinypic.com/ibdvm0.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i51.tinypic.com/6hj1na.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Features
NONE
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
Credits
'currents' tiny icons by pinvoke
all other tiny icons by famfamfam
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts
XXVIII; BREAKING THE SILENCE
LIVE PREVIEWS
pink version | blue version
style
S2; Flexible Squares
accounts
Basic & Paid
browsers
Firefox, Safari, Chrome, Opera (does not work well in IE)
Resolutions
1024x768 and higher
disabled features
subtitle, repost option, date, control strip, default userpic (in the sidebar), sidebar tags, sidebar summary, repost option
INSTALLATION
HOW TO INSTALL
if you need help installing your S2 layout, click the "how to install" link for a detailed guide on how to install any S2 layout.
install the code
PINK VERSION!
/*-------------------------------------------
NAME: Breaking the Silence
STYLE: S2 | Flexible Squares
ACCOUNTS: basic & paid
TINY ICONS: pinvoke & famfamfam
CREDIT: apologize @ jealouss
*PLEASE DO NOT USE THIS LAYOUT WITH CREDIT!*
---------------------------------------------*/
/*---------page--------*/
body {
background: #eee;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
/*---------body--------*/
#content{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 250px;
text-align: left;}
/*---------header--------*/
#header {
width: 15%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font: 10pt "helvetica neue", arial narrow, helvetica, sans-serif;
font-weight: 100;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #bbb;}
div#header a:hover{color: #fff; text-decoration: none; font-weight: 400;}
.title {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 85px;
font-weight: 100;
line-height: 100%;
position: absolute;
top: 35px;
left: 365px;
color: #fff;
width: auto;
z-index: -1;
}
ul.navheader{
padding: 0px;
margin: 0px;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style: lower-roman;
text-align: left;
background: #f8f8f8;
margin: 1px 0 0 0;
}
ul.navheader li:hover{background: #eee; font: 14px cambria; font-style: italic;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px;
padding: 10px;
background-color: #f8f8f8;
color: #999;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: 1px solid #ddd;
}
.entry_text img{padding: 10px; border: 1px solid #FFBEBE;}
span.ljuser img{padding: 0px;}
.userpic {
position: relative;
float: left;
left: -90px;
top: 50px;
background-color: #f8f8f8;
padding: 5px;
margin: 0;
z-index: 15;
border: 1px solid #FFBEBE;
margin: -10px -135px 0 0;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: 100;
padding: 10px 10px 0 0;
color: #ddd;
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 25px;
border-bottom: 1px solid #ddd;
text-align: left;
}
.subject a, .subject a:link, .subject a:visited {color: #bbb;}
.subject a:hover {color: #ddd; text-decoration:none;}
.datesubject {
background-color: transparent!important;
padding: 0px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
left){kind=link}
padding: 3px 5px 1px 15px;
font-family: cambria;
font-size: 12px;
font-weight: light;
margin-top: 0px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "cambria", sans-serif;
font-size: 12px;
font-style: italic;
}
.currents{margin-top: 40px; border-top: 1px solid #ddd; margin-bottom: -25px; color: #FFBEBE; padding: 5px 0 5px 0;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
left){kind=link}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
left){kind=link}
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 13pt;
text-align: right;
background-color:transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 10px;
font-weight: 100;
text-transform: lowercase;
border-top: 1px solid #ddd;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffbebe;}
div.comments a:hover {
color: #aaa;
font: 17px cambria;
font-style: italic;
font-weight: light;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
left: -100px;
top: 45px;
background-color: transparent!important;
padding: 5px;
margin: 0;
z-index: 15;
border: none;
margin: -10px -135px 0 0;
font: 11px cambria;
font-style: italic;
color: #eee;
text-align: center;
}
.userpicfriends img{padding: 5px; background: #f8f8f8; border: 1px solid #FFBEBE; height: 75px; width: 75px;}
.userpicfriends a font{color: #aaa;}
.userpicfriends a font:hover{color: #ffbebe;}
/*---------sidebar--------*/
#sidebar {
padding-top: 0px;
margin-top: 45px;
background-color: transparent!important;
font-family: "helvetica", sans-serif;
color: #bbb;
width: 300px;
float: right;
text-align: justify;
margin-right: -80px;
line-height: 90%;
}
.sbarheader {}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 {padding: 15px; background: #f8f8f8; border: 1px solid #ddd;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #FFBEBE;}
div#sidebar a:hover {
color: #aaa;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-left: 1px solid #ddd;;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #eee;
padding: 10px;
}
.sbarcalendarposts {
border: none;
background-color: #f8f8f8;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 13px;
padding: 10px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px solid #eee;
}
li.sbaritem:hover{background: #eee; font: 12px cambria; font-style: italic;}
#sidebar_linklist, #sidebar_calendar{background: #f8f8f8; padding: 5px; margin-top: 10px; border: 1px solid #ddd;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "helvetica neue", sans-serif;
font-size: 11pt;
font-weight: 200;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border-top: 1px solid #ddd;
z-index: 100;
clear: both;
}
#footer .viewing {color: #FFBEBE;}
div#footer a:hover {font: 15px cambria; font-style: italic; color: #ccc;}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: left;
padding-bottom: 20px;
font: 20px cambria;
font-style: italic;
color: #ffbebe;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-left: 1px solid #bbb;
background: #ddd;
padding: 5px;
color: #fff;
font: 12px helvetica;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border: none;
font: 14px cambria;
color: #ffbebe;
}
td.yearmonth, td.yearmonth a{
border-style: none;
font: 12px cambria;
color: #bbb;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #aaa;
padding: 5px;
margin-top: -5px;
font: 11px helvetica;
text-tranform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #f8f8f8;
top: -25px;
left: 0px;
padding: 5px;
margin: 20px 10px 0px -110px;
z-index: 15;
float: left;
border: 1px solid #FFBEBE;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f8f8f8;
color: #aaa;
font: 11px helvetica;
}
textarea.textbox {
width: 100% !important;
background: #FFBEBE;
font: 11px helvetica;
color: #fff;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f8f8f8;
color: #aaa;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #aaa;
}
.commentbox {
border: 1px solid #ddd;
padding: 5px 0 0 0;
margin-top: 30px;
background-color: #f8f8f8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #aaa;}
.datesubjectcomment a:hover {color: #FFBEBE;}
.commentboxpartial {
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*---------disabled------------*/
#lj_controlstrip, .subtitle, .date, .defaultuserpic, #sidebar_summary, #sidebar_tags, li.sbartitle, .currents strong, .b-repost-item{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
.b-repost-item {display:none}
div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}
div.ContextualPopup .Content{
border: none;
}
div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #FFBEBE;
text-decoration: none;
}
a:hover {
color: #aaa;
text-decoration: none;
}
blockquote {font-size: 11px; background: #eee; border: 1px solid #ddd; padding: 10px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u {font: 12px cambria; color: #FFBEBE;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/2060isx.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://i51.tinypic.com/24mw4tt.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/xq5o7.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://i54.tinypic.com/ibdvm0.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i51.tinypic.com/6hj1na.png) no-repeat !important; padding: 16px 0 0 16px !important; }
BLUE VERSION!
/*-------------------------------------------
NAME: Breaking the Silence (blue version)
STYLE: S2 | Flexible Squares
ACCOUNTS: basic & paid
TINY ICONS: pinvoke & famfamfam
CREDIT: apologize @ jealouss
*PLEASE DO NOT USE THIS LAYOUT WITH CREDIT!*
---------------------------------------------*/
/*---------page--------*/
body {
background: #eee;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
/*---------body--------*/
#content{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: transparent!important;
border: none;
padding: 15px;}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent!important;
color: #000000;
border: none;
margin-right: 250px;
text-align: left;}
/*---------header--------*/
#header {
width: 15%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font: 10pt "helvetica neue", arial narrow, helvetica, sans-serif;
font-weight: 100;
letter-spacing: 2px;
border: none;
background-color: transparent!important;
color: #000000;}
.headerimage {
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #bbb;}
div#header a:hover{color: #fff; text-decoration: none; font-weight: 400;}
.title {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 85px;
font-weight: 100;
line-height: 100%;
position: absolute;
top: 35px;
left: 365px;
color: #fff;
width: auto;
z-index: -1;
}
ul.navheader{
padding: 0px;
margin: 0px;
}
ul.navheader li {
padding: 0 3px 0 3px;
list-style: lower-roman;
text-align: left;
background: #f8f8f8;
margin: 1px 0 0 0;
}
ul.navheader li:hover{background: #eee; font: 14px cambria; font-style: italic;}
/*---------entries--------*/
.subcontent {}
.entry {
margin: 0px;
padding: 10px;
background-color: #f8f8f8;
color: #999;
font-family: "helvetica", sans-serif;
font-size: 11px;
text-align: justify;
border: 1px solid #ddd;
}
.entry_text img{padding: 10px; border: 1px solid #69CFF9;}
span.ljuser img{padding: 0px;}
.userpic {
position: relative;
float: left;
left: -90px;
top: 50px;
background-color: #f8f8f8;
padding: 5px;
margin: 0;
z-index: 15;
border: 1px solid #69CFF9;
margin: -10px -135px 0 0;
}
.userpic img{height: 75px; width: 75px;}
.subject {
font-weight: 100;
padding: 10px 10px 0 0;
color: #ddd;
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 25px;
border-bottom: 1px solid #ddd;
text-align: left;
}
.subject a, .subject a:link, .subject a:visited {color: #bbb;}
.subject a:hover {color: #ddd; text-decoration:none;}
.datesubject {
background-color: transparent!important;
padding: 0px;
}
.entry ul li{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li{
padding-left: 5px;
margin-left: 15px;
}
/*---------tags--------*/
.ljtags, .currenttags{background: url(http://i46.tinypic.com/bey1kw.png)left no-repeat;
padding: 3px 5px 1px 15px;
font-family: cambria;
font-size: 12px;
font-weight: light;
margin-top: 0px;
color: #1d1b1b;
text-transform: lowercase;
line-height: 7px;
text-align: left;
}
/*---------currents--------*/
.currents, .currentmood, .currentmusic {
font-family: "cambria", sans-serif;
font-size: 12px;
font-style: italic;
}
.currents{margin-top: 40px; border-top: 1px solid #ddd; margin-bottom: -25px; color: #69CFF9; padding: 5px 0 5px 0;}
.currentmood{
padding: 5px 15px 3px 15px;
line-height: 2px;
margin-top: 0px;
background: url(http://i55.tinypic.com/25s7wpv.png)left no-repeat;}
.currentmusic {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 10px;
background: url(http://i49.tinypic.com/2edwk6g.png)left no-repeat;
}
.currentlocation {
padding: 5px 15px 3px 15px;
margin-top: 0px;
line-height: 3px;
background: url(http://i39.tinypic.com/3346m2s.png) left no-repeat;
}
/*---------comments--------*/
.comments {
font-family: "helvetica neue", arial narrow, helvetica, sans-serif;
font-size: 13pt;
text-align: right;
background-color:transparent!important;
padding: 0px 5px 0px 5px;
position: relative;
top: 10px;
font-weight: 100;
text-transform: lowercase;
border-top: 1px solid #ddd;
}
div.comments a, div.comments a:link, div.comments a:visited{color: #69CFF9;}
div.comments a:hover {
color: #aaa;
font: 17px cambria;
font-style: italic;
font-weight: light;
text-decoration: none;
}
/*---------separator--------*/
.separator{height: 35px;}
/*---------friends page--------*/
.userpicfriends {
position: relative;
float: left;
left: -100px;
top: 45px;
background-color: transparent!important;
padding: 5px;
margin: 0;
z-index: 15;
border: none;
margin: -10px -135px 0 0;
font: 11px cambria;
font-style: italic;
color: #eee;
text-align: center;
}
.userpicfriends img{padding: 5px; background: #f8f8f8; border: 1px solid #69CFF9; height: 75px; width: 75px;}
.userpicfriends a font{color: #aaa;}
.userpicfriends a font:hover{color: #69CFF9;}
/*---------sidebar--------*/
#sidebar {
padding-top: 0px;
margin-top: 45px;
background-color: transparent!important;
font-family: "helvetica", sans-serif;
color: #bbb;
width: 300px;
float: right;
text-align: justify;
margin-right: -80px;
line-height: 90%;
}
.sbarheader {}
.sbarbody {padding: 0px 5px 0px 5px;}
.sbarbody2 {padding: 15px; background: #f8f8f8; border: 1px solid #ddd;}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #69CFF9;}
div#sidebar a:hover {
color: #aaa;
text-decoration: none;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-left: 1px solid #ddd;;
text-align: center;
font-family: "helvetica", sans-serif;
font-size: 11px;
background: #eee;
padding: 10px;
}
.sbarcalendarposts {
border: none;
background-color: #f8f8f8;
text-align: center;
font-family: helvetica, sans-serif;
font-size: 13px;
padding: 10px;
}
ul.sbarlist{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem{
padding: 5px 0 2px 5px;
list-style: none;
border-bottom: 1px solid #eee;
}
li.sbaritem:hover{background: #eee; font: 12px cambria; font-style: italic;}
#sidebar_linklist, #sidebar_calendar{background: #f8f8f8; padding: 5px; margin-top: 10px; border: 1px solid #ddd;}
/*---------footer--------*/
#footer {
width: 100%;
text-align: left;
font-family: "helvetica neue", sans-serif;
font-size: 11pt;
font-weight: 200;
letter-spacing: 1px;
background-color: transparent!important;
color: #000000;
border-top: 1px solid #ddd;
z-index: 100;
clear: both;
}
#footer .viewing {color: #69CFF9;}
div#footer a:hover {font: 15px cambria; font-style: italic; color: #ccc;}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {clear: both;}
/*---------archive page--------*/
ul.year {
text-align: left;
padding-bottom: 20px;
font: 20px cambria;
font-style: italic;
color: #69CFF9;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-left: 1px solid #bbb;
background: #ddd;
padding: 5px;
color: #fff;
font: 12px helvetica;
}
table.yeartable td.yearday {
background-color: transparent!important;
text-align: center;
border: none;
font: 14px cambria;
color: #69CFF9;
}
td.yearmonth, td.yearmonth a{
border-style: none;
font: 12px cambria;
color: #bbb;
}
/*---------comment page--------*/
.datesubjectcomment {
background-color: #aaa;
padding: 5px;
margin-top: -5px;
font: 11px helvetica;
text-tranform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #f8f8f8;
top: -25px;
left: 0px;
padding: 5px;
margin: 20px 10px 0px -110px;
z-index: 15;
float: left;
border: 1px solid #69CFF9;
height: 75px;
width: 75px;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f8f8f8;
color: #aaa;
font: 11px helvetica;
}
textarea.textbox {
width: 100% !important;
background: #69CFF9;
font: 11px helvetica;
color: #fff;
}
.reply{
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "helvetica", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #f8f8f8;
color: #aaa;
}
.replytosubject {font-weight: bold;}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "helvetica", sans-serif;
color: #aaa;
}
.commentbox {
border: 1px solid #ddd;
padding: 5px 0 0 0;
margin-top: 30px;
background-color: #f8f8f8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #aaa;}
.datesubjectcomment a:hover {color: #69CFF9;}
.commentboxpartial {
border: 1px solid #ddd;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}
.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}
.skiplinks {text-align: center;}
/*--------disabled--------*/
#lj_controlstrip, .subtitle, .date, .defaultuserpic, #sidebar_summary, #sidebar_tags, li.sbartitle, .currents strong, .b-repost-item{display: none;}
/*---------misc--------*/
.clear {height: 15px;}
div.ContextualPopup div.Inner{
width: 235px;
color: #666666!important;
padding: 10px;
font: normal 7pt arial;
}
div.ContextualPopup .Content{
border: none;
}
div.ContextualPopup .Userpic{
padding: 10px;
background-color: #FFFFFF;
margin: 0px;
border: 1px solid #efefef;
}
/*----------links----------------*/
a, a:link, a:visited {
color: #69CFF9;
text-decoration: none;
}
a:hover {
color: #aaa;
text-decoration: none;
}
blockquote {font-size: 11px; background: #eee; border: 1px solid #ddd; padding: 10px;}
code, kbd, pre, tt {
font-family: monospace;
}
b, s, i, u {font: 12px cambria; color: #69CFF9;}
/*---------tiny icons--------*/
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i56.tinypic.com/2060isx.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://i51.tinypic.com/24mw4tt.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i54.tinypic.com/xq5o7.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://i54.tinypic.com/ibdvm0.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://i51.tinypic.com/6hj1na.png) no-repeat !important; padding: 16px 0 0 16px !important; }
Features
NONE
Additional Customization
The metadata in the layout is not the typical metadata found on standard livejournal styles, to get your metadata like it is in the layout you must have a paid account, and use layers. To learn more about layers see this tutorial, to learn about how to cusotmize your metadata using your layers, see this tutorial.
Credits
'currents' tiny icons by pinvoke
all other tiny icons by famfamfam
Questions
FAQ | HOW TO CREDIT
Notes
I have recently changed my policy on layout editing help, so please read the FAQ before asking a question, and any general questions about this layout can be redirected to the original post, otherwise follow directions in the FAQ about how to ask questions regarding layouts. Please DO NOT PM me!
like what you see?
watch | more layouts