721 lines
17 KiB
CSS
721 lines
17 KiB
CSS
input::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
table, tr, td {
|
|
padding: .11em 0 .11em 0;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
.centerImg {
|
|
display: block;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
height: 0;
|
|
border-top: 1px solid #e5e5e5;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-bottom: 1px solid #ffffff;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.testklasse td:first-child {
|
|
width: 1%;
|
|
margin-right: .1em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.recordHeader {
|
|
color: darkgray;
|
|
}
|
|
|
|
body {
|
|
font-family: "Microsoft Sans Serif", Arial, sans-serif;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
a, a:active, a:visited, a:hover {
|
|
color: #555;
|
|
}
|
|
|
|
.input-wrapper {
|
|
position: relative;
|
|
line-height: 14px;
|
|
display: block;
|
|
margin: 0 0 0.1em 0;
|
|
}
|
|
|
|
.cell-content {
|
|
padding: 0;
|
|
margin: .2em 0;
|
|
}
|
|
|
|
label {
|
|
color: #bbb;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
position: absolute;
|
|
z-index: 1;
|
|
left: 20px;
|
|
top: 12px;
|
|
padding: 0 2px;
|
|
pointer-events: none;
|
|
background: #fff;
|
|
}
|
|
|
|
.combobox-label-parent {
|
|
display: block;
|
|
padding: 0;
|
|
margin-bottom: .1em;
|
|
margin-top: -1em;
|
|
}
|
|
|
|
.combobox-label-parent label {
|
|
color: #bbb;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
z-index: 1;
|
|
left: 15px;
|
|
top: 10px;
|
|
pointer-events: none;
|
|
background: #fff;
|
|
}
|
|
|
|
input, textarea {
|
|
box-shadow:none;
|
|
background: #fff;
|
|
font-size: 13px;
|
|
color: #555;
|
|
outline: none;
|
|
border: 1px solid #bbb;
|
|
padding: 10px 20px;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
input[type=text], input[type=number], input[type=button], input[type=password], input[type=submit], textarea {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
}
|
|
|
|
input:focus, textarea:focus {
|
|
border-color: #FF5A00; /*beyondSoft Orange*/
|
|
}
|
|
|
|
input:focus + label, textarea:focus + label {
|
|
color: #FF5A00 !important;
|
|
}
|
|
|
|
input[type=submit]:active, input[type=button]:active {
|
|
background-color: #FF5A00;
|
|
color: #FFF;
|
|
}
|
|
|
|
input[type=submit], input[type=button] {
|
|
background-color: #E6E6E6;
|
|
border: none;
|
|
}
|
|
|
|
span {
|
|
white-space: normal !important;
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis !important;
|
|
}
|
|
|
|
.toggle-btn, .toggle-btn2 {
|
|
margin-top: .2em;
|
|
margin-bottom: 0;
|
|
border: 1px solid #bbb;
|
|
border-radius: 0;
|
|
background-image: url("images/toggle-icon-d.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: 99.5% center;
|
|
text-align: left;
|
|
background-color: #f4f4f4
|
|
}
|
|
|
|
.kollabierbar {
|
|
border: 1px solid #E6E6E6;
|
|
border-top: 0;
|
|
border-radius: 0;
|
|
font-size: 13px;
|
|
color: #555;
|
|
margin-top: -5px;
|
|
padding: .5em;
|
|
}
|
|
|
|
.collapsible-container {
|
|
margin-bottom: .1em;
|
|
}
|
|
|
|
.logout-button {
|
|
float: right;
|
|
width: auto;
|
|
background-color: #2a2929 !important;
|
|
border: none;
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FF5A00%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 60%;
|
|
}
|
|
|
|
.logout-btn {
|
|
width: auto;
|
|
background-color: #2a2929 !important;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #fff;
|
|
font-size: 100%;
|
|
font-family: "Microsoft Sans Serif", Helvetica, sans-serif;
|
|
}
|
|
|
|
.logout-btn:active {
|
|
color: #ff5a00 !important;
|
|
}
|
|
|
|
#ui-datepicker-div {
|
|
z-index: 2 !important;
|
|
}
|
|
|
|
.edit-button {
|
|
width: auto;
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FF5A00%22%20d%3D%22M%202%2C11%201%2C15%205%2C14%2012%2C7%209%2C4%202%2C11%20z%20M%2012%2C1%2010%2C3%2013%2C6%2015%2C4%2012%2C1%20z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
padding:7.5px 15px;
|
|
}
|
|
|
|
.unterschreiben {
|
|
width: auto;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
padding:3px 15px;
|
|
|
|
}
|
|
|
|
.delete-button {
|
|
width: auto;
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FF5A00%22%20points%3D%2215%2C4%2012%2C1%208%2C5%204%2C1%201%2C4%205%2C8%201%2C12%204%2C15%208%2C11%2012%2C15%2015%2C12%2011%2C8%20%22%3E%3C%2Fpolygon%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
padding:7.5px 15px;
|
|
}
|
|
|
|
.floating-element-container {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
input[disabled], button[disabled]:active, input[type=submit][disabled]:active, textarea[disabled] {
|
|
background-color: #f4f4f4;
|
|
border-color: #bbbbbb;
|
|
color: #bbbbbb;
|
|
}
|
|
|
|
.header-span {
|
|
float: left;
|
|
margin-top: .55em;
|
|
margin-left: .5em;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.header-div {
|
|
line-height: normal;
|
|
vertical-align: middle;
|
|
|
|
overflow: hidden;
|
|
background-color: #2a2929;
|
|
}
|
|
|
|
.margin-div {
|
|
margin: 0 .5em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.anlegen-btn {
|
|
float:right;
|
|
width: auto;
|
|
}
|
|
|
|
.left-btn {
|
|
width: initial;
|
|
float: left;
|
|
display: block;
|
|
}
|
|
|
|
.laden-intervall-btn {
|
|
background-image: url(images/calendar-bs-orange.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
margin-left: .5em;
|
|
}
|
|
|
|
#kollabier-btn1 {
|
|
margin-bottom: .1em;
|
|
}
|
|
|
|
/*#region Menü*/
|
|
#menu-btn {
|
|
float: right;
|
|
border: none;
|
|
background-color: #2a2929;
|
|
width: auto;
|
|
background-image: url("images/bars-black.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
|
|
.dark-bg {
|
|
color: #fff;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.menu-item {
|
|
padding: 1em 1em 1em 1em;
|
|
cursor: default;
|
|
}
|
|
|
|
#menu-div {
|
|
overflow: hidden;
|
|
background-color: #2a2929;
|
|
margin-top: -1.8em;
|
|
margin-bottom: 1.3em;
|
|
float: right;
|
|
width: auto;
|
|
}
|
|
/*#endregion*/
|
|
|
|
.input-wrapper-w-margin {
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.menu-img {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.abmelden-img {
|
|
margin-right: .5em;
|
|
}
|
|
|
|
#recordLoader_select {
|
|
width: 100%;
|
|
font-size:13px;
|
|
}
|
|
|
|
#start-cell {
|
|
margin-right: .36em;
|
|
}
|
|
|
|
#end-cell {
|
|
margin-left: .36em;
|
|
}
|
|
|
|
.error-text {
|
|
text-align: center;
|
|
color: #db1b1b;
|
|
}
|
|
|
|
/*#region modales Popup*/
|
|
.modalWrapper {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 899;
|
|
background-color: silver;
|
|
opacity: .5;
|
|
top: 0;
|
|
left:0;
|
|
bottom:0;
|
|
right:0;
|
|
}
|
|
|
|
#popupDiv, #errorPopupDiv,#SuccessPopupDiv,#AendernPopupDiv {
|
|
width:90%;
|
|
height: 20%;
|
|
background-color: #ffffff;
|
|
border: 1px solid #FF5A00;
|
|
display: none;
|
|
margin: auto;
|
|
position: absolute;
|
|
z-index: 900;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.popupBtn{
|
|
width: auto;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.SuccessPopupOkBtn,.AendernPopupOkBtn {
|
|
width: auto;
|
|
border: none;
|
|
}
|
|
|
|
.SuccessPopupUSchrift,.AendernPopupUSchrift {
|
|
width: auto;
|
|
border: none;
|
|
}
|
|
/*#endregion*/
|
|
|
|
#colorRibbon {
|
|
width: 100%;
|
|
height: .25em;
|
|
background-color: #c80000;
|
|
margin-bottom: 1.3em;
|
|
}
|
|
|
|
.menu-link:active {
|
|
color: #ff5a00;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
#klienten {
|
|
display: none;
|
|
margin: 0 .5em;
|
|
}
|
|
|
|
#klientenTabelle {
|
|
display: none;
|
|
overflow: auto;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#umfeldContainer {
|
|
display: none;
|
|
}
|
|
|
|
.contentTd {
|
|
float: right;
|
|
}
|
|
|
|
.alternating-background {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.customer-td {
|
|
color: #555;
|
|
}
|
|
|
|
.eigenschaftsdiv {
|
|
padding-right: 1em;
|
|
float: left;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.eigenschaftsdiv h4 {
|
|
display: inline;
|
|
color:#AB4A07;
|
|
}
|
|
|
|
.warte-animation {
|
|
display: none;
|
|
width: 30%;
|
|
position: fixed;
|
|
left: 35%;
|
|
top: 25%;
|
|
z-index: 950;
|
|
-webkit-animation: spin 2s ease infinite;
|
|
-moz-animation: spin 2s ease infinite;
|
|
-o-animation: spin 2s ease infinite;
|
|
animation: spin 2s ease infinite;
|
|
}
|
|
|
|
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg);}}
|
|
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg);}}
|
|
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}}
|
|
|
|
.an-ie-angepasste-tabelle {
|
|
padding: .5em 0 .5em .5em;
|
|
}
|
|
|
|
.floating-label {
|
|
-webkit-transition: -webkit-transform 100ms ease;
|
|
-moz-transition: -moz-transform 100ms ease;
|
|
-o-transition: -o-transform 100ms ease;
|
|
-ms-transition: -ms-transform 100ms ease;
|
|
transition: transform 100ms ease;
|
|
-webkit-transform: translateY(-18px);
|
|
-moz-transform: translateY(-18px);
|
|
-o-transform: translateY(-18px);
|
|
-ms-transform: translateY(-18px);
|
|
transform: translateY(-18px);
|
|
}
|
|
|
|
.floating-label-input:invalid + .floating-label, .floating-label-input:disabled + .floating-label {
|
|
-webkit-transform: translateY(0);
|
|
-moz-transform: translateY(0);
|
|
-o-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.floating-label-input:focus + .floating-label {
|
|
-webkit-transform: translateY(-18px);
|
|
-moz-transform: translateY(-18px);
|
|
-o-transform: translateY(-18px);
|
|
-ms-transform: translateY(-18px);
|
|
transform: translateY(-18px);
|
|
}
|
|
|
|
#zeiterfassungsErrorTableRow, #zeiterfassungsErrorTableCell {
|
|
display: none;
|
|
}
|
|
|
|
.styled-select-div {
|
|
overflow: hidden;
|
|
background: url('images/toggle-icon-d.svg') no-repeat right;
|
|
background-position: 99.5% center;
|
|
border: 1px solid #bbb;
|
|
display: block;
|
|
}
|
|
|
|
.disabled-select-container {
|
|
overflow: hidden;
|
|
background: url('images/toggle-icon-d-disabled.svg') no-repeat right;
|
|
background-position: 99.5% center;
|
|
border: 1px solid #bbb;
|
|
display: block;
|
|
}
|
|
|
|
.select-container {}
|
|
|
|
#sc-dropdown-container {
|
|
margin-bottom: .2em;
|
|
}
|
|
|
|
.styled-select-div select, .disabled-select-container select {
|
|
background: transparent;
|
|
font-size: 13px;
|
|
line-height: 14px;
|
|
border: 0;
|
|
border-radius: 0;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
padding-left: 1em;
|
|
padding-right: 1.5em;
|
|
width: 100%;
|
|
}
|
|
|
|
.styled-select-div select option:nth-child(odd) {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.styled-select-div select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
#recordLoader_select_container {
|
|
width: 25%;
|
|
float: left;
|
|
margin-top: .5em;
|
|
}
|
|
|
|
#logout-form {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.dropdownlist-for {}
|
|
|
|
.not-required-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.date-input-css {}
|
|
|
|
.center-aligned-text-element {
|
|
text-align: center;
|
|
}
|
|
|
|
#popupBtnDiv, #errorPopupBtnDiv,#SuccessPopupBtnDiv,#AendernPopupDiv{
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
|
|
.width-inheriting-table {
|
|
width: inherit;
|
|
}
|
|
|
|
.inline-display-element {
|
|
display: inline;
|
|
}
|
|
|
|
#KalenderTable, #KalenderTableTask {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
|
|
.kalender-uhrzeit {
|
|
color: #2B508B;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.kalender-td {
|
|
border-bottom: solid 1px #D8D8D8;
|
|
}
|
|
|
|
#ShowOnlyOwnSupportConceptsCheckBox {
|
|
width: initial;
|
|
}
|
|
|
|
#LabelForShowOnlyOwnSupporConceptsCB {
|
|
color: #000;
|
|
text-transform: none;
|
|
position: relative;
|
|
left: 0;
|
|
top: -.2em;
|
|
}
|
|
|
|
#VorherigerTag {
|
|
background-image: url("images/pfeilLinks.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: 50% center;
|
|
text-align: left;
|
|
}
|
|
|
|
#NaechsterTag {
|
|
background-image: url("images/pfeilRechts.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: 50% center;
|
|
text-align: left;
|
|
}
|
|
|
|
#NeuenTerminAnlegen {
|
|
background-image: url("images/plus.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: 50% center;
|
|
text-align: left;
|
|
}
|
|
|
|
.navigation-table-td {
|
|
padding-right: .1em;
|
|
}
|
|
|
|
#statistik-button {
|
|
margin-left:0.5em;
|
|
background-image: url("images/statistik-orange.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
|
|
/*################################### ab hier Tabbs ##########################################################*/
|
|
article.infobox section {
|
|
position: absolute; /*absolute*/
|
|
display: table-row; /*block*/
|
|
width:100%;
|
|
background-color: #ffffff;
|
|
top:30px;
|
|
}
|
|
|
|
article.infobox section h2{
|
|
position: absolute;
|
|
left: 0;
|
|
top: -30px; /*-30*/
|
|
width: 15.5%; /*20*/
|
|
height: 29px; /*29*/
|
|
font-family: Verdana;
|
|
font-size: 15px;
|
|
margin: 0; /*0*/
|
|
/*background-color: #194b7d;*/
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
border-radius: 0 0 0 0;/*10 10 0 0*/
|
|
border: double #ffffff; /*inset*/
|
|
border-width: 1px 1px 0 1px; /*1,1,0,0*/
|
|
z-index:0; /*0*/
|
|
word-wrap: break-word; /*break word */
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
article.infobox section:nth-child(2) h2{
|
|
left: 15.5%;/*205 / 20.25% || 16%*/
|
|
z-index: 1;
|
|
border-width: 1.5px 1.5px 0 1px;
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
article.infobox section:nth-child(3) h2{
|
|
left: 31%;/*410 || 32% */
|
|
z-index:2;
|
|
border-width: 1.5px 1.5px 0 1px;
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
article.infobox section:nth-child(4) h2{
|
|
left: 46.5%; /*615 || 48%*/
|
|
z-index: 3;
|
|
border-width: 1.5px 1.5px 0 1px;
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
article.infobox section:nth-child(5) h2{
|
|
left: 62%; /*820 || 64% */
|
|
z-index: 4;
|
|
border-width: 1.5px 1.5px 0 1px;
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
article.infobox section h2 a {
|
|
display: block; /*block*/
|
|
margin: 5px 0px 0px 0px; /*5px 0 0 0 || 5 5 5 5 */
|
|
/*border-width: 1px 1px 0 1px;*/
|
|
text-align: center;
|
|
text-decoration: none;
|
|
/*border-color: rgba(0, 0, 0, 0.1);*/
|
|
/*color: #c5d2de;*/
|
|
color:#000000;
|
|
/*#FF5A00*/
|
|
}
|
|
|
|
article.infobox section:target, article.infobox section:target h2 {
|
|
color: #000000;
|
|
/*background-color: #c5d2de;*/
|
|
z-index: 1;
|
|
/*margin: 5px 5px 5px 5px;*/
|
|
background-color: #FFFFFF;
|
|
border-color:#FF5A00;
|
|
|
|
}
|
|
|
|
article.infobox section:target h2 a {
|
|
color: #000000;
|
|
border-color:#FF5A00;
|
|
|
|
/* border-color:#FF5A00 ;
|
|
border-width: 1px 1px 0 0;*/
|
|
}
|
|
|