/*@font-face { font-family: Rotis; src: url(../font/RotsanOtf.otf); } @font-face { font-family: RotisBold; src: url(../font/RotisSansSerifStd-ExtraBold.otf); }*/ @font-face { font-family: AnonymousPro; src: url('../font/SEGOEUI.ttf'); } #bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } body,h1,h2,h3,h4,h5,h6, h7,span,div,ul,li,a,p,input { color:#555; font-family: AnonymousPro; } #header h1 { color:#FFF; } li { } #subHeader1 h5 { color:#EEAA00; } p { color:#222; font-size:18px; text-shadow: 1px 1px 0px #fafafa; filter: dropshadow(color=#ffffff, offx=1, offy=1); line-height:28px; } .introDialogModal h2 { margin-bottom:15px; border-bottom:1px solid #dfdfdf; } h5.copyright { color:#FFF; margin-right:40px; text-shadow:none; } a { text-decoration:none;} * {margin:0;padding:0;} html{ zoom:100%; overflow:hidden; overflow-y:auto; } html, body { height: 100%; } body { background-color:#50a9b8; } #wrap { min-height: 100%; } #wrapIntro { min-height: 100%; background-color:#AA1133; } #main { overflow:auto; padding-bottom:50px; width:100%; margin-left:auto; margin-right:auto; } /* must be same height as the footer */ #mainIntro { overflow:auto; padding-bottom:425px; width:100%; margin-left:auto; margin-right:auto; } /* must be same height as the footer */ .bottomRight { position:absolute; bottom:10px; right:30px; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #containerTop { background-color:#AA1133; height:390px; position:relative; border-bottom: 1px solid #fff; } #forwardMarkLogo { width:500px; height:331px; background:url(../img/forwardSign2.png); background-repeat:no-repeat; position:relative; float:right; margin-top:180px; margin-right:80px; } div#containerUnsuccessful { height:auto; width:380px; display:block; position:relative; } h2.areaTitle { border-bottom: 1px solid #50A9B8; color: #256B69; float: left; font-size: 20px; font-weight: bold; height: 18px; margin-left: 11px; padding: 5px 0 7px; text-indent: 5px; width: 486px; } #containerLogIn { position:relative; float:left; width:340px; min-height:290px; border:1px solid #50A9B8; margin-left:20px; margin-top:65px; clear:left; /*padding:20px 40px 30px 40px;*/ padding: 10px 20px 20px; background: none repeat scroll 0 0 #fafeff; /* background:url(../img/backgroundLogin.png);*/ /*background-image::url(../Content/images/whiteTrans4.png);*/ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } #containerLogIn h2 { color:white; text-shadow:1px 1px navy; } #containerLogIn p, #containerLogIn td { color:white; text-shadow:none; } #titleIntro { color:White; font-size:40px; position:absolute; top:75px; left:80px; text-shadow:none; } .logInTable { margin-bottom:20px; width:290px; height:165px; } #header { width:100%; height:65px; background-color:#AA1133; float:left; position:relative; } #headerIntro { width:100%; height:auto; background-color:#50a9b8; float:left; position:relative; } #footer { position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; background-color:#50a9b8; clear:both; width:100%; margin-left:auto; margin-right:auto; text-align:right; } #headerContentContainer { width:1024px; height:auto; margin-right:auto; margin-left:auto; position:relative; } #contentIntro { width:1024px; min-height:725px; margin-left:auto; margin-right:auto; position:relative; margin-top:0px; } h1.titleLogin { color: #256B69; /*text-shadow:1px 1px navy; margin-top:10px;*/ margin-bottom:15px; padding-bottom:5px; font-size:32px; border-bottom: 1px solid #9dc9d1; } h1.titleGame { color:#FFF; text-shadow:none; margin-top:7px; margin-bottom:7px; font-size:32px; margin-left:25px; font-family: AnonymousPro; } .editor-label { color: #256B69; height:25px; width:200px; margin-top:10px; margin-bottom:8px; font-size:16px; } #containerLogIn input { background-color:#fbfbfb; border-radius:3px; padding:3px; height:25px; width:180px; border:1px solid orange; font-size:16px; } #containerLogIn input.buttonSave { width: 120px; height:40px; background-color:#ececec; border:1px solid #999; position:relative; float:left; text-align:center; display:block; font-size:18px; cursor:pointer; } #containerLogIn span.hierButton { padding-top:0px; padding-left:10px; padding-right:10px; background-color:#ececec; border:1px solid #999; position:relative; text-align:center; display:inline; font-size:16px; cursor:pointer; border-radius: 3px 3px 3px 3px; margin-right:0px; margin-left:0px; } #containerLogIn input.buttonSave:hover,#containerLogIn span.hierButton:hover { background-color:#fafafa; border:1px solid orange; } #containerLogIn input.buttonSave:active, #containerLogIn span.hierButton:active { background-color:#FFFF99; } span, .validation-summary-errors li { color:#f59556; text-shadow:none; } .editor-field { height:35px; width:auto; } h1.titleGame a { color: #fff; } .menuLogin { width: 553px; padding-top:10px; padding-bottom:10px; padding-left:20px; border-bottom: 2px solid #256b69; margin-top:3px; background-color:#fff; } .menuLogin li { display:inline; } .menuLogin li a { color: #256b69; font-size: 22px; margin-right:20px; } .menuLogin li a:hover { color: #3aa19e; } .menuLogin li.tabs{ } #containerInfo { position:relative; float:right; width:550px; height: 650px; border:1px solid #50A9B8; margin-left:20px; margin-top:65px; /*overflow-y:auto;*/ padding:10px 20px 30px 20px; background: none repeat scroll 0 0 #fafeff; /* background:url(../img/backgroundLogin.png);*/ /*background-image::url(../Content/images/whiteTrans4.png);*/ border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; } .contentInfoLogin { height: 630px; margin-top: 40px; width: 569px; } .contentInfoLogin p { color: #555; font-size:16px; } .contentInfoLogin img { border:2px solid #a4cdd4; margin-right:10px; margin-bottom:10px; } ul.infoList li { color: #2467a8; } .infoList li a { text-decoration:underline; color:#2467a8; } .infoList li a:hover { color:#58a2e9; } ul.infoList { margin-left: 20px; list-style: square; list-style-type: square; color: #2467a8; } /*style Ranking*/ .rankListHeader { color: #256b69; margin-top:20px; margin-bottom:5px; } .rankListHeader div span { color: #256b69; font-size:18px; margin-right:40px; font-weight:bold; } .rankList .top5 { font-weight:bold; color:#EEAA00; } .rankList div { display:block; position:relative; float:left; border-bottom:1px solid #cee2e6; margin-bottom:10px; padding-bottom:4px; padding-top:4px; width:500px; } .rankList div span { color: #256b69; font-size:18px; margin-right:20px; margin-right:20px; display:block; position:relative; float:left; } .rankList .top5 span { color:#EEAA00; } .rankList div .numRank { width:30px; } .rankList div .teamName { width:200px; margin-left:40px; } .rankList div .teamScore { width:100px; margin-left:20px; } .rankList { } #section1 { margin-bottom: 50px; } #section2 { margin-bottom: 70px; height:700px; }