[Layouts] Supernatural; shareable - Castiel, Dean/Castiel & 4.20 character
Okay. I'm getting comfortable with designing once more, no more hiatus in sight just yet.
I will finish the last requests round, hopefully soon. I'm sorry for the long wait.
Fandom: Supernatural (4.01)
Characters: Castiel
Textures: ownthesunshine
Television set: Special-k-001 @ DeviantArt.com (Household brush collection)
Data: Flexible Squares S2; no sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Castiel
Textures: Sanami276 @ DeviantArt.com
Television set brush: Special-k-001 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
-----------------------*/
body {
background-color: #6D9BB0;
text-align: center;
color: #A7A7A7;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #6DA2BD;
text-decoration: none;
}
a:hover {
color: #E36161;
text-decoration: underline;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 768px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #A7A7A7;
border-width: 0px;
text-align: justify;
margin: 10px;
}
#sidebar {
display: none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
margin: auto;
text-align: center;
font-family: "Arial" Helvetica, sans-serif;
font-size: 17px;
letter-spacing: 2px;
border-width: 0px;
background-color: #545454;
color: #7C888D;
font-weight: bold;
text-transform: lowercase;
}
.headerimage {
margin: auto;
width: 768px;
height: 336px;
background-image: url("http://i40.tinypic.com/6ypffl.jpg");
background-repeat: no-repeat;
background-color: #FFFFFF;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #E7E7E7;
}
div#header a:hover {
color: #729EAF;
padding-bottom: 5px;
}
/*title and subtitle*/
.title {
display: none;
font-family: "Arial" Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 200%;
top: 10px;
text-transform: uppercase;
}
.subtitle{
display: none;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 13px;
top: 5px;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
Padding: 3px 4px 3px 4px;
margin-top: 0px;
}
ul.navheader li {
padding: 5px;
display: inline;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #7C888D;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #A7A7A7;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
padding: 10px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin-right: -134px;
margin-left: auto;
z-index: 15;
background-color: #545454 !important;
}
.date {
line-height: 130%;
color: #CECECE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 10px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #A7A7A7;
Border-style: dotted;
}
.subject {
color: #E36161;
Background-color: transparent;
font-family: "Arial" Helvetica, sans-serif;
font-size: 17px;
text-align: right;
padding: 6px;
font-weight: bold;
letter-spacing: 1px;
margin-right: 10px;
margin-left: 15px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #9EB4BF;
}
.subject a:hover {
color: #E36161;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry_text {
Padding: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #6DA2BD;
text-decoration: none;
}
.entry a:hover, .entry a:visited {
color: #E36161;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-right: 0px;
margin-left: auto;
margin-top: 15px;
margin-bottom: 0px;
background-color: #545454;
width: 380px;
color: #A7A7A7;
font-size: 10px;
border: 0px solid #DCDCDC;
font-weight: bold;
text-align: right;
text-transform: lowercase;
letter-spacing: 2px;
font-style: italic;
position: right;
}
.ljtags a {
Color: #E7E7E7;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #E7E7E7;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #E36161;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
font-style: italic;
text-align: right;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 14px;
text-align: center;
letter-spacing: 1px;
background-color: transparent;
color: #E36161;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #A7A7A7;
Border-style: dotted;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #9EB4BF;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #E36161;
text-decoration: none;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
padding: 12px;
margin-right: -134px;
margin-left: auto;
background-color: #545454 !important;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #DCDCDC !important;
font-size: 10px;
z-index: 15;
}
.userpicfriends a font {
Color: #DCDCDC !important;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
text-align: center;
text-transform: lowercase;
margin-top: -20px;
margin-right: auto;
font-family: "Arial" Helvetica, sans-serif;
background-color: #545454;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
color: #7C888D;
border-width: 0px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #545454;
margin-left: 0px;
margin-right: auto;
margin-top: -15px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: inline;
color: #E7E7E7;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #729EAF;
border-bottom: #E36161 2px solid;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 699px;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #A7A7A7;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #A7A7A7 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
float: right;
padding: 6px;
margin: 6px;
z-index: 15;
background-color: #545454 !important;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #A7A7A7;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #A7A7A7;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #A7A7A7;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #68959f;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #A7A7A7;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #A7A7A7;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DA2BD;
}
.datesubjectcomment a:hover {
color: #E36161;
}
.commentboxpartial {
border-color: #ffc74e;
border-width: 1px;
border-style: dashed;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #A7A7A7;
text-decoration: none;
}
.replytoposter a:hover {
color: #E36161;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #6D6D6D;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #A7A7A7;
}
.skiplinks a:link {
Color: #6D6D6D;
}
.skiplinks a:hover {
Color: #E36161;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.16)
Characters: Castiel
Captures: shea_fleur
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Castiel
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #939B83;
text-align: justify;
color: #5C5B5B;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #8F9880;
text-decoration: none;
}
a:hover {
color: #699295;
text-decoration: none;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 920px;
margin-left: auto;
margin-right: auto;
position: center;
background-color: #939B83;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #D3D0C5;
color: #5C5B5B;
border-width: 0px;
text-align: justify;
margin-right: 0px;
margin-left: 180px;
}
#sidebar {
float: left;
width: 160px;
margin-left: 0px;
margin-right: auto;
background-color: transparent;
color: #ECECEC;
text-align: right;
padding: 5px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 890px;
position: center;
margin-right: 0px;
margin-left: auto;
font-family: "Arial" Helvetica, sans-serif;
font-size: 20px;
border-width: 0px;
background-image: url("http://i43.tinypic.com/2guk47d.jpg");
background-repeat: no-repeat;
background-position: right;
color: #6D6A5C;
height: 263px;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #ECECEC;
}
div#header a:hover {
color: #BDC5AA;
padding-bottom: 5px;
}
/*title and subtitle*/
.title {
display: none;
width: 178px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
line-height: 200%;
padding-top: 20px;
text-transform: lowercase;
color: #ECECEC;
}
.subtitle {
display: none;
width: 178px;
text-transform: lowercase;
margin-left: 0px;
margin-right: auto;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #ECECEC;
text-align: right;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
margin-right: 750px;
width: 120px;
margin-left: auto;
text-align: right;
display: table-row-group;
}
ul.navheader li {
display: table-row-group;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #6D6A5C;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #5C5B5B;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 6px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
}
.date {
line-height: 130%;
color: #BDC5AA;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
padding-right: 20px;
padding-top: 6px;
}
.datesubject {
background-color: #85837A;
}
.subject {
color: #ECECEC;
Background-color: transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
text-align: left;
font-weight: bold;
font-stretch: ultra-condensed;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #C8C8C8;
}
.subject a:hover {
color: #BDC5AA;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #8F9880;
text-decoration: none;
}
.entry a:hover {
color: #699295;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 480px;
color: #6D6A5C;
font-size: 10px;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
position: right;
}
.ljtags a {
Color: #5C5B5B;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #5C5B5B;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #699295;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 11px;
text-align: left;
background-color: #D3D0C5;
color: #A7A7A7;
position: relative;
padding-left: 20px;
padding-bottom: 10px;
top: 0px;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #6D6A5C;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #6D6A5C;
text-decoration: line-through;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 50px;
padding: 0px;
background-color: #FFFFFF;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 6px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #C8C8C8 !important;
font-size: 10px;
z-index: 15;
}
.userpicfriends a font {
Color: #5C5B5B !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #ECECEC;
}
div#sidebar a:hover {
color: #BDC5AA;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin: 10px;
}
.sbarcalendar {
Background-color: transparent;
Padding: 4px;
text-align: center;
font-family: sans-serif;
font-size: 11px;
color: #BDC5AA;
}
.sbarcalendarposts {
Padding: 4px;
color: #BDC5AA;
font-size: 11px;
}
.sbarcalendarposts a:link {
Color: #ECECEC;
font-size: 11px;
Padding: 4px;
}
.sbarcalendarposts a:hover {
Padding: 4px;
Color: #BDC5AA;
font-size: 11px;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 10px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #6D6A5C;
padding-top: 20px;
font-weight: bold;
font-size: 18px;
text-transform: lowercase;
text-align: right;
font-stretch: ultra-condensed;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 160px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Arial" Helvetica, sans-serif;
font-size: 16px;
border-width: 0px;
background-color: #939B83;
color: #6D6A5C;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
margin-top: -20px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #939B83;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: inline;
color: #ECECEC;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #BDC5AA;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 160px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #DCDCDC;
}
table.yeartable td.yearday {
color: #6D6A5C;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #85837A;
color: #C8C8C8 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #5C5B5B !important;
top: 0px;
left: 0px;
padding: 6px;
margin: 6px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #5C5B5B;
background-color: #D3D0C5;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #5C5B5B;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #D3D0C5;
color: #5C5B5B;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
margin-left: 0px;
margin-right: 0px;
background-color: #D3D0C5;
Color: #C8C8C8;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #5C5B5B;
}
.commentbox {
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #D3D0C5;
color: #5C5B5B;
font-size: 10px;
border: 1px dotted #85837A;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ECECEC;
}
.datesubjectcomment a:hover {
color: #BDC5AA;
}
.commentboxpartial {
padding: 10px;
margin: 6px;
background-color: #D3D0C5;
}
.commentinfo {
background-color: #D3D0C5;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #5C5B5B;
text-decoration: none;
}
.replytoposter a:hover {
color: #699295;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #8F9880;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #5C5B5B;
}
.skiplinks a:link {
Color: #8F9880;
}
.skiplinks a:hover {
Color: #8F9880;
text-decoration: line-through;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.20)
Characters: Jimmy Novak
Captures: shea_fleur
Textures: ownthesunshine
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Jimmy Novak (Misha Collins)
Textures: Sanami276 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #4C4C4C;
text-align: center;
color: #898989;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #7FADA4;
text-decoration: none;
}
a:hover {
color: #E2A2A2;
text-decoration: underline;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 830px;
margin-top: 0px;
margin-left: auto;
margin-right: 0px;
background-color: #4C4C4C;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #898989;
border-width: 0px;
text-align: justify;
margin-right: 10px;
margin-left: 218px;
}
#sidebar {
float: left;
width: 200px;
margin-left: 0px;
margin-right: auto;
background-color: transparent;
color: #8C8C8C;
text-align: center;
padding: 5px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 820px;
margin-right: 10px;
margin-left: auto;
font-family: "Arial" Helvetica, sans-serif;
font-size: 15px;
border-width: 0px;
background-image: url("http://i42.tinypic.com/21ch4i8.jpg");
background-repeat: no-repeat;
background-position: right;
color: #E47F7F;
height: 478px;
font-weight: bold;
text-transform: uppercase;
font-stretch: ultra-condensed;
display: block;
text-align: left;
padding: 0px;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #8C8C8C;
margin-left: 0px;
margin-right: auto;
}
div#header a:hover {
color: #C3C3C3;
padding-bottom: 5px;
margin-left: 0px;
margin-right: auto;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
width: 190px;
margin-left: -20px;
margin-right: auto;
text-align: left;
display: block;
}
ul.navheader li {
padding: 5px;
display: block;
}
li.view {
text-decoration: none;
color: #E47F7F;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #898989;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
border: 1px dotted #DCDCDC;
}
.date {
line-height: 130%;
color: #BCBCBE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 20px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #898989;
Border-style: dotted;
}
.subject {
color: #A7A7A7;
Background-color: transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
text-align: right;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
margin-right: 0px;
padding: 2px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #8C8C8C;
}
.subject a:hover {
color: #E2A2A2;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #7FADA4;
text-decoration: none;
}
.entry a:hover, .entry a:visited {
color: #E2A2A2;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 480px;
color: #898989;
font-size: 10px;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-left: 4px solid #85A7B2;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
position: right;
}
.ljtags a {
Color: #A7A7A7;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #A7A7A7;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #85A7B2;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 13px;
text-align: center;
background-color: transparent;
color: #A7A7A7;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #898989;
Border-style: dotted;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #8C8C8C;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #DCDCDC;
text-decoration: none;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 10px 10px 1px 10px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #898989 !important;
font-size: 10px;
z-index: 15;
border: 1px dotted #DCDCDC;
}
.userpicfriends a font {
Color: #898989 !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #C3C3C3;
}
div#sidebar a:hover {
color: #E47F7F;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
width: 180px;
margin-right: 0px;
margin-left: auto;
}
.sbarcalendar {
width: 170px;
Background-color: transparent;
Padding: 3px;
text-align: center;
font-family: sans-serif;
font-size: 10px;
color: #DCDCDC;
font-style: italic;
}
.sbarcalendarposts {
Padding: 3px;
color: #7FADA4;
font-size: 10px;
}
.sbarcalendarposts a:link {
Color: #85A7B2;
font-size: 10px;
Padding: 3px;
text-decoration: underline;
}
.sbarcalendarposts a:hover {
Padding: 3px;
Color: #4C4C4C;
font-size: 10px;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 5px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #8C8C8C;
padding-top: 20px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
text-align: right;
font-stretch: ultra-condensed;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 210px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Arial" Helvetica, sans-serif;
font-size: 14px;
border-width: 0px;
background-color: #4C4C4C;
color: #E47F7F;
font-weight: bold;
text-transform: uppercase;
font-stretch: ultra-condensed;
margin-top: -20px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #4C4C4C;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: block;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: block;
color: #8C8C8C;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: block;
color: #C3C3C3;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 178px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #898989;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #898989 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #898989 !important;
border: 1px dotted #DCDCDC;
top: 0px;
left: 0px;
padding: 8px;
margin: 0px 6px 0px 6px;
z-index: 15;
float: right;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #898989;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #898989;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #898989;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #68959f;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #898989;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #898989;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7FADA4;
}
.datesubjectcomment a:hover {
color: #E2A2A2;
}
.commentboxpartial {
border-color: #ffc74e;
border-width: 1px;
border-style: dashed;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #898989;
text-decoration: none;
}
.replytoposter a:hover {
color: #E2A2A2;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #6D6D6D;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #898989;
}
.skiplinks a:link {
Color: #6D6D6D;
}
.skiplinks a:hover {
Color: #E2A2A2;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.20)
Characters: Dean & Castiel
Captures: shea_fleur
Textures: ownthesunshine
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Characters: Dean & Castiel
Textures: Sanami276 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #684C33;
text-align: center;
color: #868686;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #C5C37C;
text-decoration: none;
}
a:hover {
color: #C5C37C;
text-decoration: line-through;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 950px;
margin-top: 0px;
margin-left: auto;
margin-right: 0px;
background-color: #684C33;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #868686;
border-width: 0px;
text-align: justify;
margin-right: 10px;
margin-left: 198px;
}
#sidebar {
float: left;
width: 170px;
margin-right: auto;
margin-left: 10px;
background-color: transparent;
color: #C4C3C2;
text-align: right;
padding: 0px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 900px;
margin-right: 10px;
padding-right: 10px;
margin-left: auto;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 18px;
border-width: 0px;
background-image: url("http://i43.tinypic.com/sw7ih5.jpg");
background-repeat: no-repeat;
background-position: right;
color: #BF7752;
height: 398px;
text-transform: uppercase;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #C4C3C2;
}
div#header a:hover {
color: #828E96;
}
/*title and subtitle*/
.title {
display: none;
width: 178px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
line-height: 200%;
padding-top: 20px;
text-transform: lowercase;
color: #C4C3C2;
}
.subtitle {
display: none;
width: 178px;
text-transform: lowercase;
margin-left: 0px;
margin-right: auto;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: #C4C3C2;
text-align: right;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
margin-right: 770px;
width: 140px;
margin-left: auto;
text-align: right;
padding-top: 25px;
display: table-row-group;
}
ul.navheader li {
display: table-row-group;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #BF7752;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #868686;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
border: 1px dotted #DCDCDC;
}
.date {
line-height: 130%;
color: #BCBCBE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 20px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #868686;
Border-style: dotted;
}
.subject {
color: #A7A7A7;
Background-color: transparent;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 17px;
text-align: right;
font-weight: bold;
font-stretch: ultra-condensed;
margin: 10px;
padding-left: 5px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #88A4A7;
}
.subject a:hover {
color: #DCDCDC;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link, .entry a:visited {
color: #C5C37C;
text-decoration: none;
}
.entry a:hover {
color: #828E96;
text-decoration: line-through;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
width: 480px;
color: #5F5F5F;
font-size: 10px;
border-left: 4px solid #E8E6A7;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
}
.ljtags a {
Color: #AAA9A9;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #AAA9A9;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #85A7B2;
font-size: 10px;
text-decoration: line-through;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: left;
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
line-height: 14 pts;
padding-left: 9px;
width: 480px;
color: #5F5F5F;
}
.currentmood {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #7BA2BE;
color: #5F5F5F;
line-height: 14 pts;
}
.currentmusic {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #E98989;
color: #5F5F5F;
line-height: 14 pts;
}
.currentlocation {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #F1AD38;
color: #5F5F5F;
line-height: 14 pts;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 16px;
text-align: center;
background-color: transparent;
color: #A7A7A7;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #868686;
Border-style: dotted;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #88A4A7;
font-weight: bold
}
div.comments a:hover {
color: #DCDCDC;
text-decoration: line-through;
font-weight: bold;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 10px 10px 1px 10px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #868686 !important;
font-size: 10px;
z-index: 15;
border: 1px dotted #DCDCDC;
}
.userpicfriends a font {
Color: #868686 !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link {
color: #C4C3C2;
}
div#sidebar a:hover {
color: #828E96;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin: 5px;
}
.sbarcalendar {
Background-color: transparent;
Padding: 4px;
text-align: center;
font-family: sans-serif;
font-size: 11px;
color: #C4C3C2;
}
.sbarcalendarposts {
Padding: 4px;
color: #828E96;
font-size: 11px;
}
.sbarcalendarposts a:link {
font-size: 11px;
Padding: 4px;
font-weight: bold;
}
.sbarcalendarposts a:hover {
Padding: 4px;
Color: #828E96;
font-size: 11px;
text-decoration: line-through;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 10px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #BF7752;
padding-top: 20px;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
text-align: right;
font-stretch: ultra-condensed;
font-family: "Times New Roman" Helvetica, sans-serif;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
margin-right: 770px;
width: 150px;
margin-left: auto;
text-align: right;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 17px;
border-width: 0px;
background-color: #684C33;
color: #BF7752;
text-transform: uppercase;
font-weight: bold;
margin-top: -20px;
z-index: 100;
clear: both;
display: table-row-group;
}
ul.navfooter {
margin-right: 770px;
width: 150px;
margin-left: auto;
text-align: right;
display: table-row-group;
background-color: #684C33;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
display: table-row-group;
}
ul.navfooter li a {
display: inline;
color: #C4C3C2;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #828E96;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 178px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #868686;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #868686 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #868686 !important;
border: 1px dotted #DCDCDC;
top: 0px;
left: 0px;
padding: 8px;
margin: 0px 6px 0px 6px;
z-index: 15;
float: right;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #868686;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #868686;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #868686;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #88A4A7;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #868686;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #868686;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #C5C37C;
}
.datesubjectcomment a:hover {
color: #C5C37C;
text-decoration: line-through;
}
.commentboxpartial {
border-color: #DCDCDC;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #868686;
text-decoration: none;
}
.replytoposter a:hover {
color: #C5C37C;
text-decoration: line-through;
}
.replytoposter a:link, .replytoposter a:visited {
Color: #C5C37C;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #868686;
}
.skiplinks a:link {
Color: #C5C37C;
}
.skiplinks a:hover {
Color: #85A7B2;
text-decoration: line-through;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Instructions
01. Go to customize, type 'flexible squares' on the search box, hit, and apply any of its themes.
02. Go to customize your theme, choose 'no' for all the available options. Paste your code on the custom stylesheet box. Save.
Credit to toledan_night
User can modify the code at their leisure.
I will finish the last requests round, hopefully soon. I'm sorry for the long wait.
Fandom: Supernatural (4.01)
Characters: Castiel
Textures: ownthesunshine
Television set: Special-k-001 @ DeviantArt.com (Household brush collection)
Data: Flexible Squares S2; no sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Castiel
Textures: Sanami276 @ DeviantArt.com
Television set brush: Special-k-001 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
-----------------------*/
body {
background-color: #6D9BB0;
text-align: center;
color: #A7A7A7;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #6DA2BD;
text-decoration: none;
}
a:hover {
color: #E36161;
text-decoration: underline;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 768px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #A7A7A7;
border-width: 0px;
text-align: justify;
margin: 10px;
}
#sidebar {
display: none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
margin: auto;
text-align: center;
font-family: "Arial" Helvetica, sans-serif;
font-size: 17px;
letter-spacing: 2px;
border-width: 0px;
background-color: #545454;
color: #7C888D;
font-weight: bold;
text-transform: lowercase;
}
.headerimage {
margin: auto;
width: 768px;
height: 336px;
background-image: url("http://i40.tinypic.com/6ypffl.jpg");
background-repeat: no-repeat;
background-color: #FFFFFF;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #E7E7E7;
}
div#header a:hover {
color: #729EAF;
padding-bottom: 5px;
}
/*title and subtitle*/
.title {
display: none;
font-family: "Arial" Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 200%;
top: 10px;
text-transform: uppercase;
}
.subtitle{
display: none;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 13px;
top: 5px;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
Padding: 3px 4px 3px 4px;
margin-top: 0px;
}
ul.navheader li {
padding: 5px;
display: inline;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #7C888D;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #A7A7A7;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
padding: 10px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin-right: -134px;
margin-left: auto;
z-index: 15;
background-color: #545454 !important;
}
.date {
line-height: 130%;
color: #CECECE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 10px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #A7A7A7;
Border-style: dotted;
}
.subject {
color: #E36161;
Background-color: transparent;
font-family: "Arial" Helvetica, sans-serif;
font-size: 17px;
text-align: right;
padding: 6px;
font-weight: bold;
letter-spacing: 1px;
margin-right: 10px;
margin-left: 15px;
text-transform: lowercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #9EB4BF;
}
.subject a:hover {
color: #E36161;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry_text {
Padding: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #6DA2BD;
text-decoration: none;
}
.entry a:hover, .entry a:visited {
color: #E36161;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-right: 0px;
margin-left: auto;
margin-top: 15px;
margin-bottom: 0px;
background-color: #545454;
width: 380px;
color: #A7A7A7;
font-size: 10px;
border: 0px solid #DCDCDC;
font-weight: bold;
text-align: right;
text-transform: lowercase;
letter-spacing: 2px;
font-style: italic;
position: right;
}
.ljtags a {
Color: #E7E7E7;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #E7E7E7;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #E36161;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
font-style: italic;
text-align: right;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 14px;
text-align: center;
letter-spacing: 1px;
background-color: transparent;
color: #E36161;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #A7A7A7;
Border-style: dotted;
text-transform: lowercase;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #9EB4BF;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #E36161;
text-decoration: none;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
padding: 12px;
margin-right: -134px;
margin-left: auto;
background-color: #545454 !important;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #DCDCDC !important;
font-size: 10px;
z-index: 15;
}
.userpicfriends a font {
Color: #DCDCDC !important;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
text-align: center;
text-transform: lowercase;
margin-top: -20px;
margin-right: auto;
font-family: "Arial" Helvetica, sans-serif;
background-color: #545454;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
color: #7C888D;
border-width: 0px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #545454;
margin-left: 0px;
margin-right: auto;
margin-top: -15px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: inline;
color: #E7E7E7;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #729EAF;
border-bottom: #E36161 2px solid;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 699px;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #A7A7A7;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #A7A7A7 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
float: right;
padding: 6px;
margin: 6px;
z-index: 15;
background-color: #545454 !important;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #A7A7A7;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #A7A7A7;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #A7A7A7;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #68959f;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #A7A7A7;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #A7A7A7;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6DA2BD;
}
.datesubjectcomment a:hover {
color: #E36161;
}
.commentboxpartial {
border-color: #ffc74e;
border-width: 1px;
border-style: dashed;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #A7A7A7;
text-decoration: none;
}
.replytoposter a:hover {
color: #E36161;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #6D6D6D;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #A7A7A7;
}
.skiplinks a:link {
Color: #6D6D6D;
}
.skiplinks a:hover {
Color: #E36161;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.16)
Characters: Castiel
Captures: shea_fleur
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Castiel
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #939B83;
text-align: justify;
color: #5C5B5B;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #8F9880;
text-decoration: none;
}
a:hover {
color: #699295;
text-decoration: none;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 920px;
margin-left: auto;
margin-right: auto;
position: center;
background-color: #939B83;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #D3D0C5;
color: #5C5B5B;
border-width: 0px;
text-align: justify;
margin-right: 0px;
margin-left: 180px;
}
#sidebar {
float: left;
width: 160px;
margin-left: 0px;
margin-right: auto;
background-color: transparent;
color: #ECECEC;
text-align: right;
padding: 5px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 890px;
position: center;
margin-right: 0px;
margin-left: auto;
font-family: "Arial" Helvetica, sans-serif;
font-size: 20px;
border-width: 0px;
background-image: url("http://i43.tinypic.com/2guk47d.jpg");
background-repeat: no-repeat;
background-position: right;
color: #6D6A5C;
height: 263px;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #ECECEC;
}
div#header a:hover {
color: #BDC5AA;
padding-bottom: 5px;
}
/*title and subtitle*/
.title {
display: none;
width: 178px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
line-height: 200%;
padding-top: 20px;
text-transform: lowercase;
color: #ECECEC;
}
.subtitle {
display: none;
width: 178px;
text-transform: lowercase;
margin-left: 0px;
margin-right: auto;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #ECECEC;
text-align: right;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
margin-right: 750px;
width: 120px;
margin-left: auto;
text-align: right;
display: table-row-group;
}
ul.navheader li {
display: table-row-group;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #6D6A5C;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #5C5B5B;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 6px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
}
.date {
line-height: 130%;
color: #BDC5AA;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
padding-right: 20px;
padding-top: 6px;
}
.datesubject {
background-color: #85837A;
}
.subject {
color: #ECECEC;
Background-color: transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
text-align: left;
font-weight: bold;
font-stretch: ultra-condensed;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #C8C8C8;
}
.subject a:hover {
color: #BDC5AA;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #8F9880;
text-decoration: none;
}
.entry a:hover {
color: #699295;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 480px;
color: #6D6A5C;
font-size: 10px;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
position: right;
}
.ljtags a {
Color: #5C5B5B;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #5C5B5B;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #699295;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 11px;
text-align: left;
background-color: #D3D0C5;
color: #A7A7A7;
position: relative;
padding-left: 20px;
padding-bottom: 10px;
top: 0px;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #6D6A5C;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #6D6A5C;
text-decoration: line-through;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 50px;
padding: 0px;
background-color: #FFFFFF;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 6px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #C8C8C8 !important;
font-size: 10px;
z-index: 15;
}
.userpicfriends a font {
Color: #5C5B5B !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #ECECEC;
}
div#sidebar a:hover {
color: #BDC5AA;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin: 10px;
}
.sbarcalendar {
Background-color: transparent;
Padding: 4px;
text-align: center;
font-family: sans-serif;
font-size: 11px;
color: #BDC5AA;
}
.sbarcalendarposts {
Padding: 4px;
color: #BDC5AA;
font-size: 11px;
}
.sbarcalendarposts a:link {
Color: #ECECEC;
font-size: 11px;
Padding: 4px;
}
.sbarcalendarposts a:hover {
Padding: 4px;
Color: #BDC5AA;
font-size: 11px;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 10px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #6D6A5C;
padding-top: 20px;
font-weight: bold;
font-size: 18px;
text-transform: lowercase;
text-align: right;
font-stretch: ultra-condensed;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 160px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Arial" Helvetica, sans-serif;
font-size: 16px;
border-width: 0px;
background-color: #939B83;
color: #6D6A5C;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
margin-top: -20px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #939B83;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: inline;
color: #ECECEC;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #BDC5AA;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 160px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #DCDCDC;
}
table.yeartable td.yearday {
color: #6D6A5C;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #85837A;
color: #C8C8C8 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #5C5B5B !important;
top: 0px;
left: 0px;
padding: 6px;
margin: 6px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #5C5B5B;
background-color: #D3D0C5;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #5C5B5B;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #D3D0C5;
color: #5C5B5B;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
margin-left: 0px;
margin-right: 0px;
background-color: #D3D0C5;
Color: #C8C8C8;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #5C5B5B;
}
.commentbox {
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #D3D0C5;
color: #5C5B5B;
font-size: 10px;
border: 1px dotted #85837A;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ECECEC;
}
.datesubjectcomment a:hover {
color: #BDC5AA;
}
.commentboxpartial {
padding: 10px;
margin: 6px;
background-color: #D3D0C5;
}
.commentinfo {
background-color: #D3D0C5;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #5C5B5B;
text-decoration: none;
}
.replytoposter a:hover {
color: #699295;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #8F9880;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #5C5B5B;
}
.skiplinks a:link {
Color: #8F9880;
}
.skiplinks a:hover {
Color: #8F9880;
text-decoration: line-through;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.20)
Characters: Jimmy Novak
Captures: shea_fleur
Textures: ownthesunshine
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Jimmy Novak (Misha Collins)
Textures: Sanami276 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #4C4C4C;
text-align: center;
color: #898989;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #7FADA4;
text-decoration: none;
}
a:hover {
color: #E2A2A2;
text-decoration: underline;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 830px;
margin-top: 0px;
margin-left: auto;
margin-right: 0px;
background-color: #4C4C4C;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #898989;
border-width: 0px;
text-align: justify;
margin-right: 10px;
margin-left: 218px;
}
#sidebar {
float: left;
width: 200px;
margin-left: 0px;
margin-right: auto;
background-color: transparent;
color: #8C8C8C;
text-align: center;
padding: 5px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 820px;
margin-right: 10px;
margin-left: auto;
font-family: "Arial" Helvetica, sans-serif;
font-size: 15px;
border-width: 0px;
background-image: url("http://i42.tinypic.com/21ch4i8.jpg");
background-repeat: no-repeat;
background-position: right;
color: #E47F7F;
height: 478px;
font-weight: bold;
text-transform: uppercase;
font-stretch: ultra-condensed;
display: block;
text-align: left;
padding: 0px;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #8C8C8C;
margin-left: 0px;
margin-right: auto;
}
div#header a:hover {
color: #C3C3C3;
padding-bottom: 5px;
margin-left: 0px;
margin-right: auto;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle{
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
width: 190px;
margin-left: -20px;
margin-right: auto;
text-align: left;
display: block;
}
ul.navheader li {
padding: 5px;
display: block;
}
li.view {
text-decoration: none;
color: #E47F7F;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #898989;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
border: 1px dotted #DCDCDC;
}
.date {
line-height: 130%;
color: #BCBCBE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 20px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #898989;
Border-style: dotted;
}
.subject {
color: #A7A7A7;
Background-color: transparent;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
text-align: right;
font-weight: bold;
text-transform: lowercase;
font-stretch: ultra-condensed;
margin-right: 0px;
padding: 2px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #8C8C8C;
}
.subject a:hover {
color: #E2A2A2;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #7FADA4;
text-decoration: none;
}
.entry a:hover, .entry a:visited {
color: #E2A2A2;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 480px;
color: #898989;
font-size: 10px;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-left: 4px solid #85A7B2;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
position: right;
}
.ljtags a {
Color: #A7A7A7;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #A7A7A7;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #85A7B2;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 13px;
text-align: center;
background-color: transparent;
color: #A7A7A7;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #898989;
Border-style: dotted;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #8C8C8C;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #DCDCDC;
text-decoration: none;
font-weight: bold
}
.comments img {
Border-width: 0px;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 10px 10px 1px 10px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #898989 !important;
font-size: 10px;
z-index: 15;
border: 1px dotted #DCDCDC;
}
.userpicfriends a font {
Color: #898989 !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #C3C3C3;
}
div#sidebar a:hover {
color: #E47F7F;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
width: 180px;
margin-right: 0px;
margin-left: auto;
}
.sbarcalendar {
width: 170px;
Background-color: transparent;
Padding: 3px;
text-align: center;
font-family: sans-serif;
font-size: 10px;
color: #DCDCDC;
font-style: italic;
}
.sbarcalendarposts {
Padding: 3px;
color: #7FADA4;
font-size: 10px;
}
.sbarcalendarposts a:link {
Color: #85A7B2;
font-size: 10px;
Padding: 3px;
text-decoration: underline;
}
.sbarcalendarposts a:hover {
Padding: 3px;
Color: #4C4C4C;
font-size: 10px;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 5px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #8C8C8C;
padding-top: 20px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
text-align: right;
font-stretch: ultra-condensed;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 210px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Arial" Helvetica, sans-serif;
font-size: 14px;
border-width: 0px;
background-color: #4C4C4C;
color: #E47F7F;
font-weight: bold;
text-transform: uppercase;
font-stretch: ultra-condensed;
margin-top: -20px;
z-index: 100;
clear: both;
}
ul.navfooter{
background-color: #4C4C4C;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: block;
margin: 0 5px 0 5px;
}
ul.navfooter li a {
display: block;
color: #8C8C8C;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: block;
color: #C3C3C3;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 178px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #898989;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #898989 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #898989 !important;
border: 1px dotted #DCDCDC;
top: 0px;
left: 0px;
padding: 8px;
margin: 0px 6px 0px 6px;
z-index: 15;
float: right;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #898989;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #898989;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #898989;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #68959f;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #898989;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #898989;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #7FADA4;
}
.datesubjectcomment a:hover {
color: #E2A2A2;
}
.commentboxpartial {
border-color: #ffc74e;
border-width: 1px;
border-style: dashed;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #898989;
text-decoration: none;
}
.replytoposter a:hover {
color: #E2A2A2;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #6D6D6D;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #898989;
}
.skiplinks a:link {
Color: #6D6D6D;
}
.skiplinks a:hover {
Color: #E2A2A2;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Fandom: Supernatural (4.20)
Characters: Dean & Castiel
Captures: shea_fleur
Textures: ownthesunshine
Data: Flexible Squares S2; optional sidebar.
[ Full preview ]
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Characters: Dean & Castiel
Textures: Sanami276 @ DeviantArt.com
Code: http://community.livejournal.com/toledan_night/
Screencapture: shea-fleur @ livejournal.com
-----------------------*/
body {
background-color: #684C33;
text-align: center;
color: #868686;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #C5C37C;
text-decoration: none;
}
a:hover {
color: #C5C37C;
text-decoration: line-through;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 950px;
margin-top: 0px;
margin-left: auto;
margin-right: 0px;
background-color: #684C33;
padding: 0px;
}
#maincontent {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
color: #868686;
border-width: 0px;
text-align: justify;
margin-right: 10px;
margin-left: 198px;
}
#sidebar {
float: left;
width: 170px;
margin-right: auto;
margin-left: 10px;
background-color: transparent;
color: #C4C3C2;
text-align: right;
padding: 0px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 900px;
margin-right: 10px;
padding-right: 10px;
margin-left: auto;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 18px;
border-width: 0px;
background-image: url("http://i43.tinypic.com/sw7ih5.jpg");
background-repeat: no-repeat;
background-position: right;
color: #BF7752;
height: 398px;
text-transform: uppercase;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #C4C3C2;
}
div#header a:hover {
color: #828E96;
}
/*title and subtitle*/
.title {
display: none;
width: 178px;
margin-left: 0px;
margin-right: auto;
text-align: right;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
line-height: 200%;
padding-top: 20px;
text-transform: lowercase;
color: #C4C3C2;
}
.subtitle {
display: none;
width: 178px;
text-transform: lowercase;
margin-left: 0px;
margin-right: auto;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: italic;
color: #C4C3C2;
text-align: right;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
margin-right: 770px;
width: 140px;
margin-left: auto;
text-align: right;
padding-top: 25px;
display: table-row-group;
}
ul.navheader li {
display: table-row-group;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #BF7752;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: transparent;
color: #868686;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
}
.entry_text {
padding: 15px;
}
.userpic {
position: relative;
float: right;
padding: 12px;
margin: 6px;
z-index: 15;
background-color: #FFFFFF !important;
border: 1px dotted #DCDCDC;
}
.date {
line-height: 130%;
color: #BCBCBE;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 9px;
text-transform: lowercase;
text-align: right;
Background-color: #FFFFFF;
padding-right: 20px;
padding-top: 20px;
}
.datesubject {
Border-width: 0px 0px 1px 0px;
Border-color: #868686;
Border-style: dotted;
}
.subject {
color: #A7A7A7;
Background-color: transparent;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 17px;
text-align: right;
font-weight: bold;
font-stretch: ultra-condensed;
margin: 10px;
padding-left: 5px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #88A4A7;
}
.subject a:hover {
color: #DCDCDC;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link, .entry a:visited {
color: #C5C37C;
text-decoration: none;
}
.entry a:hover {
color: #828E96;
text-decoration: line-through;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
width: 480px;
color: #5F5F5F;
font-size: 10px;
border-left: 4px solid #E8E6A7;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
}
.ljtags a {
Color: #AAA9A9;
font-weight: normal;
font-size: 10px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #AAA9A9;
Text-transform: lowercase;
font-size: 10px;
}
.ljtags a:hover {
font-weight: normal;
color: #85A7B2;
font-size: 10px;
text-decoration: line-through;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents {
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
height: 100%;
text-align: left;
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
line-height: 14 pts;
padding-left: 9px;
width: 480px;
color: #5F5F5F;
}
.currentmood {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #7BA2BE;
color: #5F5F5F;
line-height: 14 pts;
}
.currentmusic {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #E98989;
color: #5F5F5F;
line-height: 14 pts;
}
.currentlocation {
margin-left: 8px;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 9px;
border-left: 4px solid #F1AD38;
color: #5F5F5F;
line-height: 14 pts;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 16px;
text-align: center;
background-color: transparent;
color: #A7A7A7;
position: relative;
padding: 10px 5px 5px 5px;
top: 0px;
font-weight: bold;
Border-width: 1px 0px 0px 0px;
Border-color: #868686;
Border-style: dotted;
text-transform: lowercase;
font-stretch: ultra-condensed;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #88A4A7;
font-weight: bold
}
div.comments a:hover {
color: #DCDCDC;
text-decoration: line-through;
font-weight: bold;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
height: 40px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: right;
background-color: #FFFFFF !important;
padding: 6px;
margin: 10px 10px 1px 10px;
text-align: center;
font-family: "Verdana" Helvetica, sans-serif;
color: #868686 !important;
font-size: 10px;
z-index: 15;
border: 1px dotted #DCDCDC;
}
.userpicfriends a font {
Color: #868686 !important;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: right;
}
.sbarheader {
padding: 0px 3px 0px 3px;
}
.sbarbody {
text-align: right;
padding: 0px 3px 0px 3px;
}
.sbarbody2 {
text-align: right;
padding: 0px 3px 0px 3px;
}
div#sidebar a, div#sidebar a:link {
color: #C4C3C2;
}
div#sidebar a:hover {
color: #828E96;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin: 5px;
}
.sbarcalendar {
Background-color: transparent;
Padding: 4px;
text-align: center;
font-family: sans-serif;
font-size: 11px;
color: #C4C3C2;
}
.sbarcalendarposts {
Padding: 4px;
color: #828E96;
font-size: 11px;
}
.sbarcalendarposts a:link {
font-size: 11px;
Padding: 4px;
font-weight: bold;
}
.sbarcalendarposts a:hover {
Padding: 4px;
Color: #828E96;
font-size: 11px;
text-decoration: line-through;
}
/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding: 10px;
list-style: none;
}
li.sbartitle
{
list-style: none;
background-color: transparent;
color: #BF7752;
padding-top: 20px;
font-weight: bold;
font-size: 17px;
text-transform: uppercase;
text-align: right;
font-stretch: ultra-condensed;
font-family: "Times New Roman" Helvetica, sans-serif;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
margin-right: 770px;
width: 150px;
margin-left: auto;
text-align: right;
font-family: "Times New Roman" Helvetica, sans-serif;
font-size: 17px;
border-width: 0px;
background-color: #684C33;
color: #BF7752;
text-transform: uppercase;
font-weight: bold;
margin-top: -20px;
z-index: 100;
clear: both;
display: table-row-group;
}
ul.navfooter {
margin-right: 770px;
width: 150px;
margin-left: auto;
text-align: right;
display: table-row-group;
background-color: #684C33;
margin-left: 0px;
margin-right: auto;
margin-top: -60px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
display: table-row-group;
}
ul.navfooter li a {
display: inline;
color: #C4C3C2;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
display: inline;
color: #828E96;
margin: 0 5px 0 5px;
}
.clearfoot {
width: 178px;
margin-left: 0px;
margin-right: auto;
margin-left: 10px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #ffc74e;
}
table.yeartable td.yearday {
color: #868686;
background-color: #FFFFFF;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #868686 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #FFFFFF !important;
color: #868686 !important;
border: 1px dotted #DCDCDC;
top: 0px;
left: 0px;
padding: 8px;
margin: 0px 6px 0px 6px;
z-index: 15;
float: right;
}
.box {
border-style: dotted;
border-width: 1px 0px 0px 0px;
border-color: #6a5962;
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #868686;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #868686;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 10px;
line-height: 125%;
background-color: #FFFFFF;
color: #868686;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
Color: #88A4A7;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 10px;
font-family: "Verdana" Helvetica, sans-serif;
color: #868686;
}
.commentbox {
Border: #D6D6D6 1px solid;
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #868686;
font-size: 10px;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #C5C37C;
}
.datesubjectcomment a:hover {
color: #C5C37C;
text-decoration: line-through;
}
.commentboxpartial {
border-color: #DCDCDC;
border-width: 1px;
border-style: dotted;
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #868686;
text-decoration: none;
}
.replytoposter a:hover {
color: #C5C37C;
text-decoration: line-through;
}
.replytoposter a:link, .replytoposter a:visited {
Color: #C5C37C;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #868686;
}
.skiplinks a:link {
Color: #C5C37C;
}
.skiplinks a:hover {
Color: #85A7B2;
text-decoration: line-through;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Instructions
01. Go to customize, type 'flexible squares' on the search box, hit, and apply any of its themes.
02. Go to customize your theme, choose 'no' for all the available options. Paste your code on the custom stylesheet box. Save.
Credit to toledan_night
User can modify the code at their leisure.