popup_dialog.css in Popup Dialog 8
#popup-dialog-window {
position: absolute;
width: 80%;
padding: 15px;
background: #ffffff;
margin: 0 auto;
border: 5px solid #3a3a3a;
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media all and (min-width: 460px) {
#popup-dialog-window {
width: auto;
}
}
/*@media all and (min-width: 768px) {*/
/*#popup-dialog-window {*/
/*width: 30%;*/
/*}*/
/*}*/
#popup-header {
display: inline-block;
width: 100%;
border-bottom: 1px solid #d4d4d4;
}
#popup-dialog-title {
float: left;
}
#close-dialog {
float: right;
text-indent: -9999px;
background: url("close.png") no-repeat;
width: 12px;
background-size: 100%;
cursor: pointer;
}
#popup-dialog-background {
background: rgba(0, 0, 0, 0.30);
position: fixed;
width: 100%;
height: 100%;
top: 0;
}
File
css/popup_dialog.css
View source
- #popup-dialog-window {
- position: absolute;
- width: 80%;
- padding: 15px;
- background: #ffffff;
- margin: 0 auto;
- border: 5px solid #3a3a3a;
- z-index: 1;
- left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- }
-
- @media all and (min-width: 460px) {
- #popup-dialog-window {
- width: auto;
- }
- }
-
- /*@media all and (min-width: 768px) {*/
- /*#popup-dialog-window {*/
- /*width: 30%;*/
- /*}*/
- /*}*/
-
- #popup-header {
- display: inline-block;
- width: 100%;
- border-bottom: 1px solid #d4d4d4;
- }
-
- #popup-dialog-title {
- float: left;
- }
-
- #close-dialog {
- float: right;
- text-indent: -9999px;
- background: url("close.png") no-repeat;
- width: 12px;
- background-size: 100%;
- cursor: pointer;
- }
-
- #popup-dialog-background {
- background: rgba(0, 0, 0, 0.30);
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- }