1,72 → 1,249 |
/* |
* ACC: ALCASAR Control Center |
*/ |
|
|
/* |
* Menu |
*/ |
.menu ul { |
margin: 0; |
padding: 0; |
list-style-type: none; |
display: none; |
} |
.menu > ul { |
display: block; |
} |
.menu > ul > li { |
margin-left: 0; |
} |
.menu li { |
padding: 2px; |
margin-left: 10px; |
} |
.menu li a:hover { |
color: black; |
} |
.menu li.active > a { |
color: black; |
font-weight: bold; |
} |
.menu li.active > ul { |
display: block; |
} |
|
.menu li .caret { |
background-image: url('/images/right.gif'); |
background-repeat: no-repeat; |
background-size: 10px; |
background-position: 0 center; |
display: inline-block; |
width: 10px; |
height: 10px; |
} |
.menu li.active .caret { |
background-image: url('/images/right2.gif'); |
} |
.menu li.active > .caret { |
background-image: url('/images/down2.gif'); |
} |
|
/* |
* Panel |
*/ |
.panel { |
width: 100%; |
border-spacing: 0; |
border-collapse: collapse; |
} |
.panel .panel-header { |
border-bottom: 2px solid #FFCC66; |
padding: 0; |
font-family: "DejaVu Sans"; |
font-size: small; |
text-align: center; |
font-weight: bold; |
color: #EFEFEF; |
background-color: #666666; |
} |
.panel .panel-body { |
border: 2px ridge black; |
} |
h1 { |
font-family: "DejaVu Sans"; |
font-size: 16pt; |
text-align: left; |
color: #666666; |
} |
|
h2 { |
font-family: "DejaVu Sans"; |
font-size: 15pt; |
text-align: center; |
color: #666666; |
} |
|
h3 { |
font-family: "DejaVu Sans"; |
font-size: 14pt; |
text-align: center; |
color: #666666; |
} |
|
:link, :visited, :link:hover, :visited:hover { |
font-family: "DejaVu Sans"; |
font-size: small; |
color: #666666; |
} |
|
body, p, ul, li { |
font-family: "DejaVu Sans"; |
font-size: small; |
color: #666666; |
background-color: #EFEFEF; |
text-align: justify; |
} |
|
th { |
font-family: "DejaVu Sans"; |
font-size: small; |
text-align: center; |
color: #EFEFEF; |
background-color: #666666; |
} |
|
table { |
font-family: "DejaVu Sans"; |
font-size: small; |
color: #666666; |
background-color: #EFEFEF; |
} |
|
.etiquette { |
font-family: "DejaVu Sans"; |
font-size: small; |
text-align: right; |
color: #666666; |
background-color: #d0ddb0; |
} |
|
.hide-advanced-fields .advanced-field { |
display: none; |
} |
|
#login-time-calendar img { |
width: 30px; |
vertical-align: -9px; |
margin-left: 5px; |
} |
|
.schedule-rows td { |
width: 80px; |
height: 22px; |
margin: 3px; |
padding: 0; |
background-color: #B55; |
cursor: pointer; |
} |
|
.schedule-rows td:first-child { |
background-color: transparent; |
text-align: right; |
position: relative; |
top: -12px; |
font-family: 'Sans'; |
font-size: 0.8em; |
} |
|
.schedule-rows td[data-selected], |
.schedule-rows td[data-selecting] { background-color: #d0ddb0; } |
.schedule-rows td[data-unselecting] { background-color: #B22; } |
.schedule-rows td[data-disabled] { opacity: 0.55; } |
.schedule-header tr th:first-child { |
background-color: transparent; |
} |
|
.panel { |
display: table; |
width: 100%; |
border-spacing: 0; |
border-collapse: collapse; |
} |
|
.panel .panel-header { |
display: table-caption; |
border-bottom: 3px solid #FFCC66; |
padding: 0; |
font-family: "DejaVu Sans"; |
font-size: small; |
text-align: center; |
font-weight: bold; |
color: #EFEFEF; |
background-color: #666666; |
} |
|
.panel .panel-row { |
display: table-row; |
border: 1px solid black; |
overflow: auto; |
} |
|
.panel .panel-cell { |
display: table-cell; |
border: 1px solid black; |
overflow: auto; |
} |
|
.panel .panel-iframe |
{ |
height: 150vh; |
width: 100%; |
margin: 0px 0px 0px 0px ; |
padding: 0px 0px 0px 0px ; |
display: flex; |
border-left-style: solid; |
border-left-width: 1px; |
border-right-style: solid; |
border-top-style: solid; |
border-top-width: 1px; |
border-bottom-style: solid; |
border-bottom-width: 1px; |
border-right-width: 1px; |
} |
|
.overlay |
{ |
height: 100%; |
width: 100%; |
display: none; |
position: fixed; |
z-index: 1; |
left: 0; |
top: 0; |
background-color: rgb(56, 25, 25); |
background-color: rgba(0,0,0, 0.9); |
overflow-x: hidden; |
} |
|
/* CSS Spinner */ |
.lds-spinner { |
display: flex; |
justify-content: center; |
align-items: center; |
height: 100%; |
} |
|
.lds-spinner div { |
transform-origin: 40px 40px; |
animation: lds-spinner 1.2s linear infinite; |
} |
|
.lds-spinner div:after { |
content: " "; |
display: block; |
position: absolute; |
top: 3px; |
left: 37px; |
width: 6px; |
height: 18px; |
border-radius: 20%; |
background: #fff; |
} |
|
.lds-spinner div:nth-child(1) { |
transform: rotate(0deg); |
animation-delay: -1.1s; |
} |
|
.lds-spinner div:nth-child(2) { |
transform: rotate(30deg); |
animation-delay: -1s; |
} |
|
.lds-spinner div:nth-child(3) { |
transform: rotate(60deg); |
animation-delay: -0.9s; |
} |
|
.lds-spinner div:nth-child(4) { |
transform: rotate(90deg); |
animation-delay: -0.8s; |
} |
|
.lds-spinner div:nth-child(5) { |
transform: rotate(120deg); |
animation-delay: -0.7s; |
} |
|
.lds-spinner div:nth-child(6) { |
transform: rotate(150deg); |
animation-delay: -0.6s; |
} |
|
.lds-spinner div:nth-child(7) { |
transform: rotate(180deg); |
animation-delay: -0.5s; |
} |
|
.lds-spinner div:nth-child(8) { |
transform: rotate(210deg); |
animation-delay: -0.4s; |
} |
|
.lds-spinner div:nth-child(9) { |
transform: rotate(240deg); |
animation-delay: -0.3s; |
} |
|
.lds-spinner div:nth-child(10) { |
transform: rotate(270deg); |
animation-delay: -0.2s; |
} |
|
.lds-spinner div:nth-child(11) { |
transform: rotate(300deg); |
animation-delay: -0.1s; |
} |
|
.lds-spinner div:nth-child(12) { |
transform: rotate(330deg); |
animation-delay: 0s; |
} |
|
@keyframes lds-spinner { |
0% { |
opacity: 1; |
} |
100% { |
opacity: 0; |
} |
} |