s2 layout: The Captain and the Hourglass[flexible squares]
layout: the captain and the hourglass
sidebar
live preview: patrasche (plus)
style: flexible squares
accounts: Basic, Paid, and Sponsored
sidebar: yes
installation
>> Customise Journal
>> Select Grays Flexible Squares by Yati Mansor layout in Select a New Theme this is important!: This will only affect those who have a plus account, but it makes a very big difference!
>> In add settings, I suggest selecting vertical placement.
>>Go to Customise your Theme, go to Custom CSS. Ensure that you select not to use the Use layout's stylesheet(s)
>> Into the Custom Stylesheet box, paste the following:
/*
/*
// the captain and the hourglass // by milou_veronica
flexible squares s2 layout (basic, plus and paid)
SIDEBAR
*/
body {
background-color: #292d2e;
text-align: center;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height:150%;
margin: 0px;
}
a, a:link, a:visited {
color: #7D8F50;
text-decoration: none;
}
a:hover {
color: #4F5F29;
text-decoration: none;
}
p, td {
font-size: 10px;
}
blockquote {
border: 1px #222222 dashed;
color: #646464;
font-size: 10px;
background-color: #333333;
padding: 5px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/
#content
{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #292d2e;
border-width: 0px;
padding: 0px;
}
#maincontent {
margin-top: 0px;
margin-bottom: 0px;
width: 50%;
padding: 15px 15px 0px 15px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #272727;
color: #767a7d;
border-left: 0px;
margin-left: 29%;
margin-right: 15%;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
margin-left: 14%;
background-color: #292d2e;
border: 0px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
width: 14%;
float: left;
text-align: left;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> go here for adding a header image
--------------------------------------------------------------------------------*/
#header {
margin: 0px 0px 10px 0px;
width: 100%;
padding: 20px 0px 4px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
border-width: 0px;
background-color: #272727;
color: #767a7d;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7D8F50;
margin-left: 5px;
text-transform: lowercase;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #1C1F19;
}
div#header a:hover, div#footer a:hover {
color: #4F5F29;
margin-left: 5px;
margin-right: 5px;
text-transform: lowercase;
text-decoration: none;
padding: 10px 8px 10px 8px;
background-color: #3C3F3B;
}
div#header li.view, div#footer li.viewing {
color: #859F45;
font-size: 11px;
text-transform: lowercase;
margin-left: 5px;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #292d2e;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
ul.navheader
{
padding: 5px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
/*-----------------------------------------------------------------------------
entries -------------------------------------------------------------------------------------->>>>> general
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 0px;
background-color: #272727;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
}
.userpic {
position: relative;
float: right;
background-color: #343434;
padding: 8px;
margin: 10px;
z-index: 15;
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
}
.date {
line-height: 100%;
top: 5px;
color: #e0e0e0;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 7px;
}
.subject {
font-weight: bold;
background-color: #272727;
padding: 10px;
color: #859F45;
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 14px;
letter-spacing: 1px;
}
.subject a, .subject a:link, .subject a:visited {
color: #7D8F50;
text-decoration: bold;
}
.subject a:hover {
color: #98CF40;
text-decoration: none;
}
.datesubject {
background-color: #272727;
padding: 2px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments {
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 13px;
text-align: center;
background-color: #272727;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7D8F50;
text-decoration: none;
}
div.comments a:hover {
color: #98CF40;
text-decoration: none;
}
.currents, .currentmood, .currentmusic {
border: 0px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #272727;
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> tag stuff
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
text-transform: lowercase;
color: #acacac;
font-family: Tahoma, "Verdana", sans-serif;
}
.currentlocation {
padding-left: 15px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/20kuef9.gif') no-repeat;
background-position: center left;
}
.currentmood {
padding-left: 11px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/1z4he6w.gif') no-repeat;
background-position: center left;
}
.currentmusic {
padding-left: 10px;
font-size: 7pt;
color: #646464;
background: url('http://i26.tinypic.com/a2aedx.gif') no-repeat;
background-position: center left;
}
.ljtags {
margin-top: 20px;
margin-bottom: 0px;
padding-left: 15px;
text-transform: lowercase;
font-size: 7pt;
color: #646464;
background: url('http://i32.tinypic.com/r8th6p.gif') no-repeat;
background-position: center left;
}
h2 {
font-size:18px;
text-decoration: bold;
text-transform: lowercase;
color: #7D8F50;
font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
margin-left:20px;
font-weight:normal;
}
.ljtaglist {
margin: 0px 0px 0px 35px;
background-color: #272727;
padding: 5px;
color:#646464;
font-size:10px;
list-style:none;
border:0px ;
}
li.view {
color: #777777;
}
li.viewing {
color: #777777;
}
/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
background-color: transparent !important;
float: right;
padding: 5px;
margin: 5px;
text-align: center;
border-style: solid;
border-width: 0px;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.userpicfriends img {
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
background-color: #343434 !important;
padding: 7px;
}
.userpicfriends a font {
color: #7D8F50;
}
/*----------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>> comment pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #272727;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
padding: 2px;
border-width: 5px;
border-style: solid;
border-color: #222222;
background-color: #333333;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #767a7d;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #333333;
color: #767a7d;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #272727;
color: #767a7d;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
}
.commentbox {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #272727;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7D8F50;
}
.datesubjectcomment a:hover {
color: #98CF40;
}
.commentboxpartial {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #272727;
}
.commentinfo {
background-color: #272727;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> general
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 5px;
}
.sbarbody2 {
padding: 5px;
background-color: #272727;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
background-color: #272727;
list-style: none;
}
li.sbaritem {
padding: 7px;
list-style: none;
border-bottom: 1px solid #222222;
}
li.sbaritem:hover {
background-color: #222323;
}
li.sbartitle
{
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 12px;
padding-left: 10px;
list-style: none;
border-width: 0px;
background-color: #292d2e;
margin-bottom: 0px;
margin-top: 10px;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> calendar
-------------------------------------------------------------------------------*/
table.calendar {
padding: 4px;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 0px #222222 solid;
text-align: center;
padding: 2px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #212221;
}
.sbarcalendarposts {
border-width: 0px;
background-color: #272727;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
}
/*----------------------------------------------------
FOOTER -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
#footer {
width: 100%;
margin: 10px 0px 0px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #272727;
color: #767a7d;
border-width: 0px;
padding: 6px 0px 15px 0px;
z-index: 100;
clear: both;
}
.clearfoot { display:none;}
ul.navfooter{
padding: 0px;
margin: 3px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot { clear: both; }
/*----------------------------------------------------
ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #1a1a1a;
}
table.yeartable td.yearday {
background-color: #212221;
text-align: center;
}
td.yearmonth {
border-style: none;
}
.clear { height: 15px; }
/*--------------------------------------------
MINI ICONS by damnicons and excentric
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 12px 9px 0px 0px !important;
background-repeat: no-repeat;
background: url(http://i30.tinypic.com/34j6o3t.gif);
background-position: center left;
}
.subject img[src*="icon_private.gif"]{
width: 0;
background-repeat: no-repeat;
height: 0;
padding: 10px 9px 0px 0px !important;
background: url(http://i32.tinypic.com/2nrdcsi.gif);
background-position: center left;
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i31.tinypic.com/2l95dop.gif);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i26.tinypic.com/autgue.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i29.tinypic.com/2i11abt.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {
position: relative;
margin: 10px 0 0 30px;
text-align: left;
font: normal 9px "Tahoma" !important;
}
div.ContextualPopup div.Inner {
background:transparent !important;
color: #646464 !important;
border: 0px;
padding: 10px;
width: 300px;
}
div.ContextualPopup .Userpic {
padding: 3px;
margin-left: 12px;
background:#292d2e;
border: 1px solid #222222;
}
div.ContextualPopup .Content {
padding: 5px;
border: 1px solid #222222;
margin: 4px 80px 4px 4px;
background:#292d2e;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #999999 !important;
}
div.ContextualPopup .Relation {
font-variant:small-caps;
font-family: "Palatino Linotype", "Times New Roman", "Verdana", "Tahoma, "Arial";
font-size:14px;
color:#999999;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #859F45;}
topbar
live preview: hotbutteredgun
style: flexible squares
accounts: Basic, Paid, and Sponsored
sidebar: Top sidebar
installation
>> Customise Journal
>> Select Grays Flexible Squares by Yati Mansor layout in Select a New Theme this is important!: This will only affect those who have a plus account, but it makes a very big difference!
>> In add settings, select horizontal or between entries.
>>Go to Customise your Theme and then Sidebar. You'll need to disable everthing but the links list and the blurb, and delete the titles for the link list and the blurb.
>>Still in Customise your Theme, go to Custom CSS. Ensure that you select not to use the Use layout's stylesheet(s)
>> Into the Custom Stylesheet box, paste the following:
/*---------------------------------------------------
// the captain and the hourglass // by milou_veronica
flexible squares s2 layout (basic, plus and paid)
TOPBAR
-----------------------------------------------------*/
body {
background-color: #292d2e;
text-align: center;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height:150%;
margin: 0px;
}
a, a:link, a:visited {
color: #59778F;
text-decoration: none;
}
a:hover {
color: #3B4F5F;
text-decoration: none;
}
p, td {
font-size: 10px;
}
blockquote {
border: 1px #222222 dashed;
color: #646464;
font-size: 10px;
background-color: #333333;
padding: 5px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/
#content
{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #292d2e;
border-width: 0px;
padding: 0px;
float: center;
}
#maincontent {
width: 90%;
padding: 15px 15px 0px 50px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #292d2e;
color: #767a7d;
border-left: 0px;
margin: 0%;
text-align: left;
float: center;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
margin: 0%;
background-color: #272727;
border: 0px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
width: 100%;
float: center;
text-align: left;
}
h2, .title, .subtitle, .defaultuserpic, li.sbartitle, #sidebar_calendar, .clearfoot, .currents strong, .currents img{ display:none; }
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> go here for adding a header image
--------------------------------------------------------------------------------*/
#header {
margin: 0px;
width: 100%;
padding: 20px 0px 3px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
border-width: 0px;
background-color: #1c1c1c;
color: #767a7d;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #59778F;
margin-left: 5px;
text-transform: lowercase;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #191919;
}
div#header a:hover, div#footer a:hover {
color: #3B4F5F;
margin-left: 5px;
margin-right: 5px;
text-transform: lowercase;
text-decoration: none;
padding: 10px 8px 10px 8px;
background-color: #161616;
}
div#header li.view, div#footer li.viewing {
color: #63849F;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
margin-left: 5px;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #272727;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
ul.navheader
{
padding: 5px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
/*-----------------------------------------------------------------------------
entries -------------------------------------------------------------------------------------->>>>> general
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 0px;
background-color: #292d2e;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
}
.userpic {
position: relative;
float: right;
background-color: #343434;
padding: 8px;
margin: 10px;
z-index: 15;
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
}
.date {
line-height: 100%;
top: 5px;
color: #e0e0e0;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 7px;
}
.subject {
font-weight: bold;
background-color: #292d2e;
padding: 10px;
color: #63849F;
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 15px;
letter-spacing: 2px;
}
.subject a, .subject a:link, .subject a:visited {
color: #59778F;
text-decoration: bold;
}
.subject a:hover {
color: #3B4F5F;
text-decoration: none;
}
.datesubject {
background-color: #292d2e;
padding: 2px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments {
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 13px;
text-align: center;
background-color: #292d2e;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #59778F;
text-decoration: none;
}
div.comments a:hover {
color: #3B4F5F;
text-decoration: none;
}
.currents, .currentmood, .currentmusic {
border: 0px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #292d2e;
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> tag stuff
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
text-transform: lowercase;
color: #acacac;
font-family: Tahoma, "Verdana", sans-serif;
}
.currentlocation {
padding-left: 15px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/20kuef9.gif') no-repeat;
background-position: center left;
}
.currentmood {
padding-left: 11px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/1z4he6w.gif') no-repeat;
background-position: center left;
}
.currentmusic {
padding-left: 10px;
font-size: 7pt;
color: #646464;
background: url('http://i26.tinypic.com/a2aedx.gif') no-repeat;
background-position: center left;
}
.ljtags {
margin-top: 20px;
margin-bottom: 0px;
padding-left: 15px;
text-transform: lowercase;
font-size: 7pt;
color: #646464;
background: url('http://i32.tinypic.com/r8th6p.gif') no-repeat;
background-position: center left;
}
h2 {
font-size:18px;
text-decoration: bold;
text-transform: lowercase;
color: #59778F;
font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
margin-left:20px;
font-weight:normal;
}
.ljtaglist {
margin: 0px 0px 0px 35px;
background-color: #292d2e;
padding: 5px;
color:#646464;
font-size:10px;
list-style:none;
border:0px ;
}
li.view {
color: #777777;
}
li.viewing {
color: #777777;
}
/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
background-color: transparent !important;
float: right;
padding: 5px;
margin: 5px;
text-align: center;
border-style: solid;
border-width: 0px;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.userpicfriends img {
border-bottom: 1px #212121 solid;
border-right: 1px #212121 solid;
background-color: #343434 !important;
padding: 7px;
}
.userpicfriends a font {
color: #59778F;
}
/*----------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>> comment pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #292d2e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
padding: 2px;
border-width: 5px;
border-style: solid;
border-color: #222222;
background-color: #333333;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #767a7d;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #333333;
color: #767a7d;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #292d2e;
color: #767a7d;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
}
.commentbox {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #292d2e;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #59778F;
}
.datesubjectcomment a:hover {
color: #3B4F5F;
}
.commentboxpartial {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #292d2e;
}
.commentinfo {
background-color: #292d2e;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> general
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
background-color: #272727;
list-style: none;
}
li.sbaritem {
padding: 7px;
display:inline;
list-style: none;
border-bottom: 0px solid #222222;
}
li.sbaritem:hover {
background-color: #222323;
}
li.sbartitle
{
font-family: "Palatino Linotype", "Times New Roman","Tahoma", "Arial", "Verdana", sans-serif;
text-transform: lowercase;
font-size: 12px;
padding-left: 10px;
list-style: none;
border-width: 0px;
background-color: #272727;
margin-bottom: 0px;
margin-top: 10px;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> calendar
-------------------------------------------------------------------------------*/
table.calendar {
padding: 7px;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 0px #222222 solid;
text-align: center;
padding: 4px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #212221;
}
.sbarcalendarposts {
border-width: 0px;
background-color: #272727;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
}
/*----------------------------------------------------
background-color: #272727;
FOOTER -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #1c1c1c;
color: #767a7d;
border-top: 5px #272727 solid;
padding: 6px 0px 15px 0px;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 3px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------------------------------------------
ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #1a1a1a;
}
table.yeartable td.yearday {
background-color: #212221;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
/*--------------------------------------------
MINI ICONS by damnicons and excentric
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 12px 9px 0px 0px !important;
background-repeat: no-repeat;
background: url(http://i30.tinypic.com/34j6o3t.gif);
background-position: center left;
}
.subject img[src*="icon_private.gif"]{
width: 0;
background-repeat: no-repeat;
height: 0;
padding: 10px 9px 0px 0px !important;
background: url(http://i32.tinypic.com/2nrdcsi.gif);
background-position: center left;
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i31.tinypic.com/2l95dop.gif);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i26.tinypic.com/autgue.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i29.tinypic.com/2i11abt.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
/*--------------------------------------------
contexual pop-up ( codes edited from Cartonage [http://community.livejournal.com/cartonage/7581.html])
-----------------------------------------*/
div.ContextualPopup {
position: relative;
margin: 10px 0 0 30px;
text-align: left;
font: normal 9px "Tahoma" !important;
}
div.ContextualPopup div.Inner {
background:transparent !important;
color: #646464 !important;
border: 0px;
padding: 10px;
width: 300px;
}
div.ContextualPopup .Userpic {
padding: 3px;
margin-left: 12px;
background:#292d2e;
border: 1px solid #222222;
}
div.ContextualPopup .Content {
padding: 5px;
border: 1px solid #222222;
margin: 4px 80px 4px 4px;
background:#292d2e;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #999999 !important;
}
div.ContextualPopup .Relation {
font-variant:small-caps;
font-family: "Palatino Linotype", "Times New Roman", "Verdana", "Tahoma, "Arial";
font-size:14px;
color:#999999;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #63849F;}
images
>> none!
customise
>>The two link colours used in the sidebar layout are #7D8F50 and #4F5F29. Subject lines are #859F45.
>>The two link colours used in the top sidebar layout are #59778F and #3B4F5F. Subject lines are #63849F.
Use the replace function if you want to change.
It's not the kind of layout that looks good with a header, so I don't reccomend adding one unless you're quite savvy with these things.
credit:
>> tiny icons by damnicons and _excentric_
>> stylesheet milou_veronica
notes:
>> If you haven't already, I reccomend getting an adblocker like greasemonkey for firefox, so that you don't have to see the ads for plus.
>> For the topbar version, moodthemes are currently disabled. To change that, just use search to find .currents img and delete that bolded phrase. Don't delete the other stuff in that section unless you know what they are.
>> Need help? First check out the F.A.Q.
sidebar
live preview: patrasche (plus)
style: flexible squares
accounts: Basic, Paid, and Sponsored
sidebar: yes
installation
>> Customise Journal
>> Select Grays Flexible Squares by Yati Mansor layout in Select a New Theme this is important!: This will only affect those who have a plus account, but it makes a very big difference!
>> In add settings, I suggest selecting vertical placement.
>>Go to Customise your Theme, go to Custom CSS. Ensure that you select not to use the Use layout's stylesheet(s)
>> Into the Custom Stylesheet box, paste the following:
/*
/*
// the captain and the hourglass // by milou_veronica
flexible squares s2 layout (basic, plus and paid)
SIDEBAR
*/
body {
background-color: #292d2e;
text-align: center;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height:150%;
margin: 0px;
}
a, a:link, a:visited {
color: #7D8F50;
text-decoration: none;
}
a:hover {
color: #4F5F29;
text-decoration: none;
}
p, td {
font-size: 10px;
}
blockquote {
border: 1px #222222 dashed;
color: #646464;
font-size: 10px;
background-color: #333333;
padding: 5px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/
#content
{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #292d2e;
border-width: 0px;
padding: 0px;
}
#maincontent {
margin-top: 0px;
margin-bottom: 0px;
width: 50%;
padding: 15px 15px 0px 15px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #272727;
color: #767a7d;
border-left: 0px;
margin-left: 29%;
margin-right: 15%;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
margin-left: 14%;
background-color: #292d2e;
border: 0px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
width: 14%;
float: left;
text-align: left;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> go here for adding a header image
--------------------------------------------------------------------------------*/
#header {
margin: 0px 0px 10px 0px;
width: 100%;
padding: 20px 0px 4px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
border-width: 0px;
background-color: #272727;
color: #767a7d;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7D8F50;
margin-left: 5px;
text-transform: lowercase;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #1C1F19;
}
div#header a:hover, div#footer a:hover {
color: #4F5F29;
margin-left: 5px;
margin-right: 5px;
text-transform: lowercase;
text-decoration: none;
padding: 10px 8px 10px 8px;
background-color: #3C3F3B;
}
div#header li.view, div#footer li.viewing {
color: #859F45;
font-size: 11px;
text-transform: lowercase;
margin-left: 5px;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #292d2e;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
ul.navheader
{
padding: 5px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
/*-----------------------------------------------------------------------------
entries -------------------------------------------------------------------------------------->>>>> general
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 0px;
background-color: #272727;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
}
.userpic {
position: relative;
float: right;
background-color: #343434;
padding: 8px;
margin: 10px;
z-index: 15;
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
}
.date {
line-height: 100%;
top: 5px;
color: #e0e0e0;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 7px;
}
.subject {
font-weight: bold;
background-color: #272727;
padding: 10px;
color: #859F45;
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 14px;
letter-spacing: 1px;
}
.subject a, .subject a:link, .subject a:visited {
color: #7D8F50;
text-decoration: bold;
}
.subject a:hover {
color: #98CF40;
text-decoration: none;
}
.datesubject {
background-color: #272727;
padding: 2px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments {
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 13px;
text-align: center;
background-color: #272727;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7D8F50;
text-decoration: none;
}
div.comments a:hover {
color: #98CF40;
text-decoration: none;
}
.currents, .currentmood, .currentmusic {
border: 0px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #272727;
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> tag stuff
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
text-transform: lowercase;
color: #acacac;
font-family: Tahoma, "Verdana", sans-serif;
}
.currentlocation {
padding-left: 15px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/20kuef9.gif') no-repeat;
background-position: center left;
}
.currentmood {
padding-left: 11px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/1z4he6w.gif') no-repeat;
background-position: center left;
}
.currentmusic {
padding-left: 10px;
font-size: 7pt;
color: #646464;
background: url('http://i26.tinypic.com/a2aedx.gif') no-repeat;
background-position: center left;
}
.ljtags {
margin-top: 20px;
margin-bottom: 0px;
padding-left: 15px;
text-transform: lowercase;
font-size: 7pt;
color: #646464;
background: url('http://i32.tinypic.com/r8th6p.gif') no-repeat;
background-position: center left;
}
h2 {
font-size:18px;
text-decoration: bold;
text-transform: lowercase;
color: #7D8F50;
font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
margin-left:20px;
font-weight:normal;
}
.ljtaglist {
margin: 0px 0px 0px 35px;
background-color: #272727;
padding: 5px;
color:#646464;
font-size:10px;
list-style:none;
border:0px ;
}
li.view {
color: #777777;
}
li.viewing {
color: #777777;
}
/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
background-color: transparent !important;
float: right;
padding: 5px;
margin: 5px;
text-align: center;
border-style: solid;
border-width: 0px;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.userpicfriends img {
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
background-color: #343434 !important;
padding: 7px;
}
.userpicfriends a font {
color: #7D8F50;
}
/*----------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>> comment pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #272727;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
padding: 2px;
border-width: 5px;
border-style: solid;
border-color: #222222;
background-color: #333333;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #767a7d;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #333333;
color: #767a7d;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #272727;
color: #767a7d;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
}
.commentbox {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #272727;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7D8F50;
}
.datesubjectcomment a:hover {
color: #98CF40;
}
.commentboxpartial {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #272727;
}
.commentinfo {
background-color: #272727;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> general
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 5px;
}
.sbarbody2 {
padding: 5px;
background-color: #272727;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
background-color: #272727;
list-style: none;
}
li.sbaritem {
padding: 7px;
list-style: none;
border-bottom: 1px solid #222222;
}
li.sbaritem:hover {
background-color: #222323;
}
li.sbartitle
{
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 12px;
padding-left: 10px;
list-style: none;
border-width: 0px;
background-color: #292d2e;
margin-bottom: 0px;
margin-top: 10px;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> calendar
-------------------------------------------------------------------------------*/
table.calendar {
padding: 4px;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 0px #222222 solid;
text-align: center;
padding: 2px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #212221;
}
.sbarcalendarposts {
border-width: 0px;
background-color: #272727;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
}
/*----------------------------------------------------
FOOTER -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
#footer {
width: 100%;
margin: 10px 0px 0px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #272727;
color: #767a7d;
border-width: 0px;
padding: 6px 0px 15px 0px;
z-index: 100;
clear: both;
}
.clearfoot { display:none;}
ul.navfooter{
padding: 0px;
margin: 3px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot { clear: both; }
/*----------------------------------------------------
ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #1a1a1a;
}
table.yeartable td.yearday {
background-color: #212221;
text-align: center;
}
td.yearmonth {
border-style: none;
}
.clear { height: 15px; }
/*--------------------------------------------
MINI ICONS by damnicons and excentric
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 12px 9px 0px 0px !important;
background-repeat: no-repeat;
background: url(http://i30.tinypic.com/34j6o3t.gif);
;){kind=link}
background-position: center left;
}
.subject img[src*="icon_private.gif"]{
width: 0;
background-repeat: no-repeat;
height: 0;
padding: 10px 9px 0px 0px !important;
background: url(http://i32.tinypic.com/2nrdcsi.gif);
;){kind=link}
background-position: center left;
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i31.tinypic.com/2l95dop.gif);
;){kind=link}
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i26.tinypic.com/autgue.jpg);
;){kind=link}
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i29.tinypic.com/2i11abt.jpg);
;){kind=link}
padding: 13px 8px 0 2px !important;
background-position: center left;
}
/*--------------------------------------------
contexual pop-up
-----------------------------------------*/
div.ContextualPopup {
position: relative;
margin: 10px 0 0 30px;
text-align: left;
font: normal 9px "Tahoma" !important;
}
div.ContextualPopup div.Inner {
background:transparent !important;
color: #646464 !important;
border: 0px;
padding: 10px;
width: 300px;
}
div.ContextualPopup .Userpic {
padding: 3px;
margin-left: 12px;
background:#292d2e;
border: 1px solid #222222;
}
div.ContextualPopup .Content {
padding: 5px;
border: 1px solid #222222;
margin: 4px 80px 4px 4px;
background:#292d2e;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #999999 !important;
}
div.ContextualPopup .Relation {
font-variant:small-caps;
font-family: "Palatino Linotype", "Times New Roman", "Verdana", "Tahoma, "Arial";
font-size:14px;
color:#999999;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #859F45;}
topbar
live preview: hotbutteredgun
style: flexible squares
accounts: Basic, Paid, and Sponsored
sidebar: Top sidebar
installation
>> Customise Journal
>> Select Grays Flexible Squares by Yati Mansor layout in Select a New Theme this is important!: This will only affect those who have a plus account, but it makes a very big difference!
>> In add settings, select horizontal or between entries.
>>Go to Customise your Theme and then Sidebar. You'll need to disable everthing but the links list and the blurb, and delete the titles for the link list and the blurb.
>>Still in Customise your Theme, go to Custom CSS. Ensure that you select not to use the Use layout's stylesheet(s)
>> Into the Custom Stylesheet box, paste the following:
/*---------------------------------------------------
// the captain and the hourglass // by milou_veronica
flexible squares s2 layout (basic, plus and paid)
TOPBAR
-----------------------------------------------------*/
body {
background-color: #292d2e;
text-align: center;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height:150%;
margin: 0px;
}
a, a:link, a:visited {
color: #59778F;
text-decoration: none;
}
a:hover {
color: #3B4F5F;
text-decoration: none;
}
p, td {
font-size: 10px;
}
blockquote {
border: 1px #222222 dashed;
color: #646464;
font-size: 10px;
background-color: #333333;
padding: 5px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General
------------------------------------------------------------------------*/
#content
{
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
margin-left: auto; margin-right: auto;
background-color: #292d2e;
border-width: 0px;
padding: 0px;
float: center;
}
#maincontent {
width: 90%;
padding: 15px 15px 0px 50px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #292d2e;
color: #767a7d;
border-left: 0px;
margin: 0%;
text-align: left;
float: center;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
margin: 0%;
background-color: #272727;
border: 0px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
width: 100%;
float: center;
text-align: left;
}
h2, .title, .subtitle, .defaultuserpic, li.sbartitle, #sidebar_calendar, .clearfoot, .currents strong, .currents img{ display:none; }
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> go here for adding a header image
--------------------------------------------------------------------------------*/
#header {
margin: 0px;
width: 100%;
padding: 20px 0px 3px 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
border-width: 0px;
background-color: #1c1c1c;
color: #767a7d;
}
/*-----------------------------------------------------------------------------
Header -------------------------------------------------------------------------------------->>>>> top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #59778F;
margin-left: 5px;
text-transform: lowercase;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #191919;
}
div#header a:hover, div#footer a:hover {
color: #3B4F5F;
margin-left: 5px;
margin-right: 5px;
text-transform: lowercase;
text-decoration: none;
padding: 10px 8px 10px 8px;
background-color: #161616;
}
div#header li.view, div#footer li.viewing {
color: #63849F;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
margin-left: 5px;
margin-right: 5px;
padding: 10px 8px 10px 8px;
background-color: #272727;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
ul.navheader
{
padding: 5px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
/*-----------------------------------------------------------------------------
entries -------------------------------------------------------------------------------------->>>>> general
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 0px;
background-color: #292d2e;
color: #767a7d;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
}
.userpic {
position: relative;
float: right;
background-color: #343434;
padding: 8px;
margin: 10px;
z-index: 15;
border-bottom: 1px #222222 solid;
border-right: 1px #222222 solid;
}
.date {
line-height: 100%;
top: 5px;
color: #e0e0e0;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 7px;
}
.subject {
font-weight: bold;
background-color: #292d2e;
padding: 10px;
color: #63849F;
font-family: Arial, Tahoma, "Verdana", sans-serif;
text-transform: lowercase;
font-size: 15px;
letter-spacing: 2px;
}
.subject a, .subject a:link, .subject a:visited {
color: #59778F;
text-decoration: bold;
}
.subject a:hover {
color: #3B4F5F;
text-decoration: none;
}
.datesubject {
background-color: #292d2e;
padding: 2px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> bottom links
------------------------------------------------------------------------*/
.comments {
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 13px;
text-align: center;
background-color: #292d2e;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #59778F;
text-decoration: none;
}
div.comments a:hover {
color: #3B4F5F;
text-decoration: none;
}
.currents, .currentmood, .currentmusic {
border: 0px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #292d2e;
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*---------------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> tag stuff
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
text-transform: lowercase;
color: #acacac;
font-family: Tahoma, "Verdana", sans-serif;
}
.currentlocation {
padding-left: 15px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/20kuef9.gif') no-repeat;
background-position: center left;
}
.currentmood {
padding-left: 11px;
font-size: 7pt;
color: #646464;
background: url('http://i25.tinypic.com/1z4he6w.gif') no-repeat;
background-position: center left;
}
.currentmusic {
padding-left: 10px;
font-size: 7pt;
color: #646464;
background: url('http://i26.tinypic.com/a2aedx.gif') no-repeat;
background-position: center left;
}
.ljtags {
margin-top: 20px;
margin-bottom: 0px;
padding-left: 15px;
text-transform: lowercase;
font-size: 7pt;
color: #646464;
background: url('http://i32.tinypic.com/r8th6p.gif') no-repeat;
background-position: center left;
}
h2 {
font-size:18px;
text-decoration: bold;
text-transform: lowercase;
color: #59778F;
font-family: "Georgia", Serif, Tahoma, "Verdana", sans-serif;
margin-left:20px;
font-weight:normal;
}
.ljtaglist {
margin: 0px 0px 0px 35px;
background-color: #292d2e;
padding: 5px;
color:#646464;
font-size:10px;
list-style:none;
border:0px ;
}
li.view {
color: #777777;
}
li.viewing {
color: #777777;
}
/*------------------------------------------------------------
ENTRIES-------------------------------------------------------------------------------------->>>>> friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
background-color: transparent !important;
float: right;
padding: 5px;
margin: 5px;
text-align: center;
border-style: solid;
border-width: 0px;
font-family: Tahoma, "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.userpicfriends img {
border-bottom: 1px #212121 solid;
border-right: 1px #212121 solid;
background-color: #343434 !important;
padding: 7px;
}
.userpicfriends a font {
color: #59778F;
}
/*----------------------------------------------------
ENTRIES -------------------------------------------------------------------------------------->>>>> comment pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #292d2e;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
padding: 2px;
border-width: 5px;
border-style: solid;
border-color: #222222;
background-color: #333333;
top: -30px;
left: 0px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #767a7d;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #333333;
color: #767a7d;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #292d2e;
color: #767a7d;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
color: #767a7d;
}
.commentbox {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #292d2e;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #59778F;
}
.datesubjectcomment a:hover {
color: #3B4F5F;
}
.commentboxpartial {
border-color: #767a7d;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #292d2e;
}
.commentinfo {
background-color: #292d2e;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> general
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
background-color: #272727;
list-style: none;
}
li.sbaritem {
padding: 7px;
display:inline;
list-style: none;
border-bottom: 0px solid #222222;
}
li.sbaritem:hover {
background-color: #222323;
}
li.sbartitle
{
font-family: "Palatino Linotype", "Times New Roman","Tahoma", "Arial", "Verdana", sans-serif;
text-transform: lowercase;
font-size: 12px;
padding-left: 10px;
list-style: none;
border-width: 0px;
background-color: #272727;
margin-bottom: 0px;
margin-top: 10px;
}
/*------------------------------------------------------------
SIDEBAR -------------------------------------------------------------------------------------->>>>> calendar
-------------------------------------------------------------------------------*/
table.calendar {
padding: 7px;
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border: 0px #222222 solid;
text-align: center;
padding: 4px;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
background-color: #212221;
}
.sbarcalendarposts {
border-width: 0px;
background-color: #272727;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
}
/*----------------------------------------------------
background-color: #272727;
FOOTER -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-family: Arial, Tahoma, "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #1c1c1c;
color: #767a7d;
border-top: 5px #272727 solid;
padding: 6px 0px 15px 0px;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 3px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------------------------------------------
ARCHIVE PAGES -------------------------------------------------------------------------------------->>>>> general
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #1a1a1a;
}
table.yeartable td.yearday {
background-color: #212221;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
/*--------------------------------------------
MINI ICONS by damnicons and excentric
-----------------------------------------*/
.subject img[src*="icon_protected.gif"]{
width: 0;
height: 0;
padding: 12px 9px 0px 0px !important;
background-repeat: no-repeat;
background: url(http://i30.tinypic.com/34j6o3t.gif);
background-position: center left;
}
.subject img[src*="icon_private.gif"]{
width: 0;
background-repeat: no-repeat;
height: 0;
padding: 10px 9px 0px 0px !important;
background: url(http://i32.tinypic.com/2nrdcsi.gif);
background-position: center left;
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
background-image: url(http://i31.tinypic.com/2l95dop.gif);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="userinfo.gif"] {
background-color:transparent;
background-image: url(http://i26.tinypic.com/autgue.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
.ljuser img[src*="community.gif"] {
background-color:transparent;
background-image: url(http://i29.tinypic.com/2i11abt.jpg);
padding: 13px 8px 0 2px !important;
background-position: center left;
}
/*--------------------------------------------
contexual pop-up ( codes edited from Cartonage [http://community.livejournal.com/cartonage/7581.html])
-----------------------------------------*/
div.ContextualPopup {
position: relative;
margin: 10px 0 0 30px;
text-align: left;
font: normal 9px "Tahoma" !important;
}
div.ContextualPopup div.Inner {
background:transparent !important;
color: #646464 !important;
border: 0px;
padding: 10px;
width: 300px;
}
div.ContextualPopup .Userpic {
padding: 3px;
margin-left: 12px;
background:#292d2e;
border: 1px solid #222222;
}
div.ContextualPopup .Content {
padding: 5px;
border: 1px solid #222222;
margin: 4px 80px 4px 4px;
background:#292d2e;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: bold;
color: #999999 !important;
}
div.ContextualPopup .Relation {
font-variant:small-caps;
font-family: "Palatino Linotype", "Times New Roman", "Verdana", "Tahoma, "Arial";
font-size:14px;
color:#999999;
}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #63849F;}
images
>> none!
customise
>>The two link colours used in the sidebar layout are #7D8F50 and #4F5F29. Subject lines are #859F45.
>>The two link colours used in the top sidebar layout are #59778F and #3B4F5F. Subject lines are #63849F.
Use the replace function if you want to change.
It's not the kind of layout that looks good with a header, so I don't reccomend adding one unless you're quite savvy with these things.
credit:
>> tiny icons by damnicons and _excentric_
>> stylesheet milou_veronica
notes:
>> If you haven't already, I reccomend getting an adblocker like greasemonkey for firefox, so that you don't have to see the ads for plus.
>> For the topbar version, moodthemes are currently disabled. To change that, just use search to find .currents img and delete that bolded phrase. Don't delete the other stuff in that section unless you know what they are.
>> Need help? First check out the F.A.Q.