Jump to content
Stef's Coding Community
Rustyhands

How to get rid of the dreaded blue line???? :S

Recommended Posts

hey peoples :)

 

i have been trying to find this piece of css for a while now and im not sure where to find it to get rid of the blue sidepanel line on the site.

 

if anyone can see anything in the css that i am missing please let us know.

 

cheers rusty :S

 

My link

Share this post


Link to post
Share on other sites

body{

background-color:#ffffff;

}

body, p, td, div, form, input, textarea, h1, h2, h3{

margin:0px;

padding:0px;

text-align:justify;

vertical-align:top;

color:#454646;

font-size:12px;

font-family:Verdana, tahoma, arial;

}

a img{

border:none;

}

ul, ol, li{

margin:0px;

padding:0px;

list-style:none;

}

#page{

width:842px;

margin:0px auto;

background:url(images/page_bg.gif) repeat-y left top;

}

#header{

height:331px;

border-bottom:#14457B solid 2px;

background:#FFFFFF url(images/header_bg.jpg) no-repeat 262px 117px;

}

.logo{

float:left;

margin:27px 0px 0px 0px;

}

#top_menu{

float:right;

padding:60px 7px 0px 0px;

}

#top_menu a{

color:#1B5288;

font-size:12px;

font-family:Arial, tahoma, verdana;

font-weight:bold;

text-decoration:none;

padding:0px 0px 0px 8px;

margin:0px 20px 0px 0px;

background:url(images/marker1.gif) no-repeat left 4px;

}

#top_menu a:hover{

text-decoration:underline;

}

#menu{

width:261px;

height:213px;

margin:32px 0px 0px 0px;

background:url(images/menu_bg.jpg) no-repeat;

}

#menu h2{

width:0px;

overflow:hidden;

}

#menu li ul{

padding:6px 0px 0px 23px;

}

#menu a{

color:#043972;

text-decoration:none;

text-transform:uppercase;

font-size:14px;

font-family:Arial, tahoma, verdana;

font-weight:bold;

line-height:35px;

}

#menu a:hover{

text-decoration:underline;

}

#sidebar{

float:left;

width:261px;

}

#sidebar h2, #content h2{

height: 120%;

padding:5px 0px 0px 23px;

background-color:#00407D;

color:#FEFCFA;

font-size:14px;

font-family:Arial, tahoma, verdana;

text-transform:uppercase;

margin:0px 0px 10px 0px;

}

#sidebar li ul{

padding:0px 0px 20px 22px;

line-height:30px;

width: 200px;

}

#sidebar li ul li{

color:#E87500;

font-weight:none;

padding:0px 0px 0px 20px;

background:url(images/marker2.gif) no-repeat left center;

}

#sidebar li ul li a{

color:#E87500;

text-decoration:none;

}

#sidebar ul a:hover{

text-decoration:underline;

}

#sidebar p{

padding:0px 20px 12px 20px;

}

#sidebar p a{

color:#E87500;

}

#sidebar form{

padding:12px 20px 0px 20px;

height:30px;

}

#s{

float:left;

width:150px;

height:16px;

padding:2px 0px 0px 4px;

border:##66a6d2 solid 1px;

}

#searchsubmit{

float:right;

height:20px;

text-align:center;

border:#66A6D2 solid 1px;

background:none;

}

#content{

float:right;

width:580px;

}

#content {line-height:1.7em;}

#content h2{

clear:both;

background-color:#E97600;

}

#content h2 a{

color:#060606;

text-decoration:none;

 

}

#content h2 a:hover{

color:#FFFFFF;

}

.entry{

padding:0px 22px;

}

.entry img{

float:left;

margin:0px 18px 10px 0px;

}

.entry p{

margin:0px 0px 10px 0px;

}

.entry strong{

color:#00407D;

}

.entry ul{

float:left;

margin:0px 0px 10px 0px;

}

.entry li{

color:#003771;

line-height:18px;

padding:0px 0px 0px 8px;

background:url(images/marker3.gif) no-repeat left center;

}

.not_found{

padding:0px 24px;

}

.not_found form{

width:220px;

padding:14px 0px 0px 0px;

}

.more-link{

color:#003771;

margin:12px 0px;

text-decoration:underline;

}

.more-link:hover{

text-decoration:none;

}

.postmetadata{

float:right;

height:20px;

padding:0px 22px;

}

.postmetadata a{

color:#00407D;

font-weight:bold;

text-decoration:none;

padding:0px 0px 0px 8px;

background:url(images/marker3.gif) no-repeat left 5px;

}

.postmetadata a:hover{

text-decoration:underline;

}

#submit{

float:right;

clear:both;

cursor:pointer;

border:#ACACAC solid 1px;

background:none;

text-align:center;

}

 

.your-message textarea { height: 200px; width: 500px; }

.commentlist{

clear:left;

margin:0px 22px 20px 22px;

}

.commentmetadata{

height:24px;

display:none;

}

.comment_author{

float:left;

color:#00407D;

font-size:12px;

font-weight:bold;

display:none;

}

.comment_date{

float:right;

display:none;

}

#commentform{

margin:0px 22px 10px 22px;

display:none;

}

#commentform label{

float:left;

clear:left;

width:60px;

line-height:24px;

display:none;

}

#author, #email, #url, #comment{

width:380px;

height:16px;

padding:2px 0px 0px 4px;

border:#ACACAC solid 1px;

margin:0px 0px 4px 0px;

display:none;

}

#comment{

float:right;

overflow:auto;

width:440px;

height:200px;

margin:0px 0px 10px 0px;

display:none;

}

 

 

#footer{

height:200px;

padding:5px 0px 0px 0px;

background-color:#ffffff;

color:#8C6739;

}

.footerlinks ul {text-transform:uppercase;

display: inline;

list-style-type: none;

list-style-image:none;

margin:0; }

.footerlinks li, .footerlinks li li, .footerlinks li li li {

display: inline;

padding: 0px 40px;

}

 

.footerlinks a {text-decoration:bold;

padding: 0px 3px;

border-right: 0px solid white;}

 

#footer p{

color:#ffffff ;

text-align:center;

}

#footer {line-height:1.7em;}

#footer a{

color:#00407D;

text-decoration:bold;

}

#footer a:hover{

text-decoration:underline;

}

.clearer{

height:0px;

overflow:hidden;

clear:both;

}

Share this post


Link to post
Share on other sites

What blue line are you talking about? I only see the one around the header image- is that the one?

 

Btw - the CSS to get rid of that blue hover outline around images is just

 

img {border: none;}

Share this post


Link to post
Share on other sites

hey,

 

na its the sidebar background to be precise :(

 

i cant find the colour anywhere in the style sheet. bugger....

 

cheers for the reply andrea

Share this post


Link to post
Share on other sites

Are you talking about the blue areas behind your "Supported Products", "Industry Regulators", etc. headers? That's set here:

 

#sidebar h2, #content h2 {
   background-color: #00407D;
   ...
   }

Line 91 or so in style.css

Share this post


Link to post
Share on other sites

It's this part:

#sidebar h2, #content h2{
height: 120%;
padding:5px 0px 0px 23px;
background-color:#00407D;
color:#FEFCFA;
font-size:14px;
font-family:Arial, tahoma, verdana;
text-transform:uppercase;
margin:0px 0px 10px 0px;
}

 

You'll have to change the font color, too - white on white is kind of hard to read.

Share this post


Link to post
Share on other sites

hey,

 

thanks for the replies guys but i think i havnt explained myself correctly :S

 

Im not talking about the h2 header BG im talking about scrapping the bg behind the orange text links on the sidebar. the light blue one not the dark one.

 

any ideas??? i just dont know where to find the code :)

 

cheers rusty

Share this post


Link to post
Share on other sites
im talking about scrapping the bg behind the orange text links on the sidebar.

I'm not seeing that as a light blue -- that appears as a grey to me. That is set by the background image on #page.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...