11 Feb 2010, 02:39
Generic-user-small

michael kessler (18 posts)

Working through the login/logout nav in the sidebar, and after rendering, the “Welcome” and “Logout” lines are not styled properly. I went into the CSS and didn’t see any code for ‘id=user-nav’.

Would you please point me toward the solution?

Thanks.

11 Feb 2010, 15:08
Ryanirelan_headshot_48x48_pragsmall

Ryan Irelan (218 posts)

Hi Ramone,

This chunk of CSS code is what should style the user-nav:

/* User Utility Nav */

#user-nav {
	width:140px;
	float:right;
	margin:0;  
}

#user-nav ul {
	list-style-type:none;
	font-size:12px;
	margin:10px 0 15px 0;
	padding:0;
} 

#user-nav ul li {
	padding-bottom:5px;
} 

Does that not appear in your CSS file?

11 Feb 2010, 23:37
Generic-user-small

michael kessler (18 posts)

Hello Ryan,

Oddly is doesn’t. Thanks for the update.

And here’s what I have in the core.css file.

/*BASICS */

body { background-color:#fff; }

a { text-decoration:none;

}

a:hover { color:#000; }

a.read_story { font-size:10px; text-transform:uppercase; }

img { border:none; }

/*SITE-WIDE */

layoutWrapper {

width:750px;
margin:25px 0px 25px 15px; }

masthead {

height:125px; }

masthead h1,h2 {

font-family: Georgia, Times, "Times New Roman", serif;
text-align:center;
font-weight:normal;
margin:0;
padding:0; }

masthead h1 {}

#masthead h2 { font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-top:8px; }

main-nav {

height:25px;
border-bottom:1px solid #aaa;
border-top:4px double #aaa;
margin-top:15px; }

main-nav ul {

list-style-type:none;
margin:0;
padding:0; }

main-nav ul li {

display:block;
float:left; }

main-nav ul li a {

float:left;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
color:#111;
padding:6px 25px 6px 25px;
display:block; }              

main-nav ul li a:hover{

background-color:#555;
color:#fff; }

main-nav ul li a.current {

background-color:#555;
color:#fff;

}

main-nav p#subscribe {

color:#111;
text-transform:uppercase;
font-family: Georgia, Times, "Times New Roman", serif;
font-size:9px;
letter-spacing:1px;
float:right;
margin:7px 0 0 0;
padding:0;   }

main-nav p#subscribe img {

margin:0px 5px 0 0;
vertical-align: bottom; }

main-nav p a {

color:#111; }

topic-nav {

width:140px;
float:right;
margin:0;   }

category-nav {

margin:25px 0 0 0;
padding:0;
list-style-type:none;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
font-weight:bold;
font-size:9px;
letter-spacing:1px;
margin:0 0 10px 0;
padding:0 0 3px 0; }

category-nav a {

color:#111; }

category-nav a:hover {

border-bottom:1px solid #aaa;

}

topic-nav dl dd.last {

margin-bottom:20px; }

category-nav li ul {

font-family: Georgia, Times, "Times New Roman", serif;
font-size:10px;
margin:10px 0 15px 0;      
letter-spacing:.5px;
border:none;
text-transform:none;
list-style-type:none;
padding:0;
font-weight:normal; }           

category-nav li ul li {

padding-bottom:5px; }                     

topic-nav dt {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
font-weight:bold;
font-size:9px;
letter-spacing:1px;
margin:0 0 10px 0;
padding:0 0 3px 0; }

topic-nav dl dd {

font-family: Georgia, Times, "Times New Roman", serif;
font-size:10px;
margin:0 0 5px 0;      
letter-spacing:.5px; }

topic-nav dl dd#cartoon-byline {

text-transform:uppercase;
font-size:9px;
margin-bottom:15px; }

topic-nav dl dd a {

color:#111; }

topic-nav dl dd a:hover {

border-bottom:1px solid #aaa; }

footer {

border-top:4px double #aaa;
margin:25px 0 25px 0;
padding:15px 0 0 0;
text-align:center;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
clear:both; }

footer ul {

list-style-type:none;
margin:0 0 0 30%; }

footer ul li {

float:left;
margin:0 20px 0 0;

}

/* CONTENT */

content {

margin:-13px 0 0 15px;
width:550px;
float:left;

}

top-stories {

margin:0;
padding:0; }   

top-stories h3 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #aaa;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px;
margin:0 0 10px 0; }

lead-article {

color:#111;
margin:0 0 15px 0;

}

lead-article img {

float:left;
margin:0 5px 15px 0; }

lead-article h4 {

font-size:26px;
font-weight:normal;
margin:0 0 5px 0;
line-height:24px;
padding:0; }

lead-article h5 {

margin:0;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:12px;

}

lead-article h5 .by {

text-transform:none; }

lead-article p {

font-size:14px;
line-height:19px;
margin:10px 0 0 0; }

sec-story-left {

float:left;
width:300px;
margin-top:20px; }

sec-story-left h4 {

font-size:18px;
font-weight:normal;
margin:0; }

sec-story-left h5 {

margin:0;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:10px; }

sec-story-left h5 .by {

text-transform:none; }

sec-story-left p {

font-size:14px;
margin:10px 0 15px 0;
line-height:19px; }

sec-story-right {

float:right;
width:225px;
margin-top:20px; }

sec-story-right h4 {

font-size:15px;
font-weight:normal;
margin:0; }

sec-story-right h5 {

margin:0;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:9px; }

sec-story-right h5 .by {

text-transform:none; }

sec-story-right p {

font-size:14px;
margin:10px 0 15px 0;
line-height:19px; }

to-editor {

margin:20 0 25px 0px; }

to-editor p {

font-size:13px;
line-height:18px; }

to-editor h3 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #aaa;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px; }

to-editor h4 {

font-size:15px;
margin:0;
padding:0;
font-weight:normal; }                  

to-editor h5 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
margin:0; }

to-editor h5 .by {

text-transform:none; }

to-editor p.subhead {

font-size:12px;
margin:0;
padding:0;
letter-spacing:1px; }

to-editor #lcol {

float:left;
width:170px;
margin:15px 15px 0 0; }

to-editor #mcol {

float:left;
width:170px;
margin:15px 15px 0 0; }

to-editor #rcol {

float:left;
width:170px;
margin:15px 0 0 0; }

article {

margin-top:15px; }

article img {

float:left;
margin-right:10px; }

article h4 {

font-size:26px;
font-weight:normal;
margin:0;
line-height:24px;
padding:0 0 10px 0; }

article h5 {

margin:0;
font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:12px;

}

article h5 .by {

text-transform:none; }

article p {

font-size:15px;
line-height:19px;
margin:10px 0 0 0; }

/* ARTICLE COMMENTS */

comments {

}

comments h6, #comment-form h6 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #aaa;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px;
margin:25px 0 0 0; }

comments dl {

padding:0;
margin:0; }            

comments dl dt {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-size:10px;
text-transform:uppercase;    }

comments .comment-date {

float:right;
font-family: Georgia, Times, "Times New Roman", serif;
font-size:11px; }

comments .posted-by {

text-transform:none; }

comments dl dd {

margin:15px 0 0 0;
font-size:14px;
line-height:18px; }

comments .comment-content {

margin-bottom:15px;
width:70%;
padding:15px; }

comments .even {

background-color:#eee; }

comment-form {

}

comment-form h6 {

}

fieldset#comment-form-field { background-color:#eee; border:1px solid #ccc; margin:25px 0 25px 0; padding:10px 0 10px 25px; }

fieldset#comment-form-field label { font-size:12px; font-family: Georgia, Times, “Times New Roman”, serif; color:#111; }

form#comment-form-form { float:left; width:50%; clear:left; }

disclaimer {

float:right;
width:35%;
clear:left;
margin:30px 35px 0 0; }

disclaimer p {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-size:11px; 
padding-left:15px; }

related-articles {

margin:20 0 25px 0px; }

related-articles p {

font-size:13px;
line-height:18px; }

related-articles h3 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #aaa;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px; }

related-articles h4 {

font-size:15px;
margin:0;
padding:0;
font-weight:normal; }                  

related-articles h5 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
margin:0; }

related-articles h5 .by {

text-transform:none; }

related-articles p.subhead {

font-size:12px;
margin:0;
padding:0;
letter-spacing:1px; }

related-articles #lcol {

float:left;
width:160px;
margin:15px 15px 0 0; }

related-articles #mcol {

float:left;
width:160px;
margin:15px 15px 0 0; }

related-articles #rcol {

float:left;
width:160px;
margin:15px 0 0 0; } 

/* CATEGORY PAGE */

category-featured {

margin:20 0 25px 0px; }

category-featured p {

font-size:13px;
line-height:18px; }

category-featured h3 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
text-transform:uppercase;
border-bottom:1px solid #aaa;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
padding-bottom:5px; }

category-featured h4 {

font-size:15px;
margin:0;
padding:0;
font-weight:normal; }                  

category-featured h5 {

font-family:"Lucida Grande", lucida, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:9px;
margin:0; }

category-featured h5 .by {

text-transform:none; }

category-featured p.subhead {

font-size:12px;
margin:0;
padding:0;
letter-spacing:1px; }

category-featured #lcol {

float:left;
width:160px;
margin:15px 32px 0 0; }

category-featured #mcol {

float:left;
width:160px;
margin:15px 32px 0 0; }

category-featured #rcol {

float:left;
width:160px;
margin:15px 0 0 0; }

category-articles {

float:left;
width:115px;
margin:15px 0 0 0;  }               

category-articles ul {

list-style-type:none;
margin:0;
padding:0;
font-size:13px; }

category-articles ul li {

margin-bottom:10px; }

cartoon {

float:right;
margin:15px 0 0 0; } 

search_results {

list-style-type:none;
margin:15px 0 0 0;
padding:0; }             

search_results dd {

margin:0 0 20px 0;
padding:0; }
  You must be logged in to comment