AW: php script & css design
hi
ich bekomme es einfach nicht hin
hier ist die orginal css aus dem php script-datei
/*
//
// # General
//
// (Content Breite: [ --> 622px <-- ])
//
*/
body {
height: 100%;
margin: 0px;
font-size: 11px;
color: #777777;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(../../images/layout/bg_site.png);
background-repeat:repeat-x;
background-color: #ded9a8;
}
h1 {
margin: 0px 0px 5px 0px;
padding: 5px;
font-size: 13px;
color: #006600;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
h1.space { margin-top: 5px; }
h2 {
margin: 0px 0px 5px 0px;
padding: 2px;
font-size: 11px;
color: #666666;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #c6c6c6;
border-bottom: 1px solid #c6c6c6;
border-left: 1px solid #e1e1e1;
background-image:url(../../images/layout/bg_h2.gif);
}
h3 {
margin: 0px 0px 5px 0px;
padding: 2px;
font-size: 11px;
color: #d35011;
border-bottom: 4px solid #F5F5F5;
}
h4 {
margin: 0px 0px 15px 0px;
padding: 10px;
font-size: 13px;
color:#CC0000;
background-color:#FFFAD2;
border: 1px solid #CC6600;
}
hr {
margin: 5px 0px 5px 0px;
border: 1px solid #F0F0F0;
}
img.border { padding: 1px; border: 1px solid #557816; }
.clearFix { clear: both; }
a {
color:#999999;
font-weight: bold;
text-decoration: none;
}
a:hover { color:#666666; }
/*
//
// # Layout
//
*/
/* Allgemein */
#siteAll {
position: relative;
margin-left:auto ;
margin-right: auto;
min-height: 100%;
}
#siteHeaderAndContent {
margin-left:auto ;
margin-right: auto;
width: 950px;
}
#siteFooter {
position: absolute;
bottom: 0;
margin-bottom: 20px;
width: auto;
height: 80px;
color:#9f9f9f;
font-size: 9px;
}
#layoutHeaderOpinion {
width: 950px;
height: 39px;
color: #FFFFFF;
}
#layoutHeaderOpinion .pic { float: left; height: 39px; width: 31px;}
#layoutHeaderOpinion .text { float: left; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderOpinion .button { float: right; height: 39px; padding: 0px 15px 0px 15px; line-height: 39px;}
#layoutHeaderBanner {
width: 950px;
height: 361px;
background-image: url(../../images/layout/d_header.jpg);
}
#layoutMenu {
float: left;
width: 150px;
}
.layoutContent {
float: left;
padding: 0px 10px 10px 10px;
width: 622px;
border-left: 4px solid #F5F5F5;
border-right: 4px solid #F5F5F5;
}
#layoutSidebar {
float: left;
width: 134px;
padding: 6px;
color: #996600;
background-color: #fcfc56;
}
#layoutContentFooter {
clear: left;
width: 950px;
padding: 20px 0px 80px 0px;
}
/* Site Footer Links */
#siteFooter a {
color: #8f8f8f;
font-weight: bold;
font-size: 10px;
}
#siteFooter a:hover { color: #c4c4c4; text-decoration: none; }
/* Info Nachricht */
#infoMsgOk {
padding: 10px;
margin-bottom: 10px;
color: #4e6624;
text-align: center;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-color: #dfff9c;
background-image:url(../../images/layout/bg_msg_ok.gif);
background-repeat:repeat-x;
}
#infoMsgOk a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #5f7e21; }
#infoMsgOk a:hover { color:#FFFFFF; background-color: #84a347; }
#infoMsgError {
padding: 10px;
margin-bottom: 10px;
color: #7e2121;
text-align: center;
border-top: 1px solid #f25742;
border-right: 1px solid #d4321d;
border-bottom: 1px solid #d4321d;
border-left: 1px solid #f25742;
background-color: #dfff9c;
background-image:url(../../images/layout/bg_msg_error.gif);
background-repeat:repeat-x;
}
#infoMsgError a { line-height: 30px; padding: 5px; color:#FFFFFF; background-color: #7e2c21; }
#infoMsgError a:hover { color:#FFFFFF; background-color: #bd4636; }
/* Blätterfunktion */
#siteNavigation {
margin-top: 10px;
width: 612px;
height: 30px;
padding: 5px;
border-top: 2px solid #405f16;
}
#siteNavigation a {
margin: 2px;
padding: 4px 8px 4px 8px;
line-height: 30px;
color: #767676;
border-top: 1px solid #cccccc;
border-right: 1px solid #a7a7a7;
border-bottom: 1px solid #a7a7a7;
border-left: 1px solid #cccccc;
background-color: #eeeeee;
}
#siteNavigation a:hover {
color: #a7a7a7;
}
#siteNavigation .selected { background-color:#FFFFCC; }
/*
//
// # Links
//
*/
a.link_bg_red {
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
padding: 5px;
line-height: 30px;
background-color: #b7501e;
}
a:hover.link_bg_red { color: #ffddcd; }
a.link_bg_green {
color: #FFFFFF;
font-weight:bold;
text-decoration: none;
padding: 5px;
line-height: 30px;
background-color: #479f0a;
}
a:hover.link_bg_green { color: #d8ffbd; }
/*
//
// # Form
//
*/
form { margin: 0px; }
input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #C8C8C8;
margin: 2px;
}
select {
cursor: pointer;
}
label {
cursor: pointer;
}
.mainButton {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
.mainButton:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}
/*
//
// # Menü
//
*/
/* Allgemein */
#layoutMenu ul {
margin-top: 0px;
margin-bottom: 0px;
list-style: none;
}
#layoutMenu li {
margin-left: -40px;
padding-left: 3px;
padding: 5px;
border-bottom: 1px solid #F5F5F5;
}
#layoutMenu li:hover {
color: #000033;
background-color: #CFC981; }
#layoutMenu .selected {
color: #F9F9F0;
font-weight: bold;
background-color: #BAB14A;
}
#layoutMenu .selected a {
color: #F9F9F0;
font-weight: bold;
background-color: #BAB14A;
}
#layoutMenu a {
color: #999999;
font-weight: bold;
text-decoration: none;
}
#layoutMenu a:hover { color: #888888; }
/* Player Card */
#playerCard{
margin: 5px 5px 5px 0px;
padding: 2px;
color: #feff04;
text-align: center;
border-top: 1px solid #bb8787;
border-right: 1px solid #7a4545;
border-bottom: 1px solid #7a4545;
border-left: 1px solid #bb8787;
background-color: #9f5a5a;
background-image: url(../../images/layout/bg_playercard.png);
background-repeat: repeat-x;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#playerCard div.virtualLine { margin: 4px; border-top: 1px dotted #feff04; }
#playerCard .textDeveloper {
color: #FFFFCC;
letter-spacing: 1px;
}
#playerCard .textAwards {
color: #FFCC66;
font-size: 9px;
}
#playerCard img {
padding: 2px;
margin: 1px;
background-color: #FFFFFF;
border: 1px solid #c44141;
}
/* Logout */
div.playerLogout {
margin: 5px 5px 5px 0px;
padding: 2px;
color:#ff7d7d;
text-align: center;
border-top: 1px solid #bb8787;
border-right: 1px solid #7a4545;
border-bottom: 1px solid #7a4545;
border-left: 1px solid #bb8787;
background-color: #9f5a5a;
}
/*
//
// # Formular bzw. Text Formatierung
//
*/
/* Basic */
div.formatLabel {
float: left;
width: 170px;
padding-top: 6px;
font-style: italic;
color: #999999;
}
div.formatLabel:hover { color: #C3C3C3; }
div.formatContent {
float: left;
width: 452px;
color: #5c5c5c;
font-weight: bold;
}
div.formatSubmit {
float: left;
width: 452px;
padding-left: 170px;
}
div.formatLine {
float: left;
margin: 4px 0px 4px 0px;
width: 622px;
font-size: 0px;
border-bottom: 1px dotted #CCCCCC;
}
div.quote {
margin: auto;
width: 440px;
padding: 5px;
color:#CC0000;
border-top: 1px solid #f3f3bd;
border-right: 1px solid #e6e60e;
border-bottom: 1px solid #e6e60e;
border-left: 1px solid #f3f3bd;
background-color:#FFFFCC;
}
div.text { padding-top: 0px; }
div.last { margin-bottom: 10px; }
/* Form */
div.formatContent input, div.formatContent textarea { width: 440px; border-color: #999999; padding: 4px; font-size: 10px; color: #666666; }
div.formatContent select { width: 450px; border-color: #999999; padding: 4px; font-size: 10px; }
div.formatContent input:hover, div.formatContent select:hover, div.formatContent textarea:hover { border-color: #CCCCCC; }
div.formatContent input:focus, div.formatContent select:focus, div.formatContent textarea:focus { background-color:#F3F3F3; }
div.formatSubmit input {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
div.formatSubmit input:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}
div.formatSubmitnew input {
width: auto;
padding: 3px;
font-size: 11px;
border-top: 1px solid #b7f242;
border-right: 1px solid #97d41d;
border-bottom: 1px solid #97d41d;
border-left: 1px solid #b7f242;
background-image:url(../../images/layout/bg_h1.gif);
}
div.formatSubmitnew input:hover {
color: #937225;
border-top: 1px solid #ffd97f;
border-right: 1px solid #edb838;
border-bottom: 1px solid #edb838;
border-left: 1px solid #ffd97f;
background-image:url(../../images/layout/bg_h1_hover.gif);
cursor: pointer;
}
/*
//
// # Tabellen Formatierung
//
*/
table {
border-spacing: 0px;
border-collapse: 0px;
width: 100%;
}
td.sub {
padding: 0px 0px 5px 0px;
color: #999999;
border-bottom: 1px solid #c6c6c6;
border-right: 5px solid #FFFFFF;
}
td.label { color: #999999; }
td.content { padding-top: 3px; color: #5c5c5c; }
td.content:hover { color: #999999; }
td.noContent { padding: 15px; color: #CCCCCC; font-weight: bold; font-style: italic; text-align: center; }
td.first { width: 30%; }
td.top { vertical-align: top; }
td.center { text-align: center; }
td.line { border-bottom: 1px dotted #CCCCCC; border-right: 5px solid #FFFFFF; }
td.mark { color: #CC0000; background-color: #FFCFBF; }
#login_transparant_div
{
position:relative;
border: 1px solid #8AB1FF;
width:245px;
height:270px;
left:400px;
top:20px;
background-image: url(../../images/layout/1px_transparent.png);
background-repeat:repeat;
}
#login_transparant_div_innen
{
position:relative;
width:225px;
height:250px;
left:10px;
top:10px;
background-image: url(../../images/layout/1px_transparent_d.png);
background-repeat:repeat;
}
/* Info */
#login_transparant_div div.loginInformation {
padding: 5px;
margin-bottom: 5px;
color: #18466d;
text-align: center;
border-top: 1px solid #bce0ff;
border-right: 1px solid #529cdb;
border-bottom: 1px solid #529cdb;
border-left: 1px solid #bce0ff;
background-color:#8ccaff;
}
/* Cookie */
#login_transparant_div div.loginCookie {
padding: 5px;
color: #6c3216;
text-align: center;
border-top: 1px solid #fbeecf;
border-right: 1px solid #f3cc6a;
border-bottom: 1px solid #f3cc6a;
border-left: 1px solid #fbeecf;
background-color:#f8e2ac;
}
#login_transparant_div div.loginCookie a {
line-height: 25px;
color: #d35011;
font-size: 9px;
border-bottom: 1px dotted #d35011;
}
#login_transparant_div div.loginCookie a:hover {
color: #95451f;
border-color: #95451f;
}
#login_transparant_div div.loginLabel {
float: left;
width: 85px;
line-height: 18px;
color: #a32222;
font-size: 9px;
font-weight: bold;
}
#login_transparant_div div.loginValue {
float: left;
width: 137px;
color: #999999;
font-weight: bold;
}
/* Form */
#login_transparant_div input {
width: 125px;
padding: 2px;
border: 1px solid #c3c3c3;
margin: 0px 0px 5px 0px;
color: #009900;
}
#login_transparant_div input:hover { background-color:#e2f8ba; }
#login_transparant_div input:focus { background-color:#f6f6f6; }
#login_transparant_div .submit {
width: 222px;
padding: 2px;
cursor: pointer;
font-weight: bold;
color: #f7ff00;
border-top: 1px solid #ef9062;
border-right: 1px solid #ac4818;
border-bottom: 1px solid #ac4818;
border-left: 1px solid #ef9062;
background-color:#d35011;
margin: 0px 0px 5px 0px;
}
#login_transparant_div .submit:hover { background-color:#a32222; }
#login_transparant_div .markLink a {
margin: 3px;
padding: 3px;
line-height: 25px;
font-size: 10px;
color: #339933;
text-decoration: none;
background-color: #F0F0F0;
}
#login_transparant_div .markLink a:hover { color: #267326; background-color: #E9E9E9; }