/* ========================================================================== Remodal necessary styles ========================================================================== */ /* Hide scroll bar */ /* Anti FOUC */ .remodal, [data-remodal-id]{ visibility:hidden; } /* Overlay necessary styles */ .remodal-overlay{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; display:none; overflow:auto; -webkit-overflow-scrolling:touch; text-align:center; } .remodal-overlay:after{ display:inline-block; height:100%; margin-left:-0.05em; content:''; } /* Fix iPad, iPhone glitches */ .remodal-overlay > *{ /*transform*/ -webkit-transform:translateZ(0px); -moz-transform:translateZ(0px); -ms-transform:translateZ(0px); -o-transform:translateZ(0px); transform:translateZ(0px); } /* Modal dialog necessary styles */ .remodal{ position:relative; display:inline-block; } /* ========================================================================== Remodal default theme ========================================================================== */ /* Default theme font */ /* Background for effects */ .remodal-bg{ /*transition*/ -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); } /* Overlay default theme styles */ .remodal-overlay{ opacity:0; background:rgba(33, 36, 46, 0.95); /*transition*/ -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; -o-transition:opacity 0.2s linear; transition:opacity 0.2s linear; } body.remodal_active .remodal-overlay{ opacity:1; } /* Modal dialog default theme styles */ .remodal{ width:100%; min-height:100%; padding:15px 20px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:16px; background:#f4f4f4; /*background-clip*/ -webkit-background-clip:padding-box; -moz-background-clip:/*@@prefixmycss->No equivalent*/; background-clip:padding-box; color:#182a3c; /*box-shadow*/ -webkit-box-shadow:0px 0px 8px #171a24; -moz-box-shadow:0px 0px 8px #171a24; box-shadow:0px 0px 8px #171a24; /*transform*/ -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95); /*transition*/ -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{ /*transform*/ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } /* Modal dialog vertical align */ .remodal, .remodal-overlay:after{ vertical-align:middle; } /* Close button */ .remodal-close{ position:absolute; top:5px; right:5px; width:23px; height:23px; text-decoration:none; border:1px solid #E51400; /*transition*/ -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:23px; font-family:Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important; content:"×"; line-height:23px; cursor:pointer; text-decoration:none; color:#E51400; /*transition*/ -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:#E51400; } .remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after{ color:#f4f4f4; } /* Media queries ========================================================================== */ @media only screen and (min-width: 40.063em) /* min-width 641px */{ .remodal { max-width:700px; margin:20px auto; min-height:0; }