Файл: system/lib/modal_page/style.css
Строк: 202
/*! Remodal - v0.1.2 - 2014-03-05
*
https://github.com/VodkaBears/remodal
* Copyright (c) 2014 VodkaBears;
*/
/* Lock screen(begin) */
html.remodal_lock, body.remodal_lock {
overflow: hidden;
}
/* Lock screen(end) */
/* Background for
effects(begin) */
.remodal-bg {
-webkit-transition: -webkit-filter
0.2s linear;
-moz-transition: -moz-filter 0.2s linear;
-o-transition: -o-filter 0.2s linear;
transition: filter 0.2s
linear;
}
body.remodal_active .remodal-bg {
-webkit-filter:
blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}
/* Background for
effects(end) */
/* Anti FOUC(begin) */
.remodal, [data-remodal-id] {
visibility: hidden;
}
/* Anti FOUC(end)*/
/* Remodal
overlay(begin) */
.remodal-overlay {
display: none;
overflow:
auto;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index:
10000;
text-align: center;
opacity: 0;
background:
rgba(33, 36, 46, 0.95);
/* IE6–IE8 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE21242E,
endColorstr=#EE21242E);
zoom: 1;
-webkit-transition: opacity 0.2s
linear;
-moz-transition: opacity 0.2s linear;
-o-transition:
opacity 0.2s linear;
transition: opacity 0.2s
linear;
}
.remodal-overlay > * {
-webkit-transform:
translateZ(0px);
}
.remodal-overlay:after {
display:
inline-block;
height: 100%;
margin-left: -0.05em;
content:
'';
vertical-align: middle;
}
body.remodal_active .remodal-overlay
{
opacity: 1;
}
/* Remodal overlay(end) */
/* Remodal
window(begin) */
.remodal, .remodal * {
}
.remodal {
font-size:
16px;
position: relative;
display: inline-block;
width:
100%;
min-height: 100%;
padding-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
background:
#fff;
background-clip: padding-box;
color: #377719;
-webkit-box-shadow: 0px 0px 8px #171a24;
box-shadow: 0px 0px 8px
#171a24;
-webkit-transform: scale(0.95);
-moz-transform:
scale(0.95);
-ms-transform: scale(0.95);
-o-transform:
scale(0.95);
transform: scale(0.95);
-webkit-transition:
-webkit-transform 0.2s linear;
-moz-transition: -moz-transform 0.2s
linear;
-o-transition: -o-transform 0.2s linear;
transition:
transform 0.2s linear;
}
body.remodal_active .remodal {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform:
scale(1);
}
/* Remodal window(end) */
/* Remodal window close
button(begin) */
.remodal-close {
position: absolute;
top:
5px;
right: 10px;
width: 28px;
height: 28px;
text-decoration: none;
-webkit-border-radius: 50%;
border-radius:
50%;
border: 2px solid #DBF7F3;
-webkit-transition: background
0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s
linear;
}
.remodal-close:after {
display: block;
font-size:
28px;
font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif
!important;
content: "×";
line-height: 28px;
cursor: pointer;
text-decoration: none;
color: #DBF7F3;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s
linear;
-o-transition: all 0.2s linear;
transition: all 0.2s
linear;
}
.remodal-close:hover, .remodal-close:active {
background: #DBF7F3;
}
.remodal-close:hover.remodal-close:after,
.remodal-close:active.remodal-close:after {
color: #377719;
}
/*
Remodal window close button(end) */
/* Remodal buttons(begin)
*/
.remodal-confirm, .remodal-cancel {
font-size: 10pt;
display:
inline-block;
width: 120px;
padding: 9px 0;
margin: 0 0 5px
0;
background-clip: padding-box;
cursor: pointer;
text-decoration: none;
text-align: center;
-webkit-border-radius:
50px;
border-radius: 50px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.remodal-confirm {
border: 2px
solid #16a085;
background: #f4f4f4;
color:
#16a085;
}
.remodal-confirm:hover, .remodal-confirm:active {
background: #16a085;
color: #f4f4f4;
}
.remodal-cancel {
border: 2px solid #c0392b;
background: #f4f4f4;
color:
#c0392b;
}
.remodal-cancel:hover, .remodal-cancel:active {
background: #c0392b;
color: #f4f4f4;
}
/* Remodal buttons(end)
*/
/************** Media queries **************/
@media only screen
and (min-width: 40.063em) /* min-width 641px */ {
.remodal {
max-width: 700px;
margin: 20px auto;
min-height: 0;
-webkit-border-radius: 0px;
border-radius: 0px;
}
}