From 1c17ac63bf99a058c7f9a8a718152032858611c5 Mon Sep 17 00:00:00 2001 From: Vincent Vanwaelscappel Date: Fri, 5 May 2017 18:08:52 +0200 Subject: [PATCH] #1397 --- style/book-variables.less | 2 + style/fluidbook.css | 1586 ---------------------------- style/fluidbook.less | 15 +- style/special/atlanticdownload.css | 138 --- style/special/wescosales.css | 79 -- style/variables.css | 0 style/widget.css | 138 --- 7 files changed, 13 insertions(+), 1945 deletions(-) create mode 100644 style/book-variables.less delete mode 100644 style/fluidbook.css delete mode 100644 style/special/atlanticdownload.css delete mode 100644 style/special/wescosales.css delete mode 100644 style/variables.css delete mode 100644 style/widget.css diff --git a/style/book-variables.less b/style/book-variables.less new file mode 100644 index 00000000..4f30ae2d --- /dev/null +++ b/style/book-variables.less @@ -0,0 +1,2 @@ +@menu-background: #404b5f; +@menu-text: #fff; diff --git a/style/fluidbook.css b/style/fluidbook.css deleted file mode 100644 index 68d1bc73..00000000 --- a/style/fluidbook.css +++ /dev/null @@ -1,1586 +0,0 @@ -/* 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: " »"; -} -/* Disable print div*/ -#printpages { - display: none; -} -/* Global settings */ -a, -input[type=text], -input[type=password], -input[type=file], -textarea { - outline: none; - -webkit-appearance: none; -} -a { - text-decoration: none; - color: inherit; -} -* { - 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; - -ms-box-sizing: content-box; - -o-box-sizing: content-box; -} -b, -strong, -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 600; -} -.pan, -.pan * { - -ms-touch-action: auto; - touch-action: auto; -} -html { - user-select: text; - -moz-user-select: text; - -webkit-user-select: text; - -o-user-select: text; - -ms-user-select: text; -} -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 #coquillette { - 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; - overflow: hidden; - visibility: hidden; - opacity: 1; - z-index: 0; - height: 100%; - width: 100%; -} -#main.fadeout, -#view.fadeout { - transition: opacity 500ms ease-out; - -moz-transition: opacity 500ms ease-out; - -webkit-transition: opacity 500ms ease-out; - -ms-transition: opacity 500ms ease-out; - -o-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 .shade, -.portrait .page.right { - display: none; -} -.portrait .hideOnPortrait { - display: none; -} -/* Desktop devices */ -.desktop #links { - cursor: url("../images/cur-zoom-in.png"); - cursor: zoom-in; -} -.desktop.zoomed #links { - cursor: url("../images/cur-zoom-out.png"); - cursor: zoom-out; -} -#links .link { - cursor: auto; -} -#links .link.eventOverlayLink { - cursor: inherit; -} -.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; -} -/* Coquillette */ -#coquillette { - position: absolute; - top: 0px; - left: 0px; - z-index: 1000; -} -/* Pages */ -.background, -.texts { - position: absolute; - top: 0px; - left: 0px; - overflow: visible; -} -.background { - background-repeat: no-repeat; -} -.background img { - width: 100%; - height: 100%; -} -.texts img, -.texts object { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; -} -/* Espaces forcés */ -.page { - overflow: hidden; - position: absolute; - top: 0px; - background-color: #fff; -} -.page .shade { - position: absolute; - top: 0px; -} -.page.right .shade { - left: 0px; -} -.page.left .shade { - right: 0px; -} -.background, -.texts, -.l, -.g, -.s { - position: absolute; - top: 0px; - left: 0px; -} -.texts .g { - line-height: 1; -} -.g, -.gs, -.l { - white-space: nowrap; -} -.texts .gs { - display: inline-block; -} -.o { - font-style: oblique; -} -.doublePage, -#pages { - position: absolute; - top: 0px; - left: 0px; - overflow: hidden; -} -/* Shadow */ -#shadow { - position: absolute; - top: 0px; - left: 0px; - /* !!!!!!!!!!! non !!!!!!!!!!!!!!!!! - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0);*/ -} -#shadow > div { - position: absolute; - top: 0px; - left: 0px; -} -.portrait #shadow > div.right { - display: none; -} -/* Nav */ -#nav #locales { - display: inline-block; - width: 22px; - height: 17px; - border-radius: 3px; - background-position: 50% 50%; - background-repeat: no-repeat; - margin: 11px 3px 0; -} -.localesList li a { - padding: 10px 20px !important; -} -.localesList li a img { - vertical-align: middle; - margin: -2px 20px 0 0; -} -#z { - position: absolute; - z-index: 11; - direction: ltr; - top: 0; - left: 0; - -moz-transition: -moz-transform 350ms ease-out, transform 350ms ease-out; - -webkit-transition: -moz-transform 350ms ease-out, transform 350ms ease-out; - -o-transition: -o-transform 350ms ease-out, transform 350ms ease-out; - -ms-transition: -ms-transform 350ms ease-out, transform 350ms ease-out; - transition: transform 350ms ease-out; -} -#z.notransition { - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; -} -#z.nozoom { - height: 0 !important; -} -/* Fluidbook */ -#fluidbook { - position: absolute; - z-index: 11; - direction: ltr; - -moz-transition: -moz-transform 350ms ease-out, transform 350ms ease-out; - -webkit-transition: -webkit-transform 350ms ease-out, transform 350ms ease-out; - -o-transition: -o-transform 350ms ease-out, transform 350ms ease-out; - -ms-transition: -ms-transform 350ms ease-out, transform 350ms ease-out; - transition: transform 350ms ease-out; -} -#fluidbook.animate { - -moz-transition: all 350ms ease-out; - -webkit-transition: all 350ms ease-out; - -ms-transition: all 350ms ease-out; - -o-transition: all 350ms ease-out; - transition: all 350ms ease-out; -} -#cache { - display: none; -} -#pagesnumbers { - padding: 0; - position: absolute; - white-space: nowrap; -} -#pagesnumbers div { - text-align: center; - display: inline-block; -} -.portrait #pagesnumbers .right { - display: none; -} -/* Interface */ -#interface { - position: static; -} -#next, -#previous { - background: #f00; - width: 40px; - height: 100px; - position: absolute; - top: 310px; - display: block; - opacity: 1; - z-index: 21; - background-size: 40px 100px; -} -.sharp #next, -.sharp #previous { - width: 53px; - height: 107px; - background-size: 53px 107px; -} -#next, -#previous, -#down, -#splash { - transition: opacity 1s ease-in-out; - -moz-transition: opacity 1s ease-in-out; - -webkit-transition: opacity 1s ease-in-out; - -o-transition: opacity 1s ease-in-out; - -ms-transition: opacity 1s ease-in-out; -} -#next.hidden.help, -#previous.hidden.help { - transition: none; - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - -ms-transition: none; - opacity: 1; -} -#next.hidden, -#previous.hidden { - opacity: 0; - cursor: default; -} -.rtl #previous, -.ltr #next { - background-image: url("../data/images/interface-next.svg"); - right: 0px; - border-top-left-radius: 7px; - border-bottom-left-radius: 7px; -} -.rtl #next, -.ltr #previous { - background-image: url("../data/images/interface-previous.svg"); - left: 0px; - border-top-right-radius: 7px; - border-bottom-right-radius: 7px; -} -.sharp.rtl #previous, -.sharp.ltr #next { - background-image: url("../data/images/interface-sharp-next.svg"); - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; -} -.sharp.rtl #next, -.sharp.ltr #previous { - background-image: url("../data/images/interface-sharp-previous.svg"); - border-top-right-radius: 1px; - border-bottom-right-radius: 1px; -} -.audio-description-button { - 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; -} -.audio-description-button.right { - right: 0; -} -.audio-description-button.playing { - background-image: url("../data/images/interface-audio-description-off.svg"); -} -.no-svg.rtl #next, -.no-svg.ltr #previous { - background-image: url("../data/images/interface-previous.png"); -} -.no-svg.rtl #previous, -.no-svg.ltr #next { - background-image: url("../data/images/interface-next.png"); -} -.no-svg.sharp.rtl #next, -.no-svg.sharp.ltr #previous { - background-image: url("../data/images/interface-sharp-previous.png"); -} -.no-svg.sharp.rtl #previous, -.no-svg.sharp.ltr #next { - background-image: url("../data/images/interface-sharp-next.png"); -} -/* Header */ -header { - position: relative; - z-index: 12; -} -#nav > a { - vertical-align: top; - display: inline-block; -} -#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; -} -#afterSearch { - display: inline-block; - position: relative; - vertical-align: top; - left: 30px; -} -.rtl #afterSearch { - left: -30px; -} -#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; -} -#search { - position: relative; - display: inline-block; - z-index: 2; - vertical-align: top; -} -.ltr #search { - margin: 8px 0 0 30px; -} -.rtl #search { - margin: 8px 30px 0 0; -} -#search img { - vertical-align: middle; -} -#search input { - padding: 5px; - border-radius: 5px; - border: 0; - height: 22px; - width: 150px; -} -.hint { - padding: 2px 5px 5px; - height: 22px; - width: 137px; - margin: 2px; - display: block; - font-size: 12px; -} -#searchHints { - border-radius: 5px; - width: 150px; - padding: 5px; - display: none; - z-index: 25; - position: relative; -} -#logo { - position: absolute; - top: 0px; - background-repeat: no-repeat; - z-index: 10; -} -#logo.overridenByFluidbook { - visibility: hidden; -} -.ltr #logo { - right: 0px; -} -.rtl #logo { - left: 0px; -} -.portrait #logo { - display: none; -} -/* Credits */ -footer { - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - font-size: 8px; - text-transform: uppercase; - position: absolute; - bottom: 2px; - z-index: 20; -} -footer a { - display: block; - text-decoration: none; - transform-origin: 100% 100%; - transform: scale(1.08, 0.95) !important; -} -.ltr footer { - right: 4px; -} -.rtl footer { - left: 4px; -} -/* Fluidbook zooming */ -footer, -header, -#interface { - -moz-transition: opacity 400ms ease-in; - -webkit-transition: opacity 400ms ease-in; - -o-transition: opacity 400ms ease-in; - -ms-transition: opacity 400ms ease-in; - transition: opacity 400ms ease-in; -} -footer.hidden, -header.hidden, -#interface.hidden { - opacity: 0; - z-index: 0; -} -/* Links */ -#links { - position: absolute; - top: 0px; - left: 0px; - z-index: 4; - background-color: rgba(0, 0, 0, 0.001); -} -.rtl #pages.double #links .leftContainer { - position: relative; - left: 50%; -} -.rtl #pages.double #links .rightContainer { - position: relative; - left: -50%; -} -#links .link { - position: absolute; - cursor: auto; - z-index: 3; -} -#links .link.eventOverlayLink { - z-index: 2; -} -.link.multimedia { - position: absolute; - z-index: 1 !important; - -ms-touch-action: manipulation; - touch-action: manipulation; -} -.link.multimedia.notinteractive { - pointer-events: none; -} -.link.contentLink { - z-index: 0 !important; - position: absolute; - pointer-events: none; -} -.link a { - width: 100%; - height: 100%; - display: block; - background-color: rgba(0, 0, 0, 0.01); -} -#links .nonlinkarea { - display: none; -} -#links .bookmark { - z-index: 3; -} -.pad #links .nonlinkarea { - width: 100%; - height: 100%; - position: absolute; - top: 0px; - left: 0px; - display: block; -} -/* Bookmarks */ -.bookmark.left { - background-image: url("../data/images/bookmark-left-off.svg"); -} -.bookmark.right, -.portrait #fluidbook .bookmark.left { - background-image: url("../data/images/bookmark-right-off.svg"); -} -.bookmark.left[data-enabled] { - background-image: url("../data/images/bookmark-left-on.svg"); -} -.bookmark.right[data-enabled], -.portrait #fluidbook .bookmark.left[data-enabled] { - background-image: url("../data/images/bookmark-right-on.svg"); -} -.no-svg .bookmark.left { - background-image: url("../data/images/bookmark-left-off.png"); -} -.no-svg .bookmark.right, -.no-svg .portrait #fluidbook .bookmark.left { - background-image: url("../data/images/bookmark-right-off.png"); -} -.no-svg .bookmark.left[data-enabled] { - background-image: url("../data/images/bookmark-left-on.png"); -} -.no-svg .bookmark.right[data-enabled], -.no-svg .portrait #fluidbook .bookmark.left[data-enabled] { - background-image: url("../data/images/bookmark-right-on.png"); -} -.bookmark { - background-repeat: no-repeat; - background-size: cover; - position: absolute; - top: 0px; - opacity: 0.01; - display: block; - cursor: pointer; -} -.bookmark [data-enabled], -.bookmark :hover { - opacity: 1 !important; - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; -} -#indexView .bookmark { - width: 35px; - height: 35px; -} -.landscape .bookmark.left { - left: 0px; -} -.bookmark.right { - right: 0px; -} -/* View */ -.mview { - position: absolute; - z-index: 22; - display: none; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); - background-repeat: no-repeat; - background-size: 100% 100%; - top: 0; -} -.mview.animate { - -moz-transition: -moz-transform 600ms ease-out, transform 600ms ease-out; - -webkit-transition: -webkit-transform 600ms ease-out; - -o-transition: -o-transform 600ms ease-out, transform 600ms ease-out; - -ms-transition: -ms-transform 600ms ease-out, transform 600ms ease-out; - transition: transform 600ms ease-out; -} -.mview .caption { - padding: 9px 12px; - height: 44px; - position: absolute; - z-index: 1; -} -.mview .caption h2 { - font-size: 20px; - line-height: 22px; - text-align: center; - font-weight: 600; - margin: 0 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.mview .caption .fonctions { - position: absolute; - top: 9px; - right: 12px; -} -.mview .caption .fonctions a { - float: right; - margin: 0 0 0 10px; -} -.mview .caption a { - height: 27px; - font-weight: 600; - font-size: 14px; - line-height: 25px; - display: block; - box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3); - -moz-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3); - -webkit-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3); - -ms-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3); - -o-box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.3); - background-repeat: no-repeat; - background-position: 10px 4px; - padding: 0 13px 0 33px; - background-size: auto 17px; -} -.mview .caption a.back { - position: absolute; - top: 9px; - left: 12px; - background-image: url("../data/images/interface-back-arrow.svg"); - background-size: auto 17px; - padding: 0 13px 0 27px; -} -.mview .caption a.send { - background-image: url("../data/images/share-email.svg"); -} -.mview .caption a.print { - background-image: url("../data/images/interface-print.svg"); -} -.mview .caption a.miniOnPortrait { - background-position: 50% 50%; - padding: 0 15px; -} -.mview .content { - text-align: center; - position: absolute; - top: 44px; -} -#indexView { - margin: auto; -} -#indexView .doubleThumb, -#indexView .padding { - display: inline-block; - margin: 10px 10px 40px 10px; - position: relative; - width: 200px; - cursor: pointer; - text-align: center; -} -#indexView.bookmarkView .doubleThumb { - width: 100px; -} -#indexView.bookmarkView .doubleThumb.left { - margin-right: 10px; -} -#indexView.bookmarkView { - text-align: left; -} -#indexView .padding { - height: 1px; -} -#indexView .doubleThumb .overlay { - background-color: rgba(0, 0, 0, 0.5); - position: absolute; - top: 0px; - left: 0px; - width: 200px; - z-index: 4; -} -#indexView .doubleThumb.simple .overlay { - width: 100px; -} -#indexView .doubleThumb .hits { - position: relative; - display: inline; - top: 30px; - z-index: 5; - font-size: 12px; -} -#indexView .doubleThumb .hits.yes { - padding: 5px; - border-radius: 5px; -} -#indexView .thumb { - position: absolute; - top: 0px; - left: 0px; - font-size: 12px; -} -#indexView .thumb img { - background: #fff; -} -#indexView .thumb .number { - text-align: center; - display: block; - font-family: Arial, Helvetica, sans-serif; - margin: 1px 0 0 0; - max-width: 100px; -} -#indexView .thumb.right { - left: 100px; -} -#indexView .doubleThumb.simple { - width: 100px; -} -#indexView .doubleThumb.simple.right { - margin-left: 110px; -} -#indexView .doubleThumb.left { - margin-right: 110px; -} -#indexView .right .thumb.right { - left: 0px; -} -/* Search */ -.highlight0 { - background-color: #00ff00; -} -.highlight1 { - background-color: #ffff00; -} -.highlight2 { - background-color: #00ffff; -} -.highlight3 { - background-color: #ff00ff; -} -.highlight4 { - background-color: #ff0000; -} -/* Share */ -ul.chapters.shareList a.level0 img { - height: 25px; - margin: 2px 10px 0 0; - position: relative; - top: 3px; -} -.rtl ul.chapters.shareList a.level0 img { - margin: 2px 0 0 10px; -} -/* Help */ -#helpView { - background-color: rgba(0, 0, 0, 0.7); - position: absolute; - z-index: 20; - display: none; - color: #ffffff; - overflow: hidden; -} -#helpView .illustration { - text-align: center; - font-size: 20px; -} -#helpView .illustration p { - position: static; -} -#helpView #icons { - position: absolute; - top: 0px; -} -.portrait #helpView .icon.afterSearch { - display: none; -} -#helpView .icon { - position: absolute; - top: 0px; - display: inline-block; - border-left: 1px solid #ffffff; - padding-left: 5px; - white-space: nowrap; -} -.rtl #helpView .icon span { - position: absolute; - right: 1em; - display: block; - 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; -} -.ltr #helpView .interface .next, -.ltr #helpView .interface .last, -.rtl #helpView .interface .first, -.rtl #helpView .interface .previous { - text-align: right; - right: 40px; - top: 340px; -} -.sharp .ltr #helpView .interface .next, -.sharp .ltr #helpView .interface .last, -.sharp .rtl #helpView .interface .first, -.sharp .rtl #helpView .interface .previous { - right: 53px; -} -.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: 0 10px; - position: relative; - top: -0.5em; - color: transparent; -} -.rtl #helpView .interface .next, -.rtl #helpView .interface .last, -.ltr #helpView .interface .first, -.ltr #helpView .interface .previous { - left: 40px; - top: 340px; -} -.sharp .rtl #helpView .interface .next, -.sharp .rtl #helpView .interface .last, -.sharp .ltr #helpView .interface .first, -.sharp .ltr #helpView .interface .previous { - left: 57px; -} -.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: 0 10px; - position: relative; - top: -0.5em; - color: transparent; -} -#helpView .interface .first, -#helpView .interface .last { - margin-top: 43px; -} -.sharp #helpView .interface .first, -.sharp #helpView .interface .last { - margin-top: 40px; -} -#helpView .interface .next, -#helpView .interface .previous { - margin-top: -5px; -} -#helpView .interface div { - position: absolute; - direction: ltr; -} -.portrait #helpView .interface { - display: none; -} -.pad.portrait #helpView .interface { - 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; -} -#innerView > div p { - margin: 0 0 20px 0; -} -/* Form elements */ -#innerView form input[type="text"], -#innerView form input[type="email"] { - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - padding: 5px; - border-radius: 5px; - 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 form 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: 5px; - display: inline-block; - cursor: pointer; -} -/* Videos */ -.mview .videoContainer { - padding: 20px; - 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; -} -/* multimedia */ -.mview .multimediaContainer { - padding: 20px 20px 20px 20px; -} -.mview img.multimedia { - width: 100%; - height: auto; - display: block; -} -/* Chapters */ -ul.chapters > li { - clear: both; -} -ul.chapters a { - display: block; - text-align: left; - padding: 10px 20px; -} -.rtl ul.chapters a { - text-align: right; -} -ul.chapters a.level-1 { - font-size: 200%; - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - font-weight: 600; - text-align: center; -} -ul.chapters a.level-1 .right { - display: none; -} -ul.chapters a.level0, -ul.chapters a.level1, -ul.chapters a.level2, -ul.chapters a.level3 { - border-top: 1px solid rgba(255, 255, 255, 0.3); -} -ul.chapters a.level0 { - font-size: 150%; - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - font-weight: 600; -} -ul.chapters a.level1 { - padding: 10px 20px 10px 50px; - font-size: 120%; -} -ul.chapters a.level2 { - padding: 10px 20px 10px 80px; - font-size: 100%; -} -ul.chapters a.level3 { - padding: 10px 20px 10px 110px; - font-size: 80%; -} -ul.chapters, -ul.chapters ul { - list-style: none; -} -ul.chapters .right { - float: right; - display: inline-block; -} -ul.chapters .right .puce.noshadow { - border-radius: 0px; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - -ms-border-radius: 0px; - -o-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; -} -ul.chapters .right .puce { - width: 25px; - height: 25px; - border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - -ms-border-radius: 5px; - -o-border-radius: 5px; - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); - -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); - -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); - -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); - background-image: url("../images/chapters-arrow.png"); - background-repeat: no-repeat; -} -ul.chapters a.nodark { - background-image: none !important; - border-top: 1px solid rgba(255, 255, 255, 0.25); -} -ul.chapters a.level0 .right .puce { - margin: 2px 0 0 0; -} -ul.chapters a.level2 .right .puce { - margin: -2px 0 0 0; -} -ul.chapters a > nav { - display: none; -} -/* 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: 5px; - 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); - -moz-transition: all 0.15s ease-out; - -webkit-transition: all 0.15s ease-out; - -o-transition: all 0.15s ease-out; - -ms-transition: all 0.15s ease-out; - transition: all 0.15s ease-out; - -moz-transform-origin: 50% 20px; - -webkit-transform-origin: 50% 20px; - -ms-transform-origin: 50% 20px; - -o-transform-origin: 50% 20px; - 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 */ -/* 2D */ -.doublePage._2d.sliding { - -moz-transition: none; - -webkit-transition: none; - -o-transition: none; - -ms-transition: none; - transition: none; -} -/* 3D */ -#pages._3dtransition { - -moz-perspective: 5000px; - -webkit-perspective: 5000px; - -o-perspective: 5000px; - -ms-perspective: 5000px; - perspective: 5000px; - -moz-perspective-origin: 50% 75%; - -webkit-perspective-origin: 50% 75%; - -ms-perspective-origin: 50% 75%; - -o-perspective-origin: 50% 75%; - perspective-origin: 50% 75%; - 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; -} -._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); -} -a.button { - display: inline-block; - padding: 8px 32px 8px 16px; - border-radius: 6px; - font-weight: 600; - margin: 10px 0; - background-image: url("../images/arrow-button.png"); - background-repeat: no-repeat; - background-position: 100% 50%; -} -#fontsLoader { - position: absolute; - bottom: 0px; - right: 0px; - width: 0; - height: 0px; - overflow: hidden; -} -/* Splash screen */ -#splash { - position: absolute; - top: 0px; - left: 0px; - z-index: 30; - opacity: 0; -} -#splash .logo { - position: absolute; -} -#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; - top: 0px; - left: 0px; - padding: 5px 10px; - border-radius: 5px; - display: none; - font-size: 0.8rem; - max-width: 180px; - z-index: 100; - white-space: pre-wrap; - line-height: 1.15rem; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - -o-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - margin: 20px 0 0 -10px; -} -/* 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%; - background-color: rgba(0, 0, 0, 0); - z-index: 100; - display: none; -} -body.zoomPopup #zoomPopupOverlay { - display: block; -} -#zoomPopupWrapper { - display: none; - background-color: transparent; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - transition: all 0.5s ease-in-out; - transform-origin: 0 0; - position: absolute; - cursor: pointer; - z-index: 101; -} -#zoomPopupWrapper img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: block; - z-index: 102; -} -#zoomPopupWrapper .zoomPopupClose { - position: absolute; - top: 4px; - right: 4px; - width: 30px; - height: 30px; - z-index: 103; - padding: 6px; - border-radius: 50%; - opacity: 0; - transition: opacity 250ms; -} -@media handled and (orientation: portrait) { - #ol { - display: none; - } - @-ms-viewport { - width: 800px; - } -} -@media handled and (orientation: landscape) { - #op { - display: none; - } - @-ms-viewport { - width: 1280px; - } -} -/* 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; -} diff --git a/style/fluidbook.less b/style/fluidbook.less index 3b07a871..ebf2da94 100644 --- a/style/fluidbook.less +++ b/style/fluidbook.less @@ -1,4 +1,11 @@ @import "variables"; +@import "book-variables"; + +@menu-button-background: overlay(@menu-background, #c0c0c0); + +.dkdkdkdkd { + color: @menu-button-background; +} /* Screenshot */ .screenshot .mview { @@ -837,7 +844,6 @@ footer.hidden, header.hidden, #interface.hidden { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); background-repeat: no-repeat; background-size: 100% 100%; - top: 0; &.animate { -moz-transition: -moz-transform 600ms ease-out, transform 600ms ease-out; @@ -847,13 +853,14 @@ footer.hidden, header.hidden, #interface.hidden { transition: transform 600ms ease-out; } .caption { - padding: 9px 12px; - height: 44px; + padding: 20px 32px; + + height: 60px; position: absolute; z-index: 1; h2 { font-size: 20px; - line-height: 22px; + line-height: 16px; text-align: center; font-weight: 600; margin: 0 auto; diff --git a/style/special/atlanticdownload.css b/style/special/atlanticdownload.css deleted file mode 100644 index 0cac0c31..00000000 --- a/style/special/atlanticdownload.css +++ /dev/null @@ -1,138 +0,0 @@ -#AtlanticDownloadPopup { - position: absolute; - top: 50%; - left: 50%; - width: 80%; - max-width: 1000px; - max-height: 70%; - transform: translateX(-50%) translateY(-50%); - z-index: 1000; - background: #bab4a7; - box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25); - font-family: 'Open Sans', sans-serif; - font-size: 15px; - font-weight: 300; - color: #5d5c58; -} -#AtlanticDownloadPopup .close { - display: inline-block; - width: 16px; - height: 16px; - position: absolute; - top: 5px; - right: 5px; -} -#AtlanticDownloadPopup .close:hover { - opacity: 0.7; -} -#AtlanticDownloadPopup .close:before, -#AtlanticDownloadPopup .close:after { - content: ''; - position: absolute; - height: 1px; - width: 100%; - top: 50%; - left: 0; - margin-top: -1px; - background: #fff; -} -#AtlanticDownloadPopup .close:before { - transform: rotate(45deg); -} -#AtlanticDownloadPopup .close:after { - transform: rotate(-45deg); -} -.language-wrapper { - width: 210px; - float: left; - padding-bottom: 10px; -} -.language-heading { - text-transform: uppercase; - color: #fff; - font-size: 14px; - padding-left: 20px; - line-height: 89px; -} -.language-list { - list-style-type: none; -} -.language-link { - display: block; - line-height: 40px; - padding-left: 20px; -} -.language-link.active { - position: relative; -} -.language-link.active:after { - content: ''; - display: inline-block; - width: 10px; - height: 10px; - border-width: 1px 1px 0 0; - border-style: solid; - border-color: #5d5c58; - transform: rotate(45deg) translateY(-50%); - position: absolute; - right: 18px; - top: 50%; - margin-top: -1px; -} -.language-link:hover, -.language-link.active { - background-color: #dddad3; -} -.atlantic-downloads { - overflow: hidden; -} -.atlantic-downloads table { - border-collapse: collapse; - border-spacing: 0; - border: none; - width: 100%; -} -.atlantic-downloads tr.main-heading th { - vertical-align: top; - padding-top: 35px; - padding-bottom: 5px; - background: #a9a191; - font-size: 14px; - text-align: left; -} -.atlantic-downloads tr.sub-heading th { - font-weight: 300; - font-size: 11px; - padding-top: 5px; - padding-bottom: 10px; -} -.atlantic-downloads tr th:last-of-type, -.atlantic-downloads tr.sub-heading th { - background-color: #7d776b; - text-align: center; -} -.atlantic-downloads th { - color: #fff; - text-transform: uppercase; - padding-left: 15px; - padding-right: 15px; -} -.atlantic-downloads tbody tr { - background-color: #fff; -} -.atlantic-downloads tbody tr:nth-of-type(odd) { - background-color: #f2f1ef; -} -.atlantic-downloads tbody td { - padding: 10px; -} -.atlantic-download { - text-align: center; -} -.atlantic-download-icon { - display: inline-block; - width: 18px; - height: 17px; - background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMTYuNyI+PHN0eWxlPi5zdDB7ZmlsbDojNUQ1QzU4O308L3N0eWxlPjxnIGlkPSJYTUxJRF81OV8iPjxnIGlkPSJYTUxJRF82M18iPjxwYXRoIGlkPSJYTUxJRF82NF8iIGNsYXNzPSJzdDAiIGQ9Ik0xNy41IDguMWMtLjMgMC0uNS4yLS41LjV2NC43YzAgMS4zLTEgMi4zLTIuMyAyLjNIMy4zYy0xLjMgMC0yLjMtMS0yLjMtMi4zVjguNmMwLS4zLS4yLS41LS41LS41cy0uNS4yLS41LjV2NC44YzAgMS44IDEuNSAzLjMgMy4zIDMuM2gxMS4zYzEuOCAwIDMuMy0xLjUgMy4zLTMuM1Y4LjZjLjEtLjItLjEtLjUtLjQtLjV6bTAgMCIvPjwvZz48cGF0aCBpZD0iWE1MSURfNjBfIiBjbGFzcz0ic3QwIiBkPSJNOC42IDEyLjZjLjEuMS4yLjIuNC4yLjEgMCAuMyAwIC40LS4ybDMuMy0zLjNjLjItLjIuMi0uNSAwLS43LS4yLS4yLS41LS4yLS43IDBMOS41IDExVi41QzkuNS4yIDkuMyAwIDkgMHMtLjUuMi0uNS41VjExTDYuMSA4LjZjLS4yLS4yLS41LS4yLS43IDAtLjIuMi0uMi41IDAgLjdsMy4yIDMuM3ptMCAwIi8+PC9nPjwvc3ZnPg==') center no-repeat; - background-size: contain; -} diff --git a/style/special/wescosales.css b/style/special/wescosales.css deleted file mode 100644 index e791e0c3..00000000 --- a/style/special/wescosales.css +++ /dev/null @@ -1,79 +0,0 @@ -#wescosalesselector { - color: #5592c9; - display: inline-block; - padding: 8px 30px 0 15px; -} -#wescosalesselector #wescosalesselect { - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - background-color: #5592c9; - background-image: url("../../images/select-arrow.svg"); - background-repeat: no-repeat; - background-position: 130px 8px; - color: #ffffff; - border-radius: 2px; - padding: 0 15px 0 5px; - border: 0; - height: 22px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin-left: 15px; - cursor: pointer; - width: 150px; -} -.wescosaleswindow { - position: absolute; - z-index: 1000; - background-color: #5592c9; - border-radius: 2px; - color: #fff; - padding: 20px; - width: 300px; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -} -.wescosaleswindow .close { - position: absolute; - top: 10px; - right: 10px; - background-image: url("../../images/close.svg"); - background-repeat: no-repeat; - background-position: 10px 10px; - width: 37px; - height: 37px; - display: inline-block; - transition: transform 0.4s; -} -.wescosaleswindow .close:hover { - transform: rotate(90deg); -} -.wescosaleswindow hr { - border: 0; - height: 1px; - background-color: #fff; - margin: 17px 0; -} -.wescosaleswindow h2 { - font-size: 14px; - font-weight: 400; - padding-right: 30px; -} -.wescosaleswindow h3 { - font-size: 11px; - font-weight: 400; - margin-top: 5px; -} -.wescosaleswindow table { - width: 100%; - font-size: 13px; -} -.wescosaleswindow table td { - margin: 2px 0; -} -.wescosaleswindow table .v { - text-align: right; - white-space: nowrap; - width: 1px; -} -.link a[data-wescosales-ref].supp { - background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMjk3NmM2ZS0xYTkyLTk1NDItOTdjZC1hZjEwYzFmZmY5ZmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEZFNUIwODBFMjRDMTFFNjlDRTc5MTdBRkE3NjBDODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEZFNUIwN0ZFMjRDMTFFNjlDRTc5MTdBRkE3NjBDODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjk3NmM2ZS0xYTkyLTk1NDItOTdjZC1hZjEwYzFmZmY5ZmIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjI5NzZjNmUtMWE5Mi05NTQyLTk3Y2QtYWYxMGMxZmZmOWZiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6H4n7wAAADhJREFUeNp8zzkOADAMAkHD//9M4jRRDqCyNNsYksoOEBOWBCbskwnf4MIz+OAODC6aT1rsDQEGAIKCGgpVj078AAAAAElFTkSuQmCC") repeat; -} diff --git a/style/variables.css b/style/variables.css deleted file mode 100644 index e69de29b..00000000 diff --git a/style/widget.css b/style/widget.css deleted file mode 100644 index 10226897..00000000 --- a/style/widget.css +++ /dev/null @@ -1,138 +0,0 @@ -* { - margin: 0; - padding: 0; -} -body { - overflow: hidden; - cursor: pointer; -} -#container { - overflow: hidden; - display: none; -} -#widget { - position: absolute; - top: 0px; - left: 0px; -} -.p { - display: none; - position: absolute; - top: 0px; - left: 0px; -} -.p > img { - position: absolute; - top: 0px; - left: 0px; -} -.p .shade img { - position: absolute; - top: 0px; -} -.p.left .shade img { - right: 0px; -} -.p.right .shade img { - left: 0px; -} -.shade img { - display: block; - position: relative; - z-index: 4; -} -#currentDoublePage, -#nextDoublePage { - position: absolute; - top: 0px; - left: 0px; -} -#nextDoublePage { - z-index: 3; -} -#widget { - perspective: 5000px; - -moz-perspective: 5000px; - -webkit-perspective: 5000px; - -o-perspective: 5000px; - -ms-perspective: 5000px; - perspective-origin: 50% 75%; - -moz-perspective-origin: 50% 75%; - -webkit-perspective-origin: 50% 75%; - -ms-perspective-origin: 50% 75%; - -o-perspective-origin: 50% 75%; -} -#nextDoublePage._3d { - overflow: visible; - z-index: 100; - transition: all 1s ease-out; - -moz-transition: all 1s ease-out; - -webkit-transition: all 1s ease-out; - -o-transition: all 1s ease-out; - -ms-transition: all 1s ease-out; - transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -webkit-transform-style: preserve-3d; - -o-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; -} -#nextDoublePage._3d .p { - backface-visibility: hidden; - -moz-backface-visibility: hidden; - -webkit-backface-visibility: hidden; - -o-backface-visibility: hidden; - -ms-backface-visibility: hidden; - left: 0px !important; -} -#nextDoublePage._3d .right { - transform: rotate3d(0, 1, 0, 0deg); - -moz-transform: rotateY(0deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 0deg); - -o-transform: rotate3d(0, 1, 0, 0deg); - -ms-transform: rotate3d(0, 1, 0, 0deg); -} -#nextDoublePage._3d .left { - transform: rotate3d(0, 1, 0, 180deg); - -moz-transform: rotateY(180deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 180deg); - -o-transform: rotate3d(0, 1, 0, 180deg); - -ms-transform: rotate3d(0, 1, 0, 180deg); -} -#nextDoublePage._3d.nextstart { - transform: rotate3d(0, 1, 0, 360deg); - -moz-transform: rotateY(360deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 360deg); - -o-transform: rotate3d(0, 1, 0, 360deg); - -ms-transform: rotate3d(0, 1, 0, 360deg); - transform-origin: 0 0; - -moz-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - -o-transform-origin: 0 0; - -ms-transform-origin: 0 0; -} -#nextDoublePage._3d.nextend { - transform: rotate3d(0, 1, 0, 180deg); - -moz-transform: rotateY(180deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 180deg); - -o-transform: rotate3d(0, 1, 0, 180deg); - -ms-transform: rotate3d(0, 1, 0, 180deg); -} -#nextDoublePage._3d.prevstart { - transform: rotate3d(0, 1, 0, 180deg); - -moz-transform: rotateY(180deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 180deg); - -o-transform: rotate3d(0, 1, 0, 180deg); - -ms-transform: rotate3d(0, 1, 0, 180deg); - transform-origin: 0 0; - -moz-transform-origin: 0 0; - -webkit-transform-origin: 0 0; - -o-transform-origin: 0 0; - -ms-transform-origin: 0 0; -} -#nextDoublePage._3d.prevend { - transform: rotate3d(0, 1, 0, 360deg); - -moz-transform: rotateY(360deg) translate3d(0, 0, 0); - -webkit-transform: rotate3d(0, 1, 0, 360deg); - -o-transform: rotate3d(0, 1, 0, 360deg); - -ms-transform: rotate3d(0, 1, 0, 360deg); -} -- 2.39.5