iframe_single_optin/dist/css/iframe-single-opt-in.css

Single opt-in for iframe resources like google maps, youtube and vimeo.

.isoi{position:relative;height:400px}.isoi--ratio{width:100%;height:0}.isoi--16by9{padding-bottom:56.25%}.isoi--3by2{padding-bottom:66.6666666667%}.isoi--4by3{padding-bottom:75%}.isoi--1by1{padding-bottom:100%}.isoi iframe{position:absolute;top:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.isoi__stage{position:absolute;font-size:15px;line-height:1.3;top:0;left:0;right:0;bottom:0}.isoi__background{position:absolute;top:0;left:0;right:0;bottom:0}.isoi__interface{position:absolute;top:50%;left:50%;max-width:18em;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:.5em;border-radius:.25em;text-align:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.isoi__title{font-weight:bold}.isoi__info{font-size:80%;text-align:left;margin-top:.75em}.isoi__privacy-link{font-size:70%;margin-top:.75em}.isoi__privacy-link__anchor{font-weight:bold;text-decoration:underline}.isoi__button{display:inline-block;font-weight:bold;margin:.75em 0 0 0;padding:.75em 1em;border-radius:.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer}.isoi__button:focus{outline:none}.isoi--dark{background-color:#333}.isoi--dark .isoi__background{background-color:#000}.isoi--dark .isoi__interface{background-color:rgba(255,255,255,.9);color:#000}.isoi--dark .isoi__privacy-link__anchor{color:#000}.isoi--dark .isoi__button{background-color:red;color:#fff;-webkit-box-shadow:0 0 7px rgba(0,0,0,.4);box-shadow:0 0 7px rgba(0,0,0,.4);-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.isoi--dark .isoi__button:hover{background-color:#e60000;color:#f2f2f2;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4) inset;box-shadow:0 0 3px rgba(0,0,0,.4) inset}.isoi--light .isoi__background{background-color:rgba(0,0,0,.05)}.isoi--light .isoi__interface{background-color:rgba(0,0,0,.1);color:#000;-webkit-box-shadow:0 0 18px rgba(0,0,0,.3);box-shadow:0 0 18px rgba(0,0,0,.3)}.isoi--light .isoi__privacy-link__anchor{color:#000}.isoi--light .isoi__button{background-color:red;color:#fff;-webkit-box-shadow:0 0 7px rgba(0,0,0,.4);box-shadow:0 0 7px rgba(0,0,0,.4);-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.isoi--light .isoi__button:hover{background-color:#e60000;color:#f2f2f2;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4) inset;box-shadow:0 0 3px rgba(0,0,0,.4) inset}