Hi Guys,
I have just had a webdesigner sort out a layout for my eSports team, but its a half-bodge-job and hes lieft me with a horrible CSS and only part-updated graphics (new ones by myself) now the top banner is basically the colour scheme using the black from the sponsor logos + advert headers so they contrast against the site.
The site is meant to look clean and flow well using whites, greys and very simple CSS styling like this website: www.ukesn.org
Looking for someone to help out with the CSS if possible please!
currently the css thats editable in the admin panel looks like this im 99% sure that this is all the CSS that is used by the site (can you tell im new to CSS!? lol)
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
scrollbar-base-color:#acacac;
scrollbar-3dlight-color:#acacac;
scrollbar-arrow-color:#FB0035;
scrollbar-darkshadow-color:#acacac;
scrollbar-face-color:#acacac;
scrollbar-highlight-color#acacac;
scrollbar-shadow-color:#acacac;
scrollbar-track-color:#acacac;
}
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #acacac;
font-weight: normal;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF0;
}
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
background-image: url(images/content_header.gif);
background-repeat: repeat;
background-position: left top;
}
.category_big {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
.category {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
}
.marked {
background-color: #FFFFFF;
font-weight: bold;
}
a, a:visited, a:active {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
a.titlelink, a.titlelink:visited, a.titlelink:active {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a.titlelink:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a.category, a.category:visited, a.category:active {
color: #FFFFFF;
text-decoration: none;
}
a.category:hover {
color: #FFFFFF;
text-decoration: underline;
}
option, textarea, input, select, file {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #333333;
}
.footer {color: #FFFFFF
size: 10px
}
.form_off {
color: #666666;
background-color: #DCDCDC;
border: 1px solid #666666;
}
.form_on {
color: #000000;
background-color: #EEEEEE;
border: 1px solid #000000;
}
.form_username {
background-color: #eeeeee;
border: 1px solid #333333;
background-image: url(images/username.gif);
background-repeat: no-repeat;
background-position: left top;
}
.form_password {
background-color: #eeeeee;
border: 1px solid #333333;
background-image: url(images/password.gif);
background-repeat: no-repeat;
background-position: left top;
}
.form_name {
background-color: #eeeeee;
border: 1px solid #333333;
background-image: url(images/name.gif);
background-repeat: no-repeat;
background-position: left top;
}
.form_text {
background-color: #eeeeee;
border: 1px solid #333333;
background-image: url(images/message.gif);
background-repeat: no-repeat;
background-position: left top;
}
.input {
background-color: transparent;
border: 1px none;
margin-top: 0px;
margin-bottom: 0px;
}
.white_txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
}
.red_txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color:#990000;
}
any help with this rather annoying problem would be very much appreciated.
Thanks guys,
Jon