(layout) ∞ capsized
(name) capsized
(style) flexi squares
/* ----------------------------------------
(name): capsized
(maker): traincar @ invicted
(icons): pinvoke
---------------------------------------- */
body {
background-color: #f5f5f5;
background-image: url("http://i53.tinypic.com/149nlhy.png");
text-align: justify;
color: #777;
font-size: 8pt;
font-family: sans-serif;
line-height: 22px;
margin: 20px 0 0 0;}
#maincontent {
text-align: left;
margin: auto 280px auto auto;}
#content {
width: 64%;
background: #efefef;
margin: auto;}
#content_inner {
background: #fff;}
blockquote {
text-align: justify;
border: 5px solid #f9f9f9;
padding: 10px;
margin: 20px;
font-size: 10px;
font-family: georgia !important;}
code, kbd, pre, tt {
font-family: monospace;
font-size: 8pt;}
strong, b {
color: #333;
font-weight: normal !important;}
em {
color: #555;}
a, a:link, a:visited {
color: #555;
text-transform: lowercase;
text-decoration: none;}
a:hover {
background: #7EE3D3;
font-weight: normal;}
h2 {display: none;}
/*------ SIDEBAR ------*/
#sidebar {
float: right !important;
width: 270px;
background: #efefef;}
#sidebar a, #sidebar a:link, #sidebar a:visited {
font-weight: normal;
color: #555;
font-size: 9pt;
text-decoration: none;}
#sidebar a:hover {
background: transparent;
color: #7EE3D3;}
.defaultuserpic {
display: none;}
.defaultuserpic img {
display: none;
width: 60px;
height: 60px;
padding: 5px;
border: 1px solid #efefef;}
.sbarbody, .sbarbody2 {padding: 5px;}
.sbarbody, .sbarbody2 {
margin: 0;
background: transparent;}
table.calendar {
margin: auto;}
.yeartable {
margin-left: 20px;
margin-right: auto;}
table.yeartable td.yearday {
border: none;}
table.yeartable td.yeardate {
color: #ccc;}
td.yearmonth, table.yeartable td.yearday {
color: #000;
text-transform: lowercase;
font-size: 9pt;}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;}
li.sbaritem {
font: normal 8pt helvetica;
display: block;
background: #dfdfdf;
text-align: left;
float: left;
padding: 8px;
color: #333;
width: 92%;
margin: 3px;
list-style: none;}
li.sbaritem:hover {
background: #444;}
li.sbartitle {
display: none;
margin-left: -5px;
width: 100% !important;
text-transform: uppercase;
padding: 5px;
color: #555;
font: normal 8pt arial;}
/*------ HEADER & FOOTER ------*/
#header {
background: #666;
color: #ffffff;
margin: 0;
text-align: left;
font-size: 10pt;
text-transform: lowercase;
padding: 0;}
#footer {
padding: 15px 0px 15px 15px;
text-align: right;
text-transform: lowercase;
background: #666;
font-size: 10pt;
color: #FFFFFF;
z-index: 100;}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #ffffff;
background: #666;
padding: 14px;
margin: 0;}
div#header a:hover {
color: #7EE3D3;
background: #404040;}
div#footer a:hover {
color: #7EE3D3;
background: #222;}
ul.navheader, ul.navfooter {
padding: 14px 0;
margin: 0px;}
ul.navheader li, ul.navfooter li {
display: inline;
margin: 0;
list-style-type: none;}
li.viewing {
background: #222;
padding: 14px;
margin-left: 5px;}
div#header li.view {
padding: 14px;
border-left: 0px solid #232323;
margin: 0 -3px 0 0px;
background: #404040}
.clearfoot {
display: none;
clear: both;}
/*------ ENTRY ------*/
.entry img {
max-width: 500px;}
.entry {
min-height: 80px;
padding: 10px;
color: #777;
background-color: #fff;
text-align: justify;}
.entry_text {
margin-bottom: 15px;
background: #transparent!important;}
.entry ul li, .entry ol li {
padding-left: 5px;
margin-left: 15px;}
.ljcut-link {
font-weight: lighter;}
.userpic, .userpicfriends {
width: 80px;
height: 80px;
margin-left: -5px;
position: inline;
border: 10px solid #efefef;
float: left;
margin-bottom: 0px;
margin: 5px;}
.userpic img, .userpicfriends img {
width: 80px;
height: 80px;}
.date {
text-align: left;
color: #ddd;
text-transform: uppercase;
font: normal 7pt arial;}
.subject, .subject a, .subject a:link, .subject a:visited {
font: normal 18px sans-serif;
letter-spacing: -1px;
color: #7EE3D3;
font-weight: normal;
text-transform: lowercase;
text-align: left;}
.subject a:hover {
background: transparent;
color: #222;}
.datesubject {
height: auto;
background: #444;
padding: 10px;}
.ljtags {
margin-top: 30px;
margin-left: 20px;
font-family: helvetica;
font-size: 8pt;
padding-left: 12px;
min-height: 18px;
color: #333;
font-weight: normal;
text-transform: lowercase;
background: url('http://cloud-shade.org/photos/tag3.png') no-repeat center left;}
.ljtags a:link, .ljtags a, .ljtags a:active, .ljtags a:visited {
text-transform: lowercase;}
.separator {
height: 25px;}
/*------ CURRENTS ------*/
.currents {
font-family: helvetica;
font-size: 8pt !important;
width: 96%;
padding: 4px;}
.currents, .currentmood, .currentmusic, .currentlocation {
padding-left: 20px;
color: #888;
font-weight: normal;
text-transform: lowercase;}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
font-weight: normal;}
.currentlocation a:hover {
text-transform: lowercase;}
.currentmusic {
background: url("http://cloud-shade.org/photos/music3.png") no-repeat left;
padding-left: 12px;}
.currentlocation {
background: url("http://cloud-shade.org/photos/earth.png") no-repeat left;
padding-left: 12px;}
.currentmood {
background: url("http://cloud-shade.org/photos/heart.gif") no-repeat left;
padding-left: 12px;}
.meta-mood-img {
padding-right: 4px;}
/*------ COMMENTS PAGE ------*/
.comments {
margin-top: 10px;
text-align: left;
padding: 5px;
color: transparent;
background-color: #dfdfdf;
width: 98%;
position: relative;}
div.comments a {
text-transform: lowercase;
font-size: 12px;
padding: 8px;
font-weight: normal;
text-decoration: none;
color: #555;}
div.comments a:hover {
background: #444;
color: #7EE3D3;}
.userpiccomment {
position: relative;
background-color: #efefef !important;
z-index: 15;
width: 70px;
height: 70px;
float: left;
padding: 8px;
margin: 5px;}
.userpiccomment img {
width: 60px !important;
height: 60px !important;}
.box {
text-align: left;}
.box b {
font-weight: normal;}
.box form>table {
margin-left: -16px !important;}
.datesubjectcomment {
background: #444;
text-align: left;
color: #fcfcfc;
text-transform: lowercase;}
.datesubjectcomment strong {
font-weight: normal;
color: #fcfcfc;}
input, textarea, select {
font: normal 7pt verdana;
background-color: #fff;
color: #777;
border: 1px solid #f8f8f8;
padding: 5px;}
textarea.textbox {
width: 500px !important;
background: #fff !important;
padding: 5px;}
.replytosubject {
font-weight: normal;}
.commentreply {
position: relative;
margin: 10px;
color: #555;}
.commentbox {
width: 560px;
color: #777;
text-align: justify;
padding: 10px;
margin: 10px;
background: #fff;}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7EE3D3;}
.commentboxpartial {
padding: 10px;
margin: 10px;
background-color: #f8f8f8;}
.commentinfo {
background-color: #fff;
margin-top: 10px;
width: auto;}
.commentbox b {
color: #555;
font-weight: bold;}
#qrdiv table {
border-width: 0px !important;}
.box center b {
font-weight: normal;}
.skiplinks {
margin-left: 15px;
margin-bottom: 5px;
text-align: left;
color: transparent;}
.skiplinks a, .skiplinks a:active, .skiplinks a:visited, .skiplinks a:link {
color: #555;}
.skiplinks a:hover {
color: #7EE3D3;}
/*------ TINY ICONS ------*/
img[src*="img/userinfo.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i51.tinypic.com/vo2a1e.png) no-repeat !important;
padding: 13px 0 0 16px !important;}
img[src*="img/community.gif"] {
width: 0 !important;
height: 0 !important;
background: transparent url(http://i52.tinypic.com/157j30w.png) no-repeat !important;
padding: 13px 0 0 18px !important;}
img[src*="img/icon_protected.gif"] {
width: 0 !important;
height: 16px !important;
background: transparent url(http://i55.tinypic.com/2ufek9w.png) no-repeat !important;
padding: 0px 0 0 16px !important;}
img[src*='/img/btn_del.gif']{
width: 0 !important;
height: 0 !important;
padding: 0 16px 16px 0;
background: transparent url(http://i55.tinypic.com/o86qtg.png) no-repeat !important;}
img[src='http://l-stat.livejournal.com/img/btn_scr.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i51.tinypic.com/n1frbc.png');}
img[src='http://l-stat.livejournal.com/img/btn_unscr.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i54.tinypic.com/snjhqe.png');}
img[src='http://l-stat.livejournal.com/img/btn_freeze.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i53.tinypic.com/200wev8.png');}
img[src='http://l-stat.livejournal.com/img/btn_unfreeze.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i56.tinypic.com/244tlyg.png');}
img[src='http://l-stat.livejournal.com/img/btn_edit.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i52.tinypic.com/2008zgk.png');}
img[src='http://l-stat.livejournal.com/img/btn_track.gif'] {
height: 0;
width: 0;
padding: 0 16px 16px 0;
background: url('http://i54.tinypic.com/e0jwbm.png');}
/*------ MISC. ------*/
.subtitle, .title {display: none;}
#lj_controlstrip td {
color: #777;
font: normal 8pt garamond;
background: #f0f0f0;
border: none;
padding: 5px;}
td#lj_controlstrip_actionlinks a, span#lj_controlstrip_statustext, td#lj_controlstrip_user a, td#lj_controlstrip_search a{
font: normal 8pt garamond;
text-transform:lowercase;
color: #777;
text-decoration: none;}
td#lj_controlstrip_actionlinks a:hover, span#lj_controlstrip_user a:hover, td#lj_controlstrip_search a:hover, #lj_controlstrip td a:hover {
color: #555;
text-decoration: none;}
td#lj_controlstrip .ljuser a, td#lj_controlstrip a:active, td#lj_controlstrip a:visited {
color: #555;}
div.ContextualPopup div.Inner{
width: 235px;
text-transform: lowercase;
border: none !important;
color: #777!important;
padding: 10px;
font: normal 8pt arial;
background: #fcfcfc!important;}
div.ContextualPopup .Content{
border: none !important;}
div.ContextualPopup .Userpic{
padding: 10px;
background-color: #f7f7f7;
margin: 0px;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {
color:#777!important;
font-weight:100;
text-decoration:none!important;
text-transform:lowercase;}
div.ContextualPopup div.Inner b, div.ContextualPopup div.Inner strong {
font-weight: normal !important;
color: #aaa !important;}
div.ContextualPopup div.Inner a:hover{
color:#555!important;
text-decoration:none!important;}
.clear {
display: none;}
installation
go to journal → journal style
select a flexible squares theme
choose the sidebar on right page setup
ad placement → between entries
custom css → select no from drop menus
paste code and enjoy!