Battlestar Glactica - Apollo/Starbuck, Apollo & Starbuck Layouts
Style: S2 Flexible Squares
Website: Not Needed
Custom Colors: Taken care of in the stylesheet
Best view: 1024x768 or higher
Browser(s) Compatible: Firefox & IE
Live Preview: Lee/Kara | Lee Adama | Kara Thrace
The CSS Code
/*------------------------------------------------
LAYOUT: "Battlestar Glactica - Lee Adama & Kara Thrace (Layout o2)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
The tiny user/community are from http://sweetie.sublink.ca/
and have been modified into black/white by me.
------------------------------------------------*/
/* ------ MAIN ------ */
body {
background-color: #EEEEEE;
color: #000000
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px 0 0px 0;
}
a, a:link, a:visited {
color: #a07f59;
text-decoration: none;
}
a:hover {
color: #B3B3B3;
text-decoration: none;
}
::-moz-selection {
color: #FFFFFF;
background: #CECECE;
}
blockquote {
padding: 18px;
border: 1px dashed #CECECE;
color: #01003A;
font-size: 8pt;
line-height: 13px;
font-family: "Verdana", sans-serif;
background: #FFFFFF;
text-align: justify;
}
p, td{
}
code, kbd, pre, tt {
font-family: monospace;
}
ul.ljtaglist {
text-align: left;
padding-left: 20px;
}
/* ------ CONTAINING ELEMENTS ------ */
#content {
background-color: #FFFFFF;
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding: 8px;
}
#maincontent {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
margin-left: 170px;
text-align: center;
margin-top : 16px;
}
#sidebar {
border: 1px #CCCCCC solid;
padding: 0px 0 15px 0;
background-color: #FFFFFF;
margin-top: 16px;
font-family: "Verdana", sans-serif;
font-size: 10px;
color: #000000;
width: 160px;
float: left;
text-align: left;
text-transform: lowercase;
}
#header {
position: relative;
background : url('http://i153.photobucket.com/albums/s217/mercscilla_test/BSG/apollostarbuckheader.jpg') center top no-repeat;
background-color: transparent;
margin: 0px;
padding: 0px;
height: 300px;
width: 700px;
text-align: center;
color: #987b53;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: lowercase;
}
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5d5d5d;
text-transform: lowercase;
z-index: 100;
clear: both;
background-color: #EEEEEE;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited {
color: #aa9c81;
text-decoration: none;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #9B9B9B;
text-decoration: none;
}
div#header a:hover {
color: #a07f59;
text-decoration: none;
}
div#footer a:hover {
color: #a07f59;
text-decoration: none;
}
ul.navheader
{
position: absolute;
bottom: 05px;
right: 455px;
width: 140px;
text-align: left;
padding: 0;
}
ul.navheader li {
display: block;
padding: 6px 0px 6px 8px;
margin: 4px;
background-color: #000000;
}
.title, .subtitle {
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited{
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover {
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #a07f59;
padding: 3px 3px 3px 10px;
text-decoration: none;
}
div#sidebar a:hover {
padding: 3px 3px 3px 10px;
background-color: #7f5a42;
color: #FFFFFF;
}
.defaultuserpic {
display: none;
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 1px;
border: 1px solid #CECECE;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
.sbarcalendarposts {
padding: 1px;
border: 1px solid #CECECE;
background-color: #eee8da;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
text-align: left;
text-transform: lowercase;
padding: 3px 3px 3px 5px;
border-bottom: 1px dotted #CCCCCC;
list-style: none;
}
li.sbartitle {
padding: 3px 5px 3px 5px;
margin: 10px 0 10px 0;
background-color: #cbc1a8;
list-style: none;
text-align: left;
color: #3f1a11;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 10px;
}
/* ------ MAINCONTENT ------ */
.ljuser img {
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
;){kind=link}
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_community.png);
;){kind=link}
padding: 13px 0px 0px 15px;
}
span.ljuser a b {
padding: 2px 0 2px 0;
color: #a07f59;
font-weight: lighter;
}
span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #B3B3B3;
font-weight: lighter;
}
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 10pt;
padding-left: 12px;
padding: 8px;
}
.subcontent {
border: 1px #CCCCCC solid;
}
.entry {
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr {
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #CECECE;
}
.entry ul li, ol li, li {
padding-right: 5px;
margin-left: 0px;
}
.userpic {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends {
background-color:transparent !important;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
color: #4E4E4E;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: uppercase;
}
.subject {
background-color: #cbc1a8;
font-weight: none;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #a07f59;
}
.subject a:hover {
color: #B3B3B3;
}
.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags {
margin-top: 30px;
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #a07f59;
text-transform: none;
font-weight: lighter;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #4E4E4E;
text-transform: none;
font-weight: lighter;
}
.currentlocation a:hover, .ljtags a:hover {
color: #B3B3B3;
font-weight: lighter;
text-transform: none;
}
.comments {
font-family: "Verdana", sans-serif;
text-transform: lowercase;
font-size: 11px;
text-align: right;
padding: 5px 5px 5px 5px;
position: relative;
clear: right;
margin-top: 15px;
background-color: #eee8da;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
}
div.comments a:hover {
color: #a07f59;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment {
margin-top: 20px;
text-align: right;
padding: 5px;
background-color: #cbc1a8;
}
.userpiccomment {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-top: 0px;
text-align: left;
clear:right;
}
form div.box {
text-align:center;
}
div#content input,
div#content textarea,
div#content select {
color: #5d5d5d;
border:#4E4E4E solid 1px;
background-color:#FFFFFF;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #000000;
}
.replytosubject {
color: #000000;
font-weight: bold;
text-transform: lowercase;
padding: 5px;
background-color: #cbc1a8;
}
.replytoposter {
color: #5d5d5d;
text-transform: lowercase;
padding: 5px;
}
.commentreply {
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
}
.commentbox {
padding: 5px;
margin: 10px;
text-align: left;
border: 1px #CCCCCC solid;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #a07f59;
}
.datesubjectcomment a:hover {
color: #B3B3B3;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px #CCCCCC solid;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px #CECECE solid;
color: #000000;
}
table.yeartable td.yearday {
text-align: center;
color: #666666;
}
td.yearmonth {
color: #a07f59;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* ------ MISC ------ */
.clear {
height: 0px;
font-size: 0.01px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage {
}
.separator {
height: 20px;
}
/*------------------------------------------------
LAYOUT: "Battlestar Glactica - Lee Adama (Layout o1)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
The tiny user/community are from http://sweetie.sublink.ca/
and have been modified into black/white by me.
------------------------------------------------*/
/* ------ MAIN ------ */
body {
background-color: #EEEEEE;
color: #000000
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px 0 0px 0;
}
a, a:link, a:visited {
color: #687d82;
text-decoration: none;
}
a:hover {
color: #B3B3B3;
text-decoration: none;
}
::-moz-selection {
color: #FFFFFF;
background: #CECECE;
}
blockquote {
padding: 18px;
border: 1px dashed #CECECE;
color: #01003A;
font-size: 8pt;
line-height: 13px;
font-family: "Verdana", sans-serif;
background: #FFFFFF;
text-align: justify;
}
p, td{
}
code, kbd, pre, tt {
font-family: monospace;
}
ul.ljtaglist {
text-align: left;
padding-left: 20px;
}
/* ------ CONTAINING ELEMENTS ------ */
#content {
background-color: #FFFFFF;
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding: 8px;
}
#maincontent {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
margin-left: 170px;
text-align: center;
margin-top : 16px;
}
#sidebar {
border: 1px #CCCCCC solid;
padding: 0px 0 15px 0;
background-color: #FFFFFF;
margin-top: 16px;
font-family: "Verdana", sans-serif;
font-size: 10px;
color: #000000;
width: 160px;
float: left;
text-align: left;
text-transform: lowercase;
}
#header {
position: relative;
background : url('http://i153.photobucket.com/albums/s217/mercscilla_test/BSG/apolloheader.jpg') center top no-repeat;
background-color: transparent;
margin: 0px;
padding: 0px;
height: 300px;
width: 700px;
text-align: center;
color: #C1C1C1;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5d5d5d;
text-transform: lowercase;
z-index: 100;
clear: both;
background-color: #EEEEEE;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #9B9B9B;
text-decoration: none;
}
div#header a:hover {
color: #687d82;
text-decoration: none;
}
div#footer a:hover {
color: #687d82;
text-decoration: none;
}
ul.navheader
{
position: absolute;
bottom: 100px;
right: 560px;
width: 140px;
text-align: left;
padding: 0;
}
ul.navheader li {
display: block;
padding: 8px 0px 8px 8px;
margin: 4px;
background-color: #000000;
}
.title, .subtitle {
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited{
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover {
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #687d82;
padding: 3px 3px 3px 10px;
text-decoration: none;
}
div#sidebar a:hover {
padding: 3px 3px 3px 10px;
background-color: #c2c2c2;
color: #FFFFFF;
}
.defaultuserpic {
display: none;
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 1px;
border: 1px solid #CECECE;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
.sbarcalendarposts {
padding: 1px;
border: 1px solid #CECECE;
background-color: #EEEEEE;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
text-align: left;
text-transform: lowercase;
padding: 3px 3px 3px 5px;
border-bottom: 1px dotted #CCCCCC;
list-style: none;
}
li.sbartitle {
padding: 3px 5px 3px 5px;
margin: 10px 0 10px 0;
background-color: #E4E4E4;
list-style: none;
text-align: left;
color: #4D4D4D;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 10px;
}
/* ------ MAINCONTENT ------ */
.ljuser img {
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_community.png);
padding: 13px 0px 0px 15px;
}
span.ljuser a b {
padding: 2px 0 2px 0;
color: #687d82;
font-weight: lighter;
}
span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #B3B3B3;
font-weight: lighter;
}
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 10pt;
padding-left: 12px;
padding: 8px;
}
.subcontent {
border: 1px #CCCCCC solid;
}
.entry {
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr {
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #CECECE;
}
.entry ul li, ol li, li {
padding-right: 5px;
margin-left: 0px;
}
.userpic {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends {
background-color:transparent !important;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
color: #4E4E4E;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: uppercase;
}
.subject {
background-color: #E4E4E4;
font-weight: none;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #687d82;
}
.subject a:hover {
color: #B3B3B3;
}
.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags {
margin-top: 30px;
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #687d82;
text-transform: none;
font-weight: lighter;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #4E4E4E;
text-transform: none;
font-weight: lighter;
}
.currentlocation a:hover, .ljtags a:hover {
color: #B3B3B3;
font-weight: lighter;
text-transform: none;
}
.comments {
font-family: "Verdana", sans-serif;
text-transform: lowercase;
font-size: 11px;
text-align: right;
padding: 5px 5px 5px 5px;
position: relative;
clear: right;
margin-top: 15px;
background-color: #EEEEEE;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
}
div.comments a:hover {
color: #687d82;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment {
margin-top: 20px;
text-align: right;
padding: 5px;
background-color: #CECECE;
}
.userpiccomment {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-top: 0px;
text-align: left;
clear:right;
}
form div.box {
text-align:center;
}
div#content input,
div#content textarea,
div#content select {
color: #5d5d5d;
border:#4E4E4E solid 1px;
background-color:#FFFFFF;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #000000;
}
.replytosubject {
color: #000000;
font-weight: bold;
text-transform: lowercase;
padding: 5px;
background-color: #E4E4E4;
}
.replytoposter {
color: #5d5d5d;
text-transform: lowercase;
padding: 5px;
}
.commentreply {
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
}
.commentbox {
padding: 5px;
margin: 10px;
text-align: left;
border: 1px #CCCCCC solid;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #687d82;
}
.datesubjectcomment a:hover {
color: #B3B3B3;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px #CCCCCC solid;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px #CECECE solid;
color: #000000;
}
table.yeartable td.yearday {
text-align: center;
color: #666666;
}
td.yearmonth {
color: #687d82;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* ------ MISC ------ */
.clear {
height: 0px;
font-size: 0.01px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage {
}
.separator {
height: 20px;
}
/*------------------------------------------------
LAYOUT: "Battlestar Glactica - Kara Thrace (Layout o1)"
BY: Mercy @ street_of_mercy
STYLE: S2 Flexible Squares
WORKS WITH: Free, Sponsored and Paid accounts
BROWSER: Firefox and Internet Explorer
The tiny user/community are from http://sweetie.sublink.ca/
and have been modified into black/white by me.
------------------------------------------------*/
/* ------ MAIN ------ */
body {
background-color: #EEEEEE;
color: #000000
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px 0 0px 0;
}
a, a:link, a:visited {
color: #a8978e;
text-decoration: none;
}
a:hover {
color: #B3B3B3;
text-decoration: none;
}
::-moz-selection {
color: #FFFFFF;
background: #CECECE;
}
blockquote {
padding: 18px;
border: 1px dashed #CECECE;
color: #01003A;
font-size: 8pt;
line-height: 13px;
font-family: "Verdana", sans-serif;
background: #FFFFFF;
text-align: justify;
}
p, td{
}
code, kbd, pre, tt {
font-family: monospace;
}
ul.ljtaglist {
text-align: left;
padding-left: 20px;
}
/* ------ CONTAINING ELEMENTS ------ */
#content {
background-color: #FFFFFF;
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding: 8px;
}
#maincontent {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
margin-left: 170px;
text-align: center;
margin-top : 16px;
}
#sidebar {
border: 1px #CCCCCC solid;
padding: 0px 0 15px 0;
background-color: #FFFFFF;
margin-top: 16px;
font-family: "Verdana", sans-serif;
font-size: 10px;
color: #000000;
width: 160px;
float: left;
text-align: left;
text-transform: lowercase;
}
#header {
position: relative;
background : url('http://i153.photobucket.com/albums/s217/mercscilla_test/BSG/starbuckheader.jpg') center top no-repeat;
background-color: transparent;
margin: 0px;
padding: 0px;
height: 300px;
width: 700px;
text-align: center;
color: #C1C1C1;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-transform: lowercase;
}
#footer {
width: 100%;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #5d5d5d;
text-transform: lowercase;
z-index: 100;
clear: both;
background-color: #EEEEEE;
}
/* ------ HEADER ------ */
div#header a, div#header a:link, div#header a:visited {
color: #FFFFFF;
text-decoration: none;
}
div#footer a, div#footer a:link, div#footer a:visited {
color: #9B9B9B;
text-decoration: none;
}
div#header a:hover {
color: #a8978e;
text-decoration: none;
}
div#footer a:hover {
color: #a8978e;
text-decoration: none;
}
ul.navheader
{
position: absolute;
bottom: 100px;
right: 560px;
width: 140px;
text-align: left;
padding: 0;
}
ul.navheader li {
display: block;
padding: 8px 0px 8px 8px;
margin: 4px;
background-color: #000000;
}
.title, .subtitle {
display: none;
}
/* ------ SIDEBAR ------ */
#sidebar .sbarcalendarposts a, #sidebar .sbarcalendarposts a:link, .sbarcalendarposts a:visited{
padding: 0px;
text-align: center;
}
#sidebar .sbarcalendarposts a:hover {
padding: 0px;
text-align: center;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #a8978e;
padding: 3px 3px 3px 10px;
text-decoration: none;
}
div#sidebar a:hover {
padding: 3px 3px 3px 10px;
background-color: #c2c2c2;
color: #FFFFFF;
}
.defaultuserpic {
display: none;
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
padding: 1px;
border: 1px solid #CECECE;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
.sbarcalendarposts {
padding: 1px;
border: 1px solid #CECECE;
background-color: #EEEEEE;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem {
text-align: left;
text-transform: lowercase;
padding: 3px 3px 3px 5px;
border-bottom: 1px dotted #CCCCCC;
list-style: none;
}
li.sbartitle {
padding: 3px 5px 3px 5px;
margin: 10px 0 10px 0;
background-color: #E4E4E4;
list-style: none;
text-align: left;
color: #4D4D4D;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 10px;
}
/* ------ MAINCONTENT ------ */
.ljuser img {
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_user.png);
padding: 13px 0px 0px 13px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://i153.photobucket.com/albums/s217/mercscilla_test/tiny_icon_community.png);
padding: 13px 0px 0px 15px;
}
span.ljuser a b {
padding: 2px 0 2px 0;
color: #a8978e;
font-weight: lighter;
}
span.ljuser a:hover b {
padding-top: 2px;
padding-bottom: 2px;
color: #B3B3B3;
font-weight: lighter;
}
ul.ljtaglist li {
list-style: none;
}
ul.ljtaglist {
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 10pt;
padding-left: 12px;
padding: 8px;
}
.subcontent {
border: 1px #CCCCCC solid;
}
.entry {
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: justify;
}
hr {
color: transparent;
height: 1px;
border-style : none;
border-bottom: 2px solid #CECECE;
}
.entry ul li, ol li, li {
padding-right: 5px;
margin-left: 0px;
}
.userpic {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
z-index: 15;
}
.userpicfriends {
background-color:transparent !important;
border: 1px #CCCCCC solid;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
color: #4E4E4E;
top: 5px;
font-family: "Verdana", sans-serif;
font-size: 10px;
text-transform: uppercase;
}
.subject {
background-color: #E4E4E4;
font-weight: none;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #a8978e;
}
.subject a:hover {
color: #B3B3B3;
}
.datesubject {
background-color: transparent;
padding: 0px;
text-align: left;
}
.ljtags {
margin-top: 30px;
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.currents, .currentmood, .currentmusic, .currentlocation {
color: #4E4E4E;
font-weight: lighter;
text-transform: lowercase;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #a8978e;
text-transform: none;
font-weight: lighter;
}
.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #4E4E4E;
text-transform: none;
font-weight: lighter;
}
.currentlocation a:hover, .ljtags a:hover {
color: #B3B3B3;
font-weight: lighter;
text-transform: none;
}
.comments {
font-family: "Verdana", sans-serif;
text-transform: lowercase;
font-size: 11px;
text-align: right;
padding: 5px 5px 5px 5px;
position: relative;
clear: right;
margin-top: 15px;
background-color: #EEEEEE;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
}
div.comments a:hover {
color: #a8978e;
text-decoration: none;
}
/* ------MAINCONTENT -- ENTRY, REPLY PAGES ------ */
.datesubjectcomment {
margin-top: 20px;
text-align: right;
padding: 5px;
background-color: #CECECE;
}
.userpiccomment {
background-color: #FFFFFF;
border: 1px #CCCCCC solid;
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 20px 10px -20px 10px;
z-index: 15;
float: right;
}
.box {
padding: 10px;
margin-top: 0px;
text-align: left;
clear:right;
}
form div.box {
text-align:center;
}
div#content input,
div#content textarea,
div#content select {
color: #5d5d5d;
border:#4E4E4E solid 1px;
background-color:#FFFFFF;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #000000;
}
.replytosubject {
color: #000000;
font-weight: bold;
text-transform: lowercase;
padding: 5px;
background-color: #E4E4E4;
}
.replytoposter {
color: #5d5d5d;
text-transform: lowercase;
padding: 5px;
}
.commentreply {
text-align: justify;
position: relative;
margin: 10px;
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #000000;
}
.commentbox {
padding: 5px;
margin: 10px;
text-align: left;
border: 1px #CCCCCC solid;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #a8978e;
}
.datesubjectcomment a:hover {
color: #B3B3B3;
}
.commentboxpartial {
padding: 10px;
margin: 10px;
border: 1px #CCCCCC solid;
}
.commentinfo {
margin-top: 10px;
width: 100%;
}
/* ------ MAINCONTENT -- YEAR/ACHIVE PAGES ------ */
ul.year {
text-align: center;
padding: 20px 0 20px 0;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px #CECECE solid;
color: #000000;
}
table.yeartable td.yearday {
text-align: center;
color: #666666;
}
td.yearmonth {
color: #a8978e;
border-style: none;
}
/* ------ FOOTER ------ */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* ------ MISC ------ */
.clear {
height: 0px;
font-size: 0.01px;
}
.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 10px 0 10px 0;
}
.headerimage {
}
.separator {
height: 20px;
}
IMPORTANT: You need a title for the blurb/free text box or the sidebar goes wacko.
The Images
Lee/Kara Header | Lee Header | Kara Header
Lee/Kara Friends-Only Banner | Lee Friends-Only Banner | Kara Friends-Only Banner
I've uploaded the images to my photobucket account. If you want, you can keep the links as it is or you can upload the images to your own account and change the links in the stylesheet.
The How-To-Change-The-Colors Stuff
The colors for the Lee/Kara Version: #A07F59 | #B3B3B3 | #987B53 | #AA9C81.
The colors for the Lee Adama Version: #687D82 | #B3B3B3 | #C1C1C1.
The colors for the Kara Thrace Version: #A8978E | #B3B3B3 | #C1C1C1.
Change them to your choice of colors.
The set-up guide is HERE
Should you encounter any problems, please don't hesitate and ask me. :)
Enjoy!