|
|
Line 1,939: |
Line 1,939: |
| | | |
| | | |
− | /* Poptrox */
| |
| | | |
− | .poptrox-popup {
| |
− | -moz-box-sizing: content-box;
| |
− | -webkit-box-sizing: content-box;
| |
− | -ms-box-sizing: content-box;
| |
− | box-sizing: content-box;
| |
− | background: #fff;
| |
− | padding-bottom: 3em;
| |
− | }
| |
− |
| |
− | .poptrox-popup .loader {
| |
− | width: 48px;
| |
− | height: 48px;
| |
− | background: url("images/loader.gif");
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | left: 50%;
| |
− | margin: -24px 0 0 -24px;
| |
− | }
| |
− |
| |
− | .poptrox-popup .caption {
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | background: #fff;
| |
− | width: 100%;
| |
− | height: 3em;
| |
− | line-height: 3em;
| |
− | text-align: center;
| |
− | cursor: default;
| |
− | z-index: 1;
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-next,
| |
− | .poptrox-popup .nav-previous {
| |
− | -moz-transition: opacity 0.5s ease-in-out;
| |
− | -webkit-transition: opacity 0.5s ease-in-out;
| |
− | -ms-transition: opacity 0.5s ease-in-out;
| |
− | transition: opacity 0.5s ease-in-out;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | width: 50%;
| |
− | height: 100%;
| |
− | opacity: 0;
| |
− | cursor: pointer;
| |
− | background: rgba(0, 0, 0, 0.01);
| |
− | -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-next:before,
| |
− | .poptrox-popup .nav-previous:before {
| |
− | content: '';
| |
− | position: absolute;
| |
− | width: 96px;
| |
− | height: 64px;
| |
− | background: url("images/poptrox-nav.svg");
| |
− | top: calc(50% - 1.5em);
| |
− | margin: -32px 0 0 0;
| |
− | }
| |
− |
| |
− | .poptrox-popup:hover .nav-next,
| |
− | .poptrox-popup:hover .nav-previous {
| |
− | opacity: 0.5;
| |
− | }
| |
− |
| |
− | .poptrox-popup:hover .nav-next:hover,
| |
− | .poptrox-popup:hover .nav-previous:hover {
| |
− | opacity: 1.0;
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-next {
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-next:before {
| |
− | right: 0;
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-previous {
| |
− | left: 0;
| |
− | }
| |
− |
| |
− | .poptrox-popup .nav-previous:before {
| |
− | -moz-transform: scaleX(-1);
| |
− | -webkit-transform: scaleX(-1);
| |
− | -ms-transform: scaleX(-1);
| |
− | transform: scaleX(-1);
| |
− | left: 0;
| |
− | -ms-filter: "FlipH";
| |
− | filter: FlipH;
| |
− | }
| |
− |
| |
− | .poptrox-popup .closer {
| |
− | -moz-transition: opacity 0.5s ease-in-out;
| |
− | -webkit-transition: opacity 0.5s ease-in-out;
| |
− | -ms-transition: opacity 0.5s ease-in-out;
| |
− | transition: opacity 0.5s ease-in-out;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | right: 0;
| |
− | width: 64px;
| |
− | height: 64px;
| |
− | text-indent: -9999px;
| |
− | z-index: 2;
| |
− | opacity: 0;
| |
− | -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
| |
− | }
| |
− |
| |
− | .poptrox-popup .closer:before {
| |
− | -moz-transition: background-color 0.5s ease-in-out;
| |
− | -webkit-transition: background-color 0.5s ease-in-out;
| |
− | -ms-transition: background-color 0.5s ease-in-out;
| |
− | transition: background-color 0.5s ease-in-out;
| |
− | content: '';
| |
− | display: block;
| |
− | position: absolute;
| |
− | right: 16px;
| |
− | top: 16px;
| |
− | width: 40px;
| |
− | height: 40px;
| |
− | border-radius: 100%;
| |
− | box-shadow: inset 0 0 0 1px #fff;
| |
− | background: rgba(255, 255, 255, 0.1) url("images/poptrox-closer.svg") center center;
| |
− | color: #fff !important;
| |
− | }
| |
− |
| |
− | .poptrox-popup:hover .closer {
| |
− | opacity: 0.5;
| |
− | }
| |
− |
| |
− | .poptrox-popup:hover .closer:hover {
| |
− | opacity: 1.0;
| |
− | }
| |
− |
| |
− | /* Wide */
| |
− |
| |
− | @media screen and (max-width: 1680px) {
| |
− |
| |
− | /* Basic */
| |
− |
| |
− | body, input, textarea, select {
| |
− | font-size: 16pt;
| |
− | }
| |
− |
| |
− | }
| |
| | | |
| /* Normal */ | | /* Normal */ |