(no subject)
Journal Preview: testamour
Style Name: (EX: Flexible Squares) Flexible Squares
Account Type: (Paid, Basic, Plus) Any
Problem/Question: I want the background of the numbers (header) to encompass everything of the header. Like, for there not to be any white around it 'framing it'. My code is under the cut.
/*---------------------------------------------------
stylesheet by: laceamour@livejournal
style: flexible squares
version: Essence (Purple)
Credit: cartonage@livejournal
contact: muffinkiller@hotmail.com
-----------------------------------------------------*/
body {
background-color: #D9CEB2;
text-align: center;
color: #7A6A53;
font-family: "georgia", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
text-align: justify;
}
a, a:link, a:visited {
color: #99B2B7;
text-decoration: none;
}
a:hover {
color: #D5DED9;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: georgia;
}
blockquote {
font-size: 10px;
font-family: georgia;
color: #7A6A53;
background-color: #D5DED9;
padding: 10px;
width: 50%;
border-left: 20px solid #99B2B7;
margin: 0 auto;}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
text-align: justify;
}
#maincontent {
margin-top: 15px;
font-family: "georgia", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #7A6A53;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 0px;
text-align: justify;
}
#sidebar {
padding-top: 5px;
margin-top: 15px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "georgia", sans-serif;
color: #7A6A53;
width: 180px;
float: right;
text-align: justify;
display: none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "georgia", sans-serif;
font-size: 50px;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
border-style: solid;
line-height: 60px;
border-color: #948C75;
border-width: 5px;
background-color: #948C75;
color: #99B2B7;
}
.headerimage {
/* for formatting header image */
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #C2CC6A;
}
div#header a:hover, div#footer a:hover {
color: #ABBB18;
text-decoration: none;
}
/*title and subtitle*/
.title {
font-family: "tahoma", sans-serif;
font-size: 0px;
line-spacing: 0px;
font-weight: normal;
color: #ABBB18;
line-height: 0px;
top: 0x;
display: none;
}
.subtitle{
font-family: "tahoma", sans-serif;
font-size: 0px;
color: #454734;
font-weight: normal;
top: 0px;
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 0px 0 3px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #202020;
font-family: "tahoma", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff !important;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #ECEEDB;
border-style: solid;
}
.date {
line-height: 200%;
top: 5px;
color: #A8B346;
font-family: "tahoma", sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.subject {
font-weight: normal;
padding: 4px;
color:#A8B346;
font-family: "century gothic", sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #454734;
}
.subject a:hover {
color: #A8B156;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "tahoma", sans-serif;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "tahoma", sans-serif;
font-size: 11px;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #202020;
}
div.comments a:hover {
color: #A8B156;
text-decoration: none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #ECEEDB !important;
border-width: 1px;
border-color: #ECEEDB;
font-family: "tahoma", sans-serif;
font-size: 11px;
z-index: 15;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #454734;
}
div#sidebar a:hover {
color: #7B8522;
border-bottom: 1px dashed #7B8522;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #ffffff;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "tahoma", sans-serif;
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-left: 0px;
list-style: none;
}
li.sbartitle
{
padding-left: 0px;
list-style: none;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #7B8522;
background-color: #ffffff;
font-family: "century gothic", sans-serif;
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #ffffff;
color: #454734;
border-color: #999999;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #ECEEDB;
background-color: #ffffff !important;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ECEEDB;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #eaeaea;
color: #454734;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "tahoma", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #454734;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "tahoma", sans-serif;
color: #454734;
}
.commentbox {
border-color: #ffffff;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #7A832C;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Thank you!
SOLVED
Style Name: (EX: Flexible Squares) Flexible Squares
Account Type: (Paid, Basic, Plus) Any
Problem/Question: I want the background of the numbers (header) to encompass everything of the header. Like, for there not to be any white around it 'framing it'. My code is under the cut.
/*---------------------------------------------------
stylesheet by: laceamour@livejournal
style: flexible squares
version: Essence (Purple)
Credit: cartonage@livejournal
contact: muffinkiller@hotmail.com
-----------------------------------------------------*/
body {
background-color: #D9CEB2;
text-align: center;
color: #7A6A53;
font-family: "georgia", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
text-align: justify;
}
a, a:link, a:visited {
color: #99B2B7;
text-decoration: none;
}
a:hover {
color: #D5DED9;
text-decoration: none;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: georgia;
}
blockquote {
font-size: 10px;
font-family: georgia;
color: #7A6A53;
background-color: #D5DED9;
padding: 10px;
width: 50%;
border-left: 20px solid #99B2B7;
margin: 0 auto;}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
text-align: justify;
}
#maincontent {
margin-top: 15px;
font-family: "georgia", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #7A6A53;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 0px;
text-align: justify;
}
#sidebar {
padding-top: 5px;
margin-top: 15px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "georgia", sans-serif;
color: #7A6A53;
width: 180px;
float: right;
text-align: justify;
display: none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "georgia", sans-serif;
font-size: 50px;
font-weight: bold;
letter-spacing: 5px;
text-transform: uppercase;
border-style: solid;
line-height: 60px;
border-color: #948C75;
border-width: 5px;
background-color: #948C75;
color: #99B2B7;
}
.headerimage {
/* for formatting header image */
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #C2CC6A;
}
div#header a:hover, div#footer a:hover {
color: #ABBB18;
text-decoration: none;
}
/*title and subtitle*/
.title {
font-family: "tahoma", sans-serif;
font-size: 0px;
line-spacing: 0px;
font-weight: normal;
color: #ABBB18;
line-height: 0px;
top: 0x;
display: none;
}
.subtitle{
font-family: "tahoma", sans-serif;
font-size: 0px;
color: #454734;
font-weight: normal;
top: 0px;
display: none;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 0px 0 3px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #202020;
font-family: "tahoma", sans-serif;
font-size: 11px;
text-align: justify;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff !important;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #ECEEDB;
border-style: solid;
}
.date {
line-height: 200%;
top: 5px;
color: #A8B346;
font-family: "tahoma", sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.subject {
font-weight: normal;
padding: 4px;
color:#A8B346;
font-family: "century gothic", sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #454734;
}
.subject a:hover {
color: #A8B156;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "tahoma", sans-serif;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "tahoma", sans-serif;
font-size: 11px;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #202020;
}
div.comments a:hover {
color: #A8B156;
text-decoration: none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
/* for formatting separators between entries */
height: 35px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
background-color: #ECEEDB !important;
border-width: 1px;
border-color: #ECEEDB;
font-family: "tahoma", sans-serif;
font-size: 11px;
z-index: 15;
}
/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #454734;
}
div#sidebar a:hover {
color: #7B8522;
border-bottom: 1px dashed #7B8522;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #ffffff;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "tahoma", sans-serif;
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-left: 0px;
list-style: none;
}
li.sbartitle
{
padding-left: 0px;
list-style: none;
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #7B8522;
background-color: #ffffff;
font-family: "century gothic", sans-serif;
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #ffffff;
color: #454734;
border-color: #999999;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 1px;
border-style: solid;
border-color: #ECEEDB;
background-color: #ffffff !important;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ECEEDB;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #eaeaea;
color: #454734;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "tahoma", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #454734;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "tahoma", sans-serif;
color: #454734;
}
.commentbox {
border-color: #ffffff;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #7A832C;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Thank you!
SOLVED