mirror of
https://github.com/CAcertOrg/cats.git
synced 2024-11-03 04:34:04 +00:00
875 lines
16 KiB
CSS
Executable file
875 lines
16 KiB
CSS
Executable file
/*----------------- 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;
|
||
}
|
||
|