/*------------------ | Table Of Content | -------------------- [top window parent styles] [affiliates styles] [affiliates layout styles] [affiliates link styles] [window interior styles] [window extended styles] [window extended styles] [window state (hover, active, etc) styles] [window blinds styles] [window shutter styles] [shutter blinds styles] -------------------- | Table Of Content | ------------------*/ /*---------------------------------- | [interior window styles] - start | ----------------------------------*/ /*------------------------------------ | [top window parent styles] - start | ------------------------------------*/ .top-window-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; /* cue: needed by internet explorer (ie) - for bg-method-1; */ /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; } .top-window-container-row, .top-window-wrapper-container-row { /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-row; } .top-window-left-side, .top-window-right-side { /* -MY-FILTER: [BOX-MODEL]; */ height: inherit; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; } .top-window-left-side:before, .top-window-right-side:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; top: 0px; /* cue: for firefox; */ z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.65)); } .top-window-right-side:before { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.65)); } .top-window-separator-container { /* -MY-FILTER: [BOX-MODEL]; */ height: inherit; } .top-window-separator-container:before, .top-window-separator-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 11%; height: 100%; position: absolute; top: 0px; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(218, 145, 84, 0), rgba(218, 145, 84, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)); } .top-window-separator-container:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to right, rgba(218, 145, 84, 0), rgba(218, 145, 84, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)); } .top-window-wrapper-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 77%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; } .top-window-wrapper-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; table-layout: fixed; } .top-left-window-parent, .top-right-window-parent, .top-window-separator-parent { /* -MY-FILTER: [BOX-MODEL]; */ min-height: 615px; /* cue: give bottom video clip same value; */ width: 28%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ float: left; /* cue: fixes layout breakage in ie and height difference in firefox; */ } .reduced-video .video-wrapper { /* -MY-FILTER: [STYLES]; */ clip: rect(auto, auto, 615px, auto); /* cue: fallback; */ clip: rect(auto, auto, calc(615px + 504px), auto); /* cue: 504px is for top window clip; */ } .top-window-separator-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 44%; } .top-window-shadow { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; top: 0px; } .top-window-shadow:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 5px 0px #000, 0px 0px 5px 0px #000; } .top-window-inner-upper-parent, .top-window-inner-lower-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 25%; position: absolute; } .top-window-inner-bg { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .top-window-inner-upper-parent { /* -MY-FILTER: [BOX-MODEL]; */ top: 0px; } .top-window-inner-lower-parent { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } #body-id .top-left-window-parent .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: center -25px !important; } #body-id .top-right-window-parent .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: center 30px !important; } .top-window-inner-upper-container, .top-window-inner-lower-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .top-window-inner-base-shadows-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 0px 8px; position: absolute; } .top-window-inner-base-shadows-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; } .top-window-inner-base-shadows-container:before, .top-window-inner-base-shadows-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 50%; height: 100%; position: absolute; top: 0px; z-index: 10; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .top-window-inner-base-shadows-container:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .top-window-inner-base-shadows-container:before { /* -MY-FILTER: [STYLES]; */ /*background: linear-gradient( to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.15) 70%, rgba(0, 0, 0, 0.32) 85%, rgba(0, 0, 0, 0.4) 100%);*/ background: linear-gradient( to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.1) 70%, rgba(0, 0, 0, 0.22) 85%, rgba(0, 0, 0, 0.3) 100%); } .top-window-inner-base-shadows-container:after { /* -MY-FILTER: [STYLES]; */ /*background: linear-gradient( to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.15) 70%, rgba(0, 0, 0, 0.32) 85%, rgba(0, 0, 0, 0.4) 100%);*/ background: linear-gradient( to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.1) 70%, rgba(0, 0, 0, 0.22) 85%, rgba(0, 0, 0, 0.3) 100%); } @media all and (max-width: 0px) { html:not(#whitewood-theme) .top-window-inner-base-shadows-container:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 56%, rgba(96, 42, 5, 0.15) 70%, rgba(0, 0, 0, 0.32) 85%, rgba(0, 0, 0, 0.6) 100%); } html:not(#whitewood-theme) .top-window-inner-base-shadows-container:after { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 56%, rgba(96, 42, 5, 0.15) 70%, rgba(0, 0, 0, 0.32) 85%, rgba(0, 0, 0, 0.6) 100%); } } .top-window-inner-base-shadows-otr:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; top: 0px; z-index: 15; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 5px 0px #000 inset; } .top-window-inner-upper-left-frame, .top-window-inner-upper-right-frame, .top-window-inner-lower-left-frame, .top-window-inner-lower-right-frame { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 100%; position: absolute; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px -5px 4px 2px #000 inset; } .top-window-inner-lower-left-frame, .top-window-inner-lower-right-frame { /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 5px 4px 2px #000 inset; } .top-window-inner-upper-right-frame, .top-window-inner-lower-right-frame { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .top-window-inner-middle { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 50%; margin: auto; position: absolute; top: 0px; bottom: 0px; } .top-window-inner-middle-top-frame, .top-window-inner-middle-bottom-frame { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 8px; position: absolute; z-index: 5; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 4px 2px #000 inset; } .top-window-inner-middle-bottom-frame { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .top-window-inner-middle-top-frame:before, .top-window-inner-middle-bottom-frame:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .top-window-inner-middle-top-frame:before, .top-window-inner-middle-bottom-frame:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.8) 100%); } .top-window-inner-middle-left-frame, .top-window-inner-middle-right-frame { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 110%; position: absolute; top: -5%; z-index: 5; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .top-window-inner-middle-right-frame { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .top-window-inner-middle-left-frame:before, .top-window-inner-middle-right-frame:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 110%; position: absolute; top: -5%; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 4px 2px #000 inset; } /*---------------------------------- | [top window parent styles] - end | ----------------------------------*/ /*----------------------------- | [affiliates styles] - start | -----------------------------*/ /*------------------------------------ | [affiliates layout styles] - start | ------------------------------------*/ .affiliates-parent { /* -MY-FILTER: [BOX-MODEL]; */ position: relative; } .affiliates-parent-shadow { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .affiliates-parent-shadow:before, .affiliates-parent-shadow:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 15%; height: 100%; position: absolute; top: 0px; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); } .affiliates-parent-shadow:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65)); } .affiliates-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; /* cue: needed by internet explorer (ie) - for bg-method-1; */ /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; } .affiliates-container-row, .affiliates-content-container-wrapper-row { /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-row; table-layout: fixed; } .affiliates-left-side, .affiliates-right-side { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; } .affiliates-content-parent-wrapper { /* -MY-FILTER: [BOX-MODEL]; */ width: 80%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; table-layout: fixed; } .affiliates-content-container-wrapper { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; } .affiliates-content-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 21.5%; min-width: 1px; position: relative; } .affiliates-content-parent, .affiliates-slot-outer { /* -MY-FILTER: [BOX-MODEL]; */ height: 232px; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; } .affiliates-content-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 30; /* cue: enable hover; */ /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .affiliates-content-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: inherit; position: relative; } .affiliates-slot-inner { /* -MY-FILTER: [BOX-MODEL]; */ height: inherit; } .affiliates-slot-inner:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 8px; position: absolute; bottom: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .affl-slt-in-frame-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 0px 9px 9px; position: absolute; } .affl-slt-in-frame-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .affl-slt-in-middle-frames-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding-bottom: 70px; position: absolute; } .affl-slt-in-middle-frames-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .affl-slt-in-middle-frames-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 110%; position: absolute; top: -10%; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) inset; } .affiliates-parent .glass-overlay-1 { /* -MY-FILTER: [STYLES]; */ background-position: right center; background-size: 300%; } .affiliates-content-parent:nth-of-type(2) .glass-overlay-1, .affiliates-content-parent:nth-of-type(4) .glass-overlay-1 { /* -MY-FILTER: [STYLES]; */ background-position: right 35%; } .affl-frames-square-shadow-row { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } [class*='affl-fra-sqr-sha-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 50%; height: 50%; padding: 4px; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ float: left; } .affl-fra-sqr-sha-1 { /* -MY-FILTER: [BOX-MODEL]; */ padding: 0px 4px 4px 0px; } .affl-fra-sqr-sha-2 { /* -MY-FILTER: [BOX-MODEL]; */ padding: 0px 0px 4px 4px; } .affl-fra-sqr-sha-3 { /* -MY-FILTER: [BOX-MODEL]; */ padding: 4px 4px 0px 0px; } .affl-fra-sqr-sha-4 { /* -MY-FILTER: [BOX-MODEL]; */ padding: 4px 0px 0px 4px; } .affl-fra-sqr-sdw-inner { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; /* -MY-FILTER: [STYLES]; */ box-shadow: 10px -20px 25px 0px rgba(0, 0, 0, 0.46) inset; } .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner, .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner { /* -MY-FILTER: [BOX-MODEL]; */ height: 110%; top: -10%; } [class*='affl-slt-in-mid-fra-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 110%; height: 8px; margin: auto; position: absolute; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 7px 0px #000, 0px 0px 3px 2px #000 inset; } .affl-slt-in-mid-fra-hor { /* -MY-FILTER: [BOX-MODEL]; */ left: -5%; top: 0px; bottom: 0px; } .affl-slt-in-mid-fra-ver { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 110%; top: -5%; left: 0px; right: 0px; } .affl-slt-in-mid-fra-hor:before, .affl-slt-in-mid-fra-ver:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .affl-slt-in-mid-fra-hor:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.3), rgba(46, 51, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(46, 51, 0, 0.1), rgba(0, 0, 0, 0.3)); } .affl-slt-in-mid-fra-ver:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.3), rgba(46, 51, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(46, 51, 0, 0.1), rgba(0, 0, 0, 0.3)); } .affl-slt-in-corner-frames-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; /* -MY-FILTER: [STYLES]; */ border-radius: 0px 0px 5px 5px; } [class*='affl-slt-in-fra-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 100%; position: absolute; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; } .affl-slt-in-fra-right { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .affl-slt-in-fra-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 8px; bottom: 0px; } [class*='affl-slt-in-fra-']:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; background: linear-gradient( to top, rgba(57, 27, 1, 0.5), rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03), rgba(57, 27, 1, 0.7)); } .affl-slt-in-fra-bottom:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(57, 27, 1, 0.5), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1), rgba(57, 27, 1, 0.5)); } .affl-slt-in-text-fra-top { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 40px; border-top: 1px solid #180C00; position: absolute; bottom: 30px; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px -3px 20px 3px #000 inset; } .affl-slt-in-text-fra-top:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .affl-slt-in-text-fra-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 30px; border-top: 1px solid #100500; position: absolute; bottom: 0px; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 20px 2px #000 inset; } .affl-slt-in-text-fra-bottom:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); } .affiliates-slot-outer { /* -MY-FILTER: [BOX-MODEL]; */ min-width: 1px; height: 100%; /* cue: fixes layout breakage in firefox nightly; */ position: relative; } .affiliates-left-side:before, .affiliates-right-side:before, .affiliates-slot-outer:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 10px; position: absolute; top: -10px; z-index: 5; /* cue: for bg method 1; */ /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 8px 2px #000; } .affl-slt-in-shadow-1-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 0px 8px 8px; position: absolute; } .affl-slt-in-shadow-1-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .affl-slt-in-shadow-1-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 110%; border: 1px solid #5a3217; position: absolute; top: -10%; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-image: linear-gradient( to top, #6d3b10 30%, #bf7837 40%, #5b340f 80%); border-image-slice: 1; box-shadow: 0px 0px 4px 1px #000, 0px 0px 10px 0px #000 inset; } .affl-slt-in-shadow-1-cont-1:before, .affl-slt-in-shadow-1-cont-1:after, .affl-slt-in-shadow-1-cont-2:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 1px; height: 100%; position: absolute; z-index: 10; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background-color: #5a3217; /* cue: fallback; */ background: linear-gradient( to top, #653001, #ffa24c, #653001); } .affl-slt-in-shadow-1-cont-1:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .affl-slt-in-shadow-1-cont-2:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 1px; bottom: 0px; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, #653001, #ffa24c, #653001); } .affl-slt-in-shadow-2-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .affl-slt-in-shadow-2-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: 0px 0px 5px 5px; box-shadow: 0px 0px 12px 2px #000, 0px 0px 0px 2px rgba(0, 0, 0, 0.3), 0px 0px 5px 1px #000 inset; } .window-shutter-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 101.5%; position: absolute; top: 0px; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 5px 1px #000; } .window-shutter-parent.double-shutter { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; } .affiliates-content-parent .window-shutter-parent { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; top: 0px; } .window-shutter-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 40; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .window-shutter-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); /* -MY-FILTER: [TRANSITION]; */ transition: transform 1s ease 0.5s; } .top-window-parent .window-shutter-container, .interior-window-parent .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); transform: translateY(calc(-100% + 5px)); } .window-shutter-container.top-window-shutter, .window-shutter-container.bottom-window-shutter { /* -MY-FILTER: [BOX-MODEL]; */ height: 50%; } .window-shutter-container.top-window-shutter { /* -MY-FILTER: [BOX-MODEL]; */ top: 0px; /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); transform: translateY(calc(-100% - 5px)); } .window-shutter-container.bottom-window-shutter { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; /* -MY-FILTER: [STYLES]; */ background-position: left bottom; transform: translateY(100%); transform: translateY(calc(100% + 5px)); } #body-id .affiliates-content-parent:nth-of-type(odd) .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: left top !important; } #body-id .affiliates-content-parent:nth-of-type(even) .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: center top !important; } #body-id [class*='left-window'] .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: left top !important; } #body-id [class*='right-window'] .interior-content-base-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: center top !important; } .window-shutter-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: rgba(47, 19, 0, 0.1) linear-gradient( to top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)) left bottom; } .window-middle-frames-container .double-shutter .top-window-shutter:before { /* -MY-FILTER: [STYLES]; */ background: rgba(136, 68, 23, 0.29) linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0.08) 100%, rgba(0, 0, 0, 0.7) 100%) left bottom/100% 16px repeat; } .window-middle-frames-container .double-shutter .bottom-window-shutter:before { /* -MY-FILTER: [STYLES]; */ background: rgba(136, 68, 23, 0.29) linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0.08) 100%, rgba(0, 0, 0, 0.7) 100%) left top/100% 16px repeat; } .window-shutter-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 110%; height: 5px; position: absolute; left: -5%; bottom: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; box-shadow: 0px 0px 2px 1px #000 inset, 0px 0px 3px 0px #000 inset, 0px 1px 5px 0px #000; /* -MY-FILTER: [STYLES]; */ background-color: #96602C; } .top-window-shutter.window-shutter-container:after { /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 3px 1px #000 inset, 0px 0px 3px 0px #000 inset, 0px 1px 3px 0px #000; } .bottom-window-shutter.window-shutter-container:after { /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 3px 1px #000 inset, 0px 0px 3px 0px #000 inset, 0px -1px 3px 0px #000; } .window-shutter-container.bottom-window-shutter:after { /* -MY-FILTER: [BOX-MODEL]; */ bottom: auto; top: 0px; } .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; max-height: 100px; padding-bottom: 15px; position: absolute; /* -MY-FILTER: [TRANSITION]; */ transition: max-height 1.5s ease 0s; } .window-middle-frames-container .window-shutter-frames { /* -MY-FILTER: [DOC-LAYOUT]; */ /*display: none;*/ } .window-shutter-frames-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .affiliates-content-parent:nth-of-type(2n) .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 140px; } .window-middle-frames-container .double-shutter .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 0px; padding-bottom: 0px; top: -5px; /* -MY-FILTER: [DOC-LAYOUT]; */ /*display: none;*/ } .window-shutter-frame-center { /* -MY-FILTER: [BOX-MODEL]; */ width: 6px; height: 100%; margin: 0px auto; position: absolute; top: -5px; left: 0px; right: 0px; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 0px 8px 0px #000, 0px 0px 2px 1px #000 inset; } .wind-sh-knob-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 34px; height: 34px; padding: 8px; margin: 0px auto; position: absolute; bottom: 0px; left: 0px; right: 0px; /* -MY-FILTER: [STYLES]; */ border-radius: 50%; box-shadow: 0px 3px 6px 0px #000000, 0px 0px 0px 1px rgba(46, 21, 0, 0.3), 0px 0px 8px 0px rgba(0, 0, 0, 0.65), 0px 0px 5px 1px #230C00 inset; } .wind-sh-knob-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; box-shadow: 0px 0px 0px 2px #271301; } .affiliates-content-parent-wrapper { /* -MY-FILTER: [TYPOGRAPHY]; */ counter-reset: affl-counter-otr; } .wind-sh-knob-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; /* -MY-FILTER: [TYPOGRAPHY]; */ content: counter(affl-counter-otr, upper-alpha); counter-increment: affl-counter-otr; color: #F2AF5E; font-family: 'cherry swash regular', 'times new roman', 'times', serif; font-size: 14px; line-height: 18px; text-shadow: 1px 1px 1px #000, 2px 1px 1px #000, 3px 1px 5px #000; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; background-color: rgba(0, 0, 0, 0.6); text-align: center; } [class*='left-window'] .wind-sh-knob-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } [class*='right-window'] .wind-sh-knob-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } /*---------------------------------- | [affiliates layout styles] - end | ----------------------------------*/ /*---------------------------------- | [affiliates link styles] - start | ----------------------------------*/ .affl-links { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; position: absolute; bottom: 0px; z-index: 40; } .affl-links ul { /* -MY-FILTER: [TYPOGRAPHY]; */ color: #FADCA7; font-size: 18px; text-transform: capitalize; text-shadow: 1px 1px 1px #000; } .affl-links li { /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; } .affl-links a { /* -MY-FILTER: [BOX-MODEL]; */ padding: 15px 0px 19px 20px; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; } .affiliates-content-parent.active-item-void .affl-links a { /* -MY-FILTER: [STYLES]; */ pointer-events: none; } .affl-link-number-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 32px; height: 30px; position: relative; bottom: -2px; /* -MY-FILTER: [DOC-LAYOUT]; */ display: inline-block; /* -MY-FILTER: [STYLES]; */ background-color: #6E4421; border-radius: 2px; } .affl-link-wrapper { /* -MY-FILTER: [BOX-MODEL]; */ padding-left: 10px; /* -MY-FILTER: [DOC-LAYOUT]; */ display: inline-block; /* -MY-FILTER: [TYPOGRAPHY]; */ font-family: 'cherry swash regular', 'times new roman', 'times', serif; } .affiliates-content-container-wrapper { /* -MY-FILTER: [TYPOGRAPHY]; */ counter-reset: affl-counter; } .affl-link-number-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; border: 3px solid #975F2F; position: absolute; bottom: 0px; left: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; box-shadow: -2px -2px 0px 1px #67412B, 0px 0px 10px 2px #000, 1px 1px 10px 0px #000, -3px -3px 0px 1px #4A3529, 0px 0px 5px 0px #000 inset; } .affl-link-number-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 80%; height: 80%; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .affl-link-number-container:before, .affl-link-number-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; left: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: counter(affl-counter, decimal); counter-increment: affl-counter; color: #CCBE96; font-size: 15px; line-height: 25px; text-align: center; text-transform: none; /* -MY-FILTER: [TRANSITION]; */ transition: all 0.5s ease 0s; transition-property: top, bottom; } .affl-link-number-container:before { /* -MY-FILTER: [BOX-MODEL]; */ font-family: icomoon; top: 0px; } .affiliates-content-parent:nth-of-type(1) .affl-link-number-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: '\e902'; } .affiliates-content-parent:nth-of-type(2) .affl-link-number-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: '\f0b1'; } .affiliates-content-parent:nth-of-type(3) .affl-link-number-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: '\e976'; } .affiliates-content-parent:nth-of-type(4) .affl-link-number-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ content: '\f0e0'; } .affl-link-number-container:after { /* -MY-FILTER: [BOX-MODEL]; */ bottom: -25px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: 'go'; counter-increment: none; font-size: 15px; line-height: 21px; } .affiliates-content-parent:hover .affl-link-number-container:before { /* -MY-FILTER: [BOX-MODEL]; */ top: -25px; } .affiliates-content-parent:hover .affl-link-number-container:after { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } :root .affiliates-content-parent.active-item-void .affl-link-number-container:before { /* -MY-FILTER: [TYPOGRAPHY]; */ top: 0px; } :root .affiliates-content-parent.active-item-void .affl-link-number-container:after { /* -MY-FILTER: [TYPOGRAPHY]; */ bottom: -25px; } /*-------------------------------- | [affiliates link styles] - end | --------------------------------*/ /*--------------------------- | [affiliates styles] - end | ---------------------------*/ /*---------------------------------- | [window interior styles] - start | ----------------------------------*/ .interior-window-parent { /* -MY-FILTER: [BOX-MODEL]; */ position: relative; } .interior-window-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /*z-index: 40;*/ /* cue: brings extreme sides to focus for inspect mode; */ /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .interior-window-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; /* cue: needed by internet explorer (ie) - for bg-method-1; */ /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; } .interior-window-container-row, .interior-window-content-container-row { /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-row; /* cue: html functions without this div block; */ } .interior-window-left-side, .interior-window-right-side { /* -MY-FILTER: [BOX-MODEL]; */ position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; } .interior-window-content-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 78%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; /* -MY-FILTER: [TYPOGRAPHY]; */ vertical-align: top; } .interior-window-content-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table; table-layout: fixed; } .interior-left-window-parent, .interior-right-window-parent, .interior-window-separator-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 41%; height: inherit; padding-bottom: 50.506%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: table-cell; /* cue: hides 1px bottom gap for screenshot (uncomment float); */ /*float: left;*/ } .interior-window-separator-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 18%; } .interior-window-separator-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; } [class*="int-window-outer-effects-"] { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .int-window-outer-effects-1 { /* -MY-FILTER: [BOX-MODEL]; */ border: 20px solid #170800; border-color: #531e02 #8A4307; z-index: 10; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset; } .int-window-outer-effects-2 { /* -MY-FILTER: [BOX-MODEL]; */ border: 2px solid #995521; z-index: 15; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.8), 0px 0px 5px 0px #000, 0px 0px 7px 1px rgba(0, 0, 0, 0.6) inset, 0px 0px 7px 0px #000 inset; } .int-window-outer-effects-3 { /* -MY-FILTER: [BOX-MODEL]; */ padding: 16px; } .int-window-outer-effects-3:before { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; border: 1px solid #421809; position: relative; z-index: 15; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } [class*='int-window-conceal-']:before, [class*='int-window-conceal-']:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 15px; height: 15px; position: absolute; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } [class*='int-window-conceal-']:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .int-window-conceal-bottom:before, .int-window-conceal-bottom:after { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } [class*='int-window-out-fra-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 16px; height: 100%; position: absolute; z-index: 10; } .int-window-out-fra-top, .int-window-out-fra-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 16px; } .int-window-out-fra-bottom { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .int-window-out-fra-left, .int-window-out-fra-right { /* -MY-FILTER: [BOX-MODEL]; */ padding: 15px 0px; } .int-window-out-fra-right { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } [class*='int-window-out-fra-']:before, [class*='int-window-out-fra-']:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; top: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; } [class*='int-window-out-fra-']:after { /* -MY-FILTER: [STYLES]; */ /*background: linear-gradient( to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 15%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) 60%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0.4) 100%);*/ background: linear-gradient( to left, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 35%, rgba(255, 255, 255, 0.25) 65%, rgba(0, 0, 0, 0.5) 100%); } .int-window-out-fra-left:after, .int-window-out-fra-right:after { /* -MY-FILTER: [BOX-MODEL]; */ position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; /* -MY-FILTER: [STYLES]; */ /*background: linear-gradient( to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 15%, rgba(255, 255, 255, 0.05) 35%, rgba(255, 255, 255, 0.05) 65%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0.4) 100%);*/ background: linear-gradient( to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 10%, rgba(255, 255, 255, 0.05) 35%, rgba(255, 255, 255, 0.05) 65%, rgba(0, 0, 0, 0.25) 90%, rgba(0, 0, 0, 0.5) 100%); border-radius: inherit; } .int-window-frames-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; /*padding: 20px;*/ padding: 4px 2px 4px; position: absolute; } .int-window-frames-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .int-window-lrg-fra-cor-sha-inner-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 0px 65px; position: absolute; } .int-window-lrg-fra-cor-sha-inner-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; } [class*='int-window-lg-fra-cor-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 40px; height: 100%; position: absolute; } .int-window-lg-fra-cor-top, .int-window-lg-fra-cor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ padding: 0px 40px; } [class*='int-window-lg-fra-cor-']:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; z-index: 5; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.38) 0%, rgba(242, 252, 145, 0.1) 30%, rgba(242, 252, 145, 0.1) 70%, rgba(0, 0, 0, 0.38) 100%); } .int-window-lg-fra-cor-left:before, .int-window-lg-fra-cor-right:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.15) 30%, rgba(0, 0, 0, 0.15) 70%, rgba(0, 0, 0, 0.38) 100%); } .int-window-lg-fra-cor-left, .int-window-lg-fra-cor-right { /* -MY-FILTER: [BOX-MODEL]; */ padding: 40px 0px; } .int-window-lg-fra-cor-right { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .int-window-lg-fra-cor-top, .int-window-lg-fra-cor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 40px; } .int-window-lg-fra-cor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } [class*='int-window-lrg-fra-cor-shadow-']:before, [class*='int-window-lrg-fra-cor-shadow-']:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 40px; height: 40px; position: absolute; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); } .int-window-lrg-fra-cor-shadow-top, .int-window-lrg-fra-cor-shadow-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 40px; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .int-window-lrg-fra-cor-shadow-bottom { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .int-window-lrg-fra-cor-shadow-top:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .int-window-lrg-fra-cor-shadow-bottom:before, .int-window-lrg-fra-cor-shadow-bottom:after { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .int-window-lrg-fra-cor-shadow-bottom:after { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } [class*='int-window-corner-bg-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 100px; height: 100px; position: absolute; /* -MY-FILTER: [BOX-MODEL]; */ overflow: hidden; } .int-window-corner-bg-2 { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .int-window-lrg-fra-cor-shadow-bottom [class*='int-window-corner-bg-'] { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .int-wdw-corner-bg-shape { /* -MY-FILTER: [BOX-MODEL]; */ width: 200px; height: 200px; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } [class*='int-window-corner-bg-']:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .int-window-lrg-fra-cor-sha-top-container [class*='int-window-corner-bg-']:nth-child(1):after, .int-window-lrg-fra-cor-sha-bottom-container [class*='int-window-corner-bg-']:nth-child(1):after { /* -MY-FILTER: [STYLES]; */ border-left: 1px solid #000; } .int-window-lrg-fra-cor-sha-top-container [class*='int-window-corner-bg-']:nth-child(2):after, .int-window-lrg-fra-cor-sha-bottom-container [class*='int-window-corner-bg-']:nth-child(2):after { /* -MY-FILTER: [STYLES]; */ border-right: 1px solid #000; } .int-window-lrg-fra-cor-sha-top-container .int-window-corner-bg-1 { /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg) translate(50px, -25px); } .int-window-lrg-fra-cor-sha-top-container .int-window-corner-bg-1 .int-wdw-corner-bg-shape { /* -MY-FILTER: [BOX-MODEL]; */ top: -62px; /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg) translateX(-20px); } .int-window-lrg-fra-cor-sha-top-container .int-window-corner-bg-2 { /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg) translate(-50px, -26px); } .int-window-lrg-fra-cor-sha-top-container .int-window-corner-bg-2 .int-wdw-corner-bg-shape { /* -MY-FILTER: [BOX-MODEL]; */ bottom: -192px; /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg); } .int-window-lrg-fra-cor-sha-bottom-container .int-window-corner-bg-1 { /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg) translate(50px, 25px); } .int-window-lrg-fra-cor-sha-bottom-container .int-window-corner-bg-1 .int-wdw-corner-bg-shape { /* -MY-FILTER: [BOX-MODEL]; */ top: 109px; /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg) translateY(-19px); } .int-window-lrg-fra-cor-sha-bottom-container .int-window-corner-bg-2 { /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg) translate(-50px, 26px); } .int-window-lrg-fra-cor-sha-bottom-container .int-window-corner-bg-2 .int-wdw-corner-bg-shape { /* -MY-FILTER: [BOX-MODEL]; */ top: -116px; /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg) translate(-27px, -27px); } .int-window-sm-frames-corner-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 40px; position: absolute; } .int-window-sm-frames-corner-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .int-window-sm-frames-corner-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 20; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 10px 0px #000; } .int-window-lg-frames-otr-corner-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 0px 46px; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .int-window-lg-frames-otr-corner-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } [class*='int-window-lg-fra-otr-cor-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 46px; position: absolute; top: 46px; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 12px 0px #000 inset; } .int-window-lg-fra-otr-cor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 46px; } #body-id .int-window-lg-fra-otr-cor-bottom { /* -MY-FILTER: [STYLES]; */ background-position: right center !important; } .int-window-lg-fra-otr-cor-top:before, .int-window-lg-fra-otr-cor-bottom:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.38) 0%, rgba(47, 20, 1, 0.2) 25%, rgba(47, 20, 1, 0.2) 75%, rgba(0, 0, 0, 0.38) 100%); } [class*='int-window-sm-fra-cor-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 6px; height: 100%; position: absolute; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 2px 0px #000, 0px 0px 2px 1px #000 inset; } [class*='int-window-sm-fra-cor-']:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .int-window-sm-fra-cor-right { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .int-window-sm-fra-cor-top, .int-window-sm-fra-cor-bottom, .int-window-sm-fra-cor-top-otr, .int-window-sm-fra-cor-bottom-otr { /* -MY-FILTER: [BOX-MODEL]; */ width: 99%; height: 6px; margin: 0px auto; left: 0px; right: 0px; } .int-window-sm-fra-cor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } .int-window-sm-fra-cor-top-otr, .int-window-sm-fra-cor-bottom-otr { /* -MY-FILTER: [BOX-MODEL]; */ top: 50px; } .int-window-sm-fra-cor-bottom-otr { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 50px; } .int-window-middle-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 88px 38px; position: absolute; } .int-window-middle-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } /*-------------------------------- | [window interior styles] - end | --------------------------------*/ /*---------------------------------- | [window extended styles] - start | ----------------------------------*/ /*---------------------------------- | [window extended styles] - start | ----------------------------------*/ .window-frames-square-shadow-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .window-frames-square-shadow-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } [class*='window-frames-square-shadow-row-'] { /* -MY-FILTER: [BOX-MODEL]; */ height: 25%; } [class*='window-fra-sqr-sha-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 25%; height: 100%; padding: 4px; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ float: left; } [class*='window-frames-square-shadow-row-'] div:first-child { padding-left: 0px; } [class*='window-frames-square-shadow-row-'] div:last-child { padding-right: 0px; } .window-frames-square-shadow-row-1 [class*='window-fra-sqr-sha-'] { /* -MY-FILTER: [BOX-MODEL]; */ padding-top: 0px; } .window-frames-square-shadow-row-4 [class*='window-fra-sqr-sha-'] { /* -MY-FILTER: [BOX-MODEL]; */ padding-bottom: 0px; } .wdw-fra-sqr-sha-inner { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; /* -MY-FILTER: [STYLES]; */ box-shadow: 2px 2px 7px 0px #000 inset; } .window-knob-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 25px; height: 25px; border: 1px solid rgba(0, 0, 0, 0.8); margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; /* -MY-FILTER: [STYLES]; */ border-radius: 50%; box-shadow: 0px 0px 6px 0px #000, 0px 0px 0px 1px rgba(46, 21, 0, 0.3), 0px 0px 5px 1px #230C00 inset; } .window-knob-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 8px; position: absolute; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; } .window-knob-container:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; /* -MY-FILTER: [DOC-LAYOUT]; */ display: block; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: inherit; box-shadow: 0px 0px 0px 1px #271301; } .window-middle-frames-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding: 8px; position: absolute; } .window-middle-frames-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /*z-index: 40;*/ /* cue: enable hover; */ top: 0px; left: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .window-middle-frames-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; } .window-middle-frames-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; top: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.55) inset; } .glass-overlay:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ /*background-color: rgba(0, 0, 0, 0.15);*/ } .glass-overlay-effects:before, .glass-overlay-effects:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 10; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0.3) 100%); } .glass-overlay-effects:after { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(0, 0, 0, 0.1) 95%, rgba(0, 0, 0, 0.3) 100%); } .affiliates-parent .glass-overlay-effects:before { /* -MY-FILTER: [STYLES]; */ /*background: linear-gradient( to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0.3) 100%);*/ } .affiliates-parent .glass-overlay-effects:after { /* -MY-FILTER: [STYLES]; */ /*background:linear-gradient( to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0.1) 100%);*/ background: linear-gradient( to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 5%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.1) 98%, rgba(0, 0, 0, 0.3) 100%); } .glass-overlay-1 { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [STYLES]; */ background: url('../graphics/glass-overlay.png') right bottom/240%; /*opacity: 0.95;*/ opacity: 0.6; -webkit-filter: brightness(1.5) contrast(1.2); filter: brightness(1.5) contrast(1.2); } .vid-off.is-ie .glass-overlay-1, .vid-off.is-firefox .glass-overlay-1 { /* -MY-FILTER: [STYLES]; */ opacity: 0.95; /* cue: no background image so higher opacity; */ } [class*='right-window'] .glass-overlay-1 { /* -MY-FILTER: [STYLES]; */ background-position: 115% 50%; } .window-vertical-horizontal-frames { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } [class*='window-ver-frame-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 110%; margin-left: -4px; position: absolute; top: -5%; } [class*='window-ver-frame-'], [class*='window-hor-frame-'] { /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.43), 0px 0px 20px 0px #000, 0px 0px 4px 2px #000 inset; } .window-ver-frame-1 { /* -MY-FILTER: [BOX-MODEL]; */ left: 25%; } .window-ver-frame-2 { /* -MY-FILTER: [BOX-MODEL]; */ left: 50%; } .window-ver-frame-3 { /* -MY-FILTER: [BOX-MODEL]; */ left: 75%; } [class*='window-hor-frame-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 110%; height: 8px; margin-top: -4px; position: absolute; left: -5%; } .window-hor-frame-1 { /* -MY-FILTER: [BOX-MODEL]; */ top: 25%; } .window-hor-frame-2 { /* -MY-FILTER: [BOX-MODEL]; */ top: 50%; } .window-hor-frame-3 { /* -MY-FILTER: [BOX-MODEL]; */ top: 75%; } [class*='window-hor-frame-']:before, [class*='window-ver-frame-']:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } [class*='window-ver-frame-']:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, rgba(0, 0, 0, 0.3), rgba(46, 51, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(46, 51, 0, 0.1), rgba(0, 0, 0, 0.3)); } [class*='window-hor-frame-']:before { /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to left, rgba(0, 0, 0, 0.3), rgba(46, 51, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(46, 51, 0, 0.1), rgba(0, 0, 0, 0.3)); } /* info: other blinds (multiple div method) - start */ @media all and (min-width: 0px) { .shutter-blinds-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; bottom: 0px; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .shutter-blinds-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 40; /* cue: enable hover; */ /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .affiliates-content-parent .shutter-blinds-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ cursor: default; } .shutter-blinds-string:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 4px; height: 65%; position: absolute; top: -4px; left: 15%; z-index: 5; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ border-radius: 5px; background-color: #fff; box-shadow: 0px 0px 5px 0px #000, 1px 0px 3px 0px #3a3a3a; visibility: hidden; } .shutter-blinds-container { /* -MY-FILTER: [BOX-MODEL]; */ height: 100%; position: relative; bottom: 8px; /* -MY-FILTER: [TRANSITION]; */ transition: transform 1s ease 0s; /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); -webkit-filter: blur(0.00000000001px); /* cue: chrome blur fix; */ filter: blur(0.00000000001px); /* cue: chrome blur fix; */ } .shutter-blinds-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 8px; position: absolute; bottom: -8px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .shutter-blinds-container:after { /* -MY-FILTER: [STYLES]; */ background: #f4f5a9 linear-gradient( to top, #333 0%, transparent 30%, #333 40%, transparent 70%, #333 100%) center bottom/1px 100% repeat-x; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.58), 0px 0px 5px 0px #333; } .shutter-blinds { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; min-height: 22px; margin-bottom: 0px; position: absolute; top: 0px; /* -MY-FILTER: [STYLES]; */ background-color: #e8e78f; } .shutter-blinds:last-child { /* -MY-FILTER: [BOX-MODEL]; */ margin-bottom: 0px; } .shutter-blinds:nth-last-child(1) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 0px; } .shutter-blinds:nth-last-child(2) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 22px; /* cue: fallback; */ bottom: calc(22px + 3px); } .shutter-blinds:nth-last-child(3) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 44px; /* cue: fallback; */ bottom: calc(44px + 6px); } .shutter-blinds:nth-last-child(4) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 66px; /* cue: fallback; */ bottom: calc(66px + 9px); } .shutter-blinds:nth-last-child(5) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 88px; /* cue: fallback; */ bottom: calc(88px + 12px); } .shutter-blinds:nth-last-child(6) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 110px; /* cue: fallback; */ bottom: calc(110px + 15px); } .shutter-blinds:nth-last-child(7) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 132px; /* cue: fallback; */ bottom: calc(132px + 18px); } .shutter-blinds:nth-last-child(8) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 154px; /* cue: fallback; */ bottom: calc(154px + 21px); } .shutter-blinds:nth-last-child(9) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 176px; /* cue: fallback; */ bottom: calc(176px + 24px); } .shutter-blinds:nth-last-child(10) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 198px; /* cue: fallback; */ bottom: calc(198px + 27px); } .shutter-blinds:nth-last-child(11) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 220px; /* cue: fallback; */ bottom: calc(220px + 30px); } .shutter-blinds:nth-last-child(12) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 242px; /* cue: fallback; */ bottom: calc(242px + 33px); } .shutter-blinds:nth-last-child(13) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 264px; /* cue: fallback; */ bottom: calc(264px + 36px); } .shutter-blinds:nth-last-child(14) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 286px; /* cue: fallback; */ bottom: calc(286px + 39px); } .shutter-blinds:nth-last-child(15) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 308px; /* cue: fallback; */ bottom: calc(308px + 42px); } .shutter-blinds:nth-last-child(16) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 330px; /* cue: fallback; */ bottom: calc(330px + 45px); } .shutter-blinds:nth-last-child(17) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 352px; /* cue: fallback; */ bottom: calc(352px + 48px); } .shutter-blinds:nth-last-child(18) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 374px; /* cue: fallback; */ bottom: calc(374px + 51px); } .shutter-blinds:nth-last-child(19) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 396px; /* cue: fallback; */ bottom: calc(396px + 54px); } .shutter-blinds:nth-last-child(20) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 418px; /* cue: fallback; */ bottom: calc(418px + 57px); } .shutter-blinds:nth-last-child(21) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 440px; /* cue: fallback; */ bottom: calc(440px + 60px); } .shutter-blinds:nth-last-child(22) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 462px; /* cue: fallback; */ bottom: calc(462px + 63px); } .shutter-blinds:nth-last-child(23) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 484px; /* cue: fallback; */ bottom: calc(484px + 66px); } .shutter-blinds:nth-last-child(24) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 506px; /* cue: fallback; */ bottom: calc(506px + 69px); } .shutter-blinds:nth-last-child(25) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 528px; /* cue: fallback; */ bottom: calc(528px + 72px); } .shutter-blinds:nth-last-child(26) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 550px; /* cue: fallback; */ bottom: calc(550px + 75px); } .shutter-blinds:nth-last-child(27) { /* -MY-FILTER: [BOX-MODEL]; */ top: auto; bottom: 572px; /* cue: fallback; */ bottom: calc(572px + 78px); } .shutter-blinds-inner, .shutter-blinds-inner-frames { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; } .shutter-blinds-inner-frames:before, .shutter-blinds-inner-frames:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 4px; height: 100%; /* cue: fallback; */ height: calc(100% + 3px); margin-left: -4px; position: relative; top: -3px; /* -MY-FILTER: [DOC-LAYOUT]; */ display: inline-block; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; vertical-align: top; /* -MY-FILTER: [STYLES]; */ background-color: #ffffff; box-shadow: 0.06em 2px 3px 0px #000, 0.03em 2px 3px 0px #000; } @media all and (-webkit-min-device-pixel-ratio: 0) { .shutter-blinds-inner-frames:before, .shutter-blinds-inner-frames:after { /* -MY-FILTER: [BOX-MODEL]; */ /*border: 1px dashed #000;*/ } } .shutter-blinds-inner-frames:before { /* -MY-FILTER: [BOX-MODEL]; */ left: 25%; } .shutter-blinds-inner-frames:after { /* -MY-FILTER: [BOX-MODEL]; */ left: 75%; } .shutter-blinds:last-child .shutter-blinds-inner-veil:before { /* -MY-FILTER: [STYLES]; */ background-size: 1px 100%; } .shutter-blinds-inner-veil:before, .shutter-blinds-inner-veil:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; left: 0px; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .shutter-blinds-inner-veil:after { /* -MY-FILTER: [BOX-MODEL]; */ border-bottom: 2px solid #fff; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to bottom, transparent 0%, #fff798 50%, #fff9b2 100%) left bottom / 1px 95% repeat-x; } .shutter-blinds:before, .shutter-blinds:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 110%; height: 100%; position: absolute; left: -5%; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .shutter-blinds:before { /* -MY-FILTER: [BOX-MODEL]; */ /*border-bottom: 1px solid #fff;*/ /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, transparent 0%, rgba(0, 0, 0, 0.3) 100%) left top/1px 10px repeat-x; } .shutter-blinds:after { /* -MY-FILTER: [BOX-MODEL]; */ height: 20px; bottom: -20px; z-index: 5; /* -MY-FILTER: [STYLES]; */ background: linear-gradient( to top, transparent 0%, rgba(0, 0, 0, 0.75) 100%) left top / 1px 5px repeat-x, linear-gradient( to top, transparent 0%, rgba(84, 84, 65, 0.55) 100%) left top / 1px 8px repeat-x; } .shutter-blinds:last-child:after { /* -MY-FILTER: [STYLES]; */ height: 100%; bottom: 2px; background: linear-gradient( to top, transparent 0%, rgba(0, 0, 0, 0.5) 100%) left top / 1px 17px repeat-x, linear-gradient( to top, transparent 0%, rgba(84, 84, 65, 0.3) 100%) left top / 1px 11px repeat-x; } } /* info: other blinds (multiple div method) - end */ /* info: pure css background blinds - start */ @media all and (min-width: 0px) { .window-blinds-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .window-blinds-parent:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; z-index: 40; /* cue: enable hover; */ /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .window-blinds-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; padding-bottom: 2px; position: absolute; /* -MY-FILTER: [STYLES]; */ background-color: rgba(0, 0, 0, 0.3); background-clip: content-box !important; background-origin: content-box !important; /* -MY-FILTER: [TRANSITION]; */ transition: transform 1s ease 0s; } [class*='left-window'] .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-54.8%); } [class*='right-window'] .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-63.4%); } /* note: different state (fully closed) / :not unused to prevent using !important for .lg-window-toggle; */ @media all and (min-width: 0px) { #whitewood-theme .top-window-parent .window-blinds-container, #whitewood-theme .interior-window-parent .window-blinds-container, #bare-theme .top-window-parent .window-blinds-container, #bare-theme .interior-window-parent .window-blinds-container, #wall-theme .top-window-parent .window-blinds-container, #wall-theme .interior-window-parent .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% - 8px)); } } /* note: different state (fully closed) / :not unused to prevent using !important for .lg-window-toggle; */ .window-blinds-container:before, .window-blinds-container:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .window-blinds-container:after { /* -MY-FILTER: [BOX-MODEL]; */ height: 8px; bottom: 0px; /* -MY-FILTER: [STYLES]; */ background: #fff linear-gradient( to top, #333 0%, transparent 30%, #333 40%, transparent 70%, #333 100%) center bottom/1px 100% repeat-x; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.58), 0px 3px 5px 0px #000; } } /* info: pure css background blinds - end */ .window-decor-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; /* -MY-FILTER: [TRANSITION]; */ transition: all 0.5s ease 0s; } html:not(.vid-off)[class*='mosaic-wind'] .top-window-parent .window-decor-parent { /* -MY-FILTER: [DOC-LAYOUT]; */ /*display: none;*/ } .window-decor-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: relative; } .window-decor-top, .window-decor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 50%; position: absolute; } html:not(#flat-theme) .top-window-parent .window-decor-parent { /* -MY-FILTER: [DOC-LAYOUT]; */ /*display: none;*/ } .window-decor-bottom { /* -MY-FILTER: [BOX-MODEL]; */ bottom: 0px; } [class*='window-decor-shape-'] { /* -MY-FILTER: [BOX-MODEL]; */ width: 100px; height: 100px; position: absolute; /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.78); } .window-decor-shape-left { /* -MY-FILTER: [BOX-MODEL]; */ left: -50px; } .window-decor-shape-right { /* -MY-FILTER: [BOX-MODEL]; */ right: -50px; } .window-decor-top [class*='window-decor-shape-'] { /* -MY-FILTER: [BOX-MODEL]; */ top: -50px; } .window-decor-bottom [class*='window-decor-shape-'] { /* -MY-FILTER: [BOX-MODEL]; */ bottom: -50px; } .window-decor-bottom [class*='window-decor-shape-'] { /* -MY-FILTER: [BOX-MODEL]; */ bottom: -50px; } .window-decor-top .window-decor-shape-right { /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg); } .window-decor-bottom .window-decor-shape-left { /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg); } .window-decor-bg-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [DOC-LAYOUT]; */ overflow: hidden; } .window-decor-bg-parent:before, .window-decor-bg-parent:after { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 100%; position: absolute; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; } .window-decor-bg-container { /* -MY-FILTER: [BOX-MODEL]; */ width: 150%; height: 150%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } .window-decor-top .window-decor-shape-left .window-decor-bg-container, .window-decor-bottom .window-decor-shape-right .window-decor-bg-container { /* -MY-FILTER: [STYLES]; */ transform: rotate(-45deg) translate(-18px, -18px); } .window-decor-top .window-decor-shape-right .window-decor-bg-container, .window-decor-bottom .window-decor-shape-left .window-decor-bg-container { /* -MY-FILTER: [STYLES]; */ transform: rotate(45deg) translate(-18px, 18px); } .window-decor-frame { /* -MY-FILTER: [BOX-MODEL]; */ width: 8px; height: 100%; position: absolute; } @media all and (min-width: 1100px) { .interior-window-parent .window-decor-frame { /* -MY-FILTER: [BOX-MODEL]; */ width: 6px; } } .window-decor-shape-left .window-decor-frame { /* -MY-FILTER: [BOX-MODEL]; */ right: 0px; } .window-decor-shape-right .window-decor-frame { /* -MY-FILTER: [BOX-MODEL]; */ left: 0px; } .window-decor-frame:before { /* -MY-FILTER: [BOX-MODEL]; */ width: 100%; height: 110%; position: absolute; top: -5%; /* -MY-FILTER: [TYPOGRAPHY]; */ content: ''; /* -MY-FILTER: [STYLES]; */ box-shadow: 0px 0px 5px 0px #000, 0px -5px 4px 2px #000 inset; } .window-decor-top .window-decor-shape-left .window-decor-frame:before, .window-decor-bottom .window-decor-shape-left .window-decor-frame:before { /* -MY-FILTER: [STYLES]; */ box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.4), 0px 0px 5px 0px #000, 0px -5px 4px 2px #000 inset; } .window-decor-top .window-decor-shape-right .window-decor-frame:before, .window-decor-bottom .window-decor-shape-right .window-decor-frame:before { /* -MY-FILTER: [STYLES]; */ box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.4), 0px 0px 5px 0px #000, 0px -5px 4px 2px #000 inset; } @media all and (min-width: 1100px) { .interior-window-parent .window-decor-top .window-decor-shape-left .window-decor-frame:before, .interior-window-parent .window-decor-bottom .window-decor-shape-left .window-decor-frame:before { /* -MY-FILTER: [STYLES]; */ box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.4), 0px 0px 5px 0px #000, 0px -5px 4px 1px #000 inset; } .interior-window-parent .window-decor-top .window-decor-shape-right .window-decor-frame:before, .interior-window-parent .window-decor-bottom .window-decor-shape-right .window-decor-frame:before { /* -MY-FILTER: [STYLES]; */ box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.4), 0px 0px 5px 0px #000, 0px -5px 4px 1px #000 inset; } } .window-middle-frames-container .window-blinds-parent:before, .window-middle-frames-container .window-shutter-parent:before, .window-middle-frames-container .shutter-blinds-parent:before { /* -MY-FILTER: [STYLES]; */ cursor: ns-resize; } /*-------------------------------- | [window extended styles] - end | --------------------------------*/ /*---------------------------------------------------- | [window state (hover, active, etc) styles] - start | ----------------------------------------------------*/ /*-------------------------------- | [window blinds styles] - start | --------------------------------*/ /* note: different state (partial open) */ @media all and (min-width: 0px) { .vid-on [class*='left-window'] .window-blinds-container, .vid-on [class*='right-window'] .window-blinds-container { /* -MY-FILTER: [STYLES]; */ /*transform: translateY(-60%);*/ } [id*='-theme'] #body-id .window-middle-frames-parent:hover .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 8px)); } html:root[id*='-theme'] body#body-id .lg-window-toggle .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); } } /* note: different state (fully closed) */ @media all and (max-width: 0px) { .vid-on [class*='left-window'] .window-blinds-container, .vid-on [class*='right-window'] .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 8px)); } [id*='-theme'] #body-id .window-middle-frames-parent:hover .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-60%); } html:root[id*='-theme'] body#body-id .lg-window-toggle .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); } } :root .affiliates-content-parent.active-item-void .window-blinds-container, .affiliates-content-parent:hover .window-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(calc(-100% + 8px)); } /*------------------------------ | [window blinds styles] - end | ------------------------------*/ /*--------------------------------- | [window shutter styles] - start | ---------------------------------*/ /* note: different state (fully closed ) */ @media all and (max-width: 0px) { html:root[id*='-theme'] body#body-id .lg-window-toggle .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 6px)); } .window-middle-frames-container:hover .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-60%); } } /* note: different state (partial open ) */ @media all and (max-width: 0px) { .vid-on [class*='left-window'] .window-shutter-container, .vid-on [class*='right-window'] .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-45%); } .vid-on [class*='left-window'] .window-middle-frames-container .window-shutter-frames, .vid-on [class*='right-window'] .window-middle-frames-container .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 85%; } .vid-on [class*='left-window'] .lg-window-toggle .window-shutter-frames, .vid-on [class*='right-window'] .lg-window-toggle .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 40%; } .vid-on [class*='-window'] .window-middle-frames-container:hover:not(.lg-window-toggle) .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 100%; } /* right window closed - start */ .vid-on [class*='right-window'] .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); } .vid-on [class*='right-window'] .window-middle-frames-container .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 60%; } .vid-on [class*='right-window'] .lg-window-toggle .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 60%; } /* right window closed - end */ } .window-middle-frames-parent .wind-sh-knob-parent { /* -MY-FILTER: [BOX-MODEL]; */ width: 30px; height: 30px; padding: 10px; } .window-middle-frames-parent .wind-sh-knob-container:before { /* -MY-FILTER: [BOX-MODEL]; */ /*border-radius: 0px;*/ /* -MY-FILTER: [TYPOGRAPHY]; */ line-height: 22px; } html:root[id*='-theme'] body#body-id .lg-window-toggle .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); transform: translateY(calc(0px - 5px)); } html:root[id*='-theme'] body#body-id .lg-window-toggle .double-shutter .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); } .top-window-parent .window-shutter-parent:hover .window-shutter-container, .interior-window-parent .window-shutter-parent:hover .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-60%); } .top-window-parent .window-shutter-parent:hover .window-shutter-container.top-window-shutter, .interior-window-parent .window-shutter-parent:hover .window-shutter-container.top-window-shutter { /* -MY-FILTER: [STYLES]; */ transform: translateY(-50%); transform: translateY(calc(-70% + 5px)); } .top-window-parent .window-shutter-parent:hover .window-shutter-container.bottom-window-shutter, .interior-window-parent .window-shutter-parent:hover .window-shutter-container.bottom-window-shutter { /* -MY-FILTER: [STYLES]; */ transform: translateY(50%); transform: translateY(calc(70% - 5px)); } .top-window-parent .window-shutter-parent:hover .window-shutter-frames, .interior-window-parent .window-shutter-parent:hover .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 58.5%; } .top-window-parent .window-shutter-parent.double-shutter:hover .window-shutter-frames, .interior-window-parent .window-shutter-parent.double-shutter:hover .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 0px; } .top-window-parent .lg-window-toggle .window-shutter-parent.double-shutter .window-shutter-frames, .interior-window-parent .lg-window-toggle .window-shutter-parent.double-shutter .window-shutter-frames { /* -MY-FILTER: [BOX-MODEL]; */ max-height: 58.5%; } .window-middle-frames-container:hover .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 6px)); } .affiliates-content-parent.active-item-void .window-shutter-container, .affiliates-content-parent:hover .window-shutter-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 5px)); } /*------------------------------- | [window shutter styles] - end | -------------------------------*/ /*--------------------------------- | [shutter blinds styles] - start | ---------------------------------*/ [class*='left-window'] .shutter-blinds-container { /* -MY-FILTER: [BOX-MODEL]; */ transform: translateY(-60%); } [class*='right-window'] .shutter-blinds-container { /* -MY-FILTER: [BOX-MODEL]; */ transform: translateY(-72%); } .window-middle-frames-container:hover .shutter-blinds-container, .affiliates-content-parent.active-item-void .shutter-blinds-container { /* -MY-FILTER: [BOX-MODEL]; */ transform: translateY(-100%); /* cue: fallback; */ transform: translateY(calc(-100% + 8px)); } :root .lg-window-toggle .shutter-blinds-container { /* -MY-FILTER: [STYLES]; */ transform: translateY(0px); } /*------------------------------- | [shutter blinds styles] - end | -------------------------------*/ /*-------------------------------------------------- | [window state (hover, active, etc) styles] - end | --------------------------------------------------*/ /*-------------------------------- | [window extended styles] - end | --------------------------------*/ /*--------------------------------- | [window various styles] - start | ---------------------------------*/ #body-id .top-window-parent .interior-content-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: left 20px !important; } #body-id .affiliates-left-side .interior-content-bg-container, #body-id .affiliates-right-side .interior-content-bg-container, #body-id .affiliates-slot-outer .interior-content-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: left 85px !important; } #body-id .interior-window-parent .interior-content-bg-container { /* -MY-FILTER: [STYLES]; */ background-position: left bottom !important; } #body-id .window-shutter-frame-center, #body-id .wind-sh-knob-parent { /* -MY-FILTER: [STYLES]; */ background-position: left bottom !important; } /*------------------------------- | [window various styles] - end | -------------------------------*/ /*-------------------------------- | [interior window styles] - end | --------------------------------*/