@charset "utf-8"; /********************General********************/ body { background: #E5E5E5; font: 13px 'Ubuntu', Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#564b47; padding:20px; margin:0; text-align: center; } .page { background-color: #FEFEFE; /* IE10 Pre-Beta */ background: -ms-linear-gradient(top, white 0%, #E5E5E5 50%); /* Opera >= version 11.1 */ background: -o-linear-gradient(top, white 0%, #E5E5E5 50%); /* new webkit-based browsers (Chrome, Safari, etc.) */ background: -webkit-linear-gradient(top, white 0%, #E5E5E5 50%); /* old webkit-based browsers (Chrome, Safari, etc.) */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); /* mozilla / gecko (firefox, flock, etc.) */ background: -moz-linear-gradient(top, white 0%, #E5E5E5 50%); /* Schatten */ box-shadow: 0px 0px 15px #555555; -moz-box-shadow: 0px 0px 15px #555555; -webkit-box-shadow: 0px 0px 15px #555555; width:100%; min-width: 850px; text-align:left; margin:0 auto; /* rounded corners */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } img { border:0; } /********************\General********************/ /********************Headings********************/ h1 { font-size:0.9em; padding: 5px 0; } h1 a { padding: 0; font-size:1.2em; font-weight:normal; letter-spacing: normal; } h2,h3,h4,h5,h6 { font-weight:bold; font-size: 1.1em; padding: 5px 0 0 0; margin: 0; color: #658292; } p { margin: 5px 0; padding: 0 0 5px 0; } a { color: #61605c; text-decoration: underline; } /********************\Headings********************/ /********************Header********************/ .header { background-color: #FFFFFF; height: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .header a { text-decoration: none; color: #6B6959; border: 0px; } .header a:hover { color: #564b47; } .main_header { margin: 0 auto; padding: 0; width: 95%; } .logo { padding: 10px 0 0 5px; float: left; width: auto; } /********************Header (header_bg)********************/ .header_bg { background:url(../img/header_bg.jpg) repeat-x top #F1F1F1; padding-right: 25px; border-bottom: solid 3px #424668; border-top: solid 3px #424668; text-align: right; min-height: 40px; } .header_bg ul { list-style-type: none; } .header_bg li { display: inline; margin: 0 0 0 5px; } .header_bg a, .text a.button{ color: #FFFFFF; padding: 10px; display:inline-block; width: 100px; margin: -10px 0 -10px 0; text-align:center; text-decoration: none; background-color: #658292; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .header_bg a:hover, .text a.button:hover { color: #FFFFFF; padding: 9px; border: solid 1px #424668; background: #424668 url(../img/bg_link_hover.png) repeat-x; } /********************\Header (header_bg)********************/ /********************\Header********************/ /********************Content********************/ .content_resize { margin: 0 auto; padding: 0; background-image:url(../img/wrapper_bg.png); background-repeat: repeat-y; background-position: left; } .content { /*background: -ms-linear-gradient(top, white 0%, #E5E5E5 100%); background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #F1F1F1 200%); background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #F1F1F1 200%); background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #F1F1F1 200%);*/ background-color: #FFFFFF; width:100%; min-height: 500px; } .mainContent { width:60%; min-width: 500px; margin: 0 20px 10px 10px; padding: 5px 5px 5px 30px; float:left; } .mainContent h1 { font-size: 18px; } .centerContent { background-color: #FFFFFF; width: 55%; padding: 10px 20px 10px 250px; } .centerContent h1 { font-size: 18px; } .centerContent .text { margin: -10px 0 -10px 0; padding: 10px; overflow:auto; } .centerContent a { text-decoration: none; color: #6B6959; border: 0px; border-bottom: dotted 1px #6B6959; } .centerContent a:hover { color: #564b47; border-bottom: dotted 1px #564B47; } /********************\Content********************/ /********************MenuLeft********************/ .menuLeft { width:250px; margin:0px 0px 0px 5px; padding: 0 10px 10px 10px; background-color:#658292; float:left; height: 100%; min-height: 500px; } .ml_content { background: #F9F9F9 url(../img/ml_content_bg.gif) repeat-x bottom; background: -webkit-linear-gradient(top, #FFFFFF 10%,#E4E1CC 200%); background: -moz-linear-gradient(top, #FFFFFF 10%,#E4E1CC 200%); background: -o-linear-gradient(top, #FFFFFF 10%,#E4E1CC 200%); background: -ms-linear-gradient(top, #FFFFFF 10%,#E4E1CC 200%); margin-top: 10px; padding: 0 10px 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #424668; font-size: 1em; } .ml_content p { padding: 0 0 5px 10px; } .ml_content img { height: 1em; } .ml_content h3 { font-size: 14px; margin-top: 10px; } .ml_content h4 { font-size: 13px; margin-top: 10px; } .ml_content a { color: #6B6959; text-decoration: none; border: 0px; } .ml_content a:hover { color: #564b47; } .ml_content ul li { margin-left:-30px; padding:2px 0 5px 0; list-style-type: none; } .ml_content ul ul { margin-left:0; padding:2px 0 5px 0; } /********************\MenuLeft********************/ /********************Form********************/ .loginForm { margin: 85px auto; } fieldset { margin-bottom:2em; border: 1px solid #658292; /* Shadows */ -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; box-shadow: 2px 2px 5px #999; padding:10px 20px 10px 20px; background:#FEFEFE url(../img/ml_content_bg.gif) repeat-x bottom; } #formLogin { width: 25%; border: 1px solid #658292; /* rounded corners */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 20px; background:#fff url(../img/ml_content_bg.gif) repeat-x bottom; } label, select { display: block; float: left; width:auto; min-width:10em; margin-right:10px; margin-top:1em; vertical-align: middle; } checkbox, input { display: block; float: left; width:auto; margin-right:10px; margin-top:1em; vertical-align: middle; } form.noFormat label, form.noFormat input, form.noFormat select, form.noFormat checkbox, table tr td label, table tr td input, table tr td select, table tr td checkbox { display: inline; float: none; width: auto; margin: auto; } label { width:13em; } label.hintLabel { width:auto; max-width: 90%; } form { float:left; width: 100%; } #textarea { width:100%; } form br { clear: left; } select, table { margin-bottom: 20px; font-family: 'Ubuntu', Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; } .menuLeft select { margin-bottom: 5px; } input { font-family: 'Ubuntu', Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; } input[type=submit], form.noFormat input[type=submit] { float: none; width: auto; min-width: 120px; text-decoration:none; border: none; color: #FFFFFF; padding: 10px; margin: 0 5px 5px 0; text-align:center; background-color: #658292; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } input[type=submit]:hover, form.noFormat input[type=submit]:hover { color: #FFFFFF; padding: 9px; border: solid 1px #424668; font-family: 'Ubuntu', Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; background: #424668 url(../img/bg_link_hover.png) repeat-x; cursor:pointer; } input[type=submit]:disabled, form.noFormat input[type=submit]:disabled { opacity: 0.3; } /********************\Form********************/ /********************Footer********************/ .footer { font-size: 0.9em; height: auto; clear:both; display:block; overflow:auto; padding: 5px 10px 5px 5px; border-top: solid 3px #424668; background-color: #F1F1F1; border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; } .footer img { height: 2em; width: auto; } .lf { float: left; padding-left: 15px; } .rf { float: right; margin-right: 15px; } .footer a { text-decoration: none; color: #6B6959; border: 0px; border-bottom: dotted 1px #6B6959; } .footer a:hover { color: #564b47; border-bottom: dotted 1px #564B47; } /********************\Footer********************/ /********************Breadcrumb********************/ div#breadcrumb { padding-bottom: 20px; margin-top: -10px; margin-left: -30px; text-align: right; } div#breadcrumb ul { list-style-type: none; list-style-position: inside; margin-left: -10px; clear: right; } div#breadcrumb ul li { position: relative; float: left; margin-left: 2px; font-size: 0.9em; } div#breadcrumb ul li.undone { font-style: italic; color: #658292; } div#breadcrumb ul li.done { color: #6B6959; } /********************\Breadcrumb********************/ /********************Hints********************/ div.hints { border: 2px dashed #FF9714; text-align: center; background-color: #FFFFCB; } .imgError img , .imgSuccess img{ margin-left: -10px; margin-top: -5px; clear: both; } .clearHint { clear: both; } p.hintImg { max-width: 95%; position:relative; padding: 10px; margin: 10px 5px 20px 0; color:#000; text-align:justify; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow: 2px 2px 5px #e7e7e7; -moz-box-shadow: 2px 2px 5px #e7e7e7; box-shadow: 2px 2px 5px #e7e7e7; /* gray */ background: #d1d1d1; background:-webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d1d1d1)); background:-moz-linear-gradient(#efefef, #d1d1d1); background:-o-linear-gradient(#efefef, #d1d1d1); background:-ms-linear-gradient(#efefef, #d1d1d1); text-shadow: 1px 1px 0px #d1d1d1; /* left position */ float: left; } .hintImg:after { border-color:#d1d1d1 transparent; content:""; position:absolute; border-style:solid; display:block; width:0; bottom:-15px; border-width:15px 15px 0; left:5%; } p.error { max-width: 95%; position:relative; padding: 10px; margin: 10px 5px 20px 0; color:#000; text-align:justify; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow: 2px 2px 5px #e7e7e7; -moz-box-shadow: 2px 2px 5px #e7e7e7; box-shadow: 2px 2px 5px #e7e7e7; /* red */ background:#f7cace; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdedee), to(#f7cace)); background:-moz-linear-gradient(#fdedee, #f7cace); background:-o-linear-gradient(#fdedee, #f7cace); background:-ms-linear-gradient(#fdedee, #f7cace); } .error.pupil { float: left; } .error.pupil:after { border-color:#f7cace transparent; content:""; position:absolute; border-style:solid; display:block; width:0; bottom:-15px; border-width:15px 15px 0; left:5%; } p.successfull { max-width: 95%; position:relative; padding: 10px; margin: 10px 5px 20px 0; color:#000; text-align:justify; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow: 2px 2px 5px #e7e7e7; -moz-box-shadow: 2px 2px 5px #e7e7e7; box-shadow: 2px 2px 5px #e7e7e7; /* green */ background:#c8f0cd; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7fbe9), to(#c8f0cd)); background:-moz-linear-gradient(#e7fbe9, #c8f0cd); background:-o-linear-gradient(#e7fbe9 #c8f0cd); background:-ms-linear-gradient(#e7fbe9, #c8f0cd); } .successfull.pupil { float: left; } .successfull.pupil:after { border-color:#c8f0cd transparent; content:""; position:absolute; border-style:solid; display:block; width:0; bottom:-15px; border-width:15px 15px 0; left:5%; } p.query { font-weight: bold; } p.query span.query { font-family: Monospace; font-weight: normal; } /********************\Hints********************/ /********************Table********************/ table { border-radius: 5px; border: 1px solid #777; /* shadow */ -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; box-shadow: 2px 2px 5px #999; } #tablewrapper { overflow: auto; width: 100%; height: auto; max-height: 450px; } table tr th,table tr td { padding: 3px 10px 3px 10px; text-align: center; } table tr th { background-color: #658292; color: #fff; } table tr:nth-child(even) { background-color: #ddd; } div#menuBtn { display: none; } /********************\Table********************/ /********************Clear (Float)********************/ .clear{ clear: both; padding: 0; margin: 0; width: 100%; font-size: 0; line-height: 0; } * html .clear{height: 1%;} .clear{display: block;} /********************Clear (Float)********************/