4249 lines
140 KiB
CSS
4249 lines
140 KiB
CSS
/*!
|
|
* jQuery mmenu v7.3.3
|
|
* @requires jQuery 1.7.0 or later
|
|
*
|
|
* mmenujs.com
|
|
*
|
|
* Copyright (c) Fred Heusschen
|
|
* www.frebsite.nl
|
|
*
|
|
* License: CC-BY-NC-4.0
|
|
* http://creativecommons.org/licenses/by-nc/4.0/
|
|
*/.mm-menu{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba( 0,0,0, 0.3 )}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:20px;line-height:var(--mm-line-height);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:0;margin:0;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:inherit;text-decoration:none}[dir=rtl] .mm-menu{direction:rtl}.mm-panels,.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panel,.mm-panels{-webkit-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels{overflow:hidden}.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;width:100%;padding:0 20px;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after,.mm-panel:before{content:'';display:block;height:20px}.mm-panel_has-navbar{padding-top:44px;padding-top:var(--mm-navbar-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;display:none;width:100%;padding:10px 0 10px 10px}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;padding:0}.mm-btn:after,.mm-btn:before{border-color:rgba(0,0,0,.1);border-color:var(--mm-color-button);border-width:2px;border-style:solid}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.3);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text-dimmed);border-bottom-width:1px;border-bottom-style:solid;text-align:center;display:none;height:44px;height:var(--mm-navbar-size);padding:0 44px;margin:0;position:absolute;top:0;left:0;right:0;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px;padding:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-left:0;padding-right:0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar__title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn{position:absolute;top:0;bottom:0;z-index:1}.mm-navbar__btn:first-child{text-align:left;left:0}.mm-navbar__btn:last-child{text-align:right;right:0}.mm-panel_has-navbar .mm-navbar{display:block}[dir=rtl] .mm-navbar__btn:first-child{text-align:right;right:0;left:auto}[dir=rtl] .mm-navbar__btn:last-child{text-align:left;left:0;right:auto}.mm-listitem,.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);color:var(--mm-color-text);border-color:rgba(0,0,0,.1);border-color:var(--mm-color-border);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{color:inherit;display:block;padding-top:12px;padding-top:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-bottom:12px;padding-bottom:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{-webkit-tap-highlight-color:rgba(255,255,255,.4);tap-highlight-color:rgba(255,255,255,.4);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);tap-highlight-color:var(--mm-color-background-emphasis);background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:54px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listitem_divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight);font-size:75%;text-transform:uppercase;min-height:20px;min-height:var(--mm-line-height);padding:6.5px;padding:calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px}.mm-listitem_spacer{padding-top:44px;padding-top:var(--mm-listitem-size)}.mm-listitem_spacer>.mm-btn_next{top:44px;top:var(--mm-listitem-size)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:54px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}
|
|
.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{display:none;position:fixed;right:auto;z-index:0}.mm-menu_offcanvas.mm-menu_opened{display:block}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}
|
|
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
|
|
.mm-menu_autoheight{-webkit-transition:none .4s ease;-o-transition:none .4s ease;transition:none .4s ease;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
|
|
[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}
|
|
.mm-counter{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);text-align:right;display:block;min-width:44px;float:right}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left}
|
|
.mm-listitem_divider{opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-menu_dividers-light .mm-listitem_divider{background:inherit;font-size:inherit;color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);padding-top:18px;padding-top:calc((var(--mm-listitem-size) - var(--mm-line-height)) * .75);padding-bottom:6px;padding-bottom:calc((var(--mm-listitem-size) - var(--mm-line-height)) * .25)}.mm-menu_border-none .mm-listitem_divider{border-top-width:1px;border-top-style:solid}.mm-listview_fixeddivider{background:inherit;display:none;width:100%;position:absolute;top:0;left:0;right:0;z-index:10}.mm-listview_fixeddivider:after{content:none!important;display:none!important}.mm-panel_dividers .mm-listview_fixeddivider{display:block}
|
|
.mm-wrapper_opened.mm-dragging .mm-menu,.mm-wrapper_opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
|
|
.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;overflow:visible}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}[class*=mm-menu_tip-]:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}
|
|
.mm-menu{--mm-iconbar-size:44px}.mm-iconbar{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);border:0 solid rgba(0,0,0,.1);border-color:var(--mm-color-border);border-right-width:1px;text-align:center;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;width:var(--mm-iconbar-size);position:absolute;top:0;left:0;bottom:0;z-index:2}.mm-menu_iconbar .mm-navbars_bottom,.mm-menu_iconbar .mm-navbars_top,.mm-menu_iconbar .mm-panels{left:44px;left:var(--mm-iconbar-size)}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:11px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
|
|
.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{outline:0;background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}
|
|
.mm-menu{--mm-iconpanel-size:44px}.mm-panel_iconpanel-1,.mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider{width:calc(100% - (44px * 1));width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2,.mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider{width:calc(100% - (44px * 2));width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3,.mm-panel_iconpanel-3.mm-panel_opened~.mm-listview_fixeddivider{width:calc(100% - (44px * 3));width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel,.mm-panel_iconpanel-first~.mm-panel_opened~.mm-listview_fixeddivider{width:calc(100% - 44px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-listview_fixeddivider,.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_hidedivider .mm-panel_opened-parent .mm-listitem_divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-listview_fixeddivider,[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}
|
|
.mm-navbars_bottom,.mm-navbars_top{background:inherit;border-color:inherit;border-width:0;position:absolute;left:0;right:0;z-index:1}.mm-navbars_bottom>.mm-navbar,.mm-navbars_top>.mm-navbar{border-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mm-navbars_bottom>.mm-navbar:not(.mm-navbar_has-btns),.mm-navbars_top>.mm-navbar:not(.mm-navbar_has-btns){padding:0}.mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn),.mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn){-webkit-box-flex:1;-ms-flex:1;flex:1}.mm-navbars_top{border-bottom-style:solid;border-bottom-width:1px;top:0;bottom:auto}.mm-menu_navbar_top-1 .mm-panels{top:44px;top:calc(var(--mm-navbar-size) * 1)}.mm-menu_navbar_top-2 .mm-panels{top:88px;top:calc(var(--mm-navbar-size) * 2)}.mm-menu_navbar_top-3 .mm-panels{top:132px;top:calc(var(--mm-navbar-size) * 3)}.mm-menu_navbar_top-4 .mm-panels{top:176px;top:calc(var(--mm-navbar-size) * 4)}.mm-navbars_bottom{border-top-style:solid;border-top-width:1px;bottom:0;top:auto}.mm-menu_navbar_bottom-1 .mm-panels{bottom:44px;bottom:calc(var(--mm-navbar-size) * 1)}.mm-menu_navbar_bottom-2 .mm-panels{bottom:88px;bottom:calc(var(--mm-navbar-size) * 2)}.mm-menu_navbar_bottom-3 .mm-panels{bottom:132px;bottom:calc(var(--mm-navbar-size) * 3)}.mm-menu_navbar_bottom-4 .mm-panels{bottom:176px;bottom:calc(var(--mm-navbar-size) * 4)}.mm-navbar_size-2{height:88px;height:calc(var(--mm-navbar-size) * 2)}.mm-navbar_size-3{height:132px;height:calc(var(--mm-navbar-size) * 3)}.mm-navbar_size-4{height:176px;height:calc(var(--mm-navbar-size) * 4)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 20px}.mm-navbar__breadcrumbs>*{display:inline-block;padding-right:6px;padding-top:12px;padding-top:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-bottom:12px;padding-bottom:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5)}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar_has-btns .mm-navbar__breadcrumbs{margin-left:-44px}.mm-navbar_has-btns .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{margin-left:0;padding-left:0}.mm-navbar__tab_selected{background:inherit!important;color:inherit!important;border-width:1px;border-style:solid;border-color:inherit}.mm-navbar__tab_selected:first-child{border-left:none}.mm-navbar__tab_selected:last-child{border-right:none}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:inherit!important;color:inherit!important}.mm-navbars_top .mm-navbar_tabs:not(:last-child){border-bottom-width:1px;border-bottom-style:solid}.mm-navbars_top .mm-navbar__tab_selected{border-bottom:none;margin-bottom:-1px}.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected{border-top:none}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:inherit;color:inherit}.mm-navbars_bottom .mm-navbar_tabs:not(:first-child){border-top-width:1px;border-top-style:solid}.mm-navbars_bottom .mm-navbar__tab_selected{border-top:none;margin-top:-1px}.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected{border-bottom:none}.mm-navbar_tabs>a:not(.mm-navbar__tab_selected),.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar,.mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs){background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed)}
|
|
.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{border:none!important;outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:4px;background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight);color:rgba(0,0,0,.75);color:var(--mm-color-text);font:inherit;font-size:inherit;line-height:35.2px;line-height:calc(var(--mm-navbar-size) * .7);display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:24px;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{padding:6.6px 10px 0 10px;padding-top:calc(var(--mm-navbar-size) * .15);position:relative}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;padding:44px 0}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__input{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%}.mm-searchfield__cancel{line-height:44px;line-height:var(--mm-navbar-size);text-decoration:none;display:block;padding-right:10px;margin-right:-100px;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-panel>.mm-searchfield{width:100%;position:absolute;top:0;left:0}.mm-panel_has-searchfield{padding-top:44px;padding-top:var(--mm-navbar-size)}.mm-panel_has-navbar.mm-panel_has-searchfield{padding-top:88px;padding-top:calc(var(--mm-navbar-size) * 2)}.mm-panel_has-navbar.mm-panel_has-searchfield>.mm-searchfield{top:44px;top:var(--mm-navbar-size)}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}
|
|
.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:15;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panels{-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease}.mm-menu_has-sectionindexer .mm-sectionindexer{right:0}.mm-menu_has-sectionindexer .mm-panels{right:20px}.mm-menu_navbar_top-1 .mm-sectionindexer{top:46px;top:calc((var(--mm-navbar-size) * 1) + 2px)}.mm-menu_navbar_top-2 .mm-sectionindexer{top:90px;top:calc((var(--mm-navbar-size) * 2) + 2px)}.mm-menu_navbar_top-3 .mm-sectionindexer{top:134px;top:calc((var(--mm-navbar-size) * 3) + 2px)}.mm-menu_navbar_top-4 .mm-sectionindexer{top:178px;top:calc((var(--mm-navbar-size) * 4) + 2px)}.mm-menu_navbar_bottom-1 .mm-sectionindexer{bottom:46px;bottom:calc((var(--mm-navbar-size) * 1) + 2px)}.mm-menu_navbar_bottom-2 .mm-sectionindexer{bottom:90px;bottom:calc((var(--mm-navbar-size) * 2) + 2px)}.mm-menu_navbar_bottom-3 .mm-sectionindexer{bottom:134px;bottom:calc((var(--mm-navbar-size) * 3) + 2px)}.mm-menu_navbar_bottom-4 .mm-sectionindexer{bottom:178px;bottom:calc((var(--mm-navbar-size) * 4) + 2px)}
|
|
.mm-menu_selected-hover .mm-listitem>.mm-listitem__btn,.mm-menu_selected-hover .mm-listitem>.mm-listitem__text,.mm-menu_selected-parent .mm-listitem>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem>.mm-listitem__text{-webkit-transition:background .4s ease;-o-transition:background .4s ease;transition:background .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected .mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) .mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
|
|
.mm-menu,.mm-slideout{--mm-sidebar-collapsed-size:44px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:block!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-listitem_divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 44px);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0);-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{border-right-width:1px;border-right-style:solid;min-width:0!important;max-width:100000px!important}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
|
label.mm-toggle{border-radius:34px;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:5px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2)}label.mm-toggle:before{content:'';display:block;border-radius:34px;width:32px;height:32px;margin:1px}input.mm-toggle{position:absolute;left:-10000px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-toggle{background:rgba(0,0,0,.1);background:var(--mm-color-border)}label.mm-toggle:before{background:#f3f3f3;background:var(--mm-color-background)}input.mm-toggle:checked~label.mm-toggle{background:#4bd963}label.mm-check{width:34px;height:34px}label.mm-check:before{border-color:rgba(0,0,0,.75);border-color:var(--mm-color-text);content:'';display:block;border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check{position:absolute;left:-10000px}input.mm-check:checked~label.mm-check:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}
|
|
.mm-menu_border-none .mm-listitem:after,.mm-panel_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after,.mm-panel_border-full .mm-listitem:after{left:0!important}.mm-menu_border-offset .mm-listitem:after,.mm-panel_border-offset .mm-listitem:after{right:20px}
|
|
.mm-menu_fx-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mm-wrapper_opening .mm-menu_fx-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-wrapper_opening .mm-menu_fx-menu-fade{opacity:1}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-zoom .mm-panel,.mm-panel_fx-zoom{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0)}.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened,.mm-panel_fx-zoom.mm-panel_opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent,.mm-panel_fx-zoom.mm-panel_opened-parent{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent,.mm-panel_fx-slide-0.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent,.mm-panel_fx-slide-100.mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fx-panels-slide-up .mm-panel,.mm-panel_fx-slide-up{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu_fx-panels-slide-up .mm-panel_opened,.mm-menu_fx-panels-slide-up .mm-panel_opened-parent,.mm-panel_fx-slide-up.mm-panel_opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-right .mm-panel,.mm-panel_fx-slide-right{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fx-panels-slide-right .mm-panel_opened,.mm-menu_fx-panels-slide-right .mm-panel_opened-parent,.mm-panel_fx-slide-right.mm-panel_opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[class*=mm-menu_fx-listitems-] .mm-listitem{-webkit-transition:none .4s ease;-o-transition:none .4s ease;transition:none .4s ease}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1){-webkit-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2){-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3){-webkit-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4){-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5){-webkit-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6){-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7){-webkit-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8){-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9){-webkit-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10){-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11){-webkit-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12){-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13){-webkit-transition-delay:650ms;-o-transition-delay:650ms;transition-delay:650ms}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14){-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15){-webkit-transition-delay:750ms;-o-transition-delay:750ms;transition-delay:750ms}.mm-menu_fx-listitems-slide .mm-listitem{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu_fx-listitems-fade .mm-listitem{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;opacity:0}.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem{opacity:1}.mm-menu_fx-listitems-drop .mm-listitem{-webkit-transition-property:opacity,top;-o-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem{opacity:1;top:0}
|
|
.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}
|
|
.mm-menu_listview-justify .mm-panels>.mm-panel:after,.mm-menu_listview-justify .mm-panels>.mm-panel:before,.mm-panels>.mm-panel_listview-justify:after,.mm-panels>.mm-panel_listview-justify:before{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview,.mm-panels>.mm-panel_listview-justify .mm-listview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem,.mm-panels>.mm-panel_listview-justify .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:44px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem:not(.mm-listitem_divider),.mm-panels>.mm-panel_listview-justify .mm-listitem:not(.mm-listitem_divider){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text,.mm-panels>.mm-panel_listview-justify .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}
|
|
.mm-menu_multiline .mm-listitem__text,.mm-panel_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}
|
|
[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}
|
|
.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}
|
|
.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
|
.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow);content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}
|
|
.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}
|
|
.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-listitem_divider,.mm-panel_tileview .mm-listitem_divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}
|
|
body.modal-open .mm-slideout{z-index:unset}
|
|
.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
|
.mm-menu {
|
|
max-width: 320px;
|
|
width: 100%;
|
|
}
|
|
.mm-menu .mm-listitem {
|
|
height: auto;
|
|
}
|
|
.mm-menu .mm-listitem a,
|
|
.mm-menu .mm-listitem > * {
|
|
color: #ffffff;
|
|
}
|
|
.mm-listitem .mm-title {
|
|
line-height: 60px;
|
|
padding: 0 !important;
|
|
}
|
|
.mm-btn.mm-prev {
|
|
height: 60px;
|
|
}
|
|
.mm-panels > .mm-panel > .mm-listview:first-child,
|
|
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
|
|
margin-top: 0;
|
|
}
|
|
.mm-menu .mm-btn:after,
|
|
.mm-menu .mm-btn:before,
|
|
.mm-menu .mm-listview > li .mm-next:after {
|
|
border-color: #ffffff;
|
|
}
|
|
.mm-listview {
|
|
font-size: 16px;
|
|
line-height: 40px;
|
|
}
|
|
.mm-listview > li:not(.mm-divider):after,
|
|
.mm-navbar {
|
|
border: none;
|
|
}
|
|
.mm-panels > .mm-panel.mm-hasnavbar {
|
|
padding-top: 60px;
|
|
}
|
|
#mm-blocker {
|
|
background-color: #000;
|
|
opacity: 0;
|
|
}
|
|
html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
|
|
opacity: 0.5;
|
|
transition: opacity .4s ease 0s;
|
|
}
|
|
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
|
|
.mm-menu .mm-listview > li.mm-selected > span {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
}
|
|
.mm-panel,
|
|
.mm-panels {
|
|
background-color: #2a56a3;
|
|
color: #ffffff;
|
|
}
|
|
#menu {
|
|
background-color: #2a56a3;
|
|
color: #ffffff;
|
|
box-shadow: rgba(0, 0, 0, 0.2) -5px 6px 13px 0px;
|
|
}
|
|
#menu a,
|
|
#menu li > span {
|
|
padding: 10px 10px 10px 29px;
|
|
}
|
|
.rtl #menu a,
|
|
.rtl #menu li > span {
|
|
padding: 10px 29px 10px 10px !important;
|
|
}
|
|
#menu a img,
|
|
#menu li > span img {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 0.7em;
|
|
}
|
|
#menu .mm-navbar .mm-title {
|
|
padding: 0 !important;
|
|
}
|
|
#menuOpener {
|
|
display: none;
|
|
color: #3d3f40;
|
|
}
|
|
.help #menuOpener {
|
|
color: #ccc;
|
|
}
|
|
@media all and (max-width: 1023px) {
|
|
#menuOpener {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
height: 100%;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
.ltr #menuOpener,
|
|
.rtl.menu-inverted #menuOpener {
|
|
left: 9px;
|
|
right: auto;
|
|
flex-direction: row;
|
|
transform-origin: left top;
|
|
}
|
|
.rtl #menuOpener,
|
|
.ltr.menu-inverted #menuOpener {
|
|
right: 9px;
|
|
left: auto;
|
|
flex-direction: row-reverse;
|
|
transform-origin: right top;
|
|
}
|
|
#menuOpener .label {
|
|
margin: 0 9px;
|
|
}
|
|
#menuOpener .svg-icon {
|
|
width: 20px;
|
|
vertical-align: middle;
|
|
margin: 0 9px;
|
|
}
|
|
#menuSearch {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.msie #menuSearch {
|
|
position: absolute;
|
|
}
|
|
#menuSearch:after {
|
|
border: none;
|
|
}
|
|
#menuList {
|
|
overflow: hidden;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
#menuList:before {
|
|
height: 0;
|
|
}
|
|
#menuList > ul {
|
|
margin-top: 60px;
|
|
margin-bottom: 0;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
#menuList .svg-icon {
|
|
width: 26px;
|
|
height: 26px;
|
|
vertical-align: middle;
|
|
}
|
|
#menuList .v2 .svg-icon {
|
|
width: auto;
|
|
height: 20px;
|
|
}
|
|
#menuList .nav-icon {
|
|
margin-right: 0;
|
|
}
|
|
#menu #menuClose {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 21px 21px 23px 23px !important;
|
|
color: #ffffff;
|
|
background-color: #4482d2;
|
|
}
|
|
.rtl #menu #menuClose {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
#searchForm {
|
|
position: relative;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
.rtl #searchForm {
|
|
text-align: right;
|
|
}
|
|
#q {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border: none;
|
|
border-radius: 0;
|
|
height: 60px;
|
|
font-size: 16px;
|
|
padding: 0 1em 0 70px;
|
|
width: 260px;
|
|
}
|
|
.rtl #q {
|
|
padding: 0 70px 0 1em;
|
|
}
|
|
#submitSearch {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
color: #2a56a3;
|
|
}
|
|
#submitSearch .svg-icon {
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
.ltr #submitSearch {
|
|
margin: 0;
|
|
}
|
|
.rtl #submitSearch {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.menu-item-title {
|
|
margin: 0 10px;
|
|
}
|
|
#menuSearchResults,
|
|
#menuSearchHints {
|
|
position: relative;
|
|
display: none;
|
|
}
|
|
#menuSearchHints {
|
|
padding: 15px 0;
|
|
}
|
|
#menuSearchHints .hint {
|
|
padding: 13px 30px;
|
|
font-size: 16px;
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
}
|
|
#menuSearchHints .hint:after {
|
|
content: '';
|
|
position: absolute;
|
|
border-top: 2px solid transparent;
|
|
border-left: 2px solid transparent;
|
|
border-color: currentColor;
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin: auto;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 25px;
|
|
transform: rotate(135deg);
|
|
}
|
|
.rtl #menuSearchHints .hint:after {
|
|
right: auto;
|
|
left: 25px;
|
|
transform: rotate(315deg);
|
|
}
|
|
#menuSearchHints .hint em {
|
|
font-style: normal;
|
|
}
|
|
#menu #menuSearchResults {
|
|
position: relative;
|
|
height: 100%;
|
|
margin: 50px auto 0 0;
|
|
width: 295px;
|
|
}
|
|
.rtl #menu #menuSearchResults {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
#menu #menuSearchResults a {
|
|
padding: 0 !important;
|
|
}
|
|
#menu #menuSearchResults .doubleThumb {
|
|
display: block !important;
|
|
margin: 0 auto 40px auto !important;
|
|
}
|
|
#menu #menuSearchResults .doubleThumb.singlemode {
|
|
margin: 0px 10px 15px 17px !important;
|
|
display: inline-block !important;
|
|
vertical-align: top;
|
|
}
|
|
#menu #menuSearchResults .hits {
|
|
font-size: 16px !important;
|
|
}
|
|
#menu #menuSearchResults .padding {
|
|
display: none !important;
|
|
}
|
|
#menu #menuSearchResults .no-results {
|
|
padding: 5px 25px;
|
|
}
|
|
#menu #menuSearchResults .ps__scrollbar-y-rail {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
width: 6px;
|
|
opacity: 1;
|
|
}
|
|
#menu #menuSearchResults .ps__scrollbar-y {
|
|
right: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
#menu #menuSearchResults .ps:hover > .ps__scrollbar-y-rail:hover {
|
|
width: 11px;
|
|
}
|
|
#menu #shareLinks {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background-color: #4482d2;
|
|
line-height: 1;
|
|
padding: 20px 0;
|
|
}
|
|
#menu #shareLinks .svg-icon {
|
|
margin: 0;
|
|
}
|
|
#menu #shareLinks .share-icons {
|
|
padding-left: 29px;
|
|
white-space: nowrap;
|
|
}
|
|
.rtl #menu #shareLinks .share-icons {
|
|
padding-left: 0;
|
|
padding-right: 29px;
|
|
}
|
|
#menu #shareLinks .shareList {
|
|
padding: 0;
|
|
}
|
|
#menu #shareLinks li {
|
|
display: inline-block;
|
|
padding: 0;
|
|
}
|
|
#menu #shareLinks li:not(:last-of-type) {
|
|
margin-right: 33px;
|
|
}
|
|
.rtl #menu #shareLinks li:not(:last-of-type) {
|
|
margin-right: 0;
|
|
margin-left: 33px;
|
|
}
|
|
#menu #shareLinks li a {
|
|
padding: 0 !important;
|
|
}
|
|
#menu #shareLinks li img {
|
|
margin: 0;
|
|
}
|
|
#horizontalNav {
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
@media all and (max-width: 1023px) {
|
|
#horizontalNav {
|
|
display: none;
|
|
}
|
|
}
|
|
.ltr #horizontalNav,
|
|
.rtl.menu-inverted #horizontalNav {
|
|
left: 0;
|
|
right: auto;
|
|
transform-origin: 0 0;
|
|
}
|
|
.rtl #horizontalNav,
|
|
.ltr.menu-inverted #horizontalNav {
|
|
right: 0;
|
|
left: auto;
|
|
transform-origin: 100% 0;
|
|
}
|
|
#horizontalNav_locales {
|
|
border-left: 1px solid;
|
|
margin-right: 1.5em;
|
|
margin-left: 14px;
|
|
}
|
|
.rtl #horizontalNav_locales {
|
|
border-left: none;
|
|
border-right: 1px solid;
|
|
}
|
|
#horizontalNav_locales .svg-icon {
|
|
margin: 0 7px 0 30px !important;
|
|
}
|
|
.rtl #horizontalNav_locales .svg-icon {
|
|
margin: 0 30px 0 7px !important;
|
|
}
|
|
#horizontalNav_extra > img {
|
|
vertical-align: middle;
|
|
margin: 0 17px;
|
|
}
|
|
#iconList {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
#iconList li {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
#iconList a {
|
|
color: #3d3f40;
|
|
display: inline-block;
|
|
}
|
|
.help #iconList a {
|
|
color: #ccc;
|
|
}
|
|
#iconList a.hidden {
|
|
display: none !important;
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
visibility: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#iconList img,
|
|
#iconList .svg-icon {
|
|
height: 25px;
|
|
width: auto;
|
|
margin: 0 17px;
|
|
color: #3d3f40;
|
|
vertical-align: middle;
|
|
}
|
|
.msie #iconList img,
|
|
.msie #iconList .svg-icon {
|
|
width: 25px;
|
|
}
|
|
.help #iconList img,
|
|
.help #iconList .svg-icon {
|
|
color: #ccc;
|
|
}
|
|
#iconList.v2 .svg-icon {
|
|
width: auto;
|
|
height: 20px;
|
|
}
|
|
.icon-locales .menu-item-title:after {
|
|
content: '';
|
|
width: 6px;
|
|
height: 6px;
|
|
vertical-align: middle;
|
|
margin: -3px 0 0 10px;
|
|
border-style: solid;
|
|
border-width: 0 2px 2px 0;
|
|
transform: rotate(45deg);
|
|
display: inline-block;
|
|
}
|
|
.rtl .icon-locales .menu-item-title:after {
|
|
margin-right: 10px;
|
|
}
|
|
#afterSearch {
|
|
position: absolute;
|
|
margin: 0 17px;
|
|
}
|
|
#afterSearch .c {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 9;
|
|
display: block;
|
|
}
|
|
#afterSearch .links {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 10;
|
|
}
|
|
#afterSearch .links .link {
|
|
position: absolute;
|
|
}
|
|
@media all and (max-width: 1023px) {
|
|
#afterSearch {
|
|
display: none;
|
|
}
|
|
}
|
|
use {
|
|
pointer-events: none;
|
|
}
|
|
.notransition {
|
|
transition: none !important;
|
|
}
|
|
/* Screenshot */
|
|
.screenshot .mview {
|
|
overflow-y: hidden;
|
|
}
|
|
/* Incompatible */
|
|
.no-csstransforms #device {
|
|
display: none;
|
|
}
|
|
.csstransforms #message {
|
|
display: none;
|
|
}
|
|
#message {
|
|
text-align: center;
|
|
margin: 30px auto;
|
|
width: 600px;
|
|
}
|
|
#message a {
|
|
text-decoration: underline;
|
|
}
|
|
#message a:after {
|
|
content: " »";
|
|
}
|
|
.h100 {
|
|
height: 100%;
|
|
}
|
|
/* Disable print div*/
|
|
#printpages {
|
|
display: none;
|
|
}
|
|
/* Global settings */
|
|
a,
|
|
input[type=text],
|
|
input[type=password],
|
|
input[type=file],
|
|
input[type=search],
|
|
input[type=email],
|
|
textarea {
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
*::-ms-clear {
|
|
display: none;
|
|
}
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-ms-touch-action: double-tap-zoom pinch-zoom;
|
|
-ms-scroll-chaining: chained;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
img {
|
|
border: 0;
|
|
box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
-webkit-box-sizing: content-box;
|
|
ifra-ms-box-sizing: content-box;
|
|
-o-box-sizing: content-box;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
b,
|
|
strong,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 600;
|
|
}
|
|
html {
|
|
user-select: text;
|
|
-moz-user-select: text;
|
|
-webkit-user-select: text;
|
|
-o-user-select: text;
|
|
-ms-user-select: text;
|
|
}
|
|
html.ios {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
body {
|
|
position: relative;
|
|
-webkit-touch-callout: none !important;
|
|
}
|
|
body,
|
|
input {
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
}
|
|
body.loading * {
|
|
cursor: progress !important;
|
|
}
|
|
html.screenshot #main {
|
|
visibility: visible !important;
|
|
display: block !important;
|
|
}
|
|
html.screenshot #loader {
|
|
visibility: hidden !important;
|
|
}
|
|
body,
|
|
html {
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
touch-action: none;
|
|
}
|
|
#main {
|
|
position: relative;
|
|
display: none;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
visibility: hidden;
|
|
opacity: 1;
|
|
z-index: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
#main.fadeout,
|
|
#view.fadeout {
|
|
transition: opacity 500ms ease-out;
|
|
opacity: 0;
|
|
}
|
|
#hiddencontents {
|
|
display: none;
|
|
}
|
|
/* Background */
|
|
#background {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
}
|
|
#background .links {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#background .links .link {
|
|
position: absolute;
|
|
}
|
|
/* Orientation */
|
|
.portrait #fluidbook .shade,
|
|
.portrait #fluidbook .page.right {
|
|
display: none;
|
|
}
|
|
.portrait .hideOnPortrait {
|
|
display: none;
|
|
}
|
|
/* Desktop devices */
|
|
.using-mouse body:not(.zoom-disabled) #links .container {
|
|
cursor: zoom-in;
|
|
}
|
|
.using-mouse body:not(.zoom-disabled).zoomed #links .container {
|
|
cursor: zoom-out;
|
|
}
|
|
#links .container {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1701px;
|
|
height: 1202.73584435px;
|
|
}
|
|
#links .container.rightContainer {
|
|
left: 1701px;
|
|
}
|
|
.mobilefirst #links .container.rightContainer {
|
|
left: 0;
|
|
}
|
|
#links .link {
|
|
cursor: auto;
|
|
}
|
|
#links .link.rightclone {
|
|
display: none;
|
|
}
|
|
.portrait #links .link.rightclone {
|
|
display: block;
|
|
}
|
|
#links .link.eventOverlayLink {
|
|
cursor: inherit;
|
|
}
|
|
#links .link iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
-webkit-transform-origin: 0 0 0;
|
|
-moz-transform-origin: 0 0 0;
|
|
-ms-transform-origin: 0 0 0;
|
|
-o-transform-origin: 0 0 0;
|
|
transform-origin: 0 0 0;
|
|
}
|
|
.link {
|
|
-webkit-transform-origin: 0 0 0;
|
|
-moz-transform-origin: 0 0 0;
|
|
-ms-transform-origin: 0 0 0;
|
|
-o-transform-origin: 0 0 0;
|
|
transform-origin: 0 0 0;
|
|
}
|
|
@keyframes loader-spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
/* Loader */
|
|
#loader {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
width: 48px;
|
|
height: 48px;
|
|
margin: -24px 0 0 -24px;
|
|
display: none;
|
|
}
|
|
#loader svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
fill: #2a56a3;
|
|
color: #ffffff;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
#loader.show {
|
|
display: block;
|
|
}
|
|
#loader.show svg {
|
|
animation-name: loader-spin;
|
|
animation-duration: 1s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: linear;
|
|
}
|
|
/* Pages */
|
|
.background,
|
|
.texts {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
overflow: visible;
|
|
}
|
|
.background {
|
|
background-repeat: no-repeat;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.background img {
|
|
width: 1702px;
|
|
height: 1204px;
|
|
}
|
|
.mobilefirst .background img {
|
|
height: 100%;
|
|
}
|
|
.mobilefirst .texts {
|
|
height: 100%;
|
|
}
|
|
.texts img,
|
|
.texts object {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/* Espaces forcés */
|
|
.portrait #pages,
|
|
.portrait .doublePage.page,
|
|
.page,
|
|
.doublePage._3d {
|
|
width: 1701px;
|
|
max-width: 1701px;
|
|
height: 1202.73584435px;
|
|
max-height: 1202.73584435px;
|
|
}
|
|
.doublePage,
|
|
#pages,
|
|
#links,
|
|
#searchHighlights {
|
|
width: 3402px;
|
|
max-width: 3402px;
|
|
height: 1202.73584435px;
|
|
max-height: 1202.73584435px;
|
|
}
|
|
.mobilefirst .doublePage,
|
|
.mobilefirst #pages,
|
|
.mobilefirst #links,
|
|
.mobilefirst #searchHighlights {
|
|
width: 1701px;
|
|
max-width: 1701px;
|
|
}
|
|
.landscape .doublePage._2d.axis_x.next {
|
|
transform: translate3d(3402px, 0, 0, 0);
|
|
}
|
|
.landscape .doublePage._2d.axis_x.prev {
|
|
transform: translate3d(-3402px, 0, 0, 0);
|
|
}
|
|
.portrait .doublePage._2d.axis_x.next {
|
|
transform: translate3d(1701px, 0, 0);
|
|
}
|
|
.portrait .doublePage._2d.axis_x.prev {
|
|
transform: translate3d(-1701px, 0, 0);
|
|
}
|
|
.doublePage._2d.axis_y.next {
|
|
transform: translate3d(0, 1202.73584435px, 0);
|
|
}
|
|
.doublePage._2d.axis_y.prev {
|
|
transform: translate3d(0, -1202.73584435px, 0);
|
|
}
|
|
.doublePage._3d {
|
|
left: 1701px;
|
|
}
|
|
#links.right {
|
|
left: -1701px;
|
|
}
|
|
#currentDoublePage {
|
|
pointer-events: none;
|
|
}
|
|
.landscape .page.right {
|
|
left: 1701px;
|
|
}
|
|
.page {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0px;
|
|
background-color: transparent;
|
|
}
|
|
.page .texts {
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
}
|
|
.page .background {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.page .shade {
|
|
position: absolute;
|
|
top: 0px;
|
|
}
|
|
.page.right {
|
|
z-index: 1;
|
|
}
|
|
.page.right .shade {
|
|
left: 0px;
|
|
}
|
|
.page.left .shade {
|
|
right: 0px;
|
|
}
|
|
.doublePage,
|
|
#pages {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
/* Search */
|
|
#searchHighlights {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 3;
|
|
}
|
|
#searchHighlights .highlight {
|
|
position: absolute;
|
|
border-width: 2px;
|
|
border-radius: 2px;
|
|
border-style: solid;
|
|
-webkit-transform-origin: 0 0;
|
|
-moz-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
#searchHighlights .highlight[data-color="0"],
|
|
#searchHighlights .highlight[data-color="5"],
|
|
#searchHighlights .highlight[data-color="10"] {
|
|
border-color: #00ff00;
|
|
background-color: rgba(0, 255, 0, 0.3);
|
|
}
|
|
#searchHighlights .highlight[data-color="1"],
|
|
#searchHighlights .highlight[data-color="6"],
|
|
#searchHighlights .highlight[data-color="11"] {
|
|
border-color: #ffff00;
|
|
background-color: rgba(255, 255, 0, 0.3);
|
|
}
|
|
#searchHighlights .highlight[data-color="2"],
|
|
#searchHighlights .highlight[data-color="7"],
|
|
#searchHighlights .highlight[data-color="12"] {
|
|
border-color: #00ffff;
|
|
background-color: rgba(0, 255, 255, 0.3);
|
|
}
|
|
#searchHighlights .highlight[data-color="3"],
|
|
#searchHighlights .highlight[data-color="8"],
|
|
#searchHighlights .highlight[data-color="13"] {
|
|
border-color: #ff00ff;
|
|
background-color: rgba(255, 0, 255, 0.3);
|
|
}
|
|
#searchHighlights .highlight[data-color="4"],
|
|
#searchHighlights .highlight[data-color="9"],
|
|
#searchHighlights .highlight[data-color="14"] {
|
|
border-color: #ff0000;
|
|
background-color: rgba(255, 0, 0, 0.3);
|
|
}
|
|
/* Shadow */
|
|
#shadow {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 3426px;
|
|
height: 1202.73584435px;
|
|
pointer-events: none;
|
|
mix-blend-mode: multiply;
|
|
transition-property: none !important;
|
|
transition-duration: 0ms !important;
|
|
}
|
|
#shadow > .shadow {
|
|
position: absolute;
|
|
left: 0;
|
|
opacity: 0.2256;
|
|
transition-property: opacity;
|
|
}
|
|
#shadow > .shadow.hidden {
|
|
opacity: 0;
|
|
}
|
|
.ios #shadow > .shadow {
|
|
transition: none !important;
|
|
}
|
|
#shadow > .shadow.bottom {
|
|
bottom: -120px;
|
|
background-size: 100% 120px;
|
|
height: 120px;
|
|
}
|
|
.portrait #shadow > .shadow.bottom {
|
|
opacity: 0.1128;
|
|
}
|
|
#shadow > .shadow.bottom.left {
|
|
left: -12px;
|
|
width: 1713px;
|
|
background-image: url("../images/shadows/back/bottom-left.png");
|
|
}
|
|
#shadow > .shadow.bottom.right {
|
|
background-image: url("../images/shadows/back/bottom-right.png");
|
|
width: 1713px;
|
|
}
|
|
.landscape #shadow > .shadow.bottom.right {
|
|
left: 1701px;
|
|
}
|
|
#shadow > .shadow.side {
|
|
top: 0;
|
|
width: 35px;
|
|
height: 1202.73584435px;
|
|
background-size: 100% 100%;
|
|
}
|
|
#shadow > .shadow.side.right {
|
|
left: 3402px;
|
|
background-image: url("../images/shadows/back/right.png");
|
|
}
|
|
.portrait #shadow > .shadow.side.right {
|
|
display: block !important;
|
|
left: 1695px;
|
|
}
|
|
#shadow > .shadow.side.left {
|
|
background-image: url("../images/shadows/back/left.png");
|
|
left: -35px;
|
|
}
|
|
.portrait #shadow > .shadow.side.left {
|
|
left: -29px;
|
|
}
|
|
#edges {
|
|
transition-property: none !important;
|
|
transition-duration: 0ms !important;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 3402px;
|
|
height: 1202.73584435px;
|
|
pointer-events: none;
|
|
}
|
|
.portrait #edges {
|
|
width: 1701px;
|
|
}
|
|
#edges > .edge {
|
|
transition-property: opacity;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
opacity: 1;
|
|
}
|
|
#edges > .edge.hidden {
|
|
opacity: 0;
|
|
}
|
|
.ios #edges > .edge {
|
|
transition: none !important;
|
|
}
|
|
#edges > .edge > div {
|
|
background-size: 100% 100%;
|
|
position: absolute;
|
|
background-repeat: no-repeat;
|
|
}
|
|
#edges > .edge .top {
|
|
top: 0;
|
|
height: 12px;
|
|
}
|
|
#edges > .edge .bottom {
|
|
bottom: 0;
|
|
height: 22px;
|
|
}
|
|
#edges > .edge .middle {
|
|
top: 12px;
|
|
bottom: 22px;
|
|
}
|
|
#edges > .edge.left {
|
|
left: -17px;
|
|
width: 17px;
|
|
}
|
|
#edges > .edge.left div {
|
|
width: 17px;
|
|
}
|
|
#edges > .edge.left .top {
|
|
background-image: url("../images/edges/edge-left-top.png");
|
|
}
|
|
#edges > .edge.left .bottom {
|
|
background-image: url("../images/edges/edge-left-bottom.png");
|
|
}
|
|
#edges > .edge.left .middle {
|
|
background-image: url("../images/edges/edge-left-middle.png");
|
|
}
|
|
#edges > .edge.right {
|
|
right: -11px;
|
|
width: 11px;
|
|
}
|
|
#edges > .edge.right div {
|
|
width: 11px;
|
|
}
|
|
#edges > .edge.right .top {
|
|
background-image: url("../images/edges/edge-right-top.png");
|
|
}
|
|
#edges > .edge.right .bottom {
|
|
background-image: url("../images/edges/edge-right-bottom.png");
|
|
}
|
|
#edges > .edge.right .middle {
|
|
background-image: url("../images/edges/edge-right-middle.png");
|
|
}
|
|
/* Locale Flag icon */
|
|
.locale-flag {
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 17px;
|
|
border-radius: 1px;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
margin: 0 18px 4px;
|
|
}
|
|
#menu .locale-flag {
|
|
padding: 0;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.localesList li a {
|
|
padding: 10px 20px !important;
|
|
}
|
|
.localesList li a img {
|
|
vertical-align: middle;
|
|
margin: -2px 0 0 0;
|
|
}
|
|
.localesList li a span {
|
|
display: inline-block !important;
|
|
padding: 0 12px !important;
|
|
}
|
|
#z {
|
|
position: absolute;
|
|
z-index: 11;
|
|
direction: ltr;
|
|
top: 0;
|
|
left: 0;
|
|
transition: transform 350ms ease-out;
|
|
}
|
|
#z.notransition {
|
|
transition: none;
|
|
}
|
|
#z.transition-inertia {
|
|
transition: transform-origin 400ms ease-out;
|
|
}
|
|
#z.nozoom {
|
|
height: 0 !important;
|
|
}
|
|
#slider {
|
|
position: absolute;
|
|
height: 6px;
|
|
bottom: 20px;
|
|
cursor: pointer;
|
|
}
|
|
#slider .visible {
|
|
height: 6px;
|
|
width: 100%;
|
|
position: relative;
|
|
top: 20px;
|
|
transition: all 250ms;
|
|
}
|
|
#slider:hover .visible,
|
|
#slider.drag .visible {
|
|
height: 12px;
|
|
top: 17px;
|
|
}
|
|
#slider.drag,
|
|
#slider.hover {
|
|
z-index: 13;
|
|
}
|
|
.help #slider {
|
|
z-index: 22;
|
|
}
|
|
#slider #sliderback {
|
|
position: absolute;
|
|
top: -20px;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 0;
|
|
height: 46px;
|
|
}
|
|
#slider #sliderback .visible {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
#slider #slidercursor {
|
|
height: 46px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: -20px;
|
|
z-index: 1;
|
|
}
|
|
#slider #slidercursor .visible {
|
|
background-color: #fff;
|
|
}
|
|
#slider:hover #slidercursor .visible,
|
|
#slider.drag #slidercursor .visible {
|
|
height: 10px;
|
|
top: 18px;
|
|
}
|
|
#slider #sliderthumb {
|
|
position: absolute;
|
|
top: -155px;
|
|
left: 0;
|
|
background-color: #2a56a3;
|
|
padding: 25px;
|
|
display: none;
|
|
width: 250px;
|
|
height: 131px;
|
|
}
|
|
#slider #sliderthumb.single {
|
|
width: 150px;
|
|
}
|
|
#slider #sliderthumb.single:after {
|
|
left: 59px;
|
|
}
|
|
.rtl #slider #sliderthumb.single .doubleThumb .thumb.right {
|
|
left: 0;
|
|
}
|
|
#slider #sliderthumb:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -16px;
|
|
left: 109px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 16px solid transparent;
|
|
border-right: 16px solid transparent;
|
|
border-top: 16px solid #2a56a3;
|
|
display: block;
|
|
}
|
|
#slider #sliderthumb .doubleThumb {
|
|
position: relative;
|
|
}
|
|
#slider #sliderthumb .doubleThumb > .right {
|
|
left: 100px;
|
|
}
|
|
#slider #sliderthumb .number {
|
|
color: #ffffff;
|
|
}
|
|
#slider.drag #sliderthumb,
|
|
#slider.hover #sliderthumb {
|
|
display: block;
|
|
}
|
|
/* Center */
|
|
#center-fluidbook,
|
|
#center-shadow {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
#center-fluidbook.animate,
|
|
#center-shadow.animate {
|
|
-moz-transition: all 0.35s ease-in-out;
|
|
-webkit-transition: all 0.35s ease-in-out;
|
|
-ms-transition: all 0.35s ease-in-out;
|
|
-o-transition: all 0.35s ease-in-out;
|
|
transition: all 0.35s ease-in-out;
|
|
}
|
|
#scroll {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 11;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
touch-action: pan-y;
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
#scroll::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
#scroll.gototop {
|
|
overflow-x: visible;
|
|
overflow-y: visible;
|
|
-webkit-overflow-scrolling: auto;
|
|
}
|
|
#scroll.animate {
|
|
-webkit-overflow-scrolling: auto;
|
|
transition: transform 0.5s ease-in-out;
|
|
}
|
|
/* Fluidbook */
|
|
#fluidbook {
|
|
position: absolute;
|
|
z-index: 11;
|
|
direction: ltr;
|
|
}
|
|
#fluidbook.animate {
|
|
transition: all 350ms ease-out;
|
|
}
|
|
#cache {
|
|
display: none;
|
|
}
|
|
#pagesnumbers {
|
|
padding: 0;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
font-size: 39px;
|
|
margin: 0.12em 0 0 0;
|
|
top: 1202.73584435px;
|
|
color: #4a4348;
|
|
opacity: 1;
|
|
}
|
|
#pagesnumbers.hidden {
|
|
transition: none;
|
|
opacity: 0;
|
|
}
|
|
#pagesnumbers > div {
|
|
width: 1701px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
.mobilefirst #pagesnumbers {
|
|
display: none;
|
|
}
|
|
.portrait #pagesnumbers .right {
|
|
display: none;
|
|
}
|
|
/* Interface */
|
|
#interface {
|
|
position: static;
|
|
}
|
|
#next,
|
|
#previous {
|
|
width: 53px;
|
|
height: 107px;
|
|
background-size: 53px 107px;
|
|
position: absolute;
|
|
top: 310px;
|
|
display: block;
|
|
opacity: 1;
|
|
z-index: 21;
|
|
color: #ffffff;
|
|
background-color: #2a56a3;
|
|
}
|
|
#next,
|
|
#previous,
|
|
#down,
|
|
#splash {
|
|
transition: opacity 400ms ease-in-out;
|
|
}
|
|
.ios #next,
|
|
.ios #previous,
|
|
.ios #down,
|
|
.ios #splash {
|
|
transition: none;
|
|
}
|
|
#next.hidden.help,
|
|
#previous.hidden.help {
|
|
transition: none;
|
|
opacity: 1;
|
|
}
|
|
#next.hidden,
|
|
#previous.hidden {
|
|
opacity: 0;
|
|
cursor: default;
|
|
pointer-events: none;
|
|
}
|
|
.rtl #previous,
|
|
.ltr #next {
|
|
border-top-left-radius: 1px;
|
|
border-bottom-left-radius: 1px;
|
|
right: 0px;
|
|
transform-origin: 100% 0;
|
|
}
|
|
.rtl #next,
|
|
.ltr #previous {
|
|
border-top-right-radius: 1px;
|
|
border-bottom-right-radius: 1px;
|
|
left: 0px;
|
|
transform-origin: 0 0;
|
|
}
|
|
.audio-description-button {
|
|
background-color: #2a56a3;
|
|
background-image: url("../data/images/interface-audio-description-on.svg");
|
|
width: 52px;
|
|
height: 52px;
|
|
background-size: 52px 52px;
|
|
display: inline-block;
|
|
border: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
transform-origin: 0% 0;
|
|
}
|
|
.audio-description-button.right {
|
|
right: 0;
|
|
transform-origin: 100% 0;
|
|
}
|
|
.audio-description-button.playing {
|
|
background-image: url("../data/images/interface-audio-description-off.svg");
|
|
}
|
|
.interfacecomponent {
|
|
transition: opacity 100ms, top 100ms;
|
|
opacity: 1;
|
|
}
|
|
.ios .interfacecomponent {
|
|
transition: none !important;
|
|
}
|
|
.interfacecomponent.interfacehidden {
|
|
opacity: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
.searchResultsNavActive #links .link {
|
|
pointer-events: none;
|
|
}
|
|
#searchResultsNav {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%) translateY(50%);
|
|
width: 100%;
|
|
max-width: 465px;
|
|
height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
transition: all 0.3s ease-out;
|
|
background: #ffffff;
|
|
color: #2a56a3;
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
font-size: 16px;
|
|
}
|
|
@media (max-width: 599px) {
|
|
#searchResultsNav {
|
|
max-width: none;
|
|
left: 0;
|
|
transform: none;
|
|
}
|
|
}
|
|
#searchResultsNav > * {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 0 1 auto;
|
|
}
|
|
#searchResultsNav.hidden {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transform: translateY(-100%) translateX(-50%);
|
|
}
|
|
#searchResultsNav .button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
color: inherit;
|
|
font-size: 1em;
|
|
cursor: pointer;
|
|
}
|
|
#searchResultsNav .searchResultsNavField {
|
|
flex: 1;
|
|
text-align: left;
|
|
min-width: 0;
|
|
}
|
|
#searchResultsNav .searchResultsNavField .svg-icon {
|
|
flex: 0 0 auto;
|
|
height: 26px;
|
|
width: 26px;
|
|
margin-left: 1em;
|
|
}
|
|
#searchResultsNav .searchResultsNavQuery {
|
|
flex: 1 1 auto;
|
|
padding: 0 1em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
#searchResultsNav .searchResultsNavArrows {
|
|
padding: 0 1.25em;
|
|
}
|
|
#searchResultsNav .searchResultsPrev,
|
|
#searchResultsNav .searchResultsNext {
|
|
position: relative;
|
|
font-size: 12px;
|
|
}
|
|
#searchResultsNav .searchResultsPrev:after,
|
|
#searchResultsNav .searchResultsNext:after {
|
|
content: '';
|
|
border-width: 2px 0 0 2px;
|
|
border-style: solid;
|
|
border-color: currentColor;
|
|
display: block;
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
#searchResultsNav .searchResultsPrev {
|
|
padding: 0.75em 0.25em 0.75em 0.75em;
|
|
}
|
|
#searchResultsNav .searchResultsPrev:after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
#searchResultsNav .searchResultsNext {
|
|
padding: 0.75em 0.75em 0.75em 0.25em;
|
|
}
|
|
#searchResultsNav .searchResultsNext:after {
|
|
transform: rotate(135deg);
|
|
}
|
|
#searchResultsNav .searchResultsNavCounter {
|
|
text-align: center;
|
|
padding: 0 1em;
|
|
font-size: 0.9em;
|
|
opacity: 0.5;
|
|
flex-shrink: 0;
|
|
}
|
|
#searchResultsNav .searchResultsNavClose {
|
|
background-color: #2a56a3;
|
|
color: #ffffff;
|
|
width: 60px;
|
|
}
|
|
#searchResultsNav .searchResultsNavClose .svg-icon {
|
|
height: 20px;
|
|
}
|
|
/* Header */
|
|
header {
|
|
position: relative;
|
|
z-index: 12;
|
|
}
|
|
.help header {
|
|
z-index: 21;
|
|
background-color: transparent;
|
|
}
|
|
.menu-burger .landscape header {
|
|
z-index: 10;
|
|
}
|
|
#nav > a {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
#nav > a.hidden {
|
|
display: none;
|
|
}
|
|
#nav a {
|
|
padding: 0 10px 20px 10px;
|
|
}
|
|
.ltr #nav a#submitSearch {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
.rtl #nav a#submitSearch {
|
|
margin: 0 5px 0 0;
|
|
}
|
|
#nav > a > img {
|
|
padding: 10px 2px 0px 2px;
|
|
vertical-align: top;
|
|
}
|
|
#nav {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
#nav #locales {
|
|
background-color: #3d3f40;
|
|
}
|
|
input[type="search"]::-webkit-search-decoration,
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-results-button,
|
|
input[type="search"]::-webkit-search-results-decoration {
|
|
display: none;
|
|
}
|
|
.hint {
|
|
padding: 2px 5px 5px;
|
|
height: 22px;
|
|
width: 137px;
|
|
margin: 2px;
|
|
display: block;
|
|
font-size: 12px;
|
|
}
|
|
#searchHints {
|
|
border-radius: 1px;
|
|
width: 150px;
|
|
padding: 5px;
|
|
display: none;
|
|
z-index: 25;
|
|
position: absolute;
|
|
}
|
|
#logo {
|
|
position: absolute;
|
|
top: 0px;
|
|
background-repeat: no-repeat;
|
|
z-index: 10;
|
|
}
|
|
#logo.hidden {
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
}
|
|
#logo.overridenByFluidbook,
|
|
.help #logo {
|
|
visibility: hidden;
|
|
}
|
|
.ltr #logo,
|
|
.rtl.menu-inverted #logo {
|
|
right: 0;
|
|
left: auto;
|
|
transform-origin: 100% 0;
|
|
}
|
|
.rtl #logo,
|
|
.ltr.menu-inverted #logo {
|
|
left: 0;
|
|
right: auto;
|
|
transform-origin: 0 0;
|
|
}
|
|
/* Credits */
|
|
footer {
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
font-size: 8px;
|
|
text-transform: uppercase;
|
|
position: absolute;
|
|
bottom: 2px;
|
|
z-index: 20;
|
|
transform-origin: 100% 100%;
|
|
}
|
|
footer a {
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
transform-origin: 100% 100%;
|
|
transform: scale(1.08, 0.95) !important;
|
|
}
|
|
.rtl footer a {
|
|
transform-origin: 0% 100%;
|
|
}
|
|
.ltr footer {
|
|
right: 4px;
|
|
}
|
|
.rtl footer {
|
|
left: 4px;
|
|
}
|
|
/* Fluidbook zooming */
|
|
footer#credits,
|
|
header,
|
|
#interface {
|
|
transition: opacity 400ms ease-in, visibility 400ms ease-in;
|
|
}
|
|
.ios footer#credits,
|
|
.ios header,
|
|
.ios #interface {
|
|
transition: none;
|
|
}
|
|
footer#credits.hidden,
|
|
header.hidden,
|
|
#interface.hidden {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 0;
|
|
}
|
|
.menu-burger footer#credits {
|
|
display: none;
|
|
}
|
|
footer#mobile-credits a {
|
|
text-transform: none;
|
|
font-size: 12px;
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
font-weight: 300;
|
|
opacity: 0.5;
|
|
padding: 0 10px 0 37px;
|
|
transform-origin: 0 0;
|
|
transform: scaleX(0.98) !important;
|
|
}
|
|
footer#mobile-credits:after {
|
|
display: none;
|
|
}
|
|
#shadow {
|
|
transition: opacity 400ms ease-in, visibility 400ms ease-in;
|
|
}
|
|
#shadow.animate {
|
|
transition: all 350ms ease-out;
|
|
}
|
|
.ios #shadow {
|
|
transition: none !important;
|
|
}
|
|
#shadow.hidden {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 0;
|
|
}
|
|
a.bookmark.hidden {
|
|
visibility: hidden;
|
|
}
|
|
/* Cart */
|
|
.icon-cart {
|
|
position: relative;
|
|
}
|
|
.icon-cart span.number {
|
|
position: absolute;
|
|
top: 0.7em;
|
|
left: 0;
|
|
color: #3d3f40;
|
|
text-align: center;
|
|
width: 100%;
|
|
font-size: 0.7em;
|
|
}
|
|
.icon-cart#menu_cart span.number {
|
|
width: auto;
|
|
top: 14px;
|
|
left: 39px;
|
|
}
|
|
[data-menu="cart"] .cart-empty {
|
|
padding: 50px;
|
|
}
|
|
[data-menu="cart"].fs table td.name {
|
|
width: 100%;
|
|
}
|
|
[data-menu="cart"].fs table td.name .m {
|
|
display: block;
|
|
}
|
|
[data-menu="cart"].fs table td.price,
|
|
[data-menu="cart"].fs table td.price_excluding_taxes,
|
|
[data-menu="cart"].fs table td.price_unit {
|
|
display: none;
|
|
}
|
|
[data-menu="cart"].fs .cart-footer {
|
|
clear: both;
|
|
width: 100%;
|
|
text-align: left;
|
|
position: relative;
|
|
top: -40px;
|
|
}
|
|
[data-menu="cart"].fs .cart-footer p {
|
|
float: none;
|
|
width: 100%;
|
|
font-size: 0.8em;
|
|
padding: 0 30px 30px;
|
|
margin: 0;
|
|
}
|
|
[data-menu="cart"].fs .cart-footer .fonctions {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
[data-menu="cart"].fs .cart-shipping-form {
|
|
margin-top: 30px;
|
|
}
|
|
[data-menu="cart"].fs .cart-shipping-form .col.col-left,
|
|
[data-menu="cart"].fs .cart-shipping-form .col.col-right {
|
|
width: 100%;
|
|
left: 0;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
padding: 0 30px;
|
|
}
|
|
[data-menu="cart"].fs .cart-shipping-form .cart-footer {
|
|
top: 0;
|
|
}
|
|
[data-menu="cart"] table {
|
|
width: 100%;
|
|
max-width: 1004px;
|
|
margin-left: 10px;
|
|
}
|
|
[data-menu="cart"] table td {
|
|
padding: 15px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
[data-menu="cart"] table td.name {
|
|
white-space: normal;
|
|
}
|
|
[data-menu="cart"] table td.name .m {
|
|
display: none;
|
|
}
|
|
[data-menu="cart"] table td.price {
|
|
font-weight: 700;
|
|
}
|
|
[data-menu="cart"] table td.price,
|
|
[data-menu="cart"] table td.price_excluding_taxes,
|
|
[data-menu="cart"] table td.price_unit {
|
|
text-align: right;
|
|
}
|
|
[data-menu="cart"] table td.delete a {
|
|
display: inline-block;
|
|
width: 23px;
|
|
height: 23px;
|
|
background-color: #4482d2;
|
|
position: relative;
|
|
top: 1px;
|
|
left: -5px;
|
|
padding: 0 6px;
|
|
}
|
|
[data-menu="cart"] table td.delete a svg {
|
|
width: 11px;
|
|
height: 11px;
|
|
display: inline-block;
|
|
}
|
|
[data-menu="cart"] table .input-number {
|
|
position: relative;
|
|
width: 170px;
|
|
height: 44px;
|
|
}
|
|
[data-menu="cart"] table .input-number input {
|
|
height: 44px;
|
|
width: 70px;
|
|
display: inline-block;
|
|
margin: 0 2px;
|
|
border: 0;
|
|
vertical-align: top;
|
|
padding: 20px;
|
|
text-align: center;
|
|
}
|
|
[data-menu="cart"] table .input-number a {
|
|
display: inline-block;
|
|
height: 44px;
|
|
width: 44px;
|
|
background-color: #4482d2;
|
|
text-align: center;
|
|
font-weight: 700;
|
|
font-size: 30px;
|
|
}
|
|
[data-menu="cart"] table.cart-totals {
|
|
width: 250px;
|
|
margin: 18px 18px 50px;
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
[data-menu="cart"] table.cart-totals td.hr {
|
|
height: 2px;
|
|
background-color: #fff;
|
|
padding: 0;
|
|
}
|
|
[data-menu="cart"] table.cart-totals tr.total td {
|
|
font-weight: 700;
|
|
}
|
|
[data-menu="cart"] table.cart-totals td {
|
|
padding: 6px 12px;
|
|
text-align: right;
|
|
}
|
|
[data-menu="cart"] .cart-footer {
|
|
clear: both;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
[data-menu="cart"] .cart-footer p {
|
|
float: left;
|
|
width: 450px;
|
|
font-size: 0.8em;
|
|
margin-top: 10px;
|
|
margin-left: 30px;
|
|
}
|
|
[data-menu="cart"] .cart-footer .fonctions {
|
|
float: right;
|
|
width: 450px;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .col {
|
|
width: 441px;
|
|
margin-top: 30px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
position: relative;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .col input {
|
|
width: 100%;
|
|
padding: 18px 15px;
|
|
background-color: #fff;
|
|
margin-bottom: 25px;
|
|
font-size: 1.1em;
|
|
border: 2px solid #fff;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .col input.parsley-error {
|
|
border-color: #cc0000;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .col p {
|
|
text-align: left;
|
|
padding: 15px 10px 15px 10px;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .col.col-left {
|
|
left: -5px;
|
|
margin-right: 80px;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .cart-footer {
|
|
margin-top: 10px;
|
|
}
|
|
[data-menu="cart"] .cart-shipping-form .parsley-errors-list {
|
|
display: none;
|
|
}
|
|
[data-menu="cart"] .cart-confirmation {
|
|
margin: 50px 0;
|
|
text-align: left;
|
|
padding: 0 30px;
|
|
}
|
|
html.ios body.portrait #interface {
|
|
transition: none;
|
|
}
|
|
/* Links */
|
|
#links {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 4;
|
|
background-color: rgba(0, 0, 0, 0.001);
|
|
}
|
|
.rtl .portrait #links .leftContainer {
|
|
left: 0;
|
|
}
|
|
.rtl #links .leftContainer {
|
|
left: 50%;
|
|
}
|
|
.rtl #links .rightContainer {
|
|
left: 0;
|
|
}
|
|
#links .link {
|
|
position: absolute;
|
|
cursor: auto;
|
|
}
|
|
.link.multimedia {
|
|
position: absolute;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
overflow: hidden;
|
|
}
|
|
.link.multimedia.tabslink {
|
|
overflow: visible;
|
|
}
|
|
.link.multimedia.notinteractive {
|
|
pointer-events: none;
|
|
}
|
|
.link.multimedia > img.multimediaimage {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.link[data-hidden="1"] {
|
|
transition: opacity 1s;
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
.link[data-hidden="1"].show {
|
|
opacity: 1;
|
|
}
|
|
.link.contentLink {
|
|
z-index: 0 !important;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
.link.contentLink[data-animation-type="reveal"],
|
|
.link.contentLink[data-animation-type="fadein"] {
|
|
display: none;
|
|
}
|
|
.link.contentLink.textLink {
|
|
white-space: nowrap;
|
|
opacity: 0;
|
|
}
|
|
.link a {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
background-color: transparent;
|
|
}
|
|
.link a.displayArea {
|
|
-webkit-tap-highlight-color: rgba(42, 86, 163, 0.3);
|
|
background-color: rgba(42, 86, 163, 0.00001);
|
|
}
|
|
.link a.displayArea.animating {
|
|
background-color: rgba(42, 86, 163, 0.3);
|
|
}
|
|
.using-mouse .link a.displayArea:hover,
|
|
.using-mouse .link a.displayArea.hover {
|
|
opacity: 1 !important;
|
|
background-color: rgba(42, 86, 163, 0.3);
|
|
}
|
|
#links .nonlinkarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
display: block;
|
|
}
|
|
.zoom-disabled #links .nonlinkarea {
|
|
cursor: auto !important;
|
|
pointer-events: none;
|
|
}
|
|
/* Bookmarks */
|
|
.bookmark {
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
background-size: cover;
|
|
top: 0px;
|
|
opacity: 0.01;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
#links .bookmark {
|
|
z-index: 4999;
|
|
width: 76px;
|
|
height: 76px;
|
|
background-size: 76px 76px;
|
|
}
|
|
@media screen and (min-width: 1280px) {
|
|
.mobilefirst #links .bookmark {
|
|
width: 38px;
|
|
height: 38px;
|
|
background-size: 38px;
|
|
}
|
|
}
|
|
#links .bookmark.left {
|
|
left: 0px;
|
|
}
|
|
.ltr .portrait #fluidbook #links .bookmark.left {
|
|
right: 1701px;
|
|
left: auto;
|
|
}
|
|
#links .bookmark.right {
|
|
right: 0px;
|
|
}
|
|
.bookmark svg {
|
|
color: transparent;
|
|
}
|
|
.bookmark[data-enabled] svg {
|
|
color: #2a56a3;
|
|
}
|
|
.bookmark[data-enabled],
|
|
.bookmark:hover {
|
|
opacity: 1 !important;
|
|
transition: none;
|
|
}
|
|
.bookmark.left {
|
|
left: 0;
|
|
}
|
|
.bookmark.right,
|
|
.ltr .portrait #fluidbook .bookmark.left {
|
|
right: 0;
|
|
}
|
|
.bookmark.right svg,
|
|
.ltr .portrait #fluidbook .bookmark.left svg {
|
|
transform: scaleX(-1);
|
|
}
|
|
.landscape .bookmark.left {
|
|
left: 0px;
|
|
}
|
|
.bookmark.right {
|
|
right: 0px;
|
|
}
|
|
/* View */
|
|
#viewOverlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 21;
|
|
cursor: pointer;
|
|
background-color: rgba(42, 86, 163, 0.83137255);
|
|
transition: opacity 400ms;
|
|
opacity: 0;
|
|
}
|
|
#view,
|
|
#viewOverlay {
|
|
visibility: hidden;
|
|
}
|
|
.mview {
|
|
background: #2a56a3;
|
|
color: #ffffff;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 22;
|
|
display: none;
|
|
overflow: hidden;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
max-width: 600px;
|
|
width: 100%;
|
|
transition: opacity 400ms, top 400ms;
|
|
}
|
|
.mview input[type="text"] {
|
|
background: #4482d2;
|
|
}
|
|
.mview .fonctions a {
|
|
background-color: #4482d2;
|
|
}
|
|
.mview .caption div.button.back,
|
|
.mview .caption a.back {
|
|
background-color: #4482d2;
|
|
}
|
|
.mview .chapters a:hover {
|
|
background-color: #4482d2;
|
|
}
|
|
.mview[data-menu="multimedia"] .caption,
|
|
.mview[data-menu="webvideo"] .caption,
|
|
.mview[data-menu="video"] .caption,
|
|
.mview[data-menu="externalchapters"] .caption,
|
|
.mview[data-menu="iframe"] .caption,
|
|
.mview[data-menu="text"] .caption,
|
|
.mview[data-menu="zoomhd"] .caption {
|
|
height: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
z-index: 4;
|
|
}
|
|
.mview[data-menu="multimedia"] .caption a.button.back,
|
|
.mview[data-menu="webvideo"] .caption a.button.back,
|
|
.mview[data-menu="video"] .caption a.button.back,
|
|
.mview[data-menu="externalchapters"] .caption a.button.back,
|
|
.mview[data-menu="iframe"] .caption a.button.back,
|
|
.mview[data-menu="text"] .caption a.button.back,
|
|
.mview[data-menu="zoomhd"] .caption a.button.back,
|
|
.mview[data-menu="multimedia"] .caption div.button.back,
|
|
.mview[data-menu="webvideo"] .caption div.button.back,
|
|
.mview[data-menu="video"] .caption div.button.back,
|
|
.mview[data-menu="externalchapters"] .caption div.button.back,
|
|
.mview[data-menu="iframe"] .caption div.button.back,
|
|
.mview[data-menu="text"] .caption div.button.back,
|
|
.mview[data-menu="zoomhd"] .caption div.button.back {
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 10px;
|
|
font-size: 7px;
|
|
line-height: 10px;
|
|
}
|
|
.mview[data-menu="multimedia"] .ps__rail-x,
|
|
.mview[data-menu="webvideo"] .ps__rail-x,
|
|
.mview[data-menu="video"] .ps__rail-x,
|
|
.mview[data-menu="externalchapters"] .ps__rail-x,
|
|
.mview[data-menu="iframe"] .ps__rail-x,
|
|
.mview[data-menu="text"] .ps__rail-x,
|
|
.mview[data-menu="zoomhd"] .ps__rail-x,
|
|
.mview[data-menu="multimedia"] .ps__rail-x,
|
|
.mview[data-menu="webvideo"] .ps__rail-x,
|
|
.mview[data-menu="video"] .ps__rail-x,
|
|
.mview[data-menu="externalchapters"] .ps__rail-x,
|
|
.mview[data-menu="iframe"] .ps__rail-x,
|
|
.mview[data-menu="text"] .ps__rail-x,
|
|
.mview[data-menu="zoomhd"] .ps__rail-x {
|
|
z-index: 4;
|
|
}
|
|
.mview[data-menu="text"] > .content > .text li {
|
|
list-style-position: outside;
|
|
margin-left: 1em;
|
|
}
|
|
.mview[data-menu="iframe"],
|
|
.mview[data-menu="text"] {
|
|
overflow: visible;
|
|
}
|
|
.mview[data-menu="iframe"] a.button.back,
|
|
.mview[data-menu="text"] a.button.back,
|
|
.mview[data-menu="iframe"] div.button.back,
|
|
.mview[data-menu="text"] div.button.back {
|
|
right: -30px;
|
|
}
|
|
.mview[data-menu="iframe"][data-type="10doigts"],
|
|
.mview[data-menu="text"][data-type="10doigts"] {
|
|
border-radius: 15px;
|
|
}
|
|
.mview[data-menu="iframe"][data-type="10doigts"] a.button.back,
|
|
.mview[data-menu="text"][data-type="10doigts"] a.button.back,
|
|
.mview[data-menu="iframe"][data-type="10doigts"] div.button.back,
|
|
.mview[data-menu="text"][data-type="10doigts"] div.button.back {
|
|
right: 0;
|
|
border-radius: 0 15px 0 0;
|
|
}
|
|
.mview[data-menu="iframe"].fs a.button.back,
|
|
.mview[data-menu="text"].fs a.button.back,
|
|
.mview[data-menu="iframe"].fs div.button.back,
|
|
.mview[data-menu="text"].fs div.button.back {
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
.mview[data-type="10doigts"] {
|
|
border-radius: 15px;
|
|
}
|
|
.mview[data-menu="iframe"] .iframeContainer,
|
|
.mview[data-menu="iframe"] .iframeHolder {
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
.mview[data-menu="iframe"] .iframeContainer[data-type="10doigts"],
|
|
.mview[data-menu="iframe"] .iframeHolder[data-type="10doigts"] {
|
|
border-radius: 15px;
|
|
}
|
|
.ios .mview[data-menu="iframe"] .iframeContainer,
|
|
.ios .mview[data-menu="iframe"] .iframeHolder {
|
|
overflow: auto;
|
|
}
|
|
.mview[data-menu="iframe"] .content {
|
|
overflow: hidden;
|
|
}
|
|
.mview[data-menu="iframe"] .content[data-type="10doigts"] {
|
|
border-radius: 15px;
|
|
}
|
|
.mview[data-menu="externalchapters"] .caption a.button.back,
|
|
.mview[data-menu="externalchapters"] .caption div.button.back {
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 22px;
|
|
line-height: 1;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content {
|
|
padding: 40px 70px 100px 70px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content p {
|
|
margin-bottom: 60px;
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb {
|
|
position: relative;
|
|
width: 294px;
|
|
height: 103.9401347px;
|
|
margin: 0 auto;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb {
|
|
width: 147px;
|
|
height: 103.9401347px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb:before {
|
|
display: none;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb.left {
|
|
margin-right: 147px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb.right {
|
|
left: 147px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb.right .circle {
|
|
left: auto;
|
|
right: -24px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb a.bookmark {
|
|
pointer-events: none;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb img {
|
|
position: relative;
|
|
width: 147px;
|
|
height: 103.9401347px;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb .circle {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: -24px;
|
|
left: -24px;
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: #2a56a3;
|
|
border: 2px solid #fff;
|
|
border-radius: 50%;
|
|
}
|
|
.mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb .bookmark {
|
|
width: 60px;
|
|
height: 60px;
|
|
z-index: 2;
|
|
}
|
|
.mview .zoomhdHolder {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdControls {
|
|
position: absolute;
|
|
bottom: 50px;
|
|
left: 50%;
|
|
width: 0;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdControls a {
|
|
position: absolute;
|
|
display: block;
|
|
top: -20px;
|
|
left: 10px;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
background-color: #4482d2;
|
|
color: #ffffff;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdControls a.minus {
|
|
left: -60px;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdMove {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdMove .zoomhdRefScale {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
margin-top: -30px;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdMove .zoomhdRefScale .zoomhdScale {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdMove .zoomhdRefScale .zoomhdScale .zoomhdImage {
|
|
opacity: 0;
|
|
transition: opacity 500ms;
|
|
position: absolute;
|
|
}
|
|
.mview .zoomhdHolder .zoomhdMove .zoomhdRefScale .zoomhdScale img {
|
|
display: block;
|
|
}
|
|
.mview[data-menu="webvideo"] iframe,
|
|
.mview[data-menu="webvideo"] iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.mview .fonctions {
|
|
padding: 0 30px 30px 0;
|
|
text-align: right;
|
|
}
|
|
.mview .fonctions a {
|
|
line-height: 12px;
|
|
border-radius: 2px;
|
|
text-transform: uppercase;
|
|
margin: 0 0 0 10px;
|
|
padding: 16px 25px;
|
|
display: inline-block;
|
|
height: 45px;
|
|
text-align: center;
|
|
}
|
|
.mview.fs .fonctions {
|
|
padding: 0 30px 30px 30px;
|
|
}
|
|
.mview.fs .fonctions a {
|
|
display: block;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.mview.fs .fonctions a:last-child {
|
|
margin: 0;
|
|
}
|
|
.mview[data-chapters] {
|
|
max-width: 320px;
|
|
}
|
|
.mview.animate {
|
|
transition: transform 600ms ease-out;
|
|
}
|
|
.mview .caption {
|
|
padding: 20px 30px;
|
|
width: 100%;
|
|
height: 60px;
|
|
}
|
|
.mview .caption.h0 {
|
|
height: 0;
|
|
padding: 0;
|
|
}
|
|
.mview .caption h2 {
|
|
font-size: 16px;
|
|
line-height: 16px;
|
|
font-weight: 400;
|
|
margin: 0 auto;
|
|
white-space: nowrap;
|
|
}
|
|
.mview .caption div.button,
|
|
.mview .caption a {
|
|
height: 27px;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
.mview .caption div.button.back,
|
|
.mview .caption a.back {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 22px;
|
|
line-height: 1;
|
|
z-index: 1;
|
|
}
|
|
.mview .caption div.button.back.small,
|
|
.mview .caption a.back.small {
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 10px;
|
|
font-size: 7px;
|
|
line-height: 10px;
|
|
}
|
|
.rtl .mview .caption div.button.back,
|
|
.rtl .mview .caption a.back {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.mview .content {
|
|
text-align: center;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
form input[type="text"],
|
|
form input[type="email"] {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
.indexView .indexViewHolder {
|
|
margin: auto;
|
|
text-align: left;
|
|
}
|
|
.rtl .indexView .indexViewHolder {
|
|
text-align: right;
|
|
}
|
|
.indexView .doubleThumb,
|
|
.indexView .padding {
|
|
display: inline-block;
|
|
padding: 10px 10px 25px 10px;
|
|
margin: 0 5px 15px;
|
|
position: relative;
|
|
width: 200px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
box-sizing: content-box;
|
|
border-radius: 3px;
|
|
vertical-align: top;
|
|
}
|
|
.indexView .doubleThumb.singlemode,
|
|
.indexView .padding.singlemode {
|
|
width: 100px;
|
|
}
|
|
.indexView.bookmarkView {
|
|
text-align: left;
|
|
width: 100%;
|
|
padding: 20px 20px 0;
|
|
}
|
|
.indexView.bookmarkView .doubleThumb {
|
|
width: 100px;
|
|
}
|
|
.rtl .indexView.bookmarkView .doubleThumb {
|
|
position: relative;
|
|
left: 108px;
|
|
}
|
|
.indexViewMessage {
|
|
padding: 2em 0;
|
|
text-align: center;
|
|
}
|
|
.doubleThumb {
|
|
height: 71px;
|
|
}
|
|
.doubleThumb.left {
|
|
margin-right: 10px;
|
|
}
|
|
.doubleThumb.simple .overlay {
|
|
width: 100px;
|
|
}
|
|
.doubleThumb.simple.left .hits {
|
|
left: -50px;
|
|
}
|
|
.doubleThumb.simple.left.singlemode .hits {
|
|
left: 0px;
|
|
}
|
|
.doubleThumb.simple.right .hits {
|
|
left: 50px;
|
|
}
|
|
.doubleThumb.here {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
.doubleThumb .overlay {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 200px;
|
|
z-index: 4;
|
|
}
|
|
.doubleThumb .hits {
|
|
position: relative;
|
|
display: inline-block;
|
|
z-index: 5;
|
|
font-size: 12px;
|
|
height: 30px;
|
|
transform: translateY(-15px);
|
|
top: 50%;
|
|
}
|
|
.doubleThumb .hits.yes {
|
|
padding: 5px;
|
|
border-radius: 1px;
|
|
color: #ffffff;
|
|
background-color: #2a56a3;
|
|
}
|
|
.padding {
|
|
height: 1px;
|
|
}
|
|
.thumb {
|
|
position: absolute;
|
|
width: 100px;
|
|
height: 71px;
|
|
}
|
|
.thumb .bookmark {
|
|
width: 35px;
|
|
height: 35px;
|
|
z-index: 3;
|
|
}
|
|
.thumb .pageholder {
|
|
overflow: hidden;
|
|
}
|
|
.thumb .pageholder img {
|
|
width: 100%;
|
|
height: auto;
|
|
background-color: #fff;
|
|
position: relative;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin-right: 0 !important;
|
|
}
|
|
.thumb .pageholder .shade {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 33%;
|
|
height: 100%;
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.thumb.left .pageholder .shade {
|
|
left: 67%;
|
|
background-image: url("../images/shadows/thumbnails/left.png");
|
|
}
|
|
.thumb.right .pageholder .shade {
|
|
background-image: url("../images/shadows/thumbnails/right.png");
|
|
}
|
|
.thumb .number {
|
|
text-align: center;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 5px 0 0 0;
|
|
width: 100px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
font-size: 14px;
|
|
line-height: 2;
|
|
left: 0;
|
|
top: 64px;
|
|
}
|
|
.thumb.right {
|
|
left: 110px;
|
|
}
|
|
.thumb.simple {
|
|
width: 100px;
|
|
}
|
|
.thumb.simple.right {
|
|
margin-left: 100px;
|
|
}
|
|
.thumb.left {
|
|
margin-right: 100px;
|
|
}
|
|
.thumb:before {
|
|
position: absolute;
|
|
content: "";
|
|
background-image: url("../images/shadows/thumbnails/back.png");
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
opacity: 0.65;
|
|
top: -5px;
|
|
left: -5px;
|
|
width: 111px;
|
|
height: 85.2px;
|
|
z-index: 0;
|
|
}
|
|
/* Share */
|
|
ul.chapters.shareList a.level0 .svg-icon {
|
|
height: 25px;
|
|
width: 25px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 10px 6px 0;
|
|
}
|
|
.rtl ul.chapters.shareList a.level0 .svg-icon {
|
|
margin: 0 0 6px 10px;
|
|
}
|
|
/* Help */
|
|
#helpViewOverlay {
|
|
display: none;
|
|
z-index: 30;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: transparent;
|
|
}
|
|
#helpView {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
z-index: 20;
|
|
display: none;
|
|
color: #ffffff;
|
|
overflow: hidden;
|
|
transition: opacity 150ms;
|
|
opacity: 0;
|
|
}
|
|
#helpView .bookmark-help {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
}
|
|
#helpView .bookmark-help .bookmark-help-icon {
|
|
border: 1px solid #fff;
|
|
border-radius: 50% 50%;
|
|
}
|
|
#helpView .bookmark-help .bookmark-help-label {
|
|
width: 50%;
|
|
text-align: right;
|
|
padding: 0 0.5em;
|
|
}
|
|
#helpView .bookmark-help .bookmark-help-line {
|
|
width: 30px;
|
|
height: 0;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
#helpView #help-illustrations {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
transition: opacity 150ms;
|
|
opacity: 0;
|
|
}
|
|
#helpView #help-illustrations .illustration {
|
|
margin: 100px 0;
|
|
}
|
|
.no-using-touch #helpView #help-illustrations .illustration.touch {
|
|
display: none;
|
|
}
|
|
.no-using-mouse #helpView #help-illustrations .illustration.mouse {
|
|
display: none;
|
|
}
|
|
#helpView #help-illustrations .illustration img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
#helpView #help-illustrations .illustration p {
|
|
position: static;
|
|
}
|
|
#helpView #help-illustrations .illustration.touch {
|
|
top: 25%;
|
|
}
|
|
#helpView #icons {
|
|
position: absolute;
|
|
}
|
|
@media all and (max-width: 1023px) {
|
|
#helpView #icons {
|
|
display: none;
|
|
}
|
|
}
|
|
.portrait #helpView .icon.afterSearch {
|
|
display: none;
|
|
}
|
|
#helpView .icon {
|
|
position: absolute;
|
|
top: 0px;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
padding: 0 0.5em;
|
|
border-color: #fff;
|
|
border-style: solid;
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
.rtl.menu-default #helpView .icon,
|
|
.ltr.menu-inverted #helpView .icon {
|
|
border-width: 0 1px 0 0;
|
|
transform: translateX(-100%);
|
|
}
|
|
#helpView .icon span {
|
|
position: relative;
|
|
bottom: -0.25em;
|
|
}
|
|
#helpView .icon span .rtl {
|
|
position: absolute;
|
|
right: 1em;
|
|
margin-top: -1em;
|
|
}
|
|
#helpView .interface hr {
|
|
width: 30px;
|
|
height: 0px;
|
|
border: 0;
|
|
border-top: 1px solid #ffffff;
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
vertical-align: middle;
|
|
}
|
|
#helpView .down {
|
|
position: absolute;
|
|
right: 62px;
|
|
bottom: 20px;
|
|
}
|
|
#helpView .down hr {
|
|
width: 30px;
|
|
height: 0px;
|
|
border: 0;
|
|
border-top: 1px solid #ffffff;
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
vertical-align: middle;
|
|
}
|
|
#helpView .interface .slider {
|
|
position: absolute;
|
|
display: inline-block;
|
|
border-left: 1px solid #fff;
|
|
padding: 0 0 20px 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
#helpView .interface .slider span {
|
|
position: relative;
|
|
top: -0.5em;
|
|
}
|
|
#helpView .next,
|
|
#helpView .last,
|
|
#helpView .previous,
|
|
#helpView .first {
|
|
margin-top: -0.5em;
|
|
line-height: 1;
|
|
}
|
|
#helpView .next,
|
|
#helpView .last {
|
|
transform-origin: right;
|
|
}
|
|
.rtl #helpView .next,
|
|
.rtl #helpView .last {
|
|
transform-origin: left;
|
|
}
|
|
#helpView .previous,
|
|
#helpView .first {
|
|
transform-origin: left;
|
|
}
|
|
.rtl #helpView .previous,
|
|
.rtl #helpView .first {
|
|
transform-origin: right;
|
|
}
|
|
.ltr #helpView .interface .next:after,
|
|
.ltr #helpView .interface .last:after,
|
|
.rtl #helpView .interface .first:after,
|
|
.rtl #helpView .interface .previous:after {
|
|
content: '------------';
|
|
width: 100px;
|
|
border-bottom: 1px solid #fff;
|
|
margin-left: 10px;
|
|
position: relative;
|
|
top: -0.5em;
|
|
color: transparent;
|
|
}
|
|
.rtl #helpView .interface .next:before,
|
|
.rtl #helpView .interface .last:before,
|
|
.ltr #helpView .interface .first:before,
|
|
.ltr #helpView .interface .previous:before {
|
|
content: '------------';
|
|
width: 100px;
|
|
border-bottom: 1px solid #fff;
|
|
margin-right: 10px;
|
|
position: relative;
|
|
top: -0.5em;
|
|
color: transparent;
|
|
}
|
|
#helpView .interface > div.help-arrows {
|
|
position: static;
|
|
}
|
|
#helpView .interface > div,
|
|
#helpView .help-arrows > div {
|
|
position: absolute;
|
|
direction: ltr;
|
|
}
|
|
.portrait #helpView .help-arrows {
|
|
display: none;
|
|
}
|
|
.pad.portrait #helpView .help-arrows {
|
|
display: block;
|
|
}
|
|
.pad #helpView .illustration {
|
|
display: none;
|
|
}
|
|
/* Archives */
|
|
#archivesview {
|
|
position: relative;
|
|
overflow: hidden;
|
|
top: 44px;
|
|
}
|
|
#archivesview .links {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
#archivesview .links .link {
|
|
position: absolute;
|
|
}
|
|
/* Inner view */
|
|
#innerView {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 30;
|
|
display: none;
|
|
}
|
|
#innerView > div {
|
|
position: absolute;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
font-size: 0.8rem;
|
|
background-color: #2a56a3;
|
|
color: #ffffff;
|
|
}
|
|
#innerView > div p {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
#innerView form input[type="text"],
|
|
#innerView form input[type="email"] {
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
padding: 5px;
|
|
border-radius: 1px;
|
|
border: 0;
|
|
width: 100%;
|
|
margin: 7px 0;
|
|
}
|
|
#innerView .close {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
width: 34px;
|
|
height: 34px;
|
|
display: block;
|
|
background-image: url("../data/images/interface-close.svg");
|
|
background-size: 14px 14px;
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
#innerView input[type="submit"] {
|
|
background-image: -moz-linear-gradient(top, #ffffff 0%, #a2a2a2 100%);
|
|
/* FF3.6+ */
|
|
background-image: -webkit-linear-gradient(top, #ffffff 0%, #a2a2a2 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background-image: -o-linear-gradient(top, #ffffff 0%, #a2a2a2 100%);
|
|
/* Opera 11.10+ */
|
|
background-image: -ms-linear-gradient(top, #ffffff 0%, #a2a2a2 100%);
|
|
/* IE10+ */
|
|
background-image: linear-gradient(to bottom, #ffffff 0%, #a2a2a2 100%);
|
|
/* W3C */
|
|
border: 0;
|
|
color: #000;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
padding: 4px 10px 6px;
|
|
border-radius: 1px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
/* Videos */
|
|
.mview .videoContainer {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.mview .videoContainer video,
|
|
.mview .videoContainer object,
|
|
.webvideo {
|
|
position: static;
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
background-color: transparent !important;
|
|
margin: 0 auto;
|
|
}
|
|
.videoContainer {
|
|
position: relative;
|
|
}
|
|
.video-js button {
|
|
cursor: pointer;
|
|
}
|
|
/* multimedia */
|
|
.mview .multimediaContainer {
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.mview .multimediaContainer:after {
|
|
content: '';
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: auto;
|
|
}
|
|
.mview img.multimedia {
|
|
position: relative;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
.mview .text {
|
|
padding: 20px;
|
|
white-space: pre-line;
|
|
text-align: left;
|
|
}
|
|
.mview[data-menu="multimedia"] {
|
|
background: transparent;
|
|
}
|
|
.mview[data-menu="multimedia"].fs {
|
|
background: #2a56a3;
|
|
}
|
|
.mview .links {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.mview .links .link {
|
|
position: absolute;
|
|
}
|
|
ul.chapters {
|
|
list-style: none;
|
|
padding: 20px 0;
|
|
}
|
|
ul.chapters .column {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
ul.chapters.onecolumn .column {
|
|
width: 100%;
|
|
}
|
|
ul.chapters ul {
|
|
list-style: none;
|
|
}
|
|
ul.chapters > li {
|
|
clear: both;
|
|
}
|
|
ul.chapters li {
|
|
position: relative;
|
|
}
|
|
ul.chapters li[data-level="1"] + [data-level="0"] {
|
|
margin-top: 15px;
|
|
}
|
|
ul.chapters li[data-level="2"] + [data-level="1"] {
|
|
margin-top: 10px;
|
|
}
|
|
ul.chapters li[data-level="3"] + [data-level="2"] {
|
|
margin-top: 5px;
|
|
}
|
|
ul.chapters li.separator {
|
|
height: 20px;
|
|
}
|
|
ul.chapters li.separator:first-child {
|
|
height: 0;
|
|
}
|
|
ul.chapters a {
|
|
font-size: 16px;
|
|
display: block;
|
|
text-align: left;
|
|
padding: 5px 32px;
|
|
transition: background-color 250ms;
|
|
}
|
|
.rtl ul.chapters a {
|
|
text-align: right;
|
|
}
|
|
ul.chapters a.level-1 {
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
font-weight: 700;
|
|
text-align: left;
|
|
}
|
|
ul.chapters a.level-1 .right {
|
|
display: none;
|
|
}
|
|
ul.chapters a.level0 {
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
ul.chapters a.level0 .right .puce {
|
|
margin: 2px 0 0 0;
|
|
}
|
|
ul.chapters a.level1 {
|
|
padding-left: 50px;
|
|
}
|
|
ul.chapters a.level1 .right {
|
|
top: 6px;
|
|
}
|
|
.rtl ul.chapters a.level1 {
|
|
padding-left: 0;
|
|
padding-right: 50px;
|
|
}
|
|
ul.chapters a.level2 {
|
|
padding-left: 80px;
|
|
}
|
|
.rtl ul.chapters a.level2 {
|
|
padding-left: 0;
|
|
padding-right: 80px;
|
|
}
|
|
ul.chapters a.level2 .right {
|
|
top: 6px;
|
|
}
|
|
ul.chapters a.level2 .right .puce {
|
|
margin: -2px 0 0 0;
|
|
}
|
|
ul.chapters a .level3 {
|
|
padding-left: 110px;
|
|
}
|
|
ul.chapters a .level3 .right {
|
|
top: 6px;
|
|
}
|
|
.rtl ul.chapters a .level3 {
|
|
padding-left: 0;
|
|
padding-right: 110px;
|
|
}
|
|
ul.chapters a > nav {
|
|
display: none;
|
|
}
|
|
ul.chapters li > a > span {
|
|
display: block;
|
|
padding-right: 30px;
|
|
}
|
|
.rtl ul.chapters li > a > span {
|
|
padding-right: 0;
|
|
padding-left: 30px;
|
|
}
|
|
ul.chapters .right {
|
|
right: 32px;
|
|
top: 4px;
|
|
position: absolute;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
}
|
|
.rtl ul.chapters .right {
|
|
right: auto;
|
|
left: 32px;
|
|
}
|
|
ul.chapters .right .puce {
|
|
width: 20px;
|
|
height: 20px;
|
|
color: #fff;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 1px;
|
|
}
|
|
.rtl ul.chapters .right .puce {
|
|
transform: rotate(180deg);
|
|
}
|
|
ul.chapters .right .puce svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
ul.chapters .right .puce.noshadow {
|
|
border-radius: 0px;
|
|
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
|
|
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
|
|
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
|
|
-ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
|
|
-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
|
|
margin: 0 0 0 15px;
|
|
float: right;
|
|
}
|
|
/* ipad mag */
|
|
.pad #pagesnumbers,
|
|
.pad footer {
|
|
display: none;
|
|
}
|
|
.pad #interface,
|
|
.pad header {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
z-index: 21;
|
|
}
|
|
.pad #interface {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
}
|
|
#down {
|
|
display: none;
|
|
}
|
|
.pad #down {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 1px;
|
|
background-image: url("../data/images/interface-down.svg");
|
|
background-repeat: no-repeat;
|
|
padding: 8px 8px 8px 8px;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
background-size: 24px 24px;
|
|
background-position: 50% 50%;
|
|
z-index: 22;
|
|
opacity: 0;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
transition: all 0.15s ease-out;
|
|
transform-origin: 50% 20px;
|
|
-moz-transform: rotate(0deg);
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
-o-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
#down.right {
|
|
-moz-transform: rotate(-90deg);
|
|
-webkit-transform: rotate(-90deg);
|
|
-ms-transform: rotate(-90deg);
|
|
-o-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
}
|
|
/* Transitions */
|
|
.doublePage._2d,
|
|
.doublePage._3d {
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-ms-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
/* 2D */
|
|
.doublePage._2d.sliding {
|
|
transition: none;
|
|
}
|
|
/* 3D Flip */
|
|
#flip3dcontainer {
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 12;
|
|
pointer-events: none;
|
|
display: none;
|
|
overflow: hidden;
|
|
}
|
|
#flip3dcontainer canvas {
|
|
position: relative;
|
|
left: 0;
|
|
}
|
|
.ios #pages {
|
|
transform: translateZ(1);
|
|
}
|
|
/* 3D */
|
|
#pages._3dtransition {
|
|
-moz-perspective-origin: 50% 75%;
|
|
-webkit-perspective-origin: 50% 75%;
|
|
-ms-perspective-origin: 50% 75%;
|
|
-o-perspective-origin: 50% 75%;
|
|
perspective-origin: 50% 75%;
|
|
-moz-perspective: 5000px;
|
|
-webkit-perspective: 5000px;
|
|
-o-perspective: 5000px;
|
|
-ms-perspective: 5000px;
|
|
perspective: 5000px;
|
|
overflow: visible !important;
|
|
}
|
|
.doublePage._3d {
|
|
overflow: visible;
|
|
z-index: 100;
|
|
-moz-transform-style: preserve-3d;
|
|
-webkit-transform-style: preserve-3d;
|
|
-o-transform-style: preserve-3d;
|
|
-ms-transform-style: preserve-3d;
|
|
transform-style: preserve-3d;
|
|
}
|
|
.doublePage._3dflip.fwd .page.left {
|
|
opacity: 0;
|
|
}
|
|
.doublePage._3dflip.bwd .page.right {
|
|
opacity: 0;
|
|
}
|
|
._3d .page {
|
|
-moz-backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
-o-backface-visibility: hidden;
|
|
-ms-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
left: 0px !important;
|
|
}
|
|
.doublePage._3d .right {
|
|
-webkit-transform: rotate3d(0, 1, 0, 0deg);
|
|
-o-transform: rotate3d(0, 1, 0, 0deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 0deg);
|
|
transform: rotate3d(0, 1, 0, 0deg);
|
|
-moz-transform: rotateY(0deg) translate3d(0, 0, 0);
|
|
}
|
|
.mozrotation .doublePage._3d .right {
|
|
-moz-transform: rotateY(0deg) translate3d(0, 0, 0);
|
|
transform: rotateY(0deg) translate3d(0, 0, 0);
|
|
}
|
|
.doublePage._3d .left {
|
|
-webkit-transform: rotate3d(0, 1, 0, 180deg);
|
|
-o-transform: rotate3d(0, 1, 0, 180deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 180deg);
|
|
transform: rotate3d(0, 1, 0, 180deg);
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
}
|
|
.mozrotation .doublePage._3d .left {
|
|
transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
}
|
|
.doublePage._3d.nextstart {
|
|
-webkit-transform: rotate3d(0, 1, 0, 360deg);
|
|
-o-transform: rotate3d(0, 1, 0, 360deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 360deg);
|
|
transform: rotate3d(0, 1, 0, 360deg);
|
|
-moz-transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
-moz-transform-origin: 0 0;
|
|
-webkit-transform-origin: 0 0;
|
|
-o-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.mozrotation .doublePage._3d.nextstart {
|
|
-moz-transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
}
|
|
.doublePage._3d.nextend {
|
|
-webkit-transform: rotate3d(0, 1, 0, 180deg);
|
|
-o-transform: rotate3d(0, 1, 0, 180deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 180deg);
|
|
transform: rotate3d(0, 1, 0, 180deg);
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
}
|
|
.mozrotation .doublePage._3d.nextend {
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
}
|
|
.doublePage._3d.prevstart {
|
|
-webkit-transform: rotate3d(0, 1, 0, 180deg);
|
|
-o-transform: rotate3d(0, 1, 0, 180deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 180deg);
|
|
transform: rotate3d(0, 1, 0, 180deg);
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
-moz-transform-origin: 0 0;
|
|
-webkit-transform-origin: 0 0;
|
|
-o-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
}
|
|
.mozrotation .doublePage._3d.prevstart {
|
|
-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
transform: rotateY(180deg) translate3d(0, 0, 0);
|
|
}
|
|
.doublePage._3d.prevend {
|
|
-webkit-transform: rotate3d(0, 1, 0, 360deg);
|
|
-o-transform: rotate3d(0, 1, 0, 360deg);
|
|
-ms-transform: rotate3d(0, 1, 0, 360deg);
|
|
transform: rotate3d(0, 1, 0, 360deg);
|
|
-moz-transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
}
|
|
.mozrotation .doublePage._3d.prevend {
|
|
-moz-transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
transform: rotateY(360deg) translate3d(0, 0, 0);
|
|
}
|
|
#fontsLoader {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: 0px;
|
|
width: 0;
|
|
height: 0px;
|
|
overflow: hidden;
|
|
}
|
|
/* Splash screen */
|
|
#splash {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 40;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#splash .logo {
|
|
position: absolute;
|
|
}
|
|
#splash .logo img {
|
|
transition: opacity 400ms linear;
|
|
max-width: 95%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 0 auto;
|
|
opacity: 0;
|
|
}
|
|
#popinOverlay {
|
|
position: absolute;
|
|
z-index: 29;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
display: none;
|
|
}
|
|
#popinOverlay iframe {
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
#popinOverlay > * {
|
|
position: absolute;
|
|
z-index: 30;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
/* Tooltip */
|
|
#tooltip {
|
|
position: absolute;
|
|
background-color: #2a56a3;
|
|
color: #ffffff;
|
|
top: 0px;
|
|
left: 0px;
|
|
padding: 20px 25px;
|
|
border-radius: 3px;
|
|
display: none;
|
|
font-size: 14px;
|
|
z-index: 102;
|
|
white-space: pre-wrap;
|
|
line-height: 1.14;
|
|
-moz-transform-origin: 0 0;
|
|
-ms-transform-origin: 0 0;
|
|
-o-transform-origin: 0 0;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
box-sizing: border-box;
|
|
pointer-events: none;
|
|
}
|
|
#tooltip[data-style="invert"] {
|
|
font-weight: 700;
|
|
background-color: #ffffff;
|
|
color: #2a56a3;
|
|
}
|
|
#tooltip[data-style="invert"][data-pos-y="n"]:after {
|
|
border-bottom-color: #ffffff;
|
|
}
|
|
#tooltip[data-style="invert"][data-pos-y="s"]:after {
|
|
border-top-color: #ffffff;
|
|
}
|
|
#tooltip[data-style="error"] {
|
|
font-weight: 700;
|
|
background-color: #cc0000;
|
|
color: #fff;
|
|
}
|
|
#tooltip[data-style="error"][data-pos-y="n"]:after {
|
|
border-bottom-color: #cc0000;
|
|
}
|
|
#tooltip[data-style="error"][data-pos-y="s"]:after {
|
|
border-top-color: #cc0000;
|
|
}
|
|
#tooltip:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
display: block;
|
|
}
|
|
#tooltip[data-pos-y="n"]:after {
|
|
border-bottom: 10px solid #2a56a3;
|
|
top: -10px;
|
|
}
|
|
#tooltip[data-pos-y="s"]:after {
|
|
border-top: 10px solid #2a56a3;
|
|
bottom: -10px;
|
|
}
|
|
#tooltip[data-pos-x="w"]:after {
|
|
left: 16px;
|
|
}
|
|
#tooltip[data-pos-x="e"]:after {
|
|
right: 16px;
|
|
}
|
|
/* Privacy settings */
|
|
#cookieConsent {
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 20px 40px;
|
|
z-index: 20;
|
|
}
|
|
#cookieConsent a.close {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
padding: 20px;
|
|
background-image: url("../images/close.svg");
|
|
background-size: 16px 16px;
|
|
background-repeat: no-repeat;
|
|
background-position: 20px 20px;
|
|
width: 56px;
|
|
height: 56px;
|
|
}
|
|
#cookieConsent p {
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
margin: 0 auto;
|
|
max-width: 1100px;
|
|
}
|
|
#cookieConsent p a {
|
|
white-space: nowrap;
|
|
text-decoration: underline;
|
|
}
|
|
/* Zoom Image Popups */
|
|
#zoomPopupOverlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 100;
|
|
display: none;
|
|
background-color: rgba(42, 86, 163, 0.83137255);
|
|
transition: opacity 400ms;
|
|
opacity: 0;
|
|
}
|
|
.menu-burger #zoomPopupOverlay {
|
|
background-color: #2a56a3;
|
|
}
|
|
.zoomPopupWrapper,
|
|
.zoomPopupClose,
|
|
#zoomPopupBackground .bg {
|
|
cursor: zoom-out !important;
|
|
}
|
|
#zoomPopupBackground {
|
|
position: absolute;
|
|
z-index: 100;
|
|
opacity: 0;
|
|
transition: opacity 150ms;
|
|
}
|
|
#zoomPopupBackground .bg {
|
|
background-color: #2a56a3;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: -40px;
|
|
color: #ffffff;
|
|
white-space: nowrap;
|
|
}
|
|
.menu-burger #zoomPopupBackground #zoomPopupMenu {
|
|
right: auto;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
white-space: nowrap;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu .button {
|
|
margin-left: 3px;
|
|
height: 40px;
|
|
display: inline-block;
|
|
padding: 7px 17px 7px 7px;
|
|
background-color: #4482d2;
|
|
width: auto;
|
|
white-space: nowrap;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu .button:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.menu-burger #zoomPopupBackground #zoomPopupMenu .button {
|
|
padding: 10px 20px 10px 10px;
|
|
height: 60px;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu .button .svg-icon {
|
|
height: 25px;
|
|
}
|
|
.menu-burger #zoomPopupBackground #zoomPopupMenu .button .svg-icon {
|
|
height: 40px;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu .button.nolabel {
|
|
padding-right: 7px;
|
|
width: 40px;
|
|
}
|
|
.menu-burger #zoomPopupBackground #zoomPopupMenu .button.nolabel {
|
|
padding-right: 10px;
|
|
width: 60px;
|
|
}
|
|
#zoomPopupBackground #zoomPopupMenu .button span {
|
|
text-transform: uppercase;
|
|
margin-left: 10px;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
.menu-burger #zoomPopupBackground #zoomPopupMenu .button span {
|
|
font-size: 20px;
|
|
top: -13px;
|
|
}
|
|
.zoomPopupClose {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 60px;
|
|
height: 60px;
|
|
padding: 22px;
|
|
z-index: 103;
|
|
background-color: #4482d2;
|
|
color: #ffffff;
|
|
opacity: 1;
|
|
transition: opacity 500ms;
|
|
}
|
|
.zoomPopupClose .svg-icon {
|
|
display: block;
|
|
}
|
|
.rtl .zoomPopupClose {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.zoomPopupWrapper {
|
|
display: none;
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
transition: all 0.5s;
|
|
transform-origin: 0 0;
|
|
position: absolute;
|
|
z-index: 101;
|
|
}
|
|
.zoomPopupWrapper img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 102;
|
|
}
|
|
/*
|
|
* Container style
|
|
*/
|
|
.ps {
|
|
overflow: hidden !important;
|
|
overflow-anchor: none;
|
|
-ms-overflow-style: none;
|
|
touch-action: auto;
|
|
-ms-touch-action: auto;
|
|
}
|
|
/*
|
|
* Scrollbar rail styles
|
|
*/
|
|
.ps__rail-x {
|
|
display: none;
|
|
opacity: 0;
|
|
transition: background-color 0.2s linear, opacity 0.2s linear;
|
|
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
|
height: 15px;
|
|
/* there must be 'bottom' or 'top' for ps__rail-x */
|
|
bottom: 0px;
|
|
/* please don't change 'position' */
|
|
position: absolute;
|
|
}
|
|
.ps__rail-y {
|
|
display: none;
|
|
opacity: 0;
|
|
transition: background-color 0.2s linear, opacity 0.2s linear;
|
|
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
|
|
width: 15px;
|
|
/* there must be 'right' or 'left' for ps__rail-y */
|
|
right: 0;
|
|
/* please don't change 'position' */
|
|
position: absolute;
|
|
}
|
|
.ps--active-x > .ps__rail-x,
|
|
.ps--active-y > .ps__rail-y {
|
|
display: block;
|
|
background-color: transparent;
|
|
}
|
|
.ps:hover > .ps__rail-x,
|
|
.ps:hover > .ps__rail-y,
|
|
.ps--focus > .ps__rail-x,
|
|
.ps--focus > .ps__rail-y,
|
|
.ps--scrolling-x > .ps__rail-x,
|
|
.ps--scrolling-y > .ps__rail-y {
|
|
opacity: 1;
|
|
}
|
|
.ps .ps__rail-x:hover,
|
|
.ps .ps__rail-y:hover,
|
|
.ps .ps__rail-x:focus,
|
|
.ps .ps__rail-y:focus,
|
|
.ps .ps__rail-x.ps--clicking,
|
|
.ps .ps__rail-y.ps--clicking {
|
|
background-color: #4482d2;
|
|
opacity: 1;
|
|
}
|
|
/*
|
|
* Scrollbar thumb styles
|
|
*/
|
|
.ps__thumb-x {
|
|
background-color: #4482d2;
|
|
border-radius: 0px;
|
|
transition: background-color 0.2s linear, height 0.2s ease-in-out;
|
|
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
|
|
height: 6px;
|
|
/* there must be 'bottom' for ps__thumb-x */
|
|
bottom: 2px;
|
|
/* please don't change 'position' */
|
|
position: absolute;
|
|
}
|
|
.ps__thumb-y {
|
|
background-color: #4482d2;
|
|
border-radius: 0px;
|
|
transition: background-color 0.2s linear, width 0.2s ease-in-out;
|
|
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
|
|
width: 6px;
|
|
/* there must be 'right' for ps__thumb-y */
|
|
right: 2px;
|
|
/* please don't change 'position' */
|
|
position: absolute;
|
|
}
|
|
.ps__rail-x:hover > .ps__thumb-x,
|
|
.ps__rail-x:focus > .ps__thumb-x,
|
|
.ps__rail-x.ps--clicking .ps__thumb-x {
|
|
background-color: #ffffff;
|
|
height: 11px;
|
|
}
|
|
.ps__rail-y:hover > .ps__thumb-y,
|
|
.ps__rail-y:focus > .ps__thumb-y,
|
|
.ps__rail-y.ps--clicking .ps__thumb-y {
|
|
background-color: #ffffff;
|
|
width: 11px;
|
|
}
|
|
/* MS supports */
|
|
@supports (-ms-overflow-style: none) {
|
|
.ps {
|
|
overflow: auto !important;
|
|
}
|
|
}
|
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
.ps {
|
|
overflow: auto !important;
|
|
}
|
|
}
|
|
@media handled and (orientation: portrait) {
|
|
#ol {
|
|
display: none;
|
|
}
|
|
@-ms-viewport {
|
|
width: 800px;
|
|
}
|
|
}
|
|
@media handled and (orientation: landscape) {
|
|
#op {
|
|
display: none;
|
|
}
|
|
@-ms-viewport {
|
|
width: 1280px;
|
|
}
|
|
}
|
|
/* Blur input */
|
|
body > input {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
/* SVG Sprite */
|
|
[class^="interface-"],
|
|
[class*=" interface-"],
|
|
[class^="nav-"],
|
|
[class*=" nav-"],
|
|
[class^="share-"],
|
|
[class*=" share-"] {
|
|
display: inline-block;
|
|
fill: currentColor;
|
|
}
|
|
/* Icon states */
|
|
.icon-fullscreen .nav-fullscreen-exit {
|
|
display: none;
|
|
}
|
|
.icon-fullscreen.active .nav-fullscreen-exit {
|
|
display: inline-block;
|
|
}
|
|
.icon-fullscreen.active .nav-fullscreen {
|
|
display: none;
|
|
}
|
|
.inlineslideshow {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.inlineslideshow .slide {
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-size: cover;
|
|
background-position: 50% 50%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
.inlineslideshow .slide.show {
|
|
z-index: 1;
|
|
opacity: 1;
|
|
transition: opacity 750ms;
|
|
}
|
|
#links .fb_iframe_widget {
|
|
transform-origin: 0 0 0;
|
|
transform: scale(2.5);
|
|
}
|
|
/* Landing Page */
|
|
#landingPage {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.3s ease-in;
|
|
z-index: 30;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.edge #landingPage {
|
|
visibility: hidden;
|
|
}
|
|
#landingPage.visible {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
.edge #landingPage.visible {
|
|
visibility: visible;
|
|
}
|
|
#landingPage iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
.cart-bourbon-suggest {
|
|
padding: 30px;
|
|
width: 100%;
|
|
}
|
|
.cart-bourbon-suggest label {
|
|
margin-bottom: 15px;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
.cart-bourbon-suggest input,
|
|
.cart-bourbon-suggest textarea,
|
|
.cart-bourbon-suggest select {
|
|
border: 2px solid #fff;
|
|
width: 100%;
|
|
padding: 8px;
|
|
display: block;
|
|
margin-top: 5px;
|
|
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
.cart-bourbon-suggest input.parsley-error,
|
|
.cart-bourbon-suggest textarea.parsley-error,
|
|
.cart-bourbon-suggest select.parsley-error {
|
|
border-color: #cc0000;
|
|
}
|
|
.cart-bourbon-suggest .parsley-errors-list {
|
|
display: none;
|
|
}
|
|
.cart-bourbon-suggest .fonctions {
|
|
padding: 20px 0 0 0;
|
|
}
|
|
/* SEO */
|
|
#seoContents {
|
|
display: none;
|
|
}
|
|
/* General Utils */
|
|
.pointer-events-none {
|
|
pointer-events: none;
|
|
}
|
|
/* Webfonts*/
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url("fonts/OpenSans-Regular.woff2") format("woff2"), url("fonts/OpenSans-Regular.woff") format("woff");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Open Sans';
|
|
src: url("fonts/OpenSans-Semibold.woff2") format("woff2"), url("fonts/OpenSans-Semibold.woff") format("woff");
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
/* Links anims rollovers */
|
|
@keyframes enterupanddown {
|
|
0% {
|
|
margin-top: 0px;
|
|
}
|
|
100% {
|
|
margin-top: -40px;
|
|
}
|
|
}
|
|
[data-rollover="upanddown"].animaterollover {
|
|
animation: enterupanddown 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2 alternate forwards;
|
|
}
|
|
/* Printing Options */
|
|
.print-dialogue {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
text-align: left;
|
|
justify-content: space-between;
|
|
padding: 1.5em 2em 1em;
|
|
margin-bottom: -2em;
|
|
min-width: 320px;
|
|
}
|
|
.print-dialogue .print-option {
|
|
flex: 0 0 200px;
|
|
margin-bottom: 2em;
|
|
position: relative;
|
|
}
|
|
@media (max-width: 753px) {
|
|
.print-dialogue .print-option {
|
|
flex-basis: 50%;
|
|
}
|
|
.print-dialogue .print-option.blank {
|
|
display: none;
|
|
}
|
|
.print-dialogue .print-option:last-child {
|
|
margin-bottom: 3em;
|
|
}
|
|
}
|
|
@media (max-width: 550px) {
|
|
.print-dialogue .print-option {
|
|
flex-basis: 100%;
|
|
}
|
|
}
|
|
.print-dialogue .disabled .print-label-text {
|
|
opacity: 0.6;
|
|
}
|
|
.print-dialogue .doubleThumb {
|
|
margin-bottom: 1em;
|
|
position: relative;
|
|
}
|
|
.print-dialogue .thumb.right {
|
|
left: 100px;
|
|
}
|
|
.print-dialogue .thumb.blank {
|
|
width: 100px;
|
|
height: 71px;
|
|
}
|
|
.print-dialogue .thumb.blank .blank-mask {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #2a56a3;
|
|
}
|
|
.print-dialogue .thumb.blank:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #4482d2;
|
|
opacity: 0.5;
|
|
}
|
|
.print-dialogue .bookmark-thumbnails .thumb:before {
|
|
width: 113px;
|
|
}
|
|
.print-dialogue .bookmark-thumbnails .thumb:nth-child(1) {
|
|
z-index: 3;
|
|
}
|
|
.rtl .print-dialogue .bookmark-thumbnails .thumb:nth-child(1) {
|
|
right: 0;
|
|
z-index: 1;
|
|
}
|
|
.print-dialogue .bookmark-thumbnails .thumb:nth-child(2) {
|
|
left: 50px;
|
|
z-index: 2;
|
|
}
|
|
.rtl .print-dialogue .bookmark-thumbnails .thumb:nth-child(2) {
|
|
right: 50px;
|
|
left: auto;
|
|
}
|
|
.print-dialogue .bookmark-thumbnails .thumb:nth-child(3) {
|
|
left: 100px;
|
|
z-index: 1;
|
|
}
|
|
.rtl .print-dialogue .bookmark-thumbnails .thumb:nth-child(3) {
|
|
right: 100px;
|
|
left: auto;
|
|
z-index: 3;
|
|
}
|
|
.print-dialogue .bookmark-thumbnails .bookmark {
|
|
pointer-events: none;
|
|
}
|
|
.print-dialogue .page-range-option {
|
|
position: absolute;
|
|
left: 32px;
|
|
bottom: 40px;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
@media (max-width: 559px) {
|
|
.print-dialogue .page-range-option {
|
|
position: relative;
|
|
left: unset;
|
|
bottom: unset;
|
|
flex-basis: 100%;
|
|
margin-bottom: 3em !important;
|
|
}
|
|
}
|
|
.print-dialogue .page-range-input {
|
|
width: 3.2em;
|
|
margin: 0 0.7em;
|
|
line-height: 1.8;
|
|
padding: 0 0.5em;
|
|
font-size: 14px;
|
|
border: none;
|
|
color: currentColor;
|
|
}
|
|
.print-dialogue input[type=radio] {
|
|
position: absolute;
|
|
top: auto;
|
|
overflow: hidden;
|
|
clip: rect(1px 1px 1px 1px);
|
|
/* IE 6/7 */
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
width: 1px;
|
|
height: 1px;
|
|
white-space: nowrap;
|
|
}
|
|
.print-dialogue input[type=radio] + label:before {
|
|
content: '';
|
|
background-color: #4482d2;
|
|
opacity: 0.5;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin-right: 0.5em;
|
|
margin-top: -1px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
}
|
|
.print-dialogue input[type=radio]:checked + label:after {
|
|
content: '';
|
|
background-color: #fff;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
border-radius: 100%;
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 6px;
|
|
}
|
|
.print-dialogue label {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.rtl .print-dialogue label {
|
|
width: 100%;
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
.rtl .print-dialogue label:before {
|
|
margin-right: 0 !important;
|
|
margin-left: .5em;
|
|
}
|
|
.rtl .print-dialogue label:after {
|
|
left: auto !important;
|
|
right: 5px !important;
|
|
}
|
|
.rtl .print-dialogue label[for="allPages"] .doubleThumb {
|
|
left: 100px;
|
|
}
|
|
#pscanvas {
|
|
visibility: hidden;
|
|
}
|
|
#loadedcontents {
|
|
display: none;
|
|
}
|
|
.mobilefirst #shadow {
|
|
display: none;
|
|
}
|
|
.mobilefirst #main,
|
|
.mobilefirst #fluidbook {
|
|
touch-action: pan-y !important;
|
|
}
|
|
.mobilefirst .zoomed #fluidbook,
|
|
.mobilefirst .zoomed #main {
|
|
touch-action: none !important;
|
|
}
|
|
.mobilefirst .page {
|
|
overflow: visible;
|
|
}
|
|
.mobilefirst.ios .doublePage,
|
|
.mobilefirst.android .doublePage {
|
|
box-shadow: none;
|
|
}
|
|
.mobilefirst .doublePage {
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.13536);
|
|
}
|
|
.mobilefirst #pages {
|
|
overflow: visible;
|
|
}
|
|
.mobilefirst #links.right {
|
|
left: 0 !important;
|
|
}
|
|
.mobilefirst #links.right .leftContainer {
|
|
display: none;
|
|
}
|
|
.mobilefirst #links.left .rightContainer {
|
|
display: none;
|
|
}
|
|
.mobilefirst.no-ios.no-android .portrait .doublePage._2d.axis_x {
|
|
opacity: 0;
|
|
}
|
|
.mobilefirst .portrait .doublePage._2d.axis_x {
|
|
opacity: 1;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
.mobilefirst .portrait .doublePage._2d.axis_x.next {
|
|
transform: translate3d(1901px, 0, 0);
|
|
}
|
|
.mobilefirst .portrait .doublePage._2d.axis_x.prev {
|
|
transform: translate3d(-1901px, 0, 0);
|
|
}
|
|
.mobilefirst .portrait .link.multimedia.notinteractive {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.mobilefirst .portrait .link.multimedia.notinteractive.revealed {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.mobilefirst .portrait #helpView .interface {
|
|
display: block;
|
|
}
|
|
.mobilefirst .mview.fs .fonctions {
|
|
padding: 0 25px 25px 25px;
|
|
}
|
|
.mobilefirst .thumb {
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.mobilefirst .thumb:before {
|
|
display: none;
|
|
}
|
|
.mobilefirst .thumb .pageholder .shade {
|
|
display: none;
|
|
}
|
|
.mobilefirst .print-dialogue {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mobilefirst .print-dialogue .print-option {
|
|
flex-basis: 100%;
|
|
}
|
|
.mobilefirst .mview[data-menu="bookmarks-help"] .content .doubleThumb {
|
|
width: 147px;
|
|
}
|
|
.mobilefirst .mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb.right {
|
|
left: 0;
|
|
}
|
|
.mobilefirst .mview[data-menu="bookmarks-help"] .content .doubleThumb .thumb.right img {
|
|
height: auto;
|
|
}
|
|
.mview .content.mobilefirst .indexView {
|
|
min-width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
transition: opacity 250ms;
|
|
}
|
|
.mview .content.mobilefirst .indexView .here .thumb.cut:after {
|
|
background-image: linear-gradient(transparent 0%, #ffffff 70%);
|
|
}
|
|
.mview .content.mobilefirst .indexView .doubleThumb.simple {
|
|
width: 100px;
|
|
}
|
|
.mview .content.mobilefirst .indexView .thumb.cut:after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 120px;
|
|
height: 30px;
|
|
left: -10px;
|
|
bottom: -8px;
|
|
background-image: linear-gradient(transparent 0%, #2a56a3 70%);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
z-index: 2;
|
|
}
|
|
.mview .content.mobilefirst .indexView.bookmarkView {
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
.mview .content.mobilefirst .indexView .indexViewHolder {
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
margin-top: 5px;
|
|
position: relative;
|
|
height: 100%;
|
|
white-space: nowrap;
|
|
padding: 25px 20px;
|
|
}
|
|
.mview .content.mobilefirst .indexView .indexViewHolder .pageholder {
|
|
height: 100%;
|
|
}
|
|
.mview .content.mobilefirst .indexView .indexViewHolder .pageholder.cut {
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.mview .content.mobilefirst .indexView .indexViewHolder .ps__rail-x {
|
|
margin: 0 25px;
|
|
transform: translate(0, -25px) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.mf-nav {
|
|
position: absolute;
|
|
left: 0;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
height: 118px;
|
|
overflow: hidden;
|
|
color: #4a4348;
|
|
font-weight: 600;
|
|
transition: opacity .15s;
|
|
}
|
|
.mf-nav.hiddenzoom {
|
|
opacity: 0 !important;
|
|
}
|
|
.mf-nav .pagenumbers {
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin-top: 46px;
|
|
font-size: 1.1em;
|
|
pointer-events: none;
|
|
font-weight: 400;
|
|
}
|
|
.mf-nav a {
|
|
display: inline-block;
|
|
color: #ffffff;
|
|
background-color: #2a56a3;
|
|
font-size: 1.1em;
|
|
line-height: 1;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
top: 36px;
|
|
height: 46px;
|
|
width: 36%;
|
|
text-align: center;
|
|
padding-top: 0.8em;
|
|
}
|
|
.mf-nav a.next {
|
|
right: 0;
|
|
}
|
|
.mf-nav a.next svg {
|
|
right: 14px;
|
|
}
|
|
.msie .mf-nav a.next svg {
|
|
right: -40%;
|
|
}
|
|
.mf-nav a.previous {
|
|
left: 0;
|
|
}
|
|
.mf-nav a.previous svg {
|
|
left: 14px;
|
|
}
|
|
.msie .mf-nav a.previous svg {
|
|
left: -40%;
|
|
}
|
|
.mf-nav a svg {
|
|
position: absolute;
|
|
top: 14px;
|
|
height: 1em;
|
|
width: auto;
|
|
}
|
|
.mf-nav .reveal {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all .6s;
|
|
padding: 36px 0;
|
|
}
|
|
.mf-nav .reveal.toreveal {
|
|
transition: none;
|
|
opacity: 0;
|
|
top: 3em;
|
|
}
|
|
#mf-slider {
|
|
width: 188px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
transition: opacity 250ms;
|
|
opacity: 1;
|
|
pointer-events: none;
|
|
transform-origin: 0 0;
|
|
}
|
|
#mf-slider.hidden,
|
|
#mf-slider.hiddenresp,
|
|
#mf-slider.hiddenzoom {
|
|
opacity: 0;
|
|
}
|
|
#mf-slider .slider {
|
|
position: relative;
|
|
height: 18px;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
margin-top: 71px;
|
|
}
|
|
#mf-slider .slider .progress {
|
|
background-color: #2a56a3;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
#mf-slider .pagenumber {
|
|
color: #4a4348;
|
|
display: block;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
margin-top: 18px;
|
|
}
|
|
#mf-slider .pagethumb {
|
|
left: 6px;
|
|
width: 176px;
|
|
position: relative;
|
|
}
|
|
#mf-slider .pagethumb img {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: auto;
|
|
z-index: 1;
|
|
}
|
|
#mf-slider .pagethumb .border,
|
|
#mf-slider .pagethumb .mask-bottom,
|
|
#mf-slider .pagethumb .mask-top {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 176px;
|
|
}
|
|
#mf-slider .pagethumb .mask-top,
|
|
#mf-slider .pagethumb .mask-bottom {
|
|
background-color: rgba(255, 255, 255, 0.45);
|
|
z-index: 2;
|
|
}
|
|
#mf-slider .pagethumb .border {
|
|
outline: 6px solid #2a56a3;
|
|
z-index: 3;
|
|
}
|
|
.links .link.multimedia.tabslink {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
z-index: 5000;
|
|
}
|
|
.links .link.multimedia.tabslink svg {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
}
|
|
.links .link.multimedia.tabslink .tablink {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
background: none !important;
|
|
}
|
|
.links .link.multimedia.tabslink.left .tablink {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.links .link.multimedia.tabslink.right .tablink {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
.links .link.multimedia.tabslink .tabs {
|
|
transition: opacity 400ms;
|
|
position: relative;
|
|
}
|
|
.links .link.multimedia.tabslink .tabs.hide {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|