122 lines
2.6 KiB
CSS
122 lines
2.6 KiB
CSS
/*-------------------------
|
|
ZZZY POBrowser ModalDialog
|
|
--------------------------*/
|
|
/* Hide the arrows dispayed in number inputs in webkit */
|
|
|
|
.pobmodal-overlay{
|
|
display:none;
|
|
position:fixed;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
background-color:rgba(0,0,0,0.5);
|
|
z-index:999;
|
|
}
|
|
|
|
#pobmodal-dialog{
|
|
width:500px;
|
|
height:375px;
|
|
background-color:#fff;
|
|
border-radius:2px;
|
|
box-shadow: 0 0 8px rgba(0,0,0,0.5);
|
|
position:fixed;
|
|
top:200px;
|
|
left:50%;
|
|
margin-left:-250px;
|
|
text-align:center;
|
|
border:solid 1px #0099CC;
|
|
padding:0 20px;
|
|
}
|
|
|
|
#pobmodal-dialog h2{
|
|
text-transform: uppercase;
|
|
font-size:18px;
|
|
color:#5e6268;
|
|
padding: 50px 0;
|
|
}
|
|
|
|
#pobmodal-dialog label{
|
|
text-transform: uppercase;
|
|
background-color: #f4f4f4;
|
|
width: 80px;
|
|
height: 62px;
|
|
font-size: 11px;
|
|
display: inline-block;
|
|
padding: 10px;
|
|
margin: 4px;
|
|
}
|
|
|
|
#pobmodal-dialog label input{
|
|
display: block;
|
|
border: 0;
|
|
font: inherit;
|
|
font-size: 17px;
|
|
padding: 6px;
|
|
outline: none;
|
|
text-align: center;
|
|
width: 59px;
|
|
margin: 10px auto;
|
|
background-color:#fff;
|
|
}
|
|
|
|
#pobmodal-dialog .button-holder{
|
|
padding-top: 50px;
|
|
padding-bottom:0;
|
|
}
|
|
|
|
#pobmodal-dialog .button-holder .button{
|
|
box-shadow:0 2px 2px #eee;
|
|
padding:13px 22px;
|
|
margin:3px;
|
|
}
|
|
|
|
#pobmodal-dialog .button{
|
|
background-color:#82cddd;
|
|
|
|
background-image:-webkit-linear-gradient(top, #86d3e4, #82cddd);
|
|
background-image:-moz-linear-gradient(top, #86d3e4, #82cddd);
|
|
background-image:linear-gradient(top, #86d3e4, #82cddd);
|
|
|
|
border-color:#72c1d2;
|
|
}
|
|
|
|
/* blue */
|
|
#pobmodal-dialog .blue {
|
|
color: #d9eef7;
|
|
border: solid 1px #0076a3;
|
|
background: #0095cd;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
|
|
background: -moz-linear-gradient(top, #00adee, #0078a5);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
|
|
}
|
|
#pobmodal-dialog .blue:hover {
|
|
background: #007ead;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
|
|
background: -moz-linear-gradient(top, #0095cc, #00678e);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
|
|
}
|
|
#pobmodal-dialog .blue:active {
|
|
color: #80bed6;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
|
|
background: -moz-linear-gradient(top, #0078a5, #00adee);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
|
|
}
|
|
|
|
#pobmodal-dialog a{
|
|
text-decoration:none;
|
|
}
|
|
/*
|
|
#pobmodal-dialog .close{
|
|
width: 36px;
|
|
height: 36px;
|
|
background: url('close.png');
|
|
position: absolute;
|
|
top: -18px;
|
|
right: -18px;
|
|
cursor:pointer;
|
|
}
|
|
*/
|
|
|
|
|