Two Question
Journal Preview: tailoredstyles
Style Name: Flexible Squares
Account Type: Basic
Problem/Question: I have two questions, really. One, I'm trying to change the link color in my entry from white to black, just the links in the entry text, but I can't seem to do it! Whenever I try, ALL the links change color.
Second question, kind of like the first. I'm trying to change the subject of the sidebar boxes, ie where it says links and August 2011, from black to white. Can't do that either.
I must be having a brainfart with these two things.
/* Cleaned CSS: */
/*---------------------------------------------------
dear john, flexible squares, by tailored-denim
-----------------------------------------------------*/
body {
background-color: #FF7136;
text-align: center;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: #FF7136;
border-width: 0px
border-style: solid;
border-color: #999999;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: Hacienda, sans-serif;
font-size: 11px;
background-color: #FFECA5;
color: #000000;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #FFECA5;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: Hacienda, sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: left;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #FF7136;
color: #000000;
}
.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: #000000;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
/*title and subtitle*/
.title {
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/*-----------------------------------------------------------------------------
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 3px 0 3px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #FFECA5;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.userpic {
position:absolute;
top:166px;
left:95px;
background-color: #FFECA5;
padding: 5px;
z-index: 15;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.subject {
background-color: #1F3648;
font-weight: bold;
padding: 10px;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #1F3648;
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: Hacienda, sans-serif;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: Hacienda, sans-serif;
font-size: 11px;
text-align: right;
background-color: #1F3648;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}
div.comments a:hover {
color: #b0b9c8;
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;
border-width: 0px;
border-color: #919bad;
font-family: Hacienda, 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: #000000;
}
div#sidebar a:hover {
color: #000000;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #FFECA5;
text-align: center;
font-family: Hacienda, 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: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #1F3648;
margin-bottom: 10px;
margin-top: 10px;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #FFECA5;
color: #000000;
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: #FFECA5;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #1F3648;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 0px;
border-style: solid;
border-color: #d4dce8;
background-color: #FFECA5;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #FFECA5;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Hacienda, sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #FFECA5;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: Hacienda, sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFECA5;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFECA5;
}
.commentinfo {
background-color: #FFECA5;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
Style Name: Flexible Squares
Account Type: Basic
Problem/Question: I have two questions, really. One, I'm trying to change the link color in my entry from white to black, just the links in the entry text, but I can't seem to do it! Whenever I try, ALL the links change color.
Second question, kind of like the first. I'm trying to change the subject of the sidebar boxes, ie where it says links and August 2011, from black to white. Can't do that either.
I must be having a brainfart with these two things.
/* Cleaned CSS: */
/*---------------------------------------------------
dear john, flexible squares, by tailored-denim
-----------------------------------------------------*/
body {
background-color: #FF7136;
text-align: center;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 70%;
margin-left: auto; margin-right: auto;
background-color: #FF7136;
border-width: 0px
border-style: solid;
border-color: #999999;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: Hacienda, sans-serif;
font-size: 11px;
background-color: #FFECA5;
color: #000000;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #FFECA5;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: Hacienda, sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: left;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #FF7136;
color: #000000;
}
.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: #000000;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
/*title and subtitle*/
.title {
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/*-----------------------------------------------------------------------------
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 3px 0 3px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #FFECA5;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.userpic {
position:absolute;
top:166px;
left:95px;
background-color: #FFECA5;
padding: 5px;
z-index: 15;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.subject {
background-color: #1F3648;
font-weight: bold;
padding: 10px;
color: #000000;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #1F3648;
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: Hacienda, sans-serif;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: Hacienda, sans-serif;
font-size: 11px;
text-align: right;
background-color: #1F3648;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}
div.comments a:hover {
color: #b0b9c8;
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;
border-width: 0px;
border-color: #919bad;
font-family: Hacienda, 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: #000000;
}
div#sidebar a:hover {
color: #000000;
text-decoration: none;
}
/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #FFECA5;
text-align: center;
font-family: Hacienda, 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: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #1F3648;
margin-bottom: 10px;
margin-top: 10px;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: Hacienda, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #FFECA5;
color: #000000;
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: #FFECA5;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #1F3648;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 0px;
border-style: solid;
border-color: #d4dce8;
background-color: #FFECA5;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #FFECA5;
color: #000000;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Hacienda, sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #FFECA5;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: Hacienda, sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFECA5;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #FFECA5;
}
.commentinfo {
background-color: #FFECA5;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}