cats/design/design.css

875 lines
16 KiB
CSS
Executable file
Raw Blame History

/*----------------- body------------------ */
body {
font-family : Arial,verdana, sans-serif;
background-color:#CCCCCC;
font-size:13px;
}
/*----------------- alle Container------------------- */
#siteContainer{ /* Container komplette Seite */
position:absolute;
margin:0px;
padding:5px;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:90%;
min-width:760px;
}
#banner { /*Banner*/
/* float:left;*/
clear:both;
width:100%;
height:110px;
background:#FFFFFF;
text-align: left;
}
#cacertlogo {
float:left;
}
#cacertlogo a img {
border-width:0px;
}
#language{
float:right;
min-width:190px;
width:25%;
/*height:110px;*/
text-align: right;
/*margin-top:-92px;*/
}
#menu_right{ /*Menue Leiste*/
position:static;
float:right;
margin:0px;
padding:0px;
left:0px;
right:0px;
width:100%;
min-width:760px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
height:20px;
background:white;
}
#menue_left{ /*Menue Leiste*/
position:static;
float:left;
width:74.9%;
min-width:569px;
right:0px;
left:0px;
margin:0px;
}
#menue_rigth{ /*Menue Leiste*/
position:static;
float:right;
right:0px;
width:25%;
min-width:190px;
text-align:left;
border-left:1px solid #CCCCCC;
}
#mainContainer{ /* Container um rechte box und main */
position:static;
float:left;
margin:0px;
padding:0px;
min-height:700px;
width:100%;
min-width:760px;
top:0px;
left:0px;
bottom:0px;
right:0px;
background:white;
}
#main { /*Hauptfenster*/
position:static;
float:left;
left:0px;
right:0px;
margin:0px;
background:#FFFFFF;
width:74%;
min-width:569px;
min-height:700px;
line-height : 1.166;
}
#right_box { /*rechte Box*/
position:static;
float:right;
text-align:center;
margin:0px;
padding:0px;
border-left:1px solid #CCCCCC;
width:25%;
min-width:190px;
//height:440px;
min-height:700px;
top:0px;
bottom:0px;
background:white;
}
#inner_box_top { /*rechte Box*/
position:static;
text-align: justify;
padding-top:5px;
padding-left:10%;
// text-align: center;
height:70%;
min-height:10em;
}
#inner_box_bottom { /*rechte Box*/
position:static;
height:30%;
text-align: justify;
// text-align: center;
padding-left:10%;
min-height:10em;
}
/*------------------------------------------------------*/
/*------------ Men<65> Links------------------------------ */
#menue a { /* Men<65> Punkt */
display:block;
float:left;
min-width:14em;
width:24.72%;
height:1.5em;
color:#334D55; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #FFFFFF;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
#menue a.login { /* Men<65> Punkt */
display:block;
float:left;
min-width:10em;
width:47%;
height:1.5em;
color:#334D55; /* Schriftfarbe */
padding:0px;
border:1px solid #FFFFFF;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
#menue a.help { /* Men<65> Punkt */
display:block;
float:left;
left:20em;
margin:0px;
height:1.5em;
min-width:40px;
width:24%;
color:#334D55; /* Schriftfarbe */
padding:0px;
border:1px solid #FFFFFF;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
#menue a.info { /* Men<65> Punkt */
display:block;
float:left;
left:20em;
margin:0px;
height:1.5em;
min-width:30px;
width:24.5%;
color:#334D55; /* Schriftfarbe */
padding:0px;
border:1px solid #FFFFFF;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
#menue a:hover {
border:1px solid #CCCCCC;
color:#005FA9; /* Schriftfarbe */
text-decoration:underline;
}
a{
color:#334D55; /* Schriftfarbe */
}
a:focus, a:hover, a:active {
color:#005FA9; /* Schriftfarbe */
text-decoration:underline;
}
/*------------------------------------------------------*/
/*------------ Schriften------------------------------- */
H1{
font-family : Arial, sans-serif;
color:#11568C; /* Schriftfarbe */
font-size:12pt;
margin-left:10%;
}
h2{
margin-left:5%;
font-family : Arial, sans-serif;
color:#11568C; /* Schriftfarbe */
font-size:12pt;
}
h2.maintitle {
text-align:center;
}
H3{
margin-left:18%;
font-size:13px;
}
H4{
font-size:13px;
text-align:center;
}
H5{
margin-left:2%;
font-size:11px;
text-align:left;
color:#A90F00;
font-weight:bold;
}
H6{
text-align:left;
font-size:12px;
margin-left:20%;
color:#808080;
}
.h7{
font-size:10px;
text-align:left;
}
.h8{
line-height:8;
font-size:13px;
text-align:center;
color:#A90F00;
font-weight:bold;
}
.h9{
line-height:1.4;
font-size:13px;
text-align:center;
color:#A90F00;
font-weight:bold;
}
.description {
font-size:13px;
text-align:center;
color:#000080;
font-weight:bold;
}
/*------------------------------------------------------*/
/*------------ Banner Bild-------------------------- */
.img{ /*Banner Bild */
margin-top:20px;
margin-left:10px;
}
/*------------------------------------------------------*/
/*------------ Men<65> Button des rechten Men<65>s-------------------------- */
.link_topic{ /*Links auf der Seite Topic.php*/
position:static;
padding-top:2%;
height:1.7em;
width:16.5em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
display:block;
}
.active { /*Links auf der Seite Topic.php*/
color:#00BE00; /* Schriftfarbe */
}
/*------------------------------------------------------*/
/*------------ Tabellen------------------------------- */
.table{
background-color: #F5F7F7;
border-collapse:collapse;
border: 1px solid #11568C;
border-top-color:#FFFFFF;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
}
.table_standard { /*Tabelle auf der Seite Topic.php*/
margin-left:5%;
width:90%;
}
.th{
background-color:#FFFFFF;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
border: 1px solid #11568C;
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
}
th_number{
width:8%;
}
.th_date{
width:50%;
}
.th_numOfQu{
width:15%;
}
.th_topicName{
width:80%;
}
.th_count{
width:10%;
}
.th_buttons{
width:1%;
}
.th_question{
width:76%;
}
.th_questiontype{
width:21%;
}
.th_name { /*Tabellenfelder auf der Seite Topic.php*/
width:60%;
}
.th_pos{
width:1%;
}
.th_topic{
width:23%;
}
.td_inactive{
background-color:#CCCCCC;
border-top:1px #11568C solid;
border-bottom:1px #11568C solid;
}
.td_cDTable_text{
border-color:white;
height:1.5em;
}
.td_cDTable_field{
border-color:white;
height:1.5em;
}
.td_cDTable_point{
border-color:white;
}
td{
border: 1px solid #11568C;
border-top-color:#FFFFFF;
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
}
/*------------------------------------------------------*/
option{ /* Option Feld */
border:1px solid #FFFFFF;
}
.dropdown {
width:500px;
border:1px solid #CCCCCC;
}
.dropdown_site{
width:16.5em;
}
.check, .radio {
border:1px solid #CCCCCC;
}
.Button {
margin-top:3%;
height:2em;
width: 16.5em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.language_Button{
cursor: pointer;
width:38%;
color:#334D55; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
hr {
display:none
}
.dropdown{
width:200 px;
}
.dropdown_language{
border:1px solid #CCCCCC;
font-size:10px;
width:62%;
}
label.left {
float: left;
width: 17%;
}
label.left_point{
float: left;
text-align:center;
width:2%;
}
input.right {
float: left;
clear: both;
margin-left: 2%;
margin-right: 5%;
}
.showStatus{
width:18%;
height:1.5em;
clear:both;
position:static;
float: left;
text-align:left;
margin-right: 2%;
}
.Button_right {
margin-top:5%;
margin-left: 71%;
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.Button_left{
margin-top:3%;
margin-left: 14%;
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.Button_middle{
margin-top:3%;
margin-left: 37%;
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.Button_info_right {
margin-top:-2em;
float:left;
margin-left: 55%;
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.Button_info_left{
float:left;
margin-left: 9.5%;
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.dropdown_right {
/*margin-left:2%;*/
width:100%;
border:1px solid #CCCCCC;
}
label.del{
margin-left:2%;
}
.quiz_options_correct{
margin-left:2%;
background-color:#00BE00;
}
.collect_question{
font-size:16px;
}
fieldset {
padding-bottom:2%;
padding-left:3%;
font-size:14px;
}
fieldset.info {
clear:both;
padding-bottom:2%;
padding-left:3%;
float:right;
font-size:10px;
text-align:left;
min-width:190px;
width:116.5%;
margin-right:0.5%;
//margin-right:0.1%;
//margin-left:-11.5%;
//width:105%;
}
.left_answer_small{
position:static;
clear:both;
float: left;
width: 10%;
text-align:center;
margin-right: 2%;
border: 0px solid #11568C;
}
.left_answer_big{
position:absolute;
clear:both;
float: left;
width: 73%;
margin-left:12.8%;
}
label.details{
clear:both;
margin-left:14%;
width:80%;
}
#learnprogress{
margin-top:2%;
margin-left:10%;
}
.marked{
background-color:#F5F7F7;
}
legend{
margin-left:5%;
font-family : Arial, sans-serif;
color:#11568C; /* Schriftfarbe */
}
.certificateinfo{
width:60%;
padding-left:20%;
margin-top:10px;
}
.userInfo{
width:80%;
margin-left:10%;
}
.certificateDocu{
width:80%;
padding-left:10%;
}
.certificate_Infos{
min-width: 190px;
width:110%;
margin-left:-12.5%;
}
.certificate_Infos_1{
clear:both;
float:right;
text-align:left;
font-size:10px;
width:78%;
margin-right:-1.8%;
}
label.left_info {
float: left;
width: 40%;
text-align:left;
}
.table_show_quiz{
width:100%;
float:left;
clear:both;
}
.cDTable{
padding-left:2%;
width:100%;
float:left;
clear:both;
font: 9px;
color:#334D55;
border-color:white;
}
.cDOptionTable{
width:100%;
float:left;
clear:both;
font: 9px;
color:#334D55;
}
.question{
width:80%;
border: 0px solid #11568C;
}
.answer{
width:80%;
border: 0px solid #11568C;
}
.correct{
color:#008000;
}
.false{
color:#800000;
}
.choice{
width:3%;
border: 0px solid #11568C;
}
.nr{
width:20%;
max-width:20%;
border: 0px solid #11568C;
}
.symbol{
text-align:right;
width:3%;
border: 0px solid #11568C;
}
.padding{
height:1.5em;
}
.evaluate{
width:100%;
border: 0px solid #11568C;
}
.table_show_answers{
width:100%;
float:left;
clear:both;
border: 0px solid #11568C;
}
.leftColumn{
min-width:20%;
border: 0px solid #11568C;
}
.answers{
text-align:left;
width:80%;
max-width:80%;
border: 0px solid #11568C;
}
.Button_row{
border: 0px solid #11568C;
text-align:right;
width:80;
}
.TextField{
width:100%;
height:1.4em;
}
.TextField_big{
width:100%;
height:3em;
}
.Button_rightColumn {
height:2em;
width: 15em;
line-height: 2em;
color:#11568C; /* Schriftfarbe */
background:#F5F7F7;
border:1px solid #CCCCCC;
font:bold 12px verdana, sans-serif;
text-align:center;
text-decoration:none;
}
.table_show_question{
width:100%;
float:left;
clear:both;
border: 0px solid #11568C;
}
.text{
width:80%;
border: 0px solid #11568C;
}
.name{
min-width:18%;
border: 0px solid #11568C;
}
.left_point{
width:2%;
border: 0px solid #11568C;
}
.table_progress{
margin-left:20%;
width:60%;
}
.table_show_incorrect{
width:100%;
float:left;
clear:both;
overflow:scroll
}
.nr_incorrect{
width:2%;
max-width:2%;
border: 0px solid #11568C;
}
.question_incorrect{
border: 0px solid #11568C;
max-width:92%;
width:92%;
}
.table_new_topic{
width:100%;
float:left;
clear:both;
}
.centered {
text-align:center;
}
.linkimage {
border:0px;
}
.resulttable {
border:1px solid;
}