PDA

View Full Version : What CSS to change the URL text colour?


John D
01-11-2006, 03:11 PM
Hey,
I have looked over the CSS a few times and I still cant see what definition is used to define the colour of links.

Can anyone point me in the right direction :)

sabian1982
01-11-2006, 04:42 PM
A { text-decoration: none; }
A:link { color: #286F97; }
A:visited { color: #286F97; }
A:hover { color: #354F5E; text-decoration: underline; }

understand?

John D
01-12-2006, 01:48 AM
I dont know if Im missing it or what but I cant find it...

body {
background: #000000;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 8pt;
margin: 0;
}
.c {
float: left;
}
.cr {
clear: left;
}

td {
vertical-align: top;
padding: 0px;
}

h1 {
font-size: 14pt;
margin: 5px 0 5px 0;
color: #FFFFFF;
}

h2 {
font-size: 10pt;
margin: 0;
padding: 0;
}

h3 {
color: #5e74b3;
font-size: 8pt;
padding: 0;
border-bottom: 1px dotted #5e74b3;
}

#descr {
padding: 0px;
margin: 0 0 5px 0;
color: #FFFFFF;
}

table.formPage {
border: 1px solid #A0A0A0;
}
td.err {
padding: 3px;
color: #FF0000;
background: #FFEDED;
border: 1px solid #A0A0A0;
text-align: left;
}
td.msg{
padding: 3px;
color: #0000FF;
background: #EDF3FF;
border: 1px solid #A0A0A0;
text-align: left;
}
.label {
text-align: right;
}
.buttons {
border-top: 1px solid #A0A0A0;
text-align: center;
}
.count {
color: #6f6f6f;
font-size: 8pt;
font-weight: normal;
}
#links a {
font-size: 10pt;
}
#links p {
margin: 0 0 7px 0;
}
.url {
color: #781717;
}
#path {
margin-top: 2px;
padding: 3px;
background: #DDE2EC;
line-height: 19px;
border-top: 1px solid #5e74b3;
}
.submit {
float: right;
vertical-align: bottom;
}

.text, .btn{
font-size: 8pt;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
input.text {
color: #000000;
border: 1px solid #5e74b3;
height: 13px;
}
textarea.text {
font-size: 8pt;
border: 1px solid #5e74b3;
}
select {
font-size: 8pt;
border: 1px solid #5e74b3;
}

.captcha {
border: 1px solid #5e74b3;
margin-top: 10px;
}

form {
display: inline;
margin: 0;
padding: 0;
}
.btn{
font-size: 8pt;
font-weight: bold;
border: 1px solid #5e74b3;
background-color: #FFCC33;
height: 17px;
}
span.req{
margin-left: 3px;
color: #FF0000;
font-weight: bold;
}

div.errForm, span.errForm {
margin: 0px 0 0px 5px;
padding: 2px 3px 2px 3px;
color: #FF0000;
background: #FFFFF3;
border: 1px solid #cccccc;
text-align: left;
clear: right;
}
.small, .small a {
padding: 0px;
margin: 0px;
color: #909090;
font-size: 7pt;
text-decoration: none;
}
.sort {
color: #000000;
}
p.subcats {
margin: 0px 0px 7px 0px;
padding: 0px;
bgcolor: FFFFFF;
}
div.pr {
font-size: 6pt;
color: #000000;
float: left;
height: 30px;
margin-right: 5px;
}
div.prg{
width: 40px;
border: 1px solid #999999;
height: 3px;
font-size: 1px;
}
div.prb{
background: #5eaa5e;
height: 3px;
font-size: 1px;
}

div.footer{
text-align: center;
border-top: 1px solid #E0E0E0;
padding: 3px 0 0 0;
margin-top: 50px;
}
div.footer a{
color: #606060;
}
.price {
border: 1px solid #A0A0A0;
}
.price table td{
margin: 0;
padding: 2px;
vertical-align: bottom;
}
[/code]

sabian1982
01-12-2006, 11:34 AM
Content visible to registered users only.

Just stick this code at the very top of the main.css file... then obviously change the # numbers to suit the color you want eg white is #FFFFFF black is #000000