text formatting issues

Aug 13, 2009 16:13

account level: permanent
layout at: x2xbandgeekx2x
layer: here
CSS under the cut... I've only been working with CSS for a few weeks, so I apologize if its a bit redundant and/or unorganized.

body {
background-color: #1e2c38;
text-align: center;
color: #FF3366;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 100px 0 100px 0;
}

a, a:link {
color: #88d814;
text-decoration: none:
}

a:visited {
color: #2d7a0b;
text-decoration: none;
}

a:hover {
color: #217a97;
text-decoration: none;
}

blockquote {
background-color:#ffffffff;
padding:5px;
border:1px dashed;
border-color:#1e2c38;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 828px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
border-width: 1px;
border-style: none;
border-color: #999999;
padding: 15px;
}

#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #000000;
border-style: none;
border-color: none;
border-width: 1px;
margin-right: 190px;
text-align: left;
}

#sidebar {

padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: none;
border-width: 1px;
border-style: none;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
width: 170px;
float: right;
text-align: left;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 80%;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: Thryomanes, serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: none;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #ffffff;
}

.headerimage {
position: center;
width: 859px; /* Width of the banner, in pixels */
height: 400px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://i28.photobucket.com/albums/c205/x2xbandgeekx2x/headerbyitself.png"); /* Header image URL */
background-repeat: no-repeat;
}

/*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: #dc5f53;
font:Arial, Helvetica, sans-serif;
font-transform:uppercase;
text-decoration:none;
background-color: #ffffff;
}

div#header a:hover, div#footer a:hover {
color: #d02715;
font-transform:uppercase;
background-color: #ffffff;
text-decoration:none;
}

/*title and subtitle*/
.title {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 200%;
font-weight:bold;
font-transform: uppercase;
top: 10px;
color: #217a97;
background-color: #ffffff;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.subtitle{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style:italic;
top: 10px;
bottom: 40px;
color: #9fff15;
background-color: #ffffff;
padding-bottom: 40px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 20px;
margin: 0px;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-transform: uppercase;

}

ul.navheader li {
display: inline;
padding: 0 10px 0 10px;
background-color: #ffffff;
}

li.view {
color: #b43e32
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 1px;
border-color: #919bad;
border-style: none;
}

.userpic {
position: relative;
float: left;
background-color: #ffffff !important;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-style: none;
}

.date {
line-height: 200%;
top: 5px;
color: #217a97;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-transform: lowercase;

}

.subject {
font-weight: bold;
padding: 0px;
color: #dc5f53;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-transform:uppercase;
border-bottom:1px dashed;
text-decoration:none;
}

.subject a, .subject a:link, .subject a:visited {
color: #dc5f53;
font-transform: uppercase;

}

.subject a:hover {
color: #d02715;
font-transform: uppercase;
}

.datesubject {
background-color: #ffffff;
padding: 5px;
font-transform:lowercase;
}

.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: "Verdana", sans-serif;
font-size: 11px;
}

.currentlocation {
display:none;
}

.currents strong{
font-weight:bold;
text-transform:lowercase;
color: #217a97;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
color: #ffffff;
display: inline;
text-decoration: none;
}

div.comments a, div.comments a:link {
color: #dc5f53
text-decoration: none;
}

div.comments a:visited{
color: #b43e32;
text-decoration: none;
}

div.comments a:hover {
color: #d02715;
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: none;
border-width: 1px;
border-color: #919bad;
font-size: 11px;
z-index: 15;
background-color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------
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: #2d7a0b;
text-decoration:none;
}

div#sidebar a:hover {
color: #217a97;
text-decoration: none;
}

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: none;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #dbf7b1;
}

.sbarcalendarposts {
border-color: none;
border-width: 1px;
border-style: none;
background-color: #c2e0e9;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*------------------------------------------------------------
tags page - list and reply to subject
-------------------------------------------------------------------------------*/
.replytosubject {
background-color: #ffffff;
}

.ljtaglist {
list-style-type:none;
line-height: 20px;
text-decoration: none;
}

h2 {
font-size:16px;
font-transform: uppercase;
font-weight: bold;
margin-left:40px;
color: #dc5f53;
border-bottom: 1px dashed #dc5f53;
}

.ljtags {
padding-top: 10px;
}
/*------------------------------------------------------------
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-bottom: 1px dashed #dc5f53;
border-left: none;
border-right: none;
border-top: none;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
color: #dc5f53;
font-family:Arial, Helvetica, sans-serif;
font-transform: uppercase;

}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #ffffff;
color: #000000;
border-color: #999999;
border-width: 1px;
border-style: none;
z-index: 100;
clear: both;
}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

li.viewing {
color: #b43e32;
}

/*----------------------------------------------------
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: 1px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #d4dce8;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: none;
border-color: #d4dce8;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: none;
}

.box {
border-style: none;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}

input, textarea {
input, textarea, select {
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
border:1px solid #217a97;
font-size:11px;
color:#000000;
padding:3px;
}
}

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%;
background-color: #ffffff;
color: #000000;
}

.replytosubject {
font-weight: bold;
background-color: #ffffff;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif
color: #000000;
}

.commentbox {

border-color: #1e2c38;
border: none;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.datesubjectcomment {
border-bottom:1px dashed;
border-bottom-color: #1e2c58
}

.datesubjectcomment a:link {
color: #dc5f53;
}
.datesubjectcomment a:visited {
color: #b43e32
}
.datesubjectcomment a:hover {
color: #d02715;
}

.commentboxpartial {
border-color: #1e2c58;
border-width: 1px;
border-style: dashed;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
color: #dc5f53;
}

skiplinks a {
color: #2d7a9b;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}
#header, #footer {
width: auto;
}

.leftlinks {
text-decoration:none;
float: none;
padding-right: 1em;
text-align:center;
}

.comments div {
display: inline;
text-align: center;
}

.comments { text-align: center; }

1. (SOLVED) I have a dashed line under the subject of my entries, but there's a pesky dash that always shows up to the left of my userpic. Can I bump the line over so it doesn't stick out without moving the subject?





2. (SOLVED) I'd like for my journal title, entry titles, navigation links at the top, and the titles on my sidebar to be in all caps, with the journal subtitle and entry dates all lowercase... I googled a bit and managed to get the all lower case thing to work on the current moodtheme & music (using text-transform:lowercase), but for some reason I can't get it to work anywhere else. I assume I'm doing something stupid with the CSS.

3. (SOLVED) Also along those lines, I don't want any links underlined. I thought I had it fixed, but now I've noticed that the subjects on my friends list show up underlined, as do most of the links to comment or edit an entry. I think I must be missing something obvious because I thought I knew how to fix that. Any chance someone can catch what I'm doing wrong?

entry comment bar, solved, date, subject, sidebar, stylesheet, misc

Previous post Next post
Up