s2 Flexible Squares: #007 "BOOMbox" (2 versions: pink & blue)
live preview (temporary) ~ img preview (pink) ~ img preview (blue)
S2 Flexible Squares
Tested in Chrome, Firefox, Opera & Safari. Doesn't look very good in Explorer.
&Code ~ Pink Version
/* Cleaned CSS: */
/*-------------------------------------------------------
LAYOUT: #007 "Boombox"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/
***Credit is LOVE***
--------------------------------------------------------*/
/*-----------------BODY-----------------*/
body {
background-color: #b7b6b6;
background-image: url(http://i52.tinypic.com/2jfn137.png);
;){kind=link}
text-align: justify;
padding: 0;
}
a, a:link, a:visited {
color: #fa023c;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
color: #000000;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
blockquote {
background-color: #fa023c;
color: #000000;
font-size: 14px;
line-height: 14px;
padding: 8px;
text-align: justify;
}
code, kbd, pre, tt {
font-family: arial;
}
/*-----------------VIEWS, TITLE & SUBTITLE-----------------*/
ul.navheader li {
font-size: 0px;
display: inline;
list-style: none;
}
div#header a {
padding: 64px;
background:transparent url("http://i54.tinypic.com/syt9vd.png") no-repeat scroll 50% 0;
}
div#header a[href*=".livejournal.com/"] {
background:transparent url("http://i54.tinypic.com/29dkarm.png") no-repeat scroll 50% 0;
}
div#header a[href*="/calendar"] {
background:transparent url("http://i52.tinypic.com/ji2emf.png") no-repeat scroll 50% 0;
}
div#header a[href*="/friends"] {
background:transparent url("http://i54.tinypic.com/2mra7w6.png") no-repeat scroll 50% 0;
}
div#header a[href*="/profile"]{
background:transparent url("http://i56.tinypic.com/nb9k5t.png") no-repeat scroll 50% 0;
}
body.lj-view-recent div#header li.view {
padding: 64px;
background:transparent url("http://i54.tinypic.com/29dkarm.png") no-repeat scroll 50% 0;
}
body.lj-view-archive div#header li.view {
padding: 64px;
background:transparent url("http://i52.tinypic.com/ji2emf.png") no-repeat scroll 50% 0;
}
body.lj-view-friends div#header li.view {
padding: 64px;
background:transparent url("http://i54.tinypic.com/2mra7w6.png") no-repeat scroll 50% 0;
}
.title {
display: none;
}
.subtitle {
display: none;
}
/*-----------------CONTENT-----------------*/
#content {
width: 650px;
background-color: #00000;
background: url();
padding: 35px;
margin-right: auto;
margin-left: auto;
}
.subcontent {
padding-top: 61px;
background:transparent;
position:relative;
}
#maincontent {
}
.clear {
height: 35px;
}
.skiplinks {
text-align: center;
padding: 10px;
background-color: #000000;
margin: 50px 10px 0px 10px;
}
.skiplinks a:hover {
color: #ffffff;
}
.separator{
height: 100%;
}
/*----------------HEADER IMAGE----------------*/
/*-----------------SIDEBAR-----------------*/
#sidebar {
padding-top: 10px;
background: url(http://i56.tinypic.com/15u079.png);
;){kind=link}
font-family: "arial";
color: #000000;
width: 200px;
float: right;
font-size: 12px;
text-align: justify;
margin-right: -240px;
margin-top: 85px;
line-height: 15px;
border-bottom: 15px solid #000000;
border-top: 6px solid #000000;
}
li.sbartitle {
border-bottom: double 4px #fa023c;
color: #000000;
text-transform:uppercase;
text-align: center;
font-family: impact;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
div#sidebar a:hover {
color: #fa023c;
}
.defaultuserpic {
display: none;
} }
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 20px;
list-style: none;
font-size: 20px;
}
.sbarcalendar {
background-color: #fa023c;
font-size: 15px;
color: #ffffff;
text-align: center;
}
.sbarcalendarposts{
background-color: #fa023c;
font-size: 10px;
color: #ffffff;
text-align: center;
}
#sidebar_tags {
font-size: 15px;
max-height: 200px;
overflow-y: auto;
padding: px;
padding-bottom: 0px;
}
#sidebar_summary {
display: none;
}
li.sbaritem {
list-style: none;
font-size: 12px;
color: #faf1de;
}
.lj-view-tags #sidebar{
display: none;
}
/*-----------------ENTRY-------------*/
.entry {
background: url(http://i56.tinypic.com/15u079.png);
margin: 0px 10px 10px 10px;
padding: 30px;
background-color: #f2f2f2;
color: #000000;
font-size: 13px;
border-bottom: 6px solid #000000;
font-family: "arial";
text-align: justify;
min-height: 120px;
}
.entrytext {
padding: 20px;
}
.entry ul li, .entry ol li {
padding-left: 15px;
margin-left: 5px;
}
/*-----------------USERPICS & FriendsUSERPICS------------*/
.userpic {
position: relative;
float: left;
background-color: #fa023c;
padding: 12px;
width: 100px;
height: 100px;
margin: 80px 5px 5px -125px;
}
.userpicfriends {
position: relative;
float: left;
background-color: #fa023c !important;
padding: 20px;
padding-bottom: 38px;
width: 100px;
height: 100px;
margin: 80px 5px 5px -140px;
border-bottom: 7px solid #000000;
border-top: 3px solid #000000;
}
.userpicfriends font {
margin: 0px px 0px 0px;
margin-top: -85px;
font-size: 14px;
color: #ffffff;
text-transform: lowercase;
background-color: #transparent !important;
}
/*-----------------DATE & SUBJECT-----------------*/
.date {
border-top: 1px solid #595959;
line-height: 24px;
text-transform: uppercase;
text-align: center;
background-color: #000000;
font-size: 14px;
color: #fa023c;
font-weight: bold;
}
.subject {
line-height: 40px;
padding-left: 3px;
background-color: #fa023c;
font-size: 25pt;
font-family: Impact;
text-align: center;
}
.datesubject {
margin: 0px 10px 0px 10px; }
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #ffffff;
}
.lj-view-entry .title{
display:none;
}
.lj-view-entry .subject{
text-transform: uppercase;
}
.lj-view-friends .title{
display:none;
}
/*-----------------COMMENT & REPLY-----------------*/
.comments {
text-align: right;
font-family: arial;
font-weight: bold;
margin: 19px 15px 19px -10px;
padding-right: -5px;
margin-bottom: -20px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #91919;
font-size: 15px;
padding: 1px -5px 1px 15px;
text-transform: uppercase;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
.datesubjectcomment {
text-transform: uppercase;
font-size: 14px;
color: #000000;
background-color: transparent;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
float: left;
margin: -15px 5px 5px -5px;
padding: 5px;
}
.box {
background: url(http://i56.tinypic.com/15u079.png);
color: #fa023c;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f2f2f2;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
background: url();
margin: 0px 10px 10px 10px;
padding: 20px;
background-color: #040404;
color: #585858;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #0c0c0c;
font-family: arial;
font-size: 13px;
text-align: left;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 14px;
font-family: arial;
color: #;
}
.commentbox {
background: url(http://i56.tinypic.com/15u079.png);
margin: 0px 10px 10px 10px;
padding: 30px;
background-color: #f2f2f2;
color: #000000;
font-size: 13px;
border-bottom: 7px solid #000000;
font-family: "arial";
text-align: justify;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #fa023c;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #;
}
.commentinfo {
color: #000000;
background-color: #;
margin-top: 10px;
width: 100%;
}
/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
ul.year {
background: url(http://i56.tinypic.com/15u079.png);
text-align: center;
margin-top: 85px;
border-bottom: 7px solid #000000;
border-top: 2px dashed #000000;
padding-bottom: 10px;
color: #fa023c;
font-family: "times new roman", serif;
font-size: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
background: url(http://i56.tinypic.com/15u079.png);
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yearday {
margin: 0px 0px 0px px;
padding: 15px;
color: #fa023c;
font-family: arial;
font-size: 13px;
text-align: left;
}
td.yearmonth {
font-size: 20px;
color: #fa023c;
font-family: arial;
text-transform: uppercase;
}
td.yearday {
font-size: 20px;
color: #898989;
font-family: arial;
font-style: italic;
font-weight: bold;
}
td.yeardate {
font-size: 13px;
background: url();
color: #000000;
font-family: arial;
font-style: italic;
font-weight: bold;
}
.yeardate a {
font-size: 15px;
margin-left: 50px;
margin-top: 25px;
font-style: normal;
color: #fa023c;
}
.yeardate a:hover {
color: #fa023c;
border: 2px solid #fa023c;
}
/*-----------------FOOTER-----------------*/
#footer {
width: 100%;
text-align: center;
font-family: "arial";
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
background-color: #;
color: transparent;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------LJ USER & COMM ICON ----------------*/
.ljuser img {
height: 0;
padding: 10px 00px 5px 0px;
margin-right: -3px;
background-image: url(http://i53.tinypic.com/14v36lg.png);
;){kind=link}
background-repeat: no-repeat;
background-position: left center;
}
/*----------------LJ CONTROL STRIP---------------*/
#lj_controlstrip {
height: 0;
padding: 10px 00px px 0px;
margin-right: 3px;
color: #333;
background-color: #fa023c;
background-position: left center;
}
#lj_controlstrip td {
background-color: #fa023c;
background-image: }
#lj_controlstrip a {
color: #333;
}
#lj_controlstrip a:hover {
color: #ffffff;
}
#lj_controlstrip_statustext {
color: #333;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;
padding: 18px 8px 0 0px !important;
margin-right: -8px !important;
}
.ljuser img[src*="community.gif"] {
background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;
padding: 20px 8px 0 2px !important;
margin-right: -8px !important;
}
img[src*="img/icon_protected.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i51.tinypic.com/2lo0zm0.png) no-repeat !important;
padding: 20px 0 0 20px !important;
}
/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%}
.ljtags {background-image: url()}
.currentlocation {background-image: url(http://i46.tinypic.com/xqjfgy.png)}
}){kind=link}
.currentmood{background-image: url(http://i47.tinypic.com/33wkxeq.png)}
}){kind=link}
.currentmusic {background-image: url(http://i49.tinypic.com/2i8by20.png)}
}){kind=link}
.currenttags {background-image: url(http://i50.tinypic.com/ffbpro.png)}
}){kind=link}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display:none}
.lj-view-tags #maincontent{
background: url(http://i56.tinypic.com/15u079.png);
}
.ljtags {
margin-top: 10px;
padding-left: 9px;
margin-bottom: -50px;
padding-top: 3px;
text-transform: uppercase;
font-size: 1px;
color: #ececec;
font-weight: bold;
background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #00000;
font-size: 10px;
text-transform: uppercase;
}
.ljtags a:hover {
color: #000000;
}
H2 {
padding: 30px;
margin-top: -30px;
float: right;
color: #00000;
font-size: 30pt;
text-transform: uppercase;
font-family: impact;
}
/*-----------------BACKGROUND, TINY & METADATA ICONS CREDIT-----------------*/
Metadataicons by community.livejournal.com/graphicsbyjulz
TinyIcons & Locked Entry Icon by pinvoke.com
Nav Icons by iconsweets2.com/ (modified by me)
&Code ~ Blue Version
/* Cleaned CSS: */
/*-------------------------------------------------------
LAYOUT: #007 "Boombox"
by JUSTCYANIDE @ community.livejournal.com/hiddencolours/
***Credit is LOVE***
--------------------------------------------------------*/
/*-----------------BODY-----------------*/
body {
background-color: #b7b6b6;
background-image: url(http://i52.tinypic.com/2jfn137.png);
text-align: justify;
padding: 0;
}
a, a:link, a:visited {
color: #1cb1c5;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
a:hover {
color: #000000;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
blockquote {
background-color: #1cb1c5;
color: #000000;
font-size: 14px;
line-height: 14px;
padding: 8px;
text-align: justify;
}
code, kbd, pre, tt {
font-family: arial;
}
/*-----------------VIEWS, TITLE & SUBTITLE-----------------*/
ul.navheader li {
font-size: 0px;
display: inline;
list-style: none;
}
div#header a {
padding: 64px;
background:transparent url("http://i55.tinypic.com/315zju8.png") no-repeat scroll 50% 0;
}
div#header a[href*=".livejournal.com/"] {
background:transparent url("http://i55.tinypic.com/v9kyw.png") no-repeat scroll 50% 0;
}
div#header a[href*="/calendar"] {
background:transparent url("http://i53.tinypic.com/2j1swfc.png") no-repeat scroll 50% 0;
}
div#header a[href*="/friends"] {
background:transparent url("http://i56.tinypic.com/156wz87.png") no-repeat scroll 50% 0;
}
div#header a[href*="/profile"]{
background:transparent url("http://i56.tinypic.com/2n9azde.png") no-repeat scroll 50% 0;
}
body.lj-view-recent div#header li.view {
padding: 64px;
background:transparent url("http://i55.tinypic.com/v9kyw.png") no-repeat scroll 50% 0;
}
body.lj-view-archive div#header li.view {
padding: 64px;
background:transparent url("http://i53.tinypic.com/2j1swfc.png") no-repeat scroll 50% 0;
}
body.lj-view-friends div#header li.view {
padding: 64px;
background:transparent url("http://i56.tinypic.com/156wz87.png") no-repeat scroll 50% 0;
}
.title {
display: none;
}
.subtitle {
display: none;
}
/*-----------------CONTENT-----------------*/
#content {
width: 650px;
background-color: #00000;
background: url();
padding: 35px;
margin-right: auto;
margin-left: auto;
}
.subcontent {
padding-top: 61px;
background:transparent;
position:relative;
}
#maincontent {
}
.clear {
height: 35px;
}
.skiplinks {
text-align: center;
padding: 10px;
background-color: #000000;
margin: 50px 10px 0px 10px;
}
.skiplinks a:hover {
color: #ffffff;
}
.separator{
height: 100%;
}
/*----------------HEADER IMAGE----------------*/
/*-----------------SIDEBAR-----------------*/
#sidebar {
padding-top: 10px;
background: url(http://i56.tinypic.com/15u079.png);
font-family: "arial";
color: #000000;
width: 200px;
float: right;
font-size: 12px;
text-align: justify;
margin-right: -240px;
margin-top: 85px;
line-height: 15px;
border-bottom: 15px solid #000000;
border-top: 6px solid #000000;
}
li.sbartitle {
border-bottom: double 4px #1cb1c5;
color: #000000;
text-transform:uppercase;
text-align: center;
font-family: impact;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
div#sidebar a:hover {
color: #1cb1c5;
}
.defaultuserpic {
display: none;
} }
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 20px;
list-style: none;
font-size: 20px;
}
.sbarcalendar {
background-color: #1cb1c5;
font-size: 15px;
color: #ffffff;
text-align: center;
}
.sbarcalendarposts{
background-color: #1cb1c5;
font-size: 10px;
color: #ffffff;
text-align: center;
}
#sidebar_tags {
font-size: 15px;
max-height: 200px;
overflow-y: auto;
padding: px;
padding-bottom: 0px;
}
#sidebar_summary {
display: none;
}
li.sbaritem {
list-style: none;
font-size: 12px;
color: #faf1de;
}
.lj-view-tags #sidebar{
display: none;
}
/*-----------------ENTRY-------------*/
.entry {
background: url(http://i56.tinypic.com/15u079.png);
margin: 0px 10px 10px 10px;
padding: 30px;
background-color: #f2f2f2;
color: #000000;
font-size: 13px;
border-bottom: 6px solid #000000;
font-family: "arial";
text-align: justify;
min-height: 120px;
}
.entrytext {
padding: 20px;
}
.entry ul li, .entry ol li {
padding-left: 15px;
margin-left: 5px;
}
/*-----------------USERPICS & FriendsUSERPICS------------*/
.userpic {
position: relative;
float: left;
background-color: #1cb1c5;
padding: 12px;
width: 100px;
height: 100px;
margin: 80px 5px 5px -125px;
}
.userpicfriends {
position: relative;
float: left;
background-color: #1cb1c5 !important;
padding: 20px;
padding-bottom: 38px;
width: 100px;
height: 100px;
margin: 80px 5px 5px -140px;
border-bottom: 7px solid #000000;
border-top: 3px solid #000000;
}
.userpicfriends font {
margin: 0px px 0px 0px;
margin-top: -85px;
font-size: 14px;
color: #ffffff;
text-transform: lowercase;
background-color: #transparent !important;
}
/*-----------------DATE & SUBJECT-----------------*/
.date {
border-top: 1px solid #595959;
line-height: 24px;
text-transform: uppercase;
text-align: center;
background-color: #000000;
font-size: 14px;
color: #1cb1c5;
font-weight: bold;
}
.subject {
line-height: 40px;
padding-left: 3px;
background-color: #1cb1c5;
font-size: 25pt;
font-family: Impact;
text-align: center;
}
.datesubject {
margin: 0px 10px 0px 10px; }
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #ffffff;
}
.lj-view-entry .title{
display:none;
}
.lj-view-entry .subject{
text-transform: uppercase;
}
.lj-view-friends .title{
display:none;
}
/*-----------------COMMENT & REPLY-----------------*/
.comments {
text-align: right;
font-family: arial;
font-weight: bold;
margin: 19px 15px 19px -10px;
padding-right: -5px;
margin-bottom: -20px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #91919;
font-size: 15px;
padding: 1px -5px 1px 15px;
text-transform: uppercase;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
.datesubjectcomment {
text-transform: uppercase;
font-size: 14px;
color: #000000;
background-color: transparent;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
float: left;
margin: -15px 5px 5px -5px;
padding: 5px;
}
.box {
background: url(http://i56.tinypic.com/15u079.png);
color: #1cb1c5;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #f2f2f2;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
background: url();
margin: 0px 10px 10px 10px;
padding: 20px;
background-color: #040404;
color: #585858;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #0c0c0c;
font-family: arial;
font-size: 13px;
text-align: left;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 14px;
font-family: arial;
color: #;
}
.commentbox {
background: url(http://i56.tinypic.com/15u079.png);
margin: 0px 10px 10px 10px;
padding: 30px;
background-color: #f2f2f2;
color: #000000;
font-size: 13px;
border-bottom: 7px solid #000000;
font-family: "arial";
text-align: justify;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #1cb1c5;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #;
}
.commentinfo {
color: #000000;
background-color: #;
margin-top: 10px;
width: 100%;
}
/*-----------------CALENDAR/ARCHIVE PAGE-----------------*/
ul.year {
background: url(http://i56.tinypic.com/15u079.png);
text-align: center;
margin-top: 85px;
border-bottom: 7px solid #000000;
border-top: 2px dashed #000000;
padding-bottom: 10px;
color: #1cb1c5;
font-family: "times new roman", serif;
font-size: 35px;
}
ul.year li {
display: inline;
}
table.yeartable {
background: url(http://i56.tinypic.com/15u079.png);
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yearday {
margin: 0px 0px 0px px;
padding: 15px;
color: #1cb1c5;
font-family: arial;
font-size: 13px;
text-align: left;
}
td.yearmonth {
font-size: 20px;
color: #1cb1c5;
font-family: arial;
text-transform: uppercase;
}
td.yearday {
font-size: 20px;
color: #898989;
font-family: arial;
font-style: italic;
font-weight: bold;
}
td.yeardate {
font-size: 13px;
background: url();
color: #000000;
font-family: arial;
font-style: italic;
font-weight: bold;
}
.yeardate a {
font-size: 15px;
margin-left: 50px;
margin-top: 25px;
font-style: normal;
color: #1cb1c5;
}
.yeardate a:hover {
color: #1cb1c5;
border: 2px solid #1cb1c5;
}
/*-----------------FOOTER-----------------*/
#footer {
width: 100%;
text-align: center;
font-family: "arial";
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
background-color: #;
color: transparent;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------LJ USER & COMM ICON ----------------*/
.ljuser img {
height: 0;
padding: 10px 00px 5px 0px;
margin-right: -3px;
background-image: url(http://i53.tinypic.com/14v36lg.png);
background-repeat: no-repeat;
background-position: left center;
}
/*----------------LJ CONTROL STRIP---------------*/
#lj_controlstrip {
height: 0;
padding: 10px 00px px 0px;
margin-right: 3px;
color: #333;
background-color: #1cb1c5;
background-position: left center;
}
#lj_controlstrip td {
background-color: #1cb1c5;
background-image: }
#lj_controlstrip a {
color: #333;
}
#lj_controlstrip a:hover {
color: #ffffff;
}
#lj_controlstrip_statustext {
color: #333;
}
.ljuser img[src*="userinfo.gif"] {
background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;
padding: 18px 8px 0 0px !important;
margin-right: -8px !important;
}
.ljuser img[src*="community.gif"] {
background: transparent url(http://i54.tinypic.com/4kdvys.png) no-repeat center left !important;
padding: 20px 8px 0 2px !important;
margin-right: -8px !important;
}
img[src*="img/icon_protected.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i51.tinypic.com/2lo0zm0.png) no-repeat !important;
padding: 20px 0 0 20px !important;
}
/*----------------CURRENTS - MOOD, MUSIC, TAGS----------------*/
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 2px 0 2px 14px; background: transparent none no-repeat scroll 0 50%}
.ljtags {background-image: url()}
.currentlocation {background-image: url(http://i46.tinypic.com/xqjfgy.png)}
.currentmood{background-image: url(http://i47.tinypic.com/33wkxeq.png)}
.currentmusic {background-image: url(http://i49.tinypic.com/2i8by20.png)}
.currenttags {background-image: url(http://i50.tinypic.com/ffbpro.png)}
.currents strong, .currentlocation strong, .currentmood strong, .currentgroups strong, .currentmusic strong {display:none}
.lj-view-tags #maincontent{
background: url(http://i56.tinypic.com/15u079.png);
}
.ljtags {
margin-top: 10px;
padding-left: 9px;
margin-bottom: -50px;
padding-top: 3px;
text-transform: uppercase;
font-size: 1px;
color: #ececec;
font-weight: bold;
background: url('http://i50.tinypic.com/ffbpro.png') 0px 6px no-repeat;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #00000;
font-size: 10px;
text-transform: uppercase;
}
.ljtags a:hover {
color: #000000;
}
H2 {
padding: 30px;
margin-top: -30px;
float: right;
color: #00000;
font-size: 30pt;
text-transform: uppercase;
font-family: impact;
}
/*-----------------BACKGROUND, TINY & METADATA ICONS CREDIT-----------------*/
Metadataicons by community.livejournal.com/graphicsbyjulz
TinyIcons & Locked Entry Icon by pinvoke.com
Nav Icons by iconsweets2.com/ (modified by me)
&Instructions
#01 Go to Select Journal Stlyle choose any Flexible Squares Layout and Apply Theme.
#02 Go to Customize Your Theme and then go to the Custom CSS section. Select NO in all three options and then paste the code in the Custom Stylesheet Box. Save changes.
#03 Credit justcyanide or hiddencolours. ENJOY <3
Layout made by
#04 If you want the cassette image in the sidebar, go to Customize Sidebar and paste this in the "text to be added to the Sidebar" section.
For the pink one
For the blue one
&Notes
~If you want to add a header just paste in the headerimage section.
.headerimage {
position: relative;
align: center;
width: YOUR HEADER WIDTHpx;
height: YOUR HEADER HEIGHTpx;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-image: url(YOUR HEADER URL);
background-position: center;
background-repeat: no-repeat;
}
~Editing is fine as long as I'm credited for the original layout :)
~Metadata icons by graphicsbyjulz, tiny icons by Pinvoke & navigation icons by Iconsweets2 (modified by me)
x-posted @ mintyapple
Hope you like it :)
Comments are <3 ~
Kam~
ps: The comm recently reached 100 watchers, THANK YOU!!<3