You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
773 lines
14 KiB
CSS
773 lines
14 KiB
CSS
body {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
background-color: #E8E0E0;
|
|
|
|
-webkit-touch-callout: none;
|
|
/* iOS Safari */
|
|
-webkit-user-select: none;
|
|
/* Safari */
|
|
-khtml-user-select: none;
|
|
/* Konqueror HTML */
|
|
-moz-user-select: none;
|
|
/* Old versions of Firefox */
|
|
-ms-user-select: none;
|
|
/* Internet Explorer/Edge */
|
|
user-select: none;
|
|
/* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
|
|
}
|
|
|
|
body.waiting * {
|
|
cursor: progress;
|
|
}
|
|
|
|
|
|
fieldset {
|
|
border: 0px;
|
|
}
|
|
|
|
summary {
|
|
/*
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
background-color: #fafafa;
|
|
background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
|
|
color: #fff;
|
|
margin-bottom: 1rem;
|
|
outline: none;
|
|
border-radius: 0.25rem;
|
|
text-align: left;
|
|
*/
|
|
padding: 1rem;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
summary:hover {
|
|
font-weight: bolder;
|
|
/*
|
|
color: #ddd !important;
|
|
*/
|
|
}
|
|
|
|
details[open] summary~* {
|
|
animation: sweep .5s ease-in-out;
|
|
}
|
|
|
|
details summary>* {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
@keyframes sweep {
|
|
0% {
|
|
opacity: 0;
|
|
margin-top: -10px
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
margin-top: 0px
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
build x1..x24 in excel (where A2-A25=1..24):
|
|
=".w3-col.x"&$A2&"{width:"&$A2*4&"%}"radio-yesno,selectable { -webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
*/
|
|
|
|
/* .w3-hide tr,.w3-hide td{visibility:collapse;display:none;}*/
|
|
|
|
.tox-tinymce-aux {
|
|
/* override default z-index of tiny.mce form parts as its lower than alertify(!!) */
|
|
z-index: 3000 !important;
|
|
}
|
|
|
|
|
|
.w3-dark-blue-grey,
|
|
.w3-hover-dark-blue-grey:hover,
|
|
.w3-blue-gray,
|
|
.w3-hover-blue-gray:hover {
|
|
color: #fff !important;
|
|
background-color: #14133b !important
|
|
}
|
|
|
|
/*
|
|
.btn,.btn-large {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background-color: #14133b;
|
|
text-align: center;
|
|
letter-spacing: 1.25px;
|
|
transition: .2s ease-out;
|
|
cursor: pointer
|
|
}
|
|
*/
|
|
|
|
/*
|
|
.w3-rw-a {background-color: # 288829}
|
|
.w3-rw-container-header {background-color: # 06AC74; color:whitesmoke}
|
|
#009688
|
|
|
|
.adrian-w3-rw-a {background-color: # 06AC74}
|
|
.adrian w3-rw-container-header {background-color: # 06AC74; color:whitesmoke}
|
|
|
|
*/
|
|
.w3-rw-a {
|
|
background-color: #288829
|
|
}
|
|
|
|
.w3-rw-button-OLD {
|
|
background-color: #288829
|
|
}
|
|
|
|
.w3-rw-button {
|
|
color: #FFFFFF;
|
|
background-color: #06AC74;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.w3-rw-input {
|
|
background-color: #288829
|
|
}
|
|
|
|
.w3-rw-container-header {
|
|
background-color: #06AC74;
|
|
color: whitesmoke
|
|
}
|
|
|
|
.w3-rw-container-footer {
|
|
background-color: #06AC74;
|
|
color: whitesmoke
|
|
}
|
|
|
|
.w3-rw-sub-form {
|
|
background-color: whitesmoke
|
|
}
|
|
|
|
.w3-rw-footer-button {
|
|
background-color: black;
|
|
color: white
|
|
}
|
|
|
|
.w3-rw-footer-save-button {
|
|
background-color: black;
|
|
color: white
|
|
}
|
|
|
|
.w3-rw-footer-cancel-button {
|
|
background-color: black;
|
|
color: white
|
|
}
|
|
|
|
.w3-rw-footer-login-button {
|
|
background-color: black;
|
|
color: white
|
|
}
|
|
|
|
.w3-rw-footer-register-button {
|
|
background-color: black;
|
|
color: white
|
|
}
|
|
|
|
/*
|
|
.w3-rw-menu {
|
|
color:#06AC74;
|
|
border-top: 2px solid #06AC74;
|
|
border-bottom: 2px solid #06AC74;
|
|
}
|
|
*/
|
|
|
|
.w3-rw-menu {
|
|
/*
|
|
background-color: white;
|
|
*/
|
|
color: #06AC74;
|
|
font-weight: bold;
|
|
font-size: 1.0rem;
|
|
/*
|
|
font-size: 1.125rem;
|
|
min-height:45px;
|
|
padding-top:10px;
|
|
*/
|
|
|
|
}
|
|
|
|
.w3-rw-menu-border {
|
|
border: 3px solid #06AC74;
|
|
}
|
|
|
|
.w3-rw-selected {
|
|
font-weight: bold;
|
|
border: 3px solid #d69315;
|
|
}
|
|
|
|
.w3-rw-unselected {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.w3-rw-infoBox {
|
|
width: 300px;
|
|
margin: 50px auto;
|
|
background: #288829;
|
|
padding: 20px;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
color: #fff;
|
|
/* font-family: arial; */
|
|
position: relative;
|
|
}
|
|
|
|
.w3-dropdown-content>.rw-separated {
|
|
margin-top: 10px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #999999;
|
|
}
|
|
|
|
.w3-dropdown-content>.rw-disabled {
|
|
color: gray !important;
|
|
}
|
|
|
|
.w3-rw-text,
|
|
.w3-rw-hover-text:hover {
|
|
color: #06AC74 !important
|
|
}
|
|
|
|
.w3-rw-circle {
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
line-height: 1;
|
|
box-sizing: content-box;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.w3-rw-circle:before {
|
|
content: "";
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding-top: 100%;
|
|
height: 0;
|
|
}
|
|
|
|
.w3-rw-circle span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
/* Creating a number within a circle */
|
|
.w3-rw-numberCircle {
|
|
font-family: "OpenSans-Semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
|
|
display: inline-block;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0px;
|
|
border-radius: 50%;
|
|
font-size: 12px;
|
|
min-width: 30px;
|
|
min-height: 30px;
|
|
}
|
|
|
|
.w3-rw-numberCircle span {
|
|
display: inline-block;
|
|
padding-top: 50%;
|
|
padding-bottom: 50%;
|
|
margin-left: 1px;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
|
|
/*
|
|
.w3-dropdown-hover>.w3-rw-menu{
|
|
margin-top: 20px;
|
|
background-color: white !important;
|
|
}
|
|
*/
|
|
.w3-dropdown-hover:first-child,
|
|
.w3-dropdown-click:hover {
|
|
/*
|
|
background-color: white !important;
|
|
*/
|
|
background-color: inherit !important;
|
|
color: inherit !important;
|
|
}
|
|
|
|
|
|
.w3-rw-menu-button,
|
|
.w3-rw-menu-save-button,
|
|
.w3-rw-menu-view-button,
|
|
.w3-rw-menu-cancel-button {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.w3-rw-menu-save-button {
|
|
background-color: brown;
|
|
}
|
|
|
|
.w3-rw-menu-view-button {
|
|
background-color: darkblue;
|
|
}
|
|
|
|
.w3-rw-symbol-button {
|
|
color: brown !important;
|
|
}
|
|
|
|
/* Umrahmung der "Legende" bei Eingabefeldern */
|
|
.w3-rw-fieldset {
|
|
border-radius: 4px;
|
|
border: 1px solid;
|
|
/*
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
*/
|
|
}
|
|
|
|
.w3-rw-input {
|
|
/* padding: 8px; */
|
|
display: block;
|
|
border: none;
|
|
border-bottom: 1px solid #ccc;
|
|
width: 100%
|
|
}
|
|
|
|
.w3-xrw-input {
|
|
box-sizing: border-box;
|
|
background-color: #EEEEEE;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 6px;
|
|
border: none;
|
|
outline: none;
|
|
/* outline: solid 1px silver; */
|
|
}
|
|
|
|
.w3-xrw-input:hover {
|
|
background-color: white;
|
|
}
|
|
|
|
.w3-xrw-input:focus {
|
|
background-color: white;
|
|
outline: solid 1px red;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Hintergrund Pflichtfelder */
|
|
.w3-rw-color-required {
|
|
color: #000 !important;
|
|
background-color: #fff3f1 !important
|
|
}
|
|
|
|
/* Hintergrund nicht editierbarer Felder */
|
|
.w3-rw-color-readonly {
|
|
color: rgb(26, 25, 75) !important;
|
|
background-color: #f1f1f1 !important
|
|
}
|
|
|
|
/* Hintergrund optionaler Felder */
|
|
.w3-rw-color-optional {
|
|
color: #000 !important;
|
|
background-color: #f1f1f1 !important
|
|
}
|
|
|
|
/* Hintergrund Pflichtfelder ausgefüllt */
|
|
.w3-rw-color-fulfilled {
|
|
color: #000 !important;
|
|
background-color: #f3fff1 !important
|
|
}
|
|
|
|
|
|
|
|
.w3-rw-dynsvg {
|
|
height: 80px;
|
|
width: 80px;
|
|
min-width: 80px;
|
|
}
|
|
|
|
|
|
.w3-rw-hover:hover {
|
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
}
|
|
|
|
/*
|
|
.w3-rw-dynsvg:hover{
|
|
background-color: lightgray;
|
|
}
|
|
*/
|
|
|
|
/* radio buttons: */
|
|
.w3-rw-radio-button {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.w3-rw-radio-button input[type="radio"] {
|
|
display: none;
|
|
}
|
|
|
|
.w3-rw-radio-button label {
|
|
display: inline-block;
|
|
/* background-color: #e1e1e1;*/
|
|
padding: 4px 11px 2px 2px;
|
|
margin-right: 12px;
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
border: 1px solid #505050;
|
|
color: #666666;
|
|
}
|
|
|
|
.w3-rw-radio-button input[type="radio"]:checked+label {
|
|
background-color: #2196F3;
|
|
color: #000
|
|
}
|
|
|
|
.w3-rw-radio-button label:hover {
|
|
background-color: #ccc !important
|
|
}
|
|
|
|
.w3-rw-img-reference {
|
|
padding: 4px;
|
|
max-width: 80%;
|
|
max-height: 1000px;
|
|
}
|
|
|
|
.frcontent {
|
|
position: relative;
|
|
}
|
|
|
|
.frcontent .topright {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
/* !!! DEBUG !!!: activte this to see framed col-objects
|
|
.w3-col {
|
|
border: 1px solid #F0F0F0;
|
|
}
|
|
*/
|
|
|
|
@media (max-width:993px) {
|
|
.miny {
|
|
min-height: 600px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.miny {
|
|
min-height: 100px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:600px) {
|
|
.miny {
|
|
min-height: 10px;
|
|
}
|
|
}
|
|
|
|
@media (min-width:993px) {
|
|
.miny {
|
|
min-height: 1000px;
|
|
}
|
|
}
|
|
|
|
@media (min-width:1205px) {
|
|
.w3-rw-width60 {
|
|
width: 60%
|
|
}
|
|
|
|
/* DO NOT CHANGE! */
|
|
/* The max width is 95% as in w3.css is defined: @media (max-width:1205px){.w3-auto{max-width:95%}} */
|
|
.w3-col.x1 {
|
|
width: 3.8%
|
|
}
|
|
|
|
.w3-col.x2 {
|
|
width: 7.6%
|
|
}
|
|
|
|
.w3-col.x3 {
|
|
width: 11.4%
|
|
}
|
|
|
|
.w3-col.x4 {
|
|
width: 15.2%
|
|
}
|
|
|
|
.w3-col.x5 {
|
|
width: 19%
|
|
}
|
|
|
|
.w3-col.x6 {
|
|
width: 22.8%
|
|
}
|
|
|
|
.w3-col.x7 {
|
|
width: 26.6%
|
|
}
|
|
|
|
.w3-col.x8 {
|
|
width: 30.4%
|
|
}
|
|
|
|
.w3-col.x9 {
|
|
width: 34.2%
|
|
}
|
|
|
|
.w3-col.x10 {
|
|
width: 38%
|
|
}
|
|
|
|
.w3-col.x11 {
|
|
width: 41.8%
|
|
}
|
|
|
|
.w3-col.x12 {
|
|
width: 45.6%
|
|
}
|
|
|
|
.w3-col.x13 {
|
|
width: 49.4%
|
|
}
|
|
|
|
.w3-col.x14 {
|
|
width: 53.2%
|
|
}
|
|
|
|
.w3-col.x15 {
|
|
width: 57%
|
|
}
|
|
|
|
.w3-col.x16 {
|
|
width: 60.8%
|
|
}
|
|
|
|
.w3-col.x17 {
|
|
width: 64.6%
|
|
}
|
|
|
|
.w3-col.x18 {
|
|
width: 68.4%
|
|
}
|
|
|
|
.w3-col.x19 {
|
|
width: 72.2%
|
|
}
|
|
|
|
.w3-col.x20 {
|
|
width: 76%
|
|
}
|
|
|
|
.w3-col.x21 {
|
|
width: 79.8%
|
|
}
|
|
|
|
.w3-col.x22 {
|
|
width: 83.6%
|
|
}
|
|
|
|
.w3-col.x23 {
|
|
width: 87.4%
|
|
}
|
|
|
|
.w3-col.x24 {
|
|
width: 91.2%
|
|
}
|
|
|
|
.w3-col.x25 {
|
|
width: 95%
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.w3-radio-yesno {
|
|
padding-left: 10px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
|
|
.w3-rw-stateLineContainer {
|
|
margin-left: 3.8%;
|
|
margin-top: 16px;
|
|
padding-top: 16px;
|
|
padding-bottom: 80px
|
|
}
|
|
|
|
|
|
.w3-rw-stateLineBox {
|
|
margin-right: 3.8%;
|
|
float: left;
|
|
}
|
|
|
|
.w3-rw-stateLineActive,
|
|
.w3-rw-stateLinePassive,
|
|
.w3-rw-stateLineSolved,
|
|
.w3-rw-stateLineUnsolved {
|
|
padding-left: 10px;
|
|
padding-right: 12px;
|
|
padding-top: 2px;
|
|
padding-bottom: 3px;
|
|
border-radius: 32px;
|
|
}
|
|
|
|
.w3-rw-stateLineActive:hover,
|
|
.w3-rw-stateLinePassive:hover,
|
|
.w3-rw-stateLineSolved:hover,
|
|
.w3-rw-stateLineUnsolved:hover {
|
|
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
|
|
}
|
|
|
|
.w3-rw-stateLineActive {
|
|
border: 3px solid black;
|
|
}
|
|
|
|
.w3-rw-stateLinePassive {
|
|
border: 1px solid darkgray;
|
|
}
|
|
|
|
.w3-rw-stateLineUnsolved {
|
|
color: #4F9880;
|
|
background-color: #C0E5D9;
|
|
/*
|
|
background-color: sienna !important;
|
|
background-color:lemonchiffon !important;
|
|
color: coral;
|
|
*/
|
|
}
|
|
|
|
.w3-rw-stateLineSolved {
|
|
background-color: #06AC74;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
/**********************************************
|
|
File Upload:
|
|
***********************************************/
|
|
.fileUpload-dropArea {
|
|
position: relative;
|
|
padding: 2rem 1rem;
|
|
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
|
border: 2px dashed #dae1e7;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fileUpload-dropArea .fileUpload-drop-icon {
|
|
display: block;
|
|
margin-bottom: 0.75rem;
|
|
color: #aeb4be;
|
|
font-size: 1.625rem;
|
|
}
|
|
|
|
.fileUpload-dropArea .fileUpload-drop-message {
|
|
display: block;
|
|
font-size: .875rem;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
|
|
.fileUpload-dropArea .fileUpload-drop-input {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
opacity: 0;
|
|
outline: none;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
}
|
|
|
|
.fileUpload-dropArea .fileUpload-btn {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.fileUpload-dropArea .fileUpload-drop-preview {
|
|
/*max-width: 16rem;
|
|
*/
|
|
margin-right: auto;
|
|
margin-bottom: 0.75rem;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.fileUpload-image {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
max-width: 100vh;
|
|
}
|
|
|
|
.fileUpload-image img {
|
|
max-width: 80%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
input:invalid {
|
|
/*
|
|
border: 2px dashed red;
|
|
*/
|
|
background-color: rgb(241, 185, 165) !important;
|
|
}
|
|
|
|
input:invalid:focus {
|
|
background-color: coral !important;
|
|
/*
|
|
background-image: linear-gradient(pink, lightgreen);
|
|
*/
|
|
}
|
|
|
|
.markDown {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.markDown td,
|
|
.markDown th {
|
|
border: 1px solid #ddd;
|
|
padding: 8px;
|
|
}
|
|
|
|
|
|
.markDown tr:nth-child(even) {
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.markDown tr:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.markDown th {
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
text-align: left;
|
|
background-color: #04AA6D;
|
|
color: white;
|
|
font-weight: bold;
|
|
} |