Вход Регистрация
Файл: 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; } }
Онлайн: 2
Реклама