mirror of
https://github.com/telekom-security/tpotce.git
synced 2025-04-29 11:48:52 +00:00
132 lines
2.9 KiB
Text
132 lines
2.9 KiB
Text
.oc-dialog {
|
|
background : white;
|
|
color : #333333;
|
|
border-radius : 3px;
|
|
box-shadow : 0 0 7px #888888;
|
|
padding : 15px;
|
|
z-index : 1000;
|
|
font-size : 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing : border-box;
|
|
box-sizing : border-box;
|
|
min-width : 340px;
|
|
max-height : calc(100vh - 60px);
|
|
overflow-y : auto;
|
|
}
|
|
|
|
@media (max-width: 512px) {
|
|
.oc-dialog {
|
|
position: absolute;
|
|
top : 55px;
|
|
right : 10px;
|
|
left : 10px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 513px) {
|
|
/* Center positioning */
|
|
.oc-dialog {
|
|
position : fixed;
|
|
left : 50%;
|
|
|
|
/* Add half of the titlebar height */
|
|
top : calc(50% + 22.5px);
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
}
|
|
|
|
.oc-dialog-title {
|
|
background : white;
|
|
font-weight : bold;
|
|
font-size : 110%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.oc-dialog-content {
|
|
z-index : 1000;
|
|
background: white;
|
|
}
|
|
|
|
.oc-dialog-separator {}
|
|
|
|
.oc-dialog-buttonrow {
|
|
background: white;
|
|
float : right;
|
|
position : relative;
|
|
bottom : 5px;
|
|
display : block;
|
|
margin-top: 10px;
|
|
width : 100%;
|
|
}
|
|
|
|
/* align primary button to right, other buttons to left */
|
|
.oc-dialog-buttonrow.threebuttons button:nth-child(1) {
|
|
float: left;
|
|
}
|
|
|
|
.oc-dialog-buttonrow.threebuttons button:nth-child(2),
|
|
.oc-dialog-buttonrow.threebuttons button:nth-child(3) {
|
|
float: right;
|
|
}
|
|
|
|
/* align primary button to right, other buttons to left */
|
|
.oc-dialog-buttonrow.twobuttons button:nth-child(1) {
|
|
float: left;
|
|
}
|
|
|
|
.oc-dialog-buttonrow.twobuttons button:nth-child(2) {
|
|
float: right;
|
|
}
|
|
|
|
.oc-dialog-buttonrow.onebutton button {
|
|
float: right;
|
|
}
|
|
|
|
.oc-dialog-close {
|
|
position : absolute;
|
|
top : 7px;
|
|
right : 7px;
|
|
height : 20px;
|
|
width : 20px;
|
|
background: url("../img/actions/close.svg") no-repeat center;
|
|
}
|
|
|
|
.oc-dialog-dim {
|
|
background-color: #000;
|
|
opacity : 0.20;
|
|
z-index : 999;
|
|
position : fixed;
|
|
top : 0;
|
|
left : 0;
|
|
width : 100%;
|
|
height : 100%;
|
|
}
|
|
|
|
.error-message-global,
|
|
.success-message-global {
|
|
background-color : rgb(242, 222, 222);
|
|
border : 1px solid rgb(235, 204, 209);
|
|
border-radius : 4px;
|
|
box-sizing : border-box;
|
|
color : rgb(169, 68, 66);
|
|
font-family : Verdana,sans-serif;
|
|
font-size : 15px;
|
|
line-height : 22.5px;
|
|
margin-bottom : 20px;
|
|
opacity : 1;
|
|
padding : 15px 35px 15px 15px;
|
|
transition-delay : 0s;
|
|
transition-duration : 0.15s;
|
|
transition-property : opacity;
|
|
transition-timing-function: linear;
|
|
-moz-border-bottom-colors : none;
|
|
-moz-border-left-colors : none;
|
|
-moz-border-right-colors : none;
|
|
-moz-border-top-colors : none;
|
|
}
|
|
|
|
.success-message-global {
|
|
background-color: rgb(222, 242, 226);
|
|
border-color : rgb(177, 218, 186);
|
|
color : rgb(66, 169, 76);
|
|
}
|