[Layouts] "The Tracy Series" part I: 07 Supernatural 5.04 layouts - Castiel, Dean (2/2)
( Full preview )
o5 - he lost Dean too
no sidebar; 760px; header
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Dean & Castiel
Code: http://community.livejournal.com/toledan_night/
-----------------------*/
body {
background-color: #DBDBDB;
text-align: justify;
color: #5c5c5c;
font-family: "Arial" Helvetica, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link {
color: #6292A8;
text-decoration: none;
}
a:hover, a:visited {
color: #CD4C4F;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
b {
color: #9AB859;
}
b:hover {
color: #CD4C4F;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 760px;
margin-left: auto;
margin-right: auto;
position: center;
padding: 0px;
}
#maincontent {
font-family: "Arial" Helvetica, sans-serif;
font-size: 11px;
color: #A7A7A7;
border-width: 0px;
text-align: justify;
margin: auto;
background-image: url(http://i46.tinypic.com/25zme4y.jpg);
;){kind=link}
}
#sidebar {
display: none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
position: center;
text-align: center;
margin: auto;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 17px;
color: #787878;
font-weight: bold;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(http://i46.tinypic.com/25zme4y.jpg);
}
.headerimage {
background-image: url("http://i46.tinypic.com/1zzozms.jpg");
background-repeat: no-repeat;
background-position: center;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
width: 760px;
height: 386px;
margin: auto;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
display: inline;
font-size: 13px;
}
div#header a:hover {
color: #CD4C4F;
}
/*title and subtitle*/
.title {
display: none;
}
.subtitle {
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
margin: 0px;
text-align: center;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding: 5px;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #FFFFFF;
font size: 17px;
text-transform: lowercase;
font-style: italic;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: #FFFFFF;
color: #696868;
font-family: "Arial" Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
}
.entry_text {
padding: 12px;
}
.userpic {
position: relative;
float: left;
padding: 14px;
margin-left: 14px;
margin-top: 14px;
margin-right: 10px;
z-index: 15;
background-image: url(http://i46.tinypic.com/25zme4y.jpg) !important;
color: #FFFFFF;
}
.userpic img {
height: 70px;
width: 70px;
}
.date {
line-height: 130%;
color: #A7A7A7;
font-family: "Arial" Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
text-align: right;
padding-right: 20px;
padding-top: 12px;
}
.datesubject {
background-color: #FFFFFF;
border-bottom: 1px dotted #565656;
}
.subject {
color: #D4D4D4;
font-family: "Arial" Helvetica, sans-serif;
font-size: 14px;
text-align: left;
font-weight: bold;
font-style: italic;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 4px;
margin: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #9FB1C4;
}
.subject a:hover {
color: #A7A7A7;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #8E3D3D;
text-decoration: none;
}
.entry a:hover {
color: #6292A8;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 660px;
color: #696868;
font-size: 11px;
font-weight: bold;
text-align: left;
text-transform: lowercase;
letter-spacing: 2px;
position: left;
background-color: #ECECEC;
border: 1px dashed #A7A7A7;
}
.ljtags a {
Color: #323232;
font-weight: normal;
font-size: 11px;
Text-transform: lowercase;
}
.ljtags a:visited {
Color: #993A3A;
Text-transform: lowercase;
font-size: 11px;
}
.ljtags a:hover {
font-weight: normal;
color: #969A9C;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic, .currentlocation {
font-family: "Arial" Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 2px;
height: 100%;
text-align: left;
margin-left: 10px;
margin-right: auto;
}
.currents strong { color: #B42C2C; font-style: italic; }
.currentmood strong { color: #B42C2C; font-style: italic; }
.currentmusic strong { color: #B42C2C; font-style: italic; }
.currentlocation strong { color: #B42C2C; font-style: italic; }
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Arial" Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #D4D4D4;
padding-top: 10px;
font-weight: bold;
text-transform: lowercase;
font-style: italic;
border-top: 1px dotted #565656;
padding-bottom: 12px;
background-color: #FFFFFF;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #989898;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #B42C2C;
font-weight: bold
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
height: 30px;
padding: 0px;
background-image: url(http://i46.tinypic.com/25zme4y.jpg);
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
background-image: url(http://i46.tinypic.com/25zme4y.jpg) !important;
padding-bottom: 6px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
font-family: "Arial" Helvetica, sans-serif;
color: #FFFFFF !important;
margin: 10px;
font-size: 9px;
font-weight: bold;
z-index: 15;
text-transform: uppercase;
}
.userpicfriends a, .userpicfriends a font {
color: #DCDCDC !important;
}
.userpicfriends img { width: 70px !important; height: 70px !important; color: #DCDCDC !important; }
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
margin-top: -30px;
margin-right: auto;
margin-left: auto;
width: 760px;
height: 50px;
text-align: left;
font-family: "Tahoma" Helvetica, sans-serif;
font-size: 13px;
border-width: 0px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
z-index: 100;
clear: both;
background-image: url(http://i46.tinypic.com/25zme4y.jpg);
}
ul.navfooter {
margin-right: 0px;
margin-left: auto;
margin-top: -60px;
display: inline;
}
ul.navfooter li {
display: inline;
margin: -40 5px 0 5px;
}
ul.navfooter li a {
color: #FFFFFF;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
color: #8A8989;
margin: 0 5px 0 5px;
}
.clearfoot {
margin: 0px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
margin-top: 10px;
color: #494949;
font-weight: bold;
}
ul.year li {
display: inline;
}
table.yeartable {
width: 630px;
background-color: #FFFFFF;
padding: 10px;
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: dashed;
border-color: #A7A7A7;
}
table.yeartable td.yearday {
color: #848484;
background-color: #D5D5D5;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #323232;
color: #A7A7A7 !important;
padding: 5px;
font-size: 11px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
color: #FFFFFF !important;
margin-top 14px;
left: 0px;
margin-left: 14px;
margin-right: 10px;
z-index: 15;
float: left;
background-color: #B42C2C !important;
}
.userpiccomment img { width: 70px; height: 70px; background-color: #B42C2C !important; color: #FFFFFF !important;}
.box { margin-top: 5px; padding: 5px;
margin: auto;
color: #FFFFFF; font size: 10px;
}
.box a, .box a:link { font-size: 11px; text-transform: uppercase, color: #A7A7A7; }
input, textarea {
position: center;
background-color: #D5D5D5;
color: #696868;
border: 1px dotted #a7a7a7;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: "Arial" Helvetica, sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #323232;
color: #FFFFFF;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
margin-left: 0px;
margin-right: 0px;
background-color: #323232;
Color: #848484;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Arial" Helvetica, sans-serif;
color: #FFFFFF;
}
.commentbox {
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #494949;
color: #DCDCDC;
font-size: 11px;
}
.commentbox ljcmt_full div a { color: #DCDCDC; }
.commentbox ljcmt_full div a:hover { color: #FFFFFF; font-style: italic; }
.commentbox a:link {
Font-size: 11px
color: #DCDCDC;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #6292A8;
}
.datesubjectcomment a:hover {
color: #8E3D3D;
}
.commentboxpartial {
padding: 10px;
margin: 6px;
background-color: #323232;
}
.commentinfo {
background-color: #323232;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #FFFFFF;
text-decoration: none;
}
.replytoposter a:hover {
color: #6292A8;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #8E3D3D;
text-decoration: none;
}
.skiplinks {
text-transform: uppercase;
font-size: 11px;
text-align: center;
color: #FFFFFF;
letter-spacing: 1px;
}
.skiplinks a:link {
font-weight: bold;
Color: #DCDCDC;
}
.skiplinks a:hover {
Color: #CD4C4F;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
( Full preview )
o6 - what Dean asks of him
no sidebar; 600px; header
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Castiel
Code: http://community.livejournal.com/toledan_night/
-----------------------*/
body {
background-color: #000000;
text-align: justify;
color: #898888;
font-family: Verdana, Helvetica, sans-serif ;
font-size: 12px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #AC9D6B;
text-decoration: none;
}
a:hover {
color: #94B3CD;
text-decoration: none;
}
p, td, inlinequote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
I {
color: #999999;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 600px;
margin: auto;
position: center;
padding: 0px;
}
#maincontent {
font-family: Georgia, Times New Roman, Book Antiqua, serif;
font-size: 10px;
background-color: transparent;
color: #999999;
border-width: 0px;
text-align: justify;
margin: auto;
}
#sidebar {
display: none;
}
.subcontent {
padding-top: 10px;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
display: inline;
position: center;
width: auto;
padding: 0px;
text-align: center;
margin: auto;
font-family: Georgia, Times New Roman, Book Antiqua, serif;
font-size: 10px;
letter-spacing: 2px;
font-weight: bold;
color: #dcdcdc;
text-transform: uppercase;
}
.headerimage {
background-image: url("http://i45.tinypic.com/2n9iko.jpg");
background-repeat: no-repeat;
width: 600px;
height: 400px;
padding-bottom: 20px;
margin: auto;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #3A3A3A;
text-transform: uppercase;
display: inline;
}
div#header a:hover {
color: #A7A7A7;
}
/*title and subtitle*/
.title { display: none; }
.subtitle { display: none; }
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
background-color: transparent;
text-align: center;
padding: 10px;
margin: auto;
width: 600px;
position: center;
}
ul.navheader li, ul.navfooter li {
list-style: none;
padding: 5px;
display: inline;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #dcdcdc;
display: inline;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: #121212;
color: #898888;
font-family: Verdana, Helvetica, sans-serif ;
font-size: 12px;
text-align: justify;
}
.entry_text {
padding: 25px;
}
.userpic {
position: relative;
float: left;
padding: 6px;
margin-left: 20px;
margin-right: 10px;
margin-top: 20px;
z-index: 15;
background-color: #A7A7A7 !important;
}
.userpic img {
width: 70px;
height: 70px;
}
.date {
line-height: 130%;
color: #A7A7A7;
font-family: Georgia, Times New Roman, Book Antiqua, serif;
font-size: 12px;
text-transform: lowercase;
text-align: right;
padding-right: 20px;
padding-top: 6px;
}
.datesubject {
background-image: url(http://i48.tinypic.com/301pksn.jpg);
;){kind=link}
background-repeat: repeat;
}
.subject {
color: #D4D4D4;
font-family: georgia;
font-size: 16px;
font-weight: bold;
text-align: left;
margin-right: 0px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 4px;
margin-left: auto;
}
.subject a, .subject a:link, .subject a:visited {
color: #A7A7A7;
font-family: georgia;
font-size: 16px;
font-weight: bold;
}
.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 {
color: #AC9D6B;
text-decoration: none;
}
.entry a:hover {
color: #94B3CD;
text-decoration: none;
}
.ljtags {
Padding: 9px;
margin-left: 10px;
margin-right: auto;
margin-top: 10px;
width: 520px;
color: #7a7a7a;
font-size: 10px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
position: left;
background-color: #181818;
}
.ljtags a {
Color: #969A9C;
font-weight: normal;
font-size: 10px;
Text-transform: uppercase;
}
.ljtags a:visited {
Color: #969A9C;
Text-transform: uppercase;
font-size: 10px;
font-style: italic;
}
.ljtags a:hover {
font-weight: normal;
color: #696969;
font-size: 10px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic, currentlocation {
font-family: Georgia, Times New Roman, Book Antiqua, serif;
font-size: 12px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: Georgia, Times New Roman, Book Antiqua, serif;;
font-size: 14px;
text-align: center;
color: #D4D4D4;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
text-transform: lowercase;
background-image: url(http://i48.tinypic.com/301pksn.jpg);
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #7D9199;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #989898;
font-weight: bold
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
height: 30px;
padding: 0px;
background-color: transparent;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
background-color: #141414 !important;
border: 1px dotted #A7A7A7;
padding: 6px;
text-align: center;
font-family: Georgia, Times New Roman, Book Antiqua, serif;
color: #dcdcdc !important;
margin-left: 15px;
margin-right: 10px;
margin-top: 10px;
font-size: 12px;
z-index: 15;
}
.userpicfriends a, .userpicfriends a font {
Color: #dcdcdc !important;
}
.userpicfriends a hover { color: #6F6F6F; }
.userpicfriends img {
width: 70px;
height: 70px;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
text-align: center;
font-family: Georgia, Times New Roman, Book Antiqua, serif;;
font-size: 10px;
letter-spacing: 2px;
border-width: 0px;
color: #3A3A3A;
font-weight: bold;
text-transform: uppercase;
z-index: 100;
clear: both;
width: 600px;
margin: auto;
}
ul.navfooter {
margin-left: 0px;
padding: 5px;
width: 600px;
}
ul.navfooter li {
padding: 10px;
}
div#footer li.viewing {
color: #dcdcdc !important;
}
ul.navfooter li a {
color: #3a3a3a;
}
ul.navfooter li a:hover {
color: #dcdcdc;
}
div#footer a, div#footer a:link, div#footer a:visited
width: 600px;
margin: 5px 0px 5px 0px;
display: inline;
font-size: 11px;
color: #eca722;
text-transform: uppercase;
text-align: center;
}
div#footer {
width: 600px;
display: inline;
}
.clearfoot {
padding-top: -15px;
margin: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
padding-top: 30px;
background-color: transparent;
font-size: 12px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: transparent;
width: 500px;
padding: 3px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #DCDCDC;
font-size: 12px;
}
table.yeartable td.yearday {
color: #848484;
background-color: transparent;
text-align: center;
font-size: 12px;
}
td.yearmonth {
border-style: none;
font-size: 12px;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-image: url(http://i48.tinypic.com/301pksn.jpg);
color: #A7A7A7 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #A7A7A7 !important;
color: #FFFFFF !important;
top: 0px;
left: 0px;
padding: 6px;
margin-left: 15px;
margin-right: 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #898888;
background-color: #181818;
font-size: 11px;
}
input, textarea {
position: center;
background-color: #181818;
color: #898888;
padding: 5px;
border: 0px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
border: 0px;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 125%;
background-color: #121212;
color: #898888;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
margin-left: 0px;
margin-right: 0px;
background-color: #181818;
Color: #848484;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: Verdana, Helvetica, sans-serif;
color: #898888;
}
.commentbox {
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #141414;
color: #898888;
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: #94B3CD;
}
.datesubjectcomment a:hover {
color: #AC9D6B;
}
.commentboxpartial {
padding: 10px;
margin: 6px;
background-color: #121212;
}
.commentinfo {
background-color: #121212;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #898888;
text-decoration: none;
}
.replytoposter a:hover {
color: #94B3CD;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #AC9D6B;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #858484;
font-family: Georgia, Times New Roman, Book Antiqua, serif;
font-size: 12px;
}
.skiplinks a:link {
Color: #A7A7A7;
}
.skiplinks a:hover {
Color: #AC9D6B;
text-decoration: line-through;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
( Full preview )
o7 - not gonna happen again
no sidebar; 700px; header
/* Cleaned CSS: */
/*---------------------
Fandom: Supernatural
Character: Dean & Castiel
Code: http://community.livejournal.com/toledan_night/
-----------------------*/
body {
background-image: url(http://i50.tinypic.com/166xk4w.jpg);
;){kind=link}
background-attachment: fixed;
text-align: justify;
color: #898888;
font-family: Georgia;
font-size: 10px;
margin: 0px;
}
a, a:link, a:visited {
color: #5E714F;
text-decoration: none;
}
a:hover {
color: #CEB656;
text-decoration: none;
}
p, td, blockquote {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}
I { color: # 972E2E; }
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 100%;
margin-left: auto;
margin-right: auto;
position: center;
background-color: #FFFFFF;
padding: 0px;
}
#maincontent {
font-family: Georgia;
font-size: 10px;
background-color: #FFFFFF;
color: #898888;
border-width: 0px;
text-align: justify;
margin-right: auto;
margin-left: auto;
}
#sidebar {
display: none;
}
.subcontent {
width: 700px;
margin: auto;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
background-color: #141414;
position: left;
text-align: center;
margin: auto;
font-family: Times New Roman;
font-size: 16px;
font-weight: bold;
color: #787878;
letter-spacing: 2px;
text-transform: lowercase;
}
.headerimage {
background-position: center;
background-repeat: no-repeat;
background-image: url("http://i49.tinypic.com/97916s.jpg");
background-color: transparent;
height: 392px;
width: 700px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #eeeeee;
display: inline;
}
div#header a:hover {
color: #6F6F6F;
}
/*title and subtitle*/
.title { display: none; }
.subtitle { display: none; }
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
text-align: center;
margin-top: 0px;
}
ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding-right: 10px;
padding-left: 10px;
}
li.view {
border-bottom: 0px;
text-decoration: none;
color: #dca722;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.entry {
background-color: #ffffff;
color: #898888;
font-family: Georgia;
font-size: 12px;
text-align: justify;
letter-spacing: 1px;
margin: auto;
}
.entry_text {
padding: 15px;
border-top: 1px dashed #D4D4D4;
}
.userpic {
position: relative;
float: left;
padding: 8px;
margin: 14px 14px 6px 10px;
color: #727272 !important;
z-index: 15;
background-image: url(http://i50.tinypic.com/15q9pxj.jpg) !important;
border: 1px dashed #a7a7a7 !important;
}
.userpic img {
width: 70px;
height: 70px;
}
.date {
line-height: 130%;
color: #A7A7A7;
font-family: Times New Roman;
font-size: 12px;
text-transform: uppercase;
text-align: left;
padding-right: 25px;
padding-top: 6px;
}
.datesubject {
width: 700px;
margin: auto;
background-color: #FFFFFF;
text-align: left;
}
.subject {
color: #818181;
font-family: Georgia;
font-size: 12px;
font-weight: bold;
text-align: left;
margin-right: 0px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 4px;
margin-left: auto;
letter-spacing: 1px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #eca722;
}
.subject a:hover {
color: #a7a7a7;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.entry a, a:link {
color: #5E714F;
text-decoration: none;
}
.entry a:hover {
color: #CEB656;
text-decoration: none;
}
.ljtags {
padding: 10px;
margin: 10px;
width: 640px;
color: #939292;
font-size: 11px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
position: left;
border: 1px dashed #a7a7a7;
background-image: url(http://i45.tinypic.com/344zac4.jpg) !important;
}
.ljtags a {
Color: #939292;
font-weight: bold;
font-size: 11px;
Text-transform: uppercase;
}
.ljtags a:visited {
Color: #969A9C;
Text-transform: uppercase;
font-size: 11px;
font-style: italic;
}
.ljtags a:hover {
font-weight: bold;
color: #608091;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic, currentlocation {
font-family: Georgia;
font-size: 11px;
letter-spacing: 2px;
height: 100%;
text-align: right;
margin-right: 10px;
margin-left: auto;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: Georgia;
font-size: 12px;
text-align: center;
color: #D4D4D4;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
border-top: 1px dashed #D4D4D4;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #eca722;
font-weight: bold
font-style: italic;
}
div.comments a:hover {
color: #989898;
font-weight: bold
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator {
height: 30px;
padding: 0px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
background-image: url(http://i50.tinypic.com/15q9pxj.jpg)!important;
!important;){kind=link}
padding: 6px;
text-align: center;
font-family: Verdana;
color: #807F7F!important;
margin-left: 15px;
margin-right: 10px;
margin-top: 10px;
font-size: 13px;
font-weight: bold;
text-transform: lowercase !important;
z-index: 15;
border: 1px dashed #a7a7a7 !important;
}
.userpicfriends a {
Color: #807F7F!important;
letter-spacing: 1px !important;
}
.userpicfriends a hover { color: #212121 !imporant; }
.userpicfriends img {
width: 70px;
height: 70px;
}
/*------------------------------------------------------------
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
margin: auto;
text-align: center;
font-family: Georgia;
background-color: #ffffff;
font-size: 13px;
border-width: 0px;
color: #608091;
font-weight: bold;
text-transform: uppercase;
z-index: 100;
clear: both;
padding: right: 10px;
letter-spacing: 2px;
}
ul.navfooter {
margin-right: 0px;
margin-left: auto;
padding: 5px;
}
ul.navfooter li {
margin: 0 5px 0 5px;
}
ul.navfooter li a {
color: #989898;
margin: 0 5px 0 5px;
}
ul.navfooter li a:hover {
color: #6F6F6F;
margin: 0 5px 0 5px;
}
.clearfoot {
margin: 0px;
padding-top: -15px;
margin-right: auto;
clear: none;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 15px;
padding-top: 30px;
background-color: #FFFFFF;
font-size: 12px;
}
ul.year li {
display: inline;
}
table.yeartable {
background-color: #FFFFFF;
width: 500px;
padding: 3px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #DCDCDC;
font-size: 12px;
}
table.yeartable td.yearday {
color: #848484;
background-color: #FFFFFF;
text-align: center;
font-size: 12px;
}
td.yearmonth {
border-style: none;
font-size: 12px;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #FFFFFF;
color: #A7A7A7 !important;
padding: 5px;
font-size: 10px;
text-transform: lowercase;
}
.userpiccomment {
position: relative;
background-color: #A7A7A7 !important;
color: #FFFFFF !important;
top: 0px;
left: 0px;
padding: 6px;
border: 1px dashed #DCDCDC;
margin-left: 15px;
margin-right: 10px;
z-index: 15;
float: left;
}
.box {
padding: 10px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 10px;
color: #898888;
background-color: #FFFFFF;
border-top: 1px dashed #D4D4D4;
}
input, textarea {
position: center;
background-color: #FFFFFF;
color: #898888;
padding: 5px;
}
textarea.textbox {
width: 95% !important;
padding: 5px;
position: center;
}
.reply {
position: relative;
margin: 10px;
padding: 10px;
text-align: left;
font-family: Georgia;
font-size: 12px;
line-height: 125%;
background-color: #FFFFFF;
color: #898888;
}
#qrform {
Padding: 5px;
Margin: 4px;
}
.replytosubject {
margin-left: 0px;
margin-right: 0px;
background-color: #FFFFFF;
Color: #848484;
font-size: 15px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: Georgia;
color: #898888;
}
.commentbox {
padding: 10px;
margin: 10px 5px 5px 0px;
background-color: #FFFFFF;
color: #898888;
font-size: 10px;
border: 1px dashed #DCDCDC;
}
.commentbox a:link {
Font-size: 10px;
}
.commentsubject {
Font-weight: bold;
text-transform: lowercase;
Font-size: 13px;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #CEB656;
}
.datesubjectcomment a:hover {
color: #5E714F;
}
.commentboxpartial {
padding: 10px;
margin: 6px;
background-color: #FFFFFF;
}
.commentinfo {
background-color: #FFFFFF;
margin-top: 10px;
width: 100%;
}
.replytoposter {
color: #898888;
text-decoration: none;
}
.replytoposter a:hover {
color: #CEB656;
text-decoration: none;
}
.replytoposter a:link, a:visited {
Color: #5E714F;
text-decoration: none;
}
.skiplinks {
text-align: center;
color: #858484;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
}
.skiplinks a:link {
Color: #A7A7A7;
}
.skiplinks a:hover {
Color: #5E714F;
}
/*--------------------------------------------
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.
Español:
o1. Ve a personalizar, busca 'flexible aquares' en la lista de estilos y aplica cualquiera de sus temas.
o2. Ve a personalizar tu tema, y escoge 'no' en todas las opciones. Pega el código del diseño que elegiste y da a salvar.
Saving the headers to your hard drive is advisable in case tinypic ever fails.
If credit, a way to do so would be linking back to toledan_night in your user profile (this is not a requirement).
As usual, you are more than welcome to play around with these designs, use your own codes or modify them to your liking.
Feel free to watch the community
Hope you like! ♥
RESOURCES
Quotes by tracy_loo_who
Screencaps by cybel and toxic_caps
Textures by vikyvampirs90, worship-elle, Last Sunday, Sanami276, Letze Regen
Backgrounds by Coy Dreamer, Zeinick Designs, Kaliber1000
First part