@internetarchive/bookreader 5.0.0-9 → 5.0.0-90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +21 -19
- package/.github/workflows/node.js.yml +76 -11
- package/.github/workflows/npm-publish.yml +6 -20
- package/.testcaferc.js +10 -0
- package/BookReader/BookReader.css +404 -1125
- package/BookReader/BookReader.js +1 -1
- package/BookReader/BookReader.js.LICENSE.txt +20 -20
- package/BookReader/BookReader.js.map +1 -1
- package/BookReader/ia-bookreader-bundle.js +1782 -0
- package/BookReader/ia-bookreader-bundle.js.LICENSE.txt +7 -0
- package/BookReader/ia-bookreader-bundle.js.map +1 -0
- package/BookReader/icons/1up.svg +1 -1
- package/BookReader/icons/2up.svg +1 -1
- package/BookReader/icons/advance.svg +1 -1
- package/BookReader/icons/chevron-right.svg +1 -1
- package/BookReader/icons/close-circle-dark.svg +1 -1
- package/BookReader/icons/close-circle.svg +1 -1
- package/BookReader/icons/fullscreen.svg +1 -1
- package/BookReader/icons/fullscreen_exit.svg +1 -1
- package/BookReader/icons/hamburger.svg +1 -1
- package/BookReader/icons/left-arrow.svg +1 -1
- package/BookReader/icons/magnify-minus.svg +1 -1
- package/BookReader/icons/magnify-plus.svg +1 -1
- package/BookReader/icons/magnify.svg +1 -1
- package/BookReader/icons/pause.svg +1 -1
- package/BookReader/icons/play.svg +1 -1
- package/BookReader/icons/playback-speed.svg +1 -1
- package/BookReader/icons/read-aloud.svg +1 -1
- package/BookReader/icons/review.svg +1 -1
- package/BookReader/icons/thumbnails.svg +1 -1
- package/BookReader/icons/voice.svg +1 -0
- package/BookReader/icons/volume-full.svg +1 -1
- package/BookReader/images/BRicons.svg +3 -3
- package/BookReader/images/books_graphic.svg +1 -1
- package/BookReader/images/icon_book.svg +1 -1
- package/BookReader/images/icon_bookmark.svg +1 -1
- package/BookReader/images/icon_gear.svg +1 -1
- package/BookReader/images/icon_hamburger.svg +1 -1
- package/BookReader/images/icon_home.svg +1 -1
- package/BookReader/images/icon_info.svg +1 -1
- package/BookReader/images/icon_one_page.svg +1 -1
- package/BookReader/images/icon_pause.svg +1 -1
- package/BookReader/images/icon_play.svg +1 -1
- package/BookReader/images/icon_playback-rate.svg +1 -1
- package/BookReader/images/icon_search_button.svg +1 -1
- package/BookReader/images/icon_share.svg +1 -1
- package/BookReader/images/icon_skip-ahead.svg +1 -1
- package/BookReader/images/icon_skip-back.svg +1 -1
- package/BookReader/images/icon_speaker.svg +1 -1
- package/BookReader/images/icon_speaker_open.svg +1 -1
- package/BookReader/images/icon_thumbnails.svg +1 -1
- package/BookReader/images/icon_toc.svg +1 -1
- package/BookReader/images/icon_two_pages.svg +1 -1
- package/BookReader/images/marker_chap-off.svg +1 -1
- package/BookReader/images/marker_chap-on.svg +1 -1
- package/BookReader/images/marker_srch-on.svg +1 -1
- package/BookReader/images/unviewable_page.png +0 -0
- package/BookReader/jquery-3.js +2 -0
- package/BookReader/jquery-3.js.LICENSE.txt +24 -0
- package/BookReader/plugins/plugin.archive_analytics.js +1 -1
- package/BookReader/plugins/plugin.archive_analytics.js.map +1 -1
- package/BookReader/plugins/plugin.autoplay.js +1 -1
- package/BookReader/plugins/plugin.autoplay.js.map +1 -1
- package/BookReader/plugins/plugin.chapters.js +25 -1
- package/BookReader/plugins/plugin.chapters.js.LICENSE.txt +1 -0
- package/BookReader/plugins/plugin.chapters.js.map +1 -1
- package/BookReader/plugins/plugin.iframe.js +1 -1
- package/BookReader/plugins/plugin.iframe.js.map +1 -1
- package/BookReader/plugins/plugin.iiif.js +2 -0
- package/BookReader/plugins/plugin.iiif.js.map +1 -0
- package/BookReader/plugins/plugin.resume.js +1 -1
- package/BookReader/plugins/plugin.resume.js.map +1 -1
- package/BookReader/plugins/plugin.search.js +2 -1
- package/BookReader/plugins/plugin.search.js.LICENSE.txt +1 -0
- package/BookReader/plugins/plugin.search.js.map +1 -1
- package/BookReader/plugins/plugin.text_selection.js +2 -1
- package/BookReader/plugins/plugin.text_selection.js.LICENSE.txt +1 -0
- package/BookReader/plugins/plugin.text_selection.js.map +1 -1
- package/BookReader/plugins/plugin.tts.js +1 -1
- package/BookReader/plugins/plugin.tts.js.LICENSE.txt +2 -0
- package/BookReader/plugins/plugin.tts.js.map +1 -1
- package/BookReader/plugins/plugin.url.js +1 -1
- package/BookReader/plugins/plugin.url.js.map +1 -1
- package/BookReader/plugins/plugin.vendor-fullscreen.js +1 -1
- package/BookReader/plugins/plugin.vendor-fullscreen.js.map +1 -1
- package/BookReader/webcomponents-bundle.js +3 -0
- package/BookReader/webcomponents-bundle.js.LICENSE.txt +9 -0
- package/BookReader/webcomponents-bundle.js.map +1 -0
- package/BookReaderDemo/BookReaderDemo.css +18 -19
- package/BookReaderDemo/BookReaderJSAdvanced.js +0 -3
- package/BookReaderDemo/BookReaderJSSimple.js +1 -0
- package/BookReaderDemo/IADemoBr.js +144 -0
- package/BookReaderDemo/demo-advanced.html +2 -2
- package/BookReaderDemo/demo-embed-iframe-src.html +2 -1
- package/BookReaderDemo/demo-fullscreen-mobile.html +3 -5
- package/BookReaderDemo/demo-fullscreen.html +2 -4
- package/BookReaderDemo/demo-iiif.html +99 -12
- package/BookReaderDemo/demo-internetarchive.html +214 -18
- package/BookReaderDemo/demo-multiple.html +2 -1
- package/BookReaderDemo/demo-preview-pages.html +526 -525
- package/BookReaderDemo/demo-simple.html +2 -1
- package/BookReaderDemo/demo-vendor-fullscreen.html +2 -4
- package/BookReaderDemo/ia-multiple-volumes-manifest.js +170 -0
- package/BookReaderDemo/immersion-1up.html +2 -2
- package/BookReaderDemo/immersion-mode.html +2 -4
- package/BookReaderDemo/toggle_controls.html +3 -2
- package/BookReaderDemo/view_mode.html +2 -1
- package/BookReaderDemo/viewmode-cycle.html +2 -3
- package/CHANGELOG.md +584 -33
- package/README.md +14 -1
- package/babel.config.js +20 -0
- package/codecov.yml +6 -0
- package/index.html +5 -2
- package/jsconfig.json +19 -0
- package/netlify.toml +9 -0
- package/package.json +70 -62
- package/renovate.json +52 -0
- package/scripts/preversion.js +0 -1
- package/src/BookNavigator/assets/bookmark-colors.js +1 -1
- package/src/BookNavigator/assets/button-base.js +5 -2
- package/src/BookNavigator/assets/ia-logo.js +17 -0
- package/src/BookNavigator/assets/icon_checkmark.js +1 -1
- package/src/BookNavigator/assets/icon_close.js +1 -1
- package/src/BookNavigator/book-navigator.js +590 -0
- package/src/BookNavigator/bookmarks/bookmark-button.js +3 -2
- package/src/BookNavigator/bookmarks/bookmark-edit.js +3 -4
- package/src/BookNavigator/bookmarks/bookmarks-list.js +2 -3
- package/src/BookNavigator/bookmarks/bookmarks-loginCTA.js +4 -9
- package/src/BookNavigator/bookmarks/bookmarks-provider.js +27 -17
- package/src/BookNavigator/bookmarks/ia-bookmarks.js +116 -67
- package/src/BookNavigator/delete-modal-actions.js +1 -1
- package/src/BookNavigator/downloads/downloads-provider.js +36 -21
- package/src/BookNavigator/downloads/downloads.js +29 -25
- package/src/BookNavigator/search/search-provider.js +50 -28
- package/src/BookNavigator/search/search-results.js +24 -10
- package/src/BookNavigator/sharing.js +27 -0
- package/src/BookNavigator/viewable-files.js +95 -0
- package/src/BookNavigator/visual-adjustments/visual-adjustments-provider.js +13 -12
- package/src/BookNavigator/visual-adjustments/visual-adjustments.js +7 -7
- package/src/BookReader/BookModel.js +76 -41
- package/src/BookReader/DragScrollable.js +233 -0
- package/src/BookReader/ImageCache.js +48 -15
- package/src/BookReader/Mode1Up.js +56 -351
- package/src/BookReader/Mode1UpLit.js +388 -0
- package/src/BookReader/Mode2Up.js +73 -1318
- package/src/BookReader/Mode2UpLit.js +777 -0
- package/src/BookReader/ModeCoordinateSpace.js +29 -0
- package/src/BookReader/ModeSmoothZoom.js +312 -0
- package/src/BookReader/ModeThumb.js +19 -13
- package/src/BookReader/Navbar/Navbar.js +70 -54
- package/src/BookReader/PageContainer.js +116 -22
- package/src/BookReader/ReduceSet.js +3 -3
- package/src/BookReader/Toolbar/Toolbar.js +14 -41
- package/src/BookReader/events.js +2 -3
- package/src/BookReader/options.js +73 -15
- package/src/BookReader/utils/HTMLDimensionsCacher.js +44 -0
- package/src/BookReader/utils/ScrollClassAdder.js +31 -0
- package/src/BookReader/utils/SelectionObserver.js +45 -0
- package/src/BookReader/utils/classes.js +1 -1
- package/src/BookReader/utils.js +128 -13
- package/src/BookReader.js +544 -1078
- package/src/BookReaderPlugin.js +44 -0
- package/src/assets/icons/magnify-minus.svg +3 -7
- package/src/assets/icons/magnify-plus.svg +3 -7
- package/src/assets/icons/voice.svg +1 -0
- package/src/assets/images/unviewable_page.png +0 -0
- package/src/css/BookReader.scss +1 -5
- package/src/css/_BRBookmarks.scss +1 -1
- package/src/css/_BRComponent.scss +1 -1
- package/src/css/_BRicon.scss +8 -2
- package/src/css/_BRmain.scss +16 -3
- package/src/css/_BRnav.scss +12 -42
- package/src/css/_BRpages.scss +170 -42
- package/src/css/_BRsearch.scss +68 -25
- package/src/css/_BRtoolbar.scss +5 -5
- package/src/css/_TextSelection.scss +87 -27
- package/src/css/_colorbox.scss +2 -2
- package/src/css/_controls.scss +24 -7
- package/src/css/_icons.scss +1 -1
- package/src/ia-bookreader/ia-bookreader.js +224 -0
- package/src/plugins/plugin.archive_analytics.js +84 -78
- package/src/plugins/plugin.autoplay.js +99 -104
- package/src/plugins/plugin.chapters.js +237 -191
- package/src/plugins/plugin.iframe.js +1 -1
- package/src/plugins/plugin.iiif.js +141 -0
- package/src/plugins/plugin.resume.js +53 -50
- package/src/plugins/plugin.text_selection.js +503 -175
- package/src/plugins/plugin.vendor-fullscreen.js +7 -7
- package/src/plugins/search/plugin.search.js +151 -127
- package/src/plugins/search/utils.js +43 -0
- package/src/plugins/search/view.js +37 -59
- package/src/plugins/tts/AbstractTTSEngine.js +75 -45
- package/src/plugins/tts/FestivalTTSEngine.js +21 -31
- package/src/plugins/tts/PageChunk.js +16 -23
- package/src/plugins/tts/PageChunkIterator.js +11 -17
- package/src/plugins/tts/WebTTSEngine.js +88 -72
- package/src/plugins/tts/plugin.tts.js +310 -350
- package/src/plugins/tts/utils.js +16 -26
- package/src/plugins/url/UrlPlugin.js +191 -0
- package/src/plugins/{plugin.url.js → url/plugin.url.js} +47 -18
- package/src/util/browserSniffing.js +22 -0
- package/src/util/docCookies.js +21 -2
- package/src/util/strings.js +1 -0
- package/tests/e2e/README.md +37 -0
- package/tests/e2e/autoplay.test.js +9 -6
- package/tests/e2e/base.test.js +8 -16
- package/tests/e2e/helpers/base.js +55 -50
- package/tests/e2e/helpers/debug.js +1 -1
- package/tests/e2e/helpers/mockSearch.js +19 -22
- package/tests/e2e/helpers/params.js +17 -0
- package/tests/e2e/helpers/rightToLeft.js +8 -14
- package/tests/e2e/helpers/search.js +73 -0
- package/tests/e2e/models/Navigation.js +20 -37
- package/tests/e2e/rightToLeft.test.js +4 -5
- package/tests/e2e/viewmode.test.js +40 -33
- package/tests/jest/BookNavigator/book-navigator.test.js +661 -0
- package/tests/jest/BookNavigator/bookmarks/bookmark-button.test.js +43 -0
- package/tests/{karma → jest}/BookNavigator/bookmarks/bookmark-edit.test.js +25 -26
- package/tests/{karma → jest}/BookNavigator/bookmarks/bookmarks-list.test.js +41 -42
- package/tests/jest/BookNavigator/bookmarks/ia-bookmarks.test.js +45 -0
- package/tests/jest/BookNavigator/downloads/downloads-provider.test.js +67 -0
- package/tests/jest/BookNavigator/downloads/downloads.test.js +53 -0
- package/tests/jest/BookNavigator/search/search-provider.test.js +167 -0
- package/tests/{karma → jest}/BookNavigator/search/search-results.test.js +109 -60
- package/tests/jest/BookNavigator/sharing/sharing-provider.test.js +49 -0
- package/tests/jest/BookNavigator/viewable-files/viewable-files-provider.test.js +80 -0
- package/tests/jest/BookNavigator/visual-adjustments.test.js +200 -0
- package/tests/{BookReader → jest/BookReader}/BookModel.test.js +74 -14
- package/tests/jest/BookReader/BookReaderPublicFunctions.test.js +193 -0
- package/tests/{BookReader → jest/BookReader}/ImageCache.test.js +4 -4
- package/tests/jest/BookReader/Mode1UpLit.test.js +73 -0
- package/tests/jest/BookReader/Mode2Up.test.js +98 -0
- package/tests/jest/BookReader/Mode2UpLit.test.js +190 -0
- package/tests/jest/BookReader/ModeCoordinateSpace.test.js +16 -0
- package/tests/jest/BookReader/ModeSmoothZoom.test.js +218 -0
- package/tests/jest/BookReader/ModeThumb.test.js +71 -0
- package/tests/{BookReader → jest/BookReader}/Navbar/Navbar.test.js +42 -29
- package/tests/jest/BookReader/PageContainer.test.js +238 -0
- package/tests/{BookReader → jest/BookReader}/ReduceSet.test.js +1 -1
- package/tests/{BookReader → jest/BookReader}/Toolbar/Toolbar.test.js +3 -3
- package/tests/jest/BookReader/utils/HTMLDimensionsCacher.test.js +59 -0
- package/tests/jest/BookReader/utils/ScrollClassAdder.test.js +49 -0
- package/tests/jest/BookReader/utils/SelectionObserver.test.js +57 -0
- package/tests/{BookReader → jest/BookReader}/utils/classes.test.js +1 -1
- package/tests/jest/BookReader/utils.test.js +250 -0
- package/tests/jest/BookReader.keyboard.test.js +190 -0
- package/tests/{BookReader.options.test.js → jest/BookReader.options.test.js} +10 -2
- package/tests/{BookReader.test.js → jest/BookReader.test.js} +43 -53
- package/tests/jest/plugins/plugin.archive_analytics.test.js +20 -0
- package/tests/jest/plugins/plugin.autoplay.test.js +35 -0
- package/tests/jest/plugins/plugin.chapters.test.js +195 -0
- package/tests/{plugins → jest/plugins}/plugin.iframe.test.js +4 -4
- package/tests/{plugins → jest/plugins}/plugin.resume.test.js +22 -35
- package/tests/jest/plugins/plugin.text_selection.test.js +316 -0
- package/tests/{plugins → jest/plugins}/plugin.vendor-fullscreen.test.js +2 -2
- package/tests/{plugins → jest/plugins}/search/plugin.search.test.js +19 -47
- package/tests/{plugins → jest/plugins}/search/plugin.search.view.test.js +42 -9
- package/tests/jest/plugins/search/utils.js +25 -0
- package/tests/jest/plugins/search/utils.test.js +29 -0
- package/tests/{plugins → jest/plugins}/tts/AbstractTTSEngine.test.js +30 -10
- package/tests/{plugins → jest/plugins}/tts/FestivalTTSEngine.test.js +4 -4
- package/tests/{plugins → jest/plugins}/tts/PageChunk.test.js +1 -1
- package/tests/{plugins → jest/plugins}/tts/PageChunkIterator.test.js +3 -3
- package/tests/{plugins → jest/plugins}/tts/WebTTSEngine.test.js +47 -1
- package/tests/{plugins → jest/plugins}/tts/utils.test.js +1 -60
- package/tests/jest/plugins/url/UrlPlugin.test.js +198 -0
- package/tests/{plugins → jest/plugins/url}/plugin.url.test.js +57 -18
- package/tests/jest/setup.js +3 -0
- package/tests/{util → jest/util}/browserSniffing.test.js +1 -1
- package/tests/jest/util/docCookies.test.js +24 -0
- package/tests/{util → jest/util}/strings.test.js +1 -1
- package/tests/{utils.js → jest/utils.js} +38 -0
- package/webpack.config.js +16 -10
- package/.babelrc +0 -12
- package/.dependabot/config.yml +0 -6
- package/.testcaferc.json +0 -5
- package/BookReader/bookreader-component-bundle.js +0 -1450
- package/BookReader/bookreader-component-bundle.js.LICENSE.txt +0 -38
- package/BookReader/bookreader-component-bundle.js.map +0 -1
- package/BookReader/jquery-1.10.1.js +0 -2
- package/BookReader/jquery-1.10.1.js.LICENSE.txt +0 -24
- package/BookReader/plugins/plugin.menu_toggle.js +0 -2
- package/BookReader/plugins/plugin.menu_toggle.js.map +0 -1
- package/BookReader/plugins/plugin.mobile_nav.js +0 -2
- package/BookReader/plugins/plugin.mobile_nav.js.map +0 -1
- package/BookReaderDemo/BookReaderJSAutoplay.js +0 -56
- package/BookReaderDemo/IIIFBookReader.js +0 -207
- package/BookReaderDemo/bookreader-template-bundle.js +0 -7178
- package/BookReaderDemo/demo-autoplay.html +0 -38
- package/BookReaderDemo/demo-iiif.js +0 -26
- package/BookReaderDemo/demo-plugin-menu-toggle.html +0 -34
- package/karma.conf.js +0 -23
- package/src/BookNavigator/BookModel.js +0 -14
- package/src/BookNavigator/BookNavigator.js +0 -446
- package/src/BookNavigator/assets/book-loader.js +0 -27
- package/src/BookNavigator/br-fullscreen-mgr.js +0 -83
- package/src/BookNavigator/search/a-search-result.js +0 -55
- package/src/BookReader/DebugConsole.js +0 -54
- package/src/BookReaderComponent/BookReaderComponent.js +0 -112
- package/src/ItemNavigator/ItemNavigator.js +0 -376
- package/src/ItemNavigator/providers/sharing.js +0 -29
- package/src/css/_MobileNav.scss +0 -194
- package/src/dragscrollable-br.js +0 -261
- package/src/plugins/menu_toggle/plugin.menu_toggle.js +0 -324
- package/src/plugins/plugin.mobile_nav.js +0 -287
- package/tests/BookReader/BookReaderPublicFunctions.test.js +0 -171
- package/tests/BookReader/DebugConsole.test.js +0 -25
- package/tests/BookReader/Mode1Up.test.js +0 -164
- package/tests/BookReader/Mode2Up.test.js +0 -247
- package/tests/BookReader/PageContainer.test.js +0 -115
- package/tests/BookReader/utils.test.js +0 -109
- package/tests/e2e/helpers/desktopSearch.js +0 -72
- package/tests/e2e/helpers/mobileSearch.js +0 -85
- package/tests/e2e/ia-production/ia-prod-base.js +0 -17
- package/tests/karma/BookNavigator/book-navigator.test.js +0 -132
- package/tests/karma/BookNavigator/search/search-provider.test.js +0 -23
- package/tests/karma/BookNavigator/visual-adjustments.test.js +0 -201
- package/tests/plugins/menu_toggle/plugin.menu_toggle.test.js +0 -68
- package/tests/plugins/plugin.archive_analytics.test.js +0 -23
- package/tests/plugins/plugin.autoplay.test.js +0 -52
- package/tests/plugins/plugin.chapters.test.js +0 -130
- package/tests/plugins/plugin.mobile_nav.test.js +0 -66
- package/tests/plugins/plugin.text_selection.test.js +0 -203
- package/tests/util/docCookies.test.js +0 -15
@@ -1,3 +1,4 @@
|
|
1
|
+
@charset "UTF-8";
|
1
2
|
/* Variables */
|
2
3
|
/* COLORBOX POP-UP */
|
3
4
|
#colorbox, #cboxOverlay, #cboxWrapper {
|
@@ -76,12 +77,12 @@
|
|
76
77
|
background: transparent;
|
77
78
|
}
|
78
79
|
|
79
|
-
.shift {
|
80
|
+
.br-colorbox-shift {
|
80
81
|
position: absolute !important;
|
81
82
|
left: -10000px !important;
|
82
83
|
}
|
83
84
|
|
84
|
-
.BookReader, .
|
85
|
+
.BookReader, .BRfloat {
|
85
86
|
/* Shared root element rules */
|
86
87
|
font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
|
87
88
|
font-size: 14px;
|
@@ -91,27 +92,24 @@
|
|
91
92
|
/* Desktop-only */
|
92
93
|
/* Element-level rules */
|
93
94
|
}
|
94
|
-
.BookReader .larger, .
|
95
|
+
.BookReader .larger, .BRfloat .larger {
|
95
96
|
font-size: 1.2em;
|
96
97
|
}
|
97
98
|
@media (min-width: 801px) {
|
98
|
-
.BookReader .mv20-lg, .
|
99
|
+
.BookReader .mv20-lg, .BRfloat .mv20-lg {
|
99
100
|
margin-top: 20px;
|
100
101
|
margin-bottom: 20px;
|
101
102
|
}
|
102
103
|
}
|
103
|
-
.BookReader h3, .
|
104
|
+
.BookReader h3, .BRfloat h3 {
|
104
105
|
font-size: 20px;
|
105
106
|
font-weight: 700;
|
106
107
|
color: #dedede;
|
107
108
|
}
|
108
|
-
.BookReader
|
109
|
-
outline: none;
|
110
|
-
}
|
111
|
-
.BookReader button, .BRmobileMenu button, .BRfloat button {
|
109
|
+
.BookReader button, .BRfloat button {
|
112
110
|
cursor: pointer;
|
113
111
|
}
|
114
|
-
.BookReader a.logo, .
|
112
|
+
.BookReader a.logo, .BRfloat a.logo {
|
115
113
|
display: inline-block;
|
116
114
|
width: auto;
|
117
115
|
height: 100%;
|
@@ -126,6 +124,7 @@
|
|
126
124
|
position: relative;
|
127
125
|
overflow: hidden;
|
128
126
|
background-color: black;
|
127
|
+
contain: strict;
|
129
128
|
}
|
130
129
|
|
131
130
|
.BRcontainer {
|
@@ -204,7 +203,7 @@
|
|
204
203
|
display: block;
|
205
204
|
}
|
206
205
|
.BRshare button[type=button].share-finished {
|
207
|
-
background-color:
|
206
|
+
background-color: rgb(74, 144, 226);
|
208
207
|
border: 0;
|
209
208
|
color: white;
|
210
209
|
border-radius: 3px;
|
@@ -227,13 +226,13 @@
|
|
227
226
|
}
|
228
227
|
|
229
228
|
.BRinfoMoreInfoWrapper {
|
230
|
-
background-color:
|
229
|
+
background-color: rgb(74, 144, 226);
|
231
230
|
border-radius: 2px;
|
232
231
|
padding: 8px;
|
233
232
|
text-align: center;
|
234
233
|
}
|
235
234
|
.BRinfoMoreInfoWrapper:active {
|
236
|
-
background-color:
|
235
|
+
background-color: rgb(80, 155, 242);
|
237
236
|
}
|
238
237
|
|
239
238
|
.BRinfoOtherFormats {
|
@@ -284,10 +283,10 @@ body.BRfullscreenActive .mm-menu {
|
|
284
283
|
line-height: 1;
|
285
284
|
}
|
286
285
|
.BRaction:active {
|
287
|
-
background-color:
|
286
|
+
background-color: rgb(171, 171, 171);
|
288
287
|
}
|
289
288
|
.BRaction.default {
|
290
|
-
background-color:
|
289
|
+
background-color: rgb(193, 193, 193);
|
291
290
|
color: white;
|
292
291
|
}
|
293
292
|
.BRaction.primary {
|
@@ -302,7 +301,7 @@ body.BRfullscreenActive .mm-menu {
|
|
302
301
|
color: orange;
|
303
302
|
}
|
304
303
|
.BRaction.orangeButton:active {
|
305
|
-
border-color:
|
304
|
+
border-color: rgb(249, 198, 19);
|
306
305
|
}
|
307
306
|
.BRaction.skinny {
|
308
307
|
min-width: 50px;
|
@@ -322,51 +321,42 @@ body.BRfullscreenActive .mm-menu {
|
|
322
321
|
.BRinfoLeftCol {
|
323
322
|
font-size: 14px;
|
324
323
|
}
|
325
|
-
|
326
324
|
.BRimageW {
|
327
325
|
text-align: center;
|
328
326
|
margin-bottom: 10px;
|
329
327
|
}
|
330
|
-
|
331
328
|
.BRimageW img {
|
332
329
|
height: 200px;
|
333
330
|
width: auto;
|
334
331
|
}
|
335
|
-
|
336
332
|
.BRinfoValue.larger {
|
337
333
|
font-size: 16px;
|
338
334
|
}
|
339
|
-
|
340
335
|
.BRinfoMoreInfoWrapper a {
|
341
336
|
font-size: inherit;
|
342
337
|
color: white;
|
343
338
|
text-decoration: none;
|
344
339
|
}
|
345
|
-
|
346
340
|
.BRinfoOtherFormatsFormat {
|
347
341
|
margin-bottom: 6px;
|
348
342
|
}
|
349
|
-
|
350
343
|
.BRinfoFooter {
|
351
344
|
margin-bottom: 10px;
|
352
345
|
text-align: left;
|
353
346
|
}
|
354
|
-
|
355
347
|
.BRinfoFooter a {
|
356
348
|
display: block;
|
357
349
|
}
|
358
|
-
|
359
350
|
.BRfloatFoot.BRinfoFooter {
|
360
351
|
margin: initial;
|
361
352
|
padding: initial;
|
362
353
|
border: initial;
|
363
354
|
font-size: inherit;
|
364
355
|
}
|
365
|
-
|
366
|
-
.BookReader .fieldset-embed, .BRmobileMenu .fieldset-embed, .BRfloat .fieldset-embed {
|
356
|
+
.BookReader .fieldset-embed, .BRfloat .fieldset-embed {
|
367
357
|
display: none;
|
368
358
|
}
|
369
|
-
.BookReader .BRaction, .
|
359
|
+
.BookReader .BRaction, .BRfloat .BRaction {
|
370
360
|
padding: 8px 10px;
|
371
361
|
margin-left: 0;
|
372
362
|
margin-bottom: 10px;
|
@@ -379,57 +369,47 @@ body.BRfullscreenActive .mm-menu {
|
|
379
369
|
position: relative;
|
380
370
|
padding: 15px;
|
381
371
|
}
|
382
|
-
|
383
372
|
.BRinfoLeftCol {
|
384
373
|
float: left;
|
385
374
|
width: 40%;
|
386
375
|
min-height: 1px;
|
387
376
|
}
|
388
|
-
|
389
377
|
.BRinfoRightCol {
|
390
378
|
float: left;
|
391
379
|
width: 58%;
|
392
380
|
}
|
393
|
-
|
394
381
|
.BRimageW {
|
395
382
|
text-align: center;
|
396
383
|
margin-bottom: 10px;
|
397
384
|
margin-right: 26px;
|
398
385
|
}
|
399
|
-
|
400
386
|
.BRimageW img {
|
401
387
|
height: auto;
|
402
388
|
width: 100%;
|
403
389
|
}
|
404
|
-
|
405
390
|
.BRinfoValue.larger {
|
406
391
|
font-size: 20px;
|
407
392
|
line-height: 1.2;
|
408
393
|
}
|
409
|
-
|
410
394
|
.BRinfoMoreInfoWrapper a {
|
411
395
|
font-size: 14px;
|
412
396
|
color: white;
|
413
397
|
text-decoration: none;
|
414
398
|
font-weight: bold;
|
415
399
|
}
|
416
|
-
|
417
400
|
.BRinfoOtherFormatsFormat {
|
418
401
|
display: inline;
|
419
402
|
margin-right: 10px;
|
420
403
|
}
|
421
|
-
|
422
404
|
.BRinfoFooter {
|
423
405
|
font-size: 1em;
|
424
406
|
clear: both;
|
425
407
|
}
|
426
|
-
|
427
408
|
.BRinfoFooter a {
|
428
409
|
display: inline;
|
429
410
|
margin-right: 10px;
|
430
411
|
}
|
431
|
-
|
432
|
-
.BookReader .BRaction, .BRmobileMenu .BRaction, .BRfloat .BRaction {
|
412
|
+
.BookReader .BRaction, .BRfloat .BRaction {
|
433
413
|
padding: 8px 16px;
|
434
414
|
}
|
435
415
|
}
|
@@ -441,6 +421,23 @@ body.BRfullscreenActive .mm-menu {
|
|
441
421
|
background-color: white;
|
442
422
|
}
|
443
423
|
|
424
|
+
.BRfullscreenAnimation .br-mode-2up__book {
|
425
|
+
transition: transform 0.2s ease-in-out;
|
426
|
+
}
|
427
|
+
|
428
|
+
.fullscreenActive.BRmodeThumb .BRcontainer,
|
429
|
+
.fullscreenActive.BRmode1up .BRcontainer {
|
430
|
+
animation: flash 0.3s ease-in-out;
|
431
|
+
}
|
432
|
+
|
433
|
+
@keyframes flash {
|
434
|
+
0% {
|
435
|
+
opacity: 0;
|
436
|
+
}
|
437
|
+
100% {
|
438
|
+
opacity: 1;
|
439
|
+
}
|
440
|
+
}
|
444
441
|
.BRpageview {
|
445
442
|
position: relative;
|
446
443
|
margin: auto;
|
@@ -453,7 +450,7 @@ body.BRfullscreenActive .mm-menu {
|
|
453
450
|
border: 0;
|
454
451
|
}
|
455
452
|
|
456
|
-
.BRmodeThumb .BRpagecontainer, .
|
453
|
+
.BRmodeThumb .BRpagecontainer, .BRmode2up .BRpagecontainer {
|
457
454
|
cursor: pointer;
|
458
455
|
}
|
459
456
|
|
@@ -461,10 +458,29 @@ body.BRfullscreenActive .mm-menu {
|
|
461
458
|
cursor: unset;
|
462
459
|
}
|
463
460
|
|
461
|
+
.br-mode-1up__root {
|
462
|
+
display: block;
|
463
|
+
overflow: auto;
|
464
|
+
position: relative;
|
465
|
+
width: 100%;
|
466
|
+
height: 100%;
|
467
|
+
contain: strict;
|
468
|
+
}
|
469
|
+
.br-mode-1up__root .br-mode-1up__world {
|
470
|
+
position: absolute;
|
471
|
+
transform-origin: 0 0;
|
472
|
+
}
|
473
|
+
.br-mode-1up__root .br-mode-1up__visible-world {
|
474
|
+
position: absolute;
|
475
|
+
transform-origin: 0 0;
|
476
|
+
}
|
477
|
+
|
464
478
|
.BRpagecontainer {
|
465
479
|
position: relative;
|
466
480
|
overflow: hidden;
|
467
481
|
background: #FEFDEB;
|
482
|
+
overflow: hidden;
|
483
|
+
overflow: clip;
|
468
484
|
}
|
469
485
|
.BRpagecontainer img {
|
470
486
|
position: absolute;
|
@@ -484,6 +500,20 @@ body.BRfullscreenActive .mm-menu {
|
|
484
500
|
.BRpagecontainer.BRpageloading img {
|
485
501
|
color: transparent;
|
486
502
|
}
|
503
|
+
.BRpagecontainer.BRpageloading img:not([src]) {
|
504
|
+
display: none;
|
505
|
+
}
|
506
|
+
.BRpagecontainer.BRpageloading::after {
|
507
|
+
display: block;
|
508
|
+
content: "";
|
509
|
+
width: 20px;
|
510
|
+
height: 20px;
|
511
|
+
position: absolute;
|
512
|
+
left: 50%;
|
513
|
+
top: 50%;
|
514
|
+
transform: translate(-50%, -50%);
|
515
|
+
background: url("images/loading.gif") center/20px no-repeat;
|
516
|
+
}
|
487
517
|
.BRpagecontainer.BRemptypage {
|
488
518
|
background: transparent;
|
489
519
|
}
|
@@ -491,61 +521,127 @@ body.BRfullscreenActive .mm-menu {
|
|
491
521
|
background-image: none;
|
492
522
|
}
|
493
523
|
|
494
|
-
.
|
524
|
+
svg.BRPageLayer {
|
495
525
|
position: absolute;
|
496
|
-
|
497
|
-
|
526
|
+
top: 0;
|
527
|
+
left: 0;
|
528
|
+
right: 0;
|
529
|
+
bottom: 0;
|
498
530
|
}
|
499
531
|
|
500
|
-
.
|
501
|
-
|
502
|
-
-webkit-filter: grayscale(100%);
|
503
|
-
filter: grayscale(100%);
|
532
|
+
.BRpageFlipping .BRPageLayer {
|
533
|
+
display: none;
|
504
534
|
}
|
505
535
|
|
506
|
-
.
|
507
|
-
|
508
|
-
|
509
|
-
|
510
|
-
|
511
|
-
position: absolute;
|
512
|
-
cursor: pointer;
|
536
|
+
.br-mode-2up__root {
|
537
|
+
display: block;
|
538
|
+
overflow: auto;
|
539
|
+
width: 100%;
|
540
|
+
height: 100%;
|
513
541
|
}
|
514
542
|
|
515
|
-
.
|
516
|
-
|
517
|
-
|
518
|
-
|
519
|
-
|
520
|
-
|
543
|
+
.br-mode-2up__book {
|
544
|
+
position: relative;
|
545
|
+
transform-origin: 0 0;
|
546
|
+
width: 0px;
|
547
|
+
height: 0px;
|
548
|
+
}
|
549
|
+
|
550
|
+
.BRmode2up {
|
551
|
+
transition: opacity 0.2s;
|
552
|
+
}
|
553
|
+
|
554
|
+
.BRmode2up .BRpagecontainer {
|
555
|
+
backface-visibility: hidden;
|
556
|
+
}
|
557
|
+
.BRmode2up .BRpagecontainer:not(.BRpage-visible) {
|
558
|
+
display: none;
|
559
|
+
}
|
560
|
+
|
561
|
+
.br-mode-2up__leafs {
|
521
562
|
position: absolute;
|
522
563
|
cursor: pointer;
|
564
|
+
top: 0;
|
565
|
+
transform-style: preserve-3d;
|
523
566
|
}
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
|
530
|
-
|
567
|
+
.br-mode-2up__leafs[side=left] {
|
568
|
+
border-radius: 4px 0 0 4px;
|
569
|
+
}
|
570
|
+
.br-mode-2up__leafs[side=left] .br-leaf-edges__label {
|
571
|
+
padding-right: 10px;
|
572
|
+
border-radius: 4px 0 0 4px;
|
573
|
+
}
|
574
|
+
.br-mode-2up__leafs[side=right] {
|
575
|
+
border-radius: 0 4px 4px 0;
|
576
|
+
}
|
577
|
+
.br-mode-2up__leafs[side=right] .br-leaf-edges__label {
|
578
|
+
padding-left: 20px;
|
579
|
+
border-radius: 0 4px 4px 0;
|
580
|
+
}
|
581
|
+
.br-mode-2up__leafs.br-mode-2up__leafs--flipping {
|
582
|
+
z-index: 200000;
|
583
|
+
transition: transform 5s;
|
584
|
+
transition-timing-function: ease-in-out;
|
585
|
+
border-radius: 0;
|
586
|
+
}
|
587
|
+
.br-mode-2up__leafs.br-mode-2up__leafs--flipping:before {
|
588
|
+
content: "";
|
589
|
+
display: block;
|
590
|
+
width: 100%;
|
591
|
+
height: 100%;
|
531
592
|
position: absolute;
|
593
|
+
transform: rotateY(-90deg);
|
532
594
|
}
|
533
|
-
|
534
|
-
.
|
535
|
-
|
595
|
+
.br-mode-2up__leafs, .br-mode-2up__leafs.br-mode-2up__leafs--flipping::before {
|
596
|
+
background: transparent url(images/back_pages.png) repeat scroll 0% 0%;
|
597
|
+
}
|
598
|
+
.br-mode-2up__leafs .br-leaf-edges__bar {
|
599
|
+
display: none;
|
600
|
+
pointer-events: none;
|
536
601
|
position: absolute;
|
537
|
-
|
602
|
+
top: 0;
|
603
|
+
bottom: 0;
|
604
|
+
min-width: 1px;
|
605
|
+
background-color: #9A9B9D;
|
606
|
+
opacity: 0.85;
|
607
|
+
transform: translateX(-50%);
|
538
608
|
}
|
539
|
-
|
540
|
-
|
541
|
-
|
609
|
+
.br-mode-2up__leafs .br-leaf-edges__label {
|
610
|
+
display: none;
|
611
|
+
pointer-events: none;
|
612
|
+
z-index: 1000;
|
542
613
|
position: absolute;
|
543
|
-
|
614
|
+
padding: 6px;
|
544
615
|
color: white;
|
545
616
|
background-color: #9A9B9D;
|
546
617
|
opacity: 0.85;
|
547
|
-
border-radius: 4px;
|
548
618
|
white-space: nowrap;
|
619
|
+
transform: translateY(-10px);
|
620
|
+
}
|
621
|
+
|
622
|
+
.br-mode-2up--flipping-left .BRpage-entering[data-side=R] {
|
623
|
+
z-index: 10;
|
624
|
+
transform-origin: left;
|
625
|
+
transform: rotateY(0deg);
|
626
|
+
}
|
627
|
+
.br-mode-2up--flipping-left .BRpage-exiting[data-side=L] {
|
628
|
+
z-index: 10;
|
629
|
+
transform-origin: right;
|
630
|
+
}
|
631
|
+
.br-mode-2up--flipping-left .BRpage-exiting[data-side=R] {
|
632
|
+
z-index: 9;
|
633
|
+
}
|
634
|
+
|
635
|
+
.br-mode-2up--flipping-right .BRpage-entering[data-side=L] {
|
636
|
+
z-index: 10;
|
637
|
+
transform-origin: right;
|
638
|
+
}
|
639
|
+
.br-mode-2up--flipping-right .BRpage-exiting[data-side=R] {
|
640
|
+
z-index: 10;
|
641
|
+
transform-origin: left;
|
642
|
+
}
|
643
|
+
.br-mode-2up--flipping-right .BRpage-exiting[data-side=L] {
|
644
|
+
z-index: 9;
|
549
645
|
}
|
550
646
|
|
551
647
|
.BRToolbarButton, .BRicon {
|
@@ -616,10 +712,10 @@ i.BRicon {
|
|
616
712
|
}
|
617
713
|
|
618
714
|
.BRicon.read {
|
715
|
+
transition-property: background-color, border, background-position;
|
619
716
|
width: 34px;
|
620
717
|
height: 34px;
|
621
718
|
background-position: -203px center;
|
622
|
-
transition-property: background-color, border, background-position;
|
623
719
|
}
|
624
720
|
@media (max-width: 800px) {
|
625
721
|
.BRicon.read {
|
@@ -630,10 +726,10 @@ i.BRicon {
|
|
630
726
|
}
|
631
727
|
|
632
728
|
.BRicon.unread {
|
729
|
+
transition-property: background-color, border, background-position;
|
633
730
|
width: 34px;
|
634
731
|
height: 34px;
|
635
732
|
background-position: -283px center;
|
636
|
-
transition-property: background-color, border, background-position;
|
637
733
|
}
|
638
734
|
@media (max-width: 800px) {
|
639
735
|
.BRicon.unread {
|
@@ -725,7 +821,7 @@ i.BRicon {
|
|
725
821
|
* BRfloat is the modal popup used in bookreader
|
726
822
|
*/
|
727
823
|
.BRfloat {
|
728
|
-
color:
|
824
|
+
color: rgb(52, 52, 52);
|
729
825
|
}
|
730
826
|
|
731
827
|
.BRfloat a.title {
|
@@ -881,14 +977,13 @@ i.BRicon {
|
|
881
977
|
/* Desktop Only */
|
882
978
|
@media (min-width: 801px) {
|
883
979
|
.BRfloat .message,
|
884
|
-
.BRfloatBody {
|
980
|
+
.BRfloatBody {
|
885
981
|
padding: 10px 15px 10px 15px;
|
886
982
|
font-size: 16px;
|
887
983
|
line-height: normal;
|
888
984
|
margin-top: 0;
|
889
985
|
margin-bottom: 0px;
|
890
986
|
}
|
891
|
-
|
892
987
|
.BRfloatHead {
|
893
988
|
box-sizing: border-box;
|
894
989
|
line-height: normal;
|
@@ -896,9 +991,8 @@ i.BRicon {
|
|
896
991
|
font-size: 16px;
|
897
992
|
font-weight: 700;
|
898
993
|
text-align: center;
|
899
|
-
border-bottom: 1px solid
|
994
|
+
border-bottom: 1px solid rgb(216, 216, 216);
|
900
995
|
}
|
901
|
-
|
902
996
|
.BRfloatFoot {
|
903
997
|
padding: 10px;
|
904
998
|
margin-bottom: 10px;
|
@@ -909,25 +1003,22 @@ i.BRicon {
|
|
909
1003
|
.BRfloatBody {
|
910
1004
|
padding: 10px 10px;
|
911
1005
|
}
|
912
|
-
|
913
1006
|
.BRfloat .message,
|
914
|
-
.BRfloatBody,
|
915
|
-
.BRfloatHead {
|
1007
|
+
.BRfloatBody,
|
1008
|
+
.BRfloatHead {
|
916
1009
|
box-sizing: border-box;
|
917
1010
|
line-height: normal;
|
918
|
-
border-bottom: 1px solid
|
1011
|
+
border-bottom: 1px solid rgb(216, 216, 216);
|
919
1012
|
padding: 10px;
|
920
1013
|
min-height: initial;
|
921
1014
|
font-size: 14px;
|
922
1015
|
font-weight: 700;
|
923
1016
|
text-align: center;
|
924
1017
|
}
|
925
|
-
|
926
1018
|
.BRfloatFoot {
|
927
1019
|
padding: 10px 10px 0 10px;
|
928
1020
|
border-top: 1px solid #ccc;
|
929
1021
|
}
|
930
|
-
|
931
1022
|
.BRfloatFoot .BRaction {
|
932
1023
|
margin-bottom: 10px;
|
933
1024
|
}
|
@@ -937,7 +1028,6 @@ i.BRicon {
|
|
937
1028
|
max-width: initial;
|
938
1029
|
width: 455px;
|
939
1030
|
}
|
940
|
-
|
941
1031
|
.BRfloat.wide {
|
942
1032
|
max-width: initial;
|
943
1033
|
width: 555px;
|
@@ -961,11 +1051,11 @@ i.BRicon {
|
|
961
1051
|
@keyframes fadeUp {
|
962
1052
|
from {
|
963
1053
|
opacity: 0;
|
964
|
-
|
1054
|
+
translate: 0 10px;
|
965
1055
|
}
|
966
1056
|
to {
|
967
1057
|
opacity: 1;
|
968
|
-
|
1058
|
+
translate: 0 0;
|
969
1059
|
}
|
970
1060
|
}
|
971
1061
|
.BRfooter {
|
@@ -989,13 +1079,14 @@ i.BRicon {
|
|
989
1079
|
border: none;
|
990
1080
|
border-radius: 2px;
|
991
1081
|
background: transparent;
|
992
|
-
outline: none;
|
993
|
-
}
|
994
|
-
.BRfooter button:hover .tooltip {
|
995
|
-
display: block;
|
996
1082
|
}
|
997
|
-
|
998
|
-
|
1083
|
+
@media (hover: hover) {
|
1084
|
+
.BRfooter button {
|
1085
|
+
/* styles to apply on devices that support hover */
|
1086
|
+
}
|
1087
|
+
.BRfooter button:hover .BRtooltip {
|
1088
|
+
display: block;
|
1089
|
+
}
|
999
1090
|
}
|
1000
1091
|
|
1001
1092
|
.BRReadAloudToolbar {
|
@@ -1009,7 +1100,6 @@ i.BRicon {
|
|
1009
1100
|
animation: fadeUp 0.2s;
|
1010
1101
|
background-color: #333;
|
1011
1102
|
color: white;
|
1012
|
-
/* Full mobile styles */
|
1013
1103
|
}
|
1014
1104
|
.BRReadAloudToolbar a {
|
1015
1105
|
color: white;
|
@@ -1047,84 +1137,6 @@ i.BRicon {
|
|
1047
1137
|
.BRReadAloudToolbar .BRnavCntlBtm:hover {
|
1048
1138
|
background-color: #0074D1;
|
1049
1139
|
}
|
1050
|
-
.BRReadAloudToolbar.BRnavEmbed {
|
1051
|
-
background-color: white;
|
1052
|
-
color: black;
|
1053
|
-
}
|
1054
|
-
.BRReadAloudToolbar.BRnavEmbed a {
|
1055
|
-
color: black;
|
1056
|
-
}
|
1057
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpager.ui-slider {
|
1058
|
-
background: #B7B7B7;
|
1059
|
-
}
|
1060
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpager.ui-slider .ui-slider-handle {
|
1061
|
-
background: #0074D1;
|
1062
|
-
}
|
1063
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpager.ui-slider .ui-slider-range {
|
1064
|
-
background: rgba(0, 116, 209, 0.25);
|
1065
|
-
}
|
1066
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpage .BRicon {
|
1067
|
-
border-left: 1px solid #979797;
|
1068
|
-
}
|
1069
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpage .BRicon.activated {
|
1070
|
-
background-color: rgba(0, 116, 209, 0.4);
|
1071
|
-
}
|
1072
|
-
.BRReadAloudToolbar.BRnavEmbed .BRpage .BRicon.activated:before {
|
1073
|
-
content: "";
|
1074
|
-
top: 0;
|
1075
|
-
left: 0;
|
1076
|
-
width: 100%;
|
1077
|
-
height: 100%;
|
1078
|
-
box-sizing: border-box;
|
1079
|
-
display: block;
|
1080
|
-
border: 3px solid rgba(0, 116, 209, 0.3);
|
1081
|
-
}
|
1082
|
-
.BRReadAloudToolbar.BRnavEmbed .BRnavCntl {
|
1083
|
-
background-color: #979797;
|
1084
|
-
}
|
1085
|
-
.BRReadAloudToolbar.BRnavEmbed .BRnavCntlBtm:hover {
|
1086
|
-
background-color: #0074D1;
|
1087
|
-
}
|
1088
|
-
@media (max-width: 800px) {
|
1089
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar {
|
1090
|
-
background-color: white;
|
1091
|
-
color: black;
|
1092
|
-
}
|
1093
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar a, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar a {
|
1094
|
-
color: black;
|
1095
|
-
}
|
1096
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider {
|
1097
|
-
background: #B7B7B7;
|
1098
|
-
}
|
1099
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-handle, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-handle {
|
1100
|
-
background: #0074D1;
|
1101
|
-
}
|
1102
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-range, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-range {
|
1103
|
-
background: rgba(0, 116, 209, 0.25);
|
1104
|
-
}
|
1105
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon {
|
1106
|
-
border-left: 1px solid #979797;
|
1107
|
-
}
|
1108
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon.activated, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon.activated {
|
1109
|
-
background-color: rgba(0, 116, 209, 0.4);
|
1110
|
-
}
|
1111
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon.activated:before, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon.activated:before {
|
1112
|
-
content: "";
|
1113
|
-
top: 0;
|
1114
|
-
left: 0;
|
1115
|
-
width: 100%;
|
1116
|
-
height: 100%;
|
1117
|
-
box-sizing: border-box;
|
1118
|
-
display: block;
|
1119
|
-
border: 3px solid rgba(0, 116, 209, 0.3);
|
1120
|
-
}
|
1121
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRnavCntl, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRnavCntl {
|
1122
|
-
background-color: #979797;
|
1123
|
-
}
|
1124
|
-
.BRbodyMobileNavEnabled .BRReadAloudToolbar .BRnavCntlBtm:hover, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRnavCntlBtm:hover {
|
1125
|
-
background-color: #0074D1;
|
1126
|
-
}
|
1127
|
-
}
|
1128
1140
|
.BRReadAloudToolbar--controls {
|
1129
1141
|
display: flex;
|
1130
1142
|
}
|
@@ -1175,8 +1187,7 @@ i.BRicon {
|
|
1175
1187
|
appearance: none;
|
1176
1188
|
border: 0;
|
1177
1189
|
text-align: center;
|
1178
|
-
text-align-last: center;
|
1179
|
-
/* Chrome */
|
1190
|
+
text-align-last: center; /* Chrome */
|
1180
1191
|
padding-top: 60%;
|
1181
1192
|
padding-left: 10%;
|
1182
1193
|
padding-right: 10%;
|
@@ -1205,23 +1216,6 @@ i.BRicon {
|
|
1205
1216
|
color: white;
|
1206
1217
|
/* Full mobile styles */
|
1207
1218
|
}
|
1208
|
-
.BRnav.BRnavEmbed {
|
1209
|
-
padding-top: 0;
|
1210
|
-
height: auto;
|
1211
|
-
align-items: center;
|
1212
|
-
}
|
1213
|
-
.BRnav.BRnavEmbed .BRembedreturn {
|
1214
|
-
flex: 1 auto;
|
1215
|
-
overflow-x: hidden;
|
1216
|
-
}
|
1217
|
-
.BRnav.BRnavEmbed .logo {
|
1218
|
-
display: inline-block;
|
1219
|
-
width: 25px;
|
1220
|
-
height: 25px;
|
1221
|
-
margin: 0 10px;
|
1222
|
-
background: transparent url(images/icon_home.svg) no-repeat center center;
|
1223
|
-
background-size: contain;
|
1224
|
-
}
|
1225
1219
|
.BRnav a {
|
1226
1220
|
color: white;
|
1227
1221
|
}
|
@@ -1292,8 +1286,7 @@ i.BRicon {
|
|
1292
1286
|
height: 20px;
|
1293
1287
|
border-radius: 50%;
|
1294
1288
|
top: -5px;
|
1295
|
-
margin-left: -9px;
|
1296
|
-
/* Center icon */
|
1289
|
+
margin-left: -9px; /* Center icon */
|
1297
1290
|
z-index: 6;
|
1298
1291
|
border: none;
|
1299
1292
|
}
|
@@ -1377,11 +1370,9 @@ i.BRicon {
|
|
1377
1370
|
.BRnavline .BRchapter {
|
1378
1371
|
display: none;
|
1379
1372
|
}
|
1380
|
-
|
1381
1373
|
.BRnavCntlBtm {
|
1382
1374
|
bottom: 34px;
|
1383
1375
|
}
|
1384
|
-
|
1385
1376
|
.BRpager.ui-slider {
|
1386
1377
|
height: 10px;
|
1387
1378
|
top: 12px;
|
@@ -1438,8 +1429,6 @@ i.BRicon {
|
|
1438
1429
|
|
1439
1430
|
.BRtoolbarbuttons {
|
1440
1431
|
white-space: nowrap;
|
1441
|
-
text-align: right;
|
1442
|
-
border-spacing: 0;
|
1443
1432
|
box-sizing: border-box;
|
1444
1433
|
display: flex;
|
1445
1434
|
flex-direction: row;
|
@@ -1472,13 +1461,11 @@ i.BRicon {
|
|
1472
1461
|
}
|
1473
1462
|
|
1474
1463
|
.BRtoolbarLeft {
|
1475
|
-
text-align: left;
|
1476
1464
|
flex: 1 auto;
|
1477
1465
|
overflow-y: hidden;
|
1478
1466
|
}
|
1479
1467
|
|
1480
1468
|
.BRtoolbarRight {
|
1481
|
-
text-align: right;
|
1482
1469
|
flex: none;
|
1483
1470
|
}
|
1484
1471
|
|
@@ -1489,72 +1476,114 @@ i.BRicon {
|
|
1489
1476
|
box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.25);
|
1490
1477
|
}
|
1491
1478
|
}
|
1492
|
-
|
1479
|
+
ia-bookreader .BRtoolbar {
|
1480
|
+
padding-left: 50px;
|
1481
|
+
}
|
1482
|
+
|
1483
|
+
.BookReader .BRquery, .BRfloat .BRquery, .BookReader .BRchapter > div, .BRfloat .BRchapter > div {
|
1493
1484
|
display: none;
|
1494
1485
|
position: absolute;
|
1495
1486
|
bottom: calc(100% + 5px);
|
1496
|
-
left:
|
1497
|
-
|
1498
|
-
width:
|
1487
|
+
left: -14px;
|
1488
|
+
width: 350px;
|
1489
|
+
max-width: 100vw;
|
1499
1490
|
padding: 12px 14px;
|
1491
|
+
padding-bottom: 10px;
|
1500
1492
|
color: #fff;
|
1501
|
-
font-weight: bold;
|
1502
1493
|
background: #333;
|
1503
1494
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
1495
|
+
border-radius: 4px;
|
1496
|
+
animation: fadeUp 0.2s;
|
1497
|
+
-webkit-user-select: none;
|
1498
|
+
-moz-user-select: none;
|
1499
|
+
-ms-user-select: none;
|
1500
|
+
-o-user-select: none;
|
1501
|
+
user-select: none;
|
1504
1502
|
}
|
1505
|
-
.BookReader .BRquery:after, .
|
1506
|
-
display: none;
|
1503
|
+
.BookReader .BRquery:after, .BRfloat .BRquery:after, .BookReader .BRchapter > div:after, .BRfloat .BRchapter > div:after {
|
1507
1504
|
position: absolute;
|
1508
|
-
top: 100%;
|
1509
|
-
left: 50%;
|
1510
|
-
transform: translateX(-50%);
|
1511
1505
|
content: "";
|
1512
|
-
|
1513
|
-
|
1514
|
-
|
1515
|
-
|
1506
|
+
bottom: -9px;
|
1507
|
+
left: 0;
|
1508
|
+
width: 30px;
|
1509
|
+
height: 10px;
|
1510
|
+
clip-path: polygon(0 0, 100% 0, 50% 100%);
|
1516
1511
|
}
|
1517
1512
|
|
1518
|
-
.BookReader .
|
1519
|
-
|
1520
|
-
|
1521
|
-
|
1522
|
-
|
1523
|
-
|
1524
|
-
|
1525
|
-
animation:
|
1513
|
+
.BookReader .searchHiliteLayer, .BookReader .ttsHiliteLayer, .BRfloat .searchHiliteLayer, .BRfloat .ttsHiliteLayer {
|
1514
|
+
pointer-events: none;
|
1515
|
+
}
|
1516
|
+
.BookReader .searchHiliteLayer rect, .BookReader .ttsHiliteLayer rect, .BRfloat .searchHiliteLayer rect, .BRfloat .ttsHiliteLayer rect {
|
1517
|
+
fill: rgba(0, 0, 255, 0.2);
|
1518
|
+
}
|
1519
|
+
.BookReader .searchHiliteLayer rect, .BRfloat .searchHiliteLayer rect {
|
1520
|
+
animation: highlightFocus 600ms 1 reverse;
|
1521
|
+
stroke: blue;
|
1522
|
+
stroke-width: 4px;
|
1526
1523
|
}
|
1527
|
-
.BookReader .
|
1524
|
+
.BookReader .searchHiliteLayer rect:nth-child(1), .BRfloat .searchHiliteLayer rect:nth-child(1) {
|
1525
|
+
animation-delay: 0ms;
|
1526
|
+
}
|
1527
|
+
.BookReader .searchHiliteLayer rect:nth-child(2), .BRfloat .searchHiliteLayer rect:nth-child(2) {
|
1528
|
+
animation-delay: 50ms;
|
1529
|
+
}
|
1530
|
+
.BookReader .searchHiliteLayer rect:nth-child(3), .BRfloat .searchHiliteLayer rect:nth-child(3) {
|
1531
|
+
animation-delay: 100ms;
|
1532
|
+
}
|
1533
|
+
.BookReader .searchHiliteLayer rect:nth-child(4), .BRfloat .searchHiliteLayer rect:nth-child(4) {
|
1534
|
+
animation-delay: 150ms;
|
1535
|
+
}
|
1536
|
+
.BookReader .searchHiliteLayer rect:nth-child(5), .BRfloat .searchHiliteLayer rect:nth-child(5) {
|
1537
|
+
animation-delay: 200ms;
|
1538
|
+
}
|
1539
|
+
.BookReader .searchHiliteLayer rect:nth-child(6), .BRfloat .searchHiliteLayer rect:nth-child(6) {
|
1540
|
+
animation-delay: 250ms;
|
1541
|
+
}
|
1542
|
+
.BookReader .searchHiliteLayer rect:nth-child(7), .BRfloat .searchHiliteLayer rect:nth-child(7) {
|
1543
|
+
animation-delay: 300ms;
|
1544
|
+
}
|
1545
|
+
.BookReader .searchHiliteLayer rect:nth-child(8), .BRfloat .searchHiliteLayer rect:nth-child(8) {
|
1546
|
+
animation-delay: 350ms;
|
1547
|
+
}
|
1548
|
+
.BookReader .searchHiliteLayer rect:nth-child(9), .BRfloat .searchHiliteLayer rect:nth-child(9) {
|
1549
|
+
animation-delay: 400ms;
|
1550
|
+
}
|
1551
|
+
.BookReader .searchHiliteLayer rect:nth-child(10), .BRfloat .searchHiliteLayer rect:nth-child(10) {
|
1552
|
+
animation-delay: 450ms;
|
1553
|
+
}
|
1554
|
+
.BookReader .BRchapter, .BookReader .BRsearch, .BRfloat .BRchapter, .BRfloat .BRsearch {
|
1528
1555
|
position: absolute;
|
1529
|
-
bottom: 0;
|
1530
|
-
/* Relative to nav line */
|
1556
|
+
bottom: 0; /* Relative to nav line */
|
1531
1557
|
cursor: pointer;
|
1532
1558
|
z-index: 3;
|
1533
1559
|
background-color: transparent;
|
1534
1560
|
background-repeat: no-repeat;
|
1535
1561
|
font-weight: normal;
|
1536
1562
|
}
|
1537
|
-
.BookReader .BRchapter, .
|
1563
|
+
.BookReader .BRchapter, .BRfloat .BRchapter {
|
1538
1564
|
background-color: white;
|
1539
1565
|
color: #666;
|
1540
1566
|
height: 8px;
|
1541
1567
|
width: 4px;
|
1542
1568
|
bottom: -13px;
|
1543
|
-
margin-left: -12px;
|
1544
|
-
/* Center icon */
|
1569
|
+
margin-left: -12px; /* Center icon */
|
1545
1570
|
}
|
1546
|
-
.BookReader .BRchapter:hover > div, .
|
1571
|
+
.BookReader .BRchapter:hover > div, .BRfloat .BRchapter:hover > div {
|
1547
1572
|
display: block;
|
1548
1573
|
}
|
1549
|
-
.BookReader .BRchapter.front, .
|
1574
|
+
.BookReader .BRchapter.front, .BRfloat .BRchapter.front {
|
1550
1575
|
background-color: blue;
|
1551
1576
|
}
|
1552
|
-
.BookReader .
|
1577
|
+
.BookReader .BRchapter .BRchapterPage, .BRfloat .BRchapter .BRchapterPage {
|
1578
|
+
font-size: 0.85em;
|
1579
|
+
opacity: 0.8;
|
1580
|
+
}
|
1581
|
+
.BookReader .BRsearch, .BRfloat .BRsearch {
|
1553
1582
|
width: 9px;
|
1554
1583
|
height: 6px;
|
1555
1584
|
margin-left: -10px;
|
1556
1585
|
}
|
1557
|
-
.BookReader .BRsearch:before, .
|
1586
|
+
.BookReader .BRsearch:before, .BRfloat .BRsearch:before {
|
1558
1587
|
position: absolute;
|
1559
1588
|
left: calc(50% - 2px);
|
1560
1589
|
transform: translateX(-50%);
|
@@ -1564,22 +1593,39 @@ i.BRicon {
|
|
1564
1593
|
background: #428bca;
|
1565
1594
|
border-radius: 2px;
|
1566
1595
|
}
|
1567
|
-
.BookReader .BRsearch:hover .BRquery, .
|
1596
|
+
.BookReader .BRsearch:hover .BRquery, .BRfloat .BRsearch:hover .BRquery {
|
1568
1597
|
display: block;
|
1569
1598
|
}
|
1570
|
-
.BookReader .BRsearch .BRquery, .
|
1599
|
+
.BookReader .BRsearch .BRquery, .BRfloat .BRsearch .BRquery {
|
1571
1600
|
display: none;
|
1572
1601
|
}
|
1573
|
-
.BookReader .BRquery
|
1602
|
+
.BookReader .BRquery main, .BRfloat .BRquery main {
|
1603
|
+
display: -webkit-box;
|
1604
|
+
-webkit-line-clamp: 4;
|
1605
|
+
-webkit-box-orient: vertical;
|
1606
|
+
overflow: hidden;
|
1607
|
+
margin-bottom: 6px;
|
1608
|
+
}
|
1609
|
+
.BookReader .BRquery main:before, .BRfloat .BRquery main:before {
|
1610
|
+
content: "“";
|
1611
|
+
}
|
1612
|
+
.BookReader .BRquery main:after, .BRfloat .BRquery main:after {
|
1613
|
+
content: "”";
|
1614
|
+
}
|
1615
|
+
.BookReader .BRquery footer, .BRfloat .BRquery footer {
|
1616
|
+
font-size: 0.85em;
|
1617
|
+
opacity: 0.8;
|
1618
|
+
}
|
1619
|
+
.BookReader .BRquery mark, .BRfloat .BRquery mark {
|
1574
1620
|
color: #adaedc;
|
1575
1621
|
font-weight: bold;
|
1576
1622
|
background-color: #272958;
|
1577
1623
|
}
|
1578
|
-
.BookReader .BRbooksearch, .
|
1624
|
+
.BookReader .BRbooksearch, .BRfloat .BRbooksearch {
|
1579
1625
|
position: relative;
|
1580
1626
|
box-sizing: border-box;
|
1581
1627
|
}
|
1582
|
-
.BookReader .BRbooksearch.desktop, .
|
1628
|
+
.BookReader .BRbooksearch.desktop, .BRfloat .BRbooksearch.desktop {
|
1583
1629
|
position: relative;
|
1584
1630
|
height: 30px;
|
1585
1631
|
border: 1px solid white;
|
@@ -1590,14 +1636,13 @@ i.BRicon {
|
|
1590
1636
|
margin-top: 0;
|
1591
1637
|
margin-bottom: 0;
|
1592
1638
|
}
|
1593
|
-
.BookReader .BRbooksearch.desktop .BRsearchInput, .
|
1639
|
+
.BookReader .BRbooksearch.desktop .BRsearchInput, .BRfloat .BRbooksearch.desktop .BRsearchInput {
|
1594
1640
|
-webkit-appearance: none;
|
1595
1641
|
position: relative;
|
1596
1642
|
width: 130px;
|
1597
1643
|
max-width: 160px;
|
1598
1644
|
height: 100%;
|
1599
1645
|
color: white;
|
1600
|
-
outline: none;
|
1601
1646
|
border: none;
|
1602
1647
|
padding: 3px 0px 3px 10px;
|
1603
1648
|
margin: 0;
|
@@ -1608,7 +1653,7 @@ i.BRicon {
|
|
1608
1653
|
font-size: 14px;
|
1609
1654
|
line-height: 1.2;
|
1610
1655
|
}
|
1611
|
-
.BookReader .BRbooksearch.desktop .BRsearchSubmit, .
|
1656
|
+
.BookReader .BRbooksearch.desktop .BRsearchSubmit, .BRfloat .BRbooksearch.desktop .BRsearchSubmit {
|
1612
1657
|
width: auto;
|
1613
1658
|
height: 100%;
|
1614
1659
|
border: none;
|
@@ -1621,7 +1666,7 @@ i.BRicon {
|
|
1621
1666
|
float: left;
|
1622
1667
|
cursor: pointer;
|
1623
1668
|
}
|
1624
|
-
.BookReader .BRsearch-navigation, .
|
1669
|
+
.BookReader .BRsearch-navigation, .BRfloat .BRsearch-navigation {
|
1625
1670
|
position: relative;
|
1626
1671
|
z-index: 1;
|
1627
1672
|
display: flex;
|
@@ -1631,907 +1676,85 @@ i.BRicon {
|
|
1631
1676
|
background-color: #333;
|
1632
1677
|
padding: 5px 0;
|
1633
1678
|
}
|
1634
|
-
.BookReader .BRsearch-navigation button.toggle-sidebar, .
|
1679
|
+
.BookReader .BRsearch-navigation button.toggle-sidebar, .BRfloat .BRsearch-navigation button.toggle-sidebar {
|
1635
1680
|
width: unset;
|
1636
1681
|
padding: 0 10px;
|
1637
1682
|
}
|
1638
|
-
.BookReader .BRsearch-navigation button.toggle-sidebar h4, .
|
1683
|
+
.BookReader .BRsearch-navigation button.toggle-sidebar h4, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 {
|
1639
1684
|
padding: 0;
|
1640
1685
|
margin: 0;
|
1641
1686
|
font-size: 15px;
|
1642
1687
|
font-weight: normal;
|
1643
1688
|
color: #fff;
|
1644
1689
|
}
|
1645
|
-
.BookReader .BRsearch-navigation button.toggle-sidebar h4 span, .
|
1690
|
+
.BookReader .BRsearch-navigation button.toggle-sidebar h4 span, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 span {
|
1646
1691
|
vertical-align: middle;
|
1647
1692
|
}
|
1648
|
-
.BookReader .BRsearch-navigation .pagination, .
|
1693
|
+
.BookReader .BRsearch-navigation .pagination, .BRfloat .BRsearch-navigation .pagination {
|
1649
1694
|
position: absolute;
|
1650
1695
|
left: 50%;
|
1651
1696
|
top: 50%;
|
1652
1697
|
transform: translate(-50%, -50%);
|
1653
1698
|
margin: 0;
|
1654
1699
|
}
|
1655
|
-
.BookReader .BRsearch-navigation .pagination span, .
|
1700
|
+
.BookReader .BRsearch-navigation .pagination span, .BRfloat .BRsearch-navigation .pagination span {
|
1656
1701
|
display: inline-block;
|
1657
1702
|
padding: 0 5px;
|
1658
1703
|
}
|
1659
|
-
.BookReader .BRsearch-navigation .pagination button[disabled], .
|
1704
|
+
.BookReader .BRsearch-navigation .pagination button[disabled], .BRfloat .BRsearch-navigation .pagination button[disabled] {
|
1660
1705
|
opacity: 0.3;
|
1661
1706
|
cursor: default;
|
1662
1707
|
}
|
1663
|
-
.BookReader .BRsearch-navigation .pagination button span, .
|
1708
|
+
.BookReader .BRsearch-navigation .pagination button span, .BRfloat .BRsearch-navigation .pagination button span {
|
1664
1709
|
width: 8px;
|
1665
1710
|
height: 13px;
|
1666
1711
|
padding: 0;
|
1667
1712
|
background-size: 100% auto;
|
1668
1713
|
}
|
1669
|
-
.BookReader .BRsearch-navigation .clear span, .
|
1714
|
+
.BookReader .BRsearch-navigation .clear span, .BRfloat .BRsearch-navigation .clear span {
|
1670
1715
|
width: 18px;
|
1671
1716
|
height: 18px;
|
1672
1717
|
}
|
1673
|
-
.BookReader .BRsearch-navigation + .BRnav .BRnavCntl, .
|
1718
|
+
.BookReader .BRsearch-navigation + .BRnav .BRnavCntl, .BRfloat .BRsearch-navigation + .BRnav .BRnavCntl {
|
1674
1719
|
display: none;
|
1675
1720
|
}
|
1676
1721
|
|
1677
|
-
@keyframes
|
1678
|
-
from {
|
1679
|
-
opacity: 0;
|
1680
|
-
}
|
1722
|
+
@keyframes highlightFocus {
|
1681
1723
|
to {
|
1682
|
-
|
1724
|
+
stroke-width: 20px;
|
1683
1725
|
}
|
1684
1726
|
}
|
1685
1727
|
/* Mid size breakpoint */
|
1686
1728
|
@media (max-width: 1050px) {
|
1687
|
-
.BookReader .BRbooksearch .BRsearchInput, .
|
1729
|
+
.BookReader .BRbooksearch .BRsearchInput, .BRfloat .BRbooksearch .BRsearchInput {
|
1688
1730
|
padding: 0 0 0 8px;
|
1689
1731
|
width: 110px;
|
1690
1732
|
min-width: 110px;
|
1691
1733
|
}
|
1692
|
-
.BookReader .BRbooksearch .BRsearchSubmit, .
|
1734
|
+
.BookReader .BRbooksearch .BRsearchSubmit, .BRfloat .BRbooksearch .BRsearchSubmit {
|
1693
1735
|
float: left;
|
1694
1736
|
}
|
1695
1737
|
}
|
1696
|
-
|
1697
|
-
|
1698
|
-
|
1699
|
-
right: 0;
|
1700
|
-
top: 0;
|
1701
|
-
bottom: 0;
|
1702
|
-
z-index: 0;
|
1703
|
-
box-sizing: border-box;
|
1738
|
+
/****************** Excerpt from jquery-ui *********************/
|
1739
|
+
.ui-helper-hidden {
|
1740
|
+
display: none;
|
1704
1741
|
}
|
1705
1742
|
|
1706
|
-
.
|
1707
|
-
|
1743
|
+
.ui-helper-hidden-accessible {
|
1744
|
+
position: absolute !important;
|
1745
|
+
clip: rect(1px 1px 1px 1px);
|
1746
|
+
clip: rect(1px, 1px, 1px, 1px);
|
1708
1747
|
}
|
1709
1748
|
|
1710
|
-
.
|
1749
|
+
.ui-helper-reset {
|
1750
|
+
margin: 0;
|
1751
|
+
padding: 0;
|
1752
|
+
border: 0;
|
1753
|
+
outline: 0;
|
1754
|
+
line-height: 1.3;
|
1711
1755
|
text-decoration: none;
|
1712
|
-
|
1713
|
-
|
1714
|
-
.mm-hidden {
|
1715
|
-
display: none !important;
|
1716
|
-
}
|
1717
|
-
|
1718
|
-
.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
|
1719
|
-
display: block;
|
1720
|
-
}
|
1721
|
-
|
1722
|
-
.mm-wrapper {
|
1723
|
-
overflow-x: hidden;
|
1724
|
-
position: relative;
|
1725
|
-
}
|
1726
|
-
|
1727
|
-
.mm-menu {
|
1728
|
-
padding: 0;
|
1729
|
-
position: absolute;
|
1730
|
-
}
|
1731
|
-
|
1732
|
-
.mm-panels, .mm-panels > .mm-panel {
|
1733
|
-
background: inherit;
|
1734
|
-
border-color: inherit;
|
1735
|
-
position: absolute;
|
1736
|
-
}
|
1737
|
-
|
1738
|
-
.mm-btn, .mm-panel.mm-highest {
|
1739
|
-
z-index: 1;
|
1740
|
-
}
|
1741
|
-
|
1742
|
-
.mm-panels {
|
1743
|
-
overflow: hidden;
|
1744
|
-
}
|
1745
|
-
|
1746
|
-
.mm-panel {
|
1747
|
-
-webkit-transition: -webkit-transform 0.4s ease;
|
1748
|
-
transition: -webkit-transform 0.4s ease;
|
1749
|
-
transition: transform 0.4s ease;
|
1750
|
-
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
|
1751
|
-
-webkit-transform: translate3d(100%, 0, 0);
|
1752
|
-
transform: translate3d(100%, 0, 0);
|
1753
|
-
}
|
1754
|
-
|
1755
|
-
.mm-panel.mm-opened {
|
1756
|
-
-webkit-transform: translate3d(0, 0, 0);
|
1757
|
-
transform: translate3d(0, 0, 0);
|
1758
|
-
}
|
1759
|
-
|
1760
|
-
.mm-panel.mm-subopened {
|
1761
|
-
-webkit-transform: translate3d(-30%, 0, 0);
|
1762
|
-
transform: translate3d(-30%, 0, 0);
|
1763
|
-
}
|
1764
|
-
|
1765
|
-
.mm-panels > .mm-panel {
|
1766
|
-
-webkit-overflow-scrolling: touch;
|
1767
|
-
overflow: scroll;
|
1768
|
-
overflow-x: hidden;
|
1769
|
-
overflow-y: auto;
|
1770
|
-
padding: 0 20px;
|
1771
|
-
}
|
1772
|
-
|
1773
|
-
.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
|
1774
|
-
text-overflow: ellipsis;
|
1775
|
-
white-space: nowrap;
|
1776
|
-
overflow: hidden;
|
1777
|
-
}
|
1778
|
-
|
1779
|
-
.mm-panels > .mm-panel.mm-hasnavbar {
|
1780
|
-
padding-top: 40px;
|
1781
|
-
}
|
1782
|
-
|
1783
|
-
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
|
1784
|
-
content: "";
|
1785
|
-
display: block;
|
1786
|
-
height: 20px;
|
1787
|
-
}
|
1788
|
-
|
1789
|
-
.mm-vertical .mm-panel {
|
1790
|
-
-webkit-transform: none !important;
|
1791
|
-
-ms-transform: none !important;
|
1792
|
-
transform: none !important;
|
1793
|
-
}
|
1794
|
-
|
1795
|
-
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
|
1796
|
-
display: none;
|
1797
|
-
padding: 10px 0 10px 10px;
|
1798
|
-
}
|
1799
|
-
|
1800
|
-
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
|
1801
|
-
border-color: transparent;
|
1802
|
-
}
|
1803
|
-
|
1804
|
-
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
|
1805
|
-
display: block;
|
1806
|
-
}
|
1807
|
-
|
1808
|
-
.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
|
1809
|
-
height: 40px;
|
1810
|
-
bottom: auto;
|
1811
|
-
}
|
1812
|
-
|
1813
|
-
.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
|
1814
|
-
top: 16px;
|
1815
|
-
bottom: auto;
|
1816
|
-
}
|
1817
|
-
|
1818
|
-
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
|
1819
|
-
-webkit-transform: rotate(45deg);
|
1820
|
-
-ms-transform: rotate(45deg);
|
1821
|
-
transform: rotate(45deg);
|
1822
|
-
right: 19px;
|
1823
|
-
}
|
1824
|
-
|
1825
|
-
.mm-btn {
|
1826
|
-
width: 40px;
|
1827
|
-
height: 40px;
|
1828
|
-
position: absolute;
|
1829
|
-
top: 0;
|
1830
|
-
}
|
1831
|
-
|
1832
|
-
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
|
1833
|
-
content: "";
|
1834
|
-
border: 2px solid transparent;
|
1835
|
-
display: block;
|
1836
|
-
width: 5px;
|
1837
|
-
height: 5px;
|
1838
|
-
margin: auto;
|
1839
|
-
position: absolute;
|
1840
|
-
top: 0;
|
1841
|
-
bottom: 0;
|
1842
|
-
-webkit-transform: rotate(-45deg);
|
1843
|
-
-ms-transform: rotate(-45deg);
|
1844
|
-
transform: rotate(-45deg);
|
1845
|
-
}
|
1846
|
-
|
1847
|
-
.mm-clear:before, .mm-close:before {
|
1848
|
-
border-right: none;
|
1849
|
-
border-bottom: none;
|
1850
|
-
right: 18px;
|
1851
|
-
}
|
1852
|
-
|
1853
|
-
.mm-clear:after, .mm-close:after {
|
1854
|
-
border-left: none;
|
1855
|
-
border-top: none;
|
1856
|
-
right: 25px;
|
1857
|
-
}
|
1858
|
-
|
1859
|
-
.mm-arrow:after, .mm-next:after, .mm-prev:before {
|
1860
|
-
content: "";
|
1861
|
-
border: 2px solid transparent;
|
1862
|
-
display: block;
|
1863
|
-
width: 8px;
|
1864
|
-
height: 8px;
|
1865
|
-
margin: auto;
|
1866
|
-
position: absolute;
|
1867
|
-
top: 0;
|
1868
|
-
bottom: 0;
|
1869
|
-
-webkit-transform: rotate(-45deg);
|
1870
|
-
-ms-transform: rotate(-45deg);
|
1871
|
-
transform: rotate(-45deg);
|
1872
|
-
}
|
1873
|
-
|
1874
|
-
.mm-prev:before {
|
1875
|
-
border-right: none;
|
1876
|
-
border-bottom: none;
|
1877
|
-
left: 23px;
|
1878
|
-
}
|
1879
|
-
|
1880
|
-
.mm-arrow:after, .mm-next:after {
|
1881
|
-
border-top: none;
|
1882
|
-
border-left: none;
|
1883
|
-
right: 23px;
|
1884
|
-
}
|
1885
|
-
|
1886
|
-
.mm-navbar {
|
1887
|
-
border-bottom: 1px solid;
|
1888
|
-
border-color: inherit;
|
1889
|
-
text-align: center;
|
1890
|
-
line-height: 20px;
|
1891
|
-
height: 40px;
|
1892
|
-
padding: 0 40px;
|
1893
|
-
margin: 0;
|
1894
|
-
position: absolute;
|
1895
|
-
top: 0;
|
1896
|
-
left: 0;
|
1897
|
-
right: 0;
|
1898
|
-
}
|
1899
|
-
|
1900
|
-
.mm-navbar > * {
|
1901
|
-
display: block;
|
1902
|
-
padding: 10px 0;
|
1903
|
-
}
|
1904
|
-
|
1905
|
-
.mm-navbar .mm-btn:first-child {
|
1906
|
-
padding-left: 20px;
|
1907
|
-
left: 0;
|
1908
|
-
}
|
1909
|
-
|
1910
|
-
.mm-navbar .mm-btn:last-child {
|
1911
|
-
text-align: right;
|
1912
|
-
padding-right: 20px;
|
1913
|
-
right: 0;
|
1914
|
-
}
|
1915
|
-
|
1916
|
-
.mm-panel .mm-navbar {
|
1917
|
-
display: none;
|
1918
|
-
}
|
1919
|
-
|
1920
|
-
.mm-panel.mm-hasnavbar .mm-navbar {
|
1921
|
-
display: block;
|
1922
|
-
}
|
1923
|
-
|
1924
|
-
.mm-listview, .mm-listview > li {
|
1925
|
-
list-style: none;
|
1926
|
-
display: block;
|
1927
|
-
padding: 0;
|
1928
|
-
margin: 0;
|
1929
|
-
}
|
1930
|
-
|
1931
|
-
.mm-listview {
|
1932
|
-
font: inherit;
|
1933
|
-
font-size: 14px;
|
1934
|
-
line-height: 20px;
|
1935
|
-
}
|
1936
|
-
|
1937
|
-
.mm-listview > li {
|
1938
|
-
position: relative;
|
1939
|
-
}
|
1940
|
-
|
1941
|
-
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
|
1942
|
-
border-color: inherit;
|
1943
|
-
}
|
1944
|
-
|
1945
|
-
.mm-listview > li > a, .mm-listview > li > span {
|
1946
|
-
color: inherit;
|
1947
|
-
display: block;
|
1948
|
-
padding: 10px 10px 10px 20px;
|
1949
|
-
margin: 0;
|
1950
|
-
}
|
1951
|
-
|
1952
|
-
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
|
1953
|
-
padding-right: 50px;
|
1954
|
-
}
|
1955
|
-
|
1956
|
-
.mm-listview > li:not(.mm-divider):after {
|
1957
|
-
content: "";
|
1958
|
-
border-bottom-width: 1px;
|
1959
|
-
border-bottom-style: solid;
|
1960
|
-
display: block;
|
1961
|
-
position: absolute;
|
1962
|
-
right: 0;
|
1963
|
-
bottom: 0;
|
1964
|
-
left: 20px;
|
1965
|
-
}
|
1966
|
-
|
1967
|
-
.mm-listview .mm-next {
|
1968
|
-
background: rgba(3, 2, 1, 0);
|
1969
|
-
width: 50px;
|
1970
|
-
padding: 0;
|
1971
|
-
position: absolute;
|
1972
|
-
right: 0;
|
1973
|
-
top: 0;
|
1974
|
-
bottom: 0;
|
1975
|
-
z-index: 2;
|
1976
|
-
}
|
1977
|
-
|
1978
|
-
.mm-listview .mm-next:before {
|
1979
|
-
content: "";
|
1980
|
-
border-left-width: 1px;
|
1981
|
-
border-left-style: solid;
|
1982
|
-
display: block;
|
1983
|
-
position: absolute;
|
1984
|
-
top: 0;
|
1985
|
-
bottom: 0;
|
1986
|
-
left: 0;
|
1987
|
-
}
|
1988
|
-
|
1989
|
-
.mm-listview .mm-next + a, .mm-listview .mm-next + span {
|
1990
|
-
margin-right: 50px;
|
1991
|
-
}
|
1992
|
-
|
1993
|
-
.mm-listview .mm-next.mm-fullsubopen {
|
1994
|
-
width: 100%;
|
1995
|
-
}
|
1996
|
-
|
1997
|
-
.mm-listview .mm-next.mm-fullsubopen:before {
|
1998
|
-
border-left: none;
|
1999
|
-
}
|
2000
|
-
|
2001
|
-
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
|
2002
|
-
padding-right: 50px;
|
2003
|
-
margin-right: 0;
|
2004
|
-
}
|
2005
|
-
|
2006
|
-
.mm-panels > .mm-panel > .mm-listview {
|
2007
|
-
margin: 20px -20px;
|
2008
|
-
}
|
2009
|
-
|
2010
|
-
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
|
2011
|
-
margin-top: -20px;
|
2012
|
-
}
|
2013
|
-
|
2014
|
-
.mm-listview .mm-inset {
|
2015
|
-
list-style: disc inside;
|
2016
|
-
padding: 0 10px 15px 40px;
|
2017
|
-
margin: 0;
|
2018
|
-
}
|
2019
|
-
|
2020
|
-
.mm-listview .mm-inset > li {
|
2021
|
-
padding: 5px 0;
|
2022
|
-
}
|
2023
|
-
|
2024
|
-
.mm-listview .mm-divider {
|
2025
|
-
font-size: 10px;
|
2026
|
-
text-transform: uppercase;
|
2027
|
-
text-indent: 20px;
|
2028
|
-
line-height: 25px;
|
2029
|
-
}
|
2030
|
-
|
2031
|
-
.mm-listview .mm-spacer {
|
2032
|
-
padding-top: 40px;
|
2033
|
-
}
|
2034
|
-
|
2035
|
-
.mm-listview .mm-spacer > .mm-next {
|
2036
|
-
top: 40px;
|
2037
|
-
}
|
2038
|
-
|
2039
|
-
.mm-listview .mm-spacer.mm-divider {
|
2040
|
-
padding-top: 25px;
|
2041
|
-
}
|
2042
|
-
|
2043
|
-
.mm-menu {
|
2044
|
-
background: #f3f3f3;
|
2045
|
-
border-color: rgba(0, 0, 0, 0.1);
|
2046
|
-
color: rgba(0, 0, 0, 0.7);
|
2047
|
-
}
|
2048
|
-
|
2049
|
-
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
|
2050
|
-
color: rgba(0, 0, 0, 0.3);
|
2051
|
-
}
|
2052
|
-
|
2053
|
-
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
|
2054
|
-
border-color: rgba(0, 0, 0, 0.3);
|
2055
|
-
}
|
2056
|
-
|
2057
|
-
.mm-menu .mm-listview {
|
2058
|
-
border-color: rgba(0, 0, 0, 0.1);
|
2059
|
-
}
|
2060
|
-
|
2061
|
-
.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
|
2062
|
-
border-color: rgba(0, 0, 0, 0.3);
|
2063
|
-
}
|
2064
|
-
|
2065
|
-
.mm-menu .mm-listview > li a:not(.mm-next) {
|
2066
|
-
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
|
2067
|
-
tap-highlight-color: rgba(255, 255, 255, 0.5);
|
2068
|
-
}
|
2069
|
-
|
2070
|
-
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
|
2071
|
-
background: rgba(255, 255, 255, 0.5);
|
2072
|
-
}
|
2073
|
-
|
2074
|
-
.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
|
2075
|
-
background: rgba(0, 0, 0, 0.05);
|
2076
|
-
}
|
2077
|
-
|
2078
|
-
.mm-page {
|
2079
|
-
box-sizing: border-box;
|
2080
|
-
position: relative;
|
2081
|
-
}
|
2082
|
-
|
2083
|
-
.mm-slideout {
|
2084
|
-
-webkit-transition: -webkit-transform 0.4s ease;
|
2085
|
-
transition: -webkit-transform 0.4s ease;
|
2086
|
-
transition: transform 0.4s ease;
|
2087
|
-
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
|
2088
|
-
z-index: 1;
|
2089
|
-
}
|
2090
|
-
|
2091
|
-
html.mm-opened {
|
2092
|
-
overflow-x: hidden;
|
2093
|
-
position: relative;
|
2094
|
-
}
|
2095
|
-
|
2096
|
-
html.mm-blocking, html.mm-blocking body {
|
2097
|
-
overflow: hidden;
|
2098
|
-
}
|
2099
|
-
|
2100
|
-
html.mm-background .mm-page {
|
2101
|
-
background: inherit;
|
2102
|
-
}
|
2103
|
-
|
2104
|
-
#mm-blocker {
|
2105
|
-
background: rgba(3, 2, 1, 0);
|
2106
|
-
display: none;
|
2107
|
-
width: 100%;
|
2108
|
-
height: 100%;
|
2109
|
-
position: fixed;
|
2110
|
-
top: 0;
|
2111
|
-
left: 0;
|
2112
|
-
z-index: 2;
|
2113
|
-
}
|
2114
|
-
|
2115
|
-
html.mm-blocking #mm-blocker {
|
2116
|
-
display: block;
|
2117
|
-
}
|
2118
|
-
|
2119
|
-
.mm-menu.mm-offcanvas {
|
2120
|
-
z-index: 0;
|
2121
|
-
display: none;
|
2122
|
-
position: fixed;
|
2123
|
-
width: 80%;
|
2124
|
-
min-width: 140px;
|
2125
|
-
max-width: 440px;
|
2126
|
-
}
|
2127
|
-
|
2128
|
-
.mm-menu.mm-offcanvas.mm-current {
|
2129
|
-
display: block;
|
2130
|
-
}
|
2131
|
-
|
2132
|
-
html.mm-opening .mm-slideout {
|
2133
|
-
-webkit-transform: translate3d(80%, 0, 0);
|
2134
|
-
transform: translate3d(80%, 0, 0);
|
2135
|
-
}
|
2136
|
-
|
2137
|
-
@media all and (max-width: 175px) {
|
2138
|
-
html.mm-opening .mm-slideout {
|
2139
|
-
-webkit-transform: translate3d(140px, 0, 0);
|
2140
|
-
transform: translate3d(140px, 0, 0);
|
2141
|
-
}
|
2142
|
-
}
|
2143
|
-
@media all and (min-width: 550px) {
|
2144
|
-
html.mm-opening .mm-slideout {
|
2145
|
-
-webkit-transform: translate3d(440px, 0, 0);
|
2146
|
-
transform: translate3d(440px, 0, 0);
|
2147
|
-
}
|
2148
|
-
}
|
2149
|
-
.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
|
2150
|
-
border-bottom: none;
|
2151
|
-
}
|
2152
|
-
|
2153
|
-
.mm-menu > .mm-navbar {
|
2154
|
-
background: inherit;
|
2155
|
-
padding: 0;
|
2156
|
-
z-index: 3;
|
2157
|
-
-webkit-transform: translate3d(0, 0, 0);
|
2158
|
-
transform: translate3d(0, 0, 0);
|
2159
|
-
}
|
2160
|
-
|
2161
|
-
.mm-navbar-bottom {
|
2162
|
-
border-top-width: 1px;
|
2163
|
-
border-top-style: solid;
|
2164
|
-
top: auto;
|
2165
|
-
bottom: 0;
|
2166
|
-
}
|
2167
|
-
|
2168
|
-
.mm-navbar-bottom ~ .mm-navbar-bottom {
|
2169
|
-
border-top: none;
|
2170
|
-
}
|
2171
|
-
|
2172
|
-
.mm-navbar.mm-hasbtns {
|
2173
|
-
padding: 0 40px;
|
2174
|
-
}
|
2175
|
-
|
2176
|
-
.mm-navbar[class*=mm-navbar-content-] > * {
|
2177
|
-
box-sizing: border-box;
|
2178
|
-
display: block;
|
2179
|
-
float: left;
|
2180
|
-
}
|
2181
|
-
|
2182
|
-
.mm-navbar .mm-breadcrumbs {
|
2183
|
-
text-overflow: ellipsis;
|
2184
|
-
white-space: nowrap;
|
2185
|
-
overflow: hidden;
|
2186
|
-
-webkit-overflow-scrolling: touch;
|
2187
|
-
overflow-x: auto;
|
2188
|
-
text-align: left;
|
2189
|
-
padding: 0 0 0 17px;
|
2190
|
-
}
|
2191
|
-
|
2192
|
-
.mm-navbar .mm-breadcrumbs > * {
|
2193
|
-
display: inline-block;
|
2194
|
-
padding: 10px 3px;
|
2195
|
-
}
|
2196
|
-
|
2197
|
-
.mm-navbar .mm-breadcrumbs > a {
|
2198
|
-
text-decoration: underline;
|
2199
|
-
}
|
2200
|
-
|
2201
|
-
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
|
2202
|
-
margin-left: -40px;
|
2203
|
-
}
|
2204
|
-
|
2205
|
-
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
|
2206
|
-
margin-left: 0;
|
2207
|
-
padding-left: 0;
|
2208
|
-
}
|
2209
|
-
|
2210
|
-
.mm-navbar-top-1 {
|
2211
|
-
top: 0;
|
2212
|
-
}
|
2213
|
-
|
2214
|
-
.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
|
2215
|
-
top: 40px;
|
2216
|
-
}
|
2217
|
-
|
2218
|
-
.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
|
2219
|
-
top: 80px;
|
2220
|
-
}
|
2221
|
-
|
2222
|
-
.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
|
2223
|
-
top: 120px;
|
2224
|
-
}
|
2225
|
-
|
2226
|
-
.mm-hasnavbar-top-4 .mm-panels {
|
2227
|
-
top: 160px;
|
2228
|
-
}
|
2229
|
-
|
2230
|
-
.mm-navbar-bottom-1 {
|
2231
|
-
bottom: 0;
|
2232
|
-
}
|
2233
|
-
|
2234
|
-
.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
|
2235
|
-
bottom: 40px;
|
2236
|
-
}
|
2237
|
-
|
2238
|
-
.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
|
2239
|
-
bottom: 80px;
|
2240
|
-
}
|
2241
|
-
|
2242
|
-
.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
|
2243
|
-
bottom: 120px;
|
2244
|
-
}
|
2245
|
-
|
2246
|
-
.mm-hasnavbar-bottom-4 .mm-panels {
|
2247
|
-
bottom: 160px;
|
2248
|
-
}
|
2249
|
-
|
2250
|
-
.mm-navbar-size-2 {
|
2251
|
-
height: 80px;
|
2252
|
-
}
|
2253
|
-
|
2254
|
-
.mm-navbar-size-3 {
|
2255
|
-
height: 120px;
|
2256
|
-
}
|
2257
|
-
|
2258
|
-
.mm-navbar-size-4 {
|
2259
|
-
height: 160px;
|
2260
|
-
}
|
2261
|
-
|
2262
|
-
.mm-navbar-content-2 > * {
|
2263
|
-
width: 50%;
|
2264
|
-
}
|
2265
|
-
|
2266
|
-
.mm-navbar-content-3 > * {
|
2267
|
-
width: 33.33%;
|
2268
|
-
}
|
2269
|
-
|
2270
|
-
.mm-navbar-content-4 > * {
|
2271
|
-
width: 25%;
|
2272
|
-
}
|
2273
|
-
|
2274
|
-
.mm-navbar-content-5 > * {
|
2275
|
-
width: 20%;
|
2276
|
-
}
|
2277
|
-
|
2278
|
-
.mm-navbar-content-6 > * {
|
2279
|
-
width: 16.67%;
|
2280
|
-
}
|
2281
|
-
|
2282
|
-
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
|
2283
|
-
color: #fff;
|
2284
|
-
font-size: 14px;
|
2285
|
-
}
|
2286
|
-
|
2287
|
-
.mm-menu {
|
2288
|
-
color: #fff;
|
2289
|
-
background: #151515;
|
2290
|
-
}
|
2291
|
-
.mm-menu > .mm-navbar {
|
2292
|
-
background: #333;
|
2293
|
-
}
|
2294
|
-
|
2295
|
-
.mm-panel {
|
2296
|
-
font-size: 12px;
|
2297
|
-
}
|
2298
|
-
|
2299
|
-
#mm-blocker {
|
2300
|
-
z-index: 2002;
|
2301
|
-
}
|
2302
|
-
|
2303
|
-
.mm-panel h1 {
|
2304
|
-
margin-top: 0;
|
2305
|
-
color: #245e83;
|
2306
|
-
font-size: 14px;
|
2307
|
-
}
|
2308
|
-
|
2309
|
-
.mm-menu .mm-listview > li .mm-next,
|
2310
|
-
.mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-listview > li:after,
|
2311
|
-
.mm-menu .mm-listview > li .mm-arrow:after,
|
2312
|
-
.mm-menu .mm-listview > li .mm-next:after {
|
2313
|
-
border-color: #fff;
|
2314
|
-
}
|
2315
|
-
|
2316
|
-
.mm-menu .mm-btn:after,
|
2317
|
-
.mm-menu .mm-btn:before {
|
2318
|
-
border-color: #fff;
|
2319
|
-
}
|
2320
|
-
|
2321
|
-
/* Needed to override mmenu style */
|
2322
|
-
html.mm-background .BookReader {
|
2323
|
-
background-color: black;
|
2324
|
-
}
|
2325
|
-
|
2326
|
-
.BRmobileMenu button {
|
2327
|
-
-webkit-appearance: initial;
|
2328
|
-
}
|
2329
|
-
.BRmobileMenu .BRaction {
|
2330
|
-
display: block;
|
2331
|
-
width: 100%;
|
2332
|
-
}
|
2333
|
-
.BRmobileMenu div.share-social button {
|
2334
|
-
padding: 0 5px;
|
2335
|
-
height: 40px;
|
2336
|
-
text-align: left;
|
2337
|
-
}
|
2338
|
-
.BRmobileMenu a {
|
2339
|
-
color: inherit;
|
2340
|
-
}
|
2341
|
-
|
2342
|
-
.BRtoolbarMobileTitle {
|
2343
|
-
overflow: hidden;
|
2344
|
-
width: 100%;
|
2345
|
-
white-space: nowrap;
|
2346
|
-
text-align: center;
|
2347
|
-
font-size: 14px;
|
2348
|
-
line-height: 40px;
|
2349
|
-
display: block;
|
2350
|
-
margin-right: 10px;
|
2351
|
-
}
|
2352
|
-
|
2353
|
-
.BRmobileHamburgerWrapper {
|
2354
|
-
display: block;
|
2355
|
-
padding: 0 30px 0 50px;
|
2356
|
-
}
|
2357
|
-
|
2358
|
-
.BRmobileHamburger {
|
2359
|
-
background: transparent url("icons/hamburger.svg") 50% 50% no-repeat;
|
2360
|
-
display: block;
|
2361
|
-
width: 40px;
|
2362
|
-
height: 40px;
|
2363
|
-
position: absolute;
|
2364
|
-
top: 0;
|
2365
|
-
left: 10px;
|
2366
|
-
border: none;
|
2367
|
-
outline: none;
|
2368
|
-
}
|
2369
|
-
|
2370
|
-
.DrawerIconWrapper {
|
2371
|
-
display: block;
|
2372
|
-
float: left;
|
2373
|
-
width: 20px;
|
2374
|
-
height: 20px;
|
2375
|
-
margin-right: 10px;
|
2376
|
-
text-align: center;
|
2377
|
-
position: relative;
|
2378
|
-
}
|
2379
|
-
|
2380
|
-
.DrawerIcon {
|
2381
|
-
height: 18px;
|
2382
|
-
width: auto;
|
2383
|
-
position: absolute;
|
2384
|
-
left: 0;
|
2385
|
-
top: 1px;
|
2386
|
-
}
|
2387
|
-
|
2388
|
-
.DrawerSettingsTitle {
|
2389
|
-
color: #fff;
|
2390
|
-
font-size: 14px;
|
2391
|
-
font-weight: bold;
|
2392
|
-
margin-bottom: 10px;
|
2393
|
-
}
|
2394
|
-
|
2395
|
-
.DrawerSettingsLayoutWrapper {
|
2396
|
-
text-align: center;
|
2397
|
-
padding: 0;
|
2398
|
-
margin-bottom: 20px;
|
2399
|
-
}
|
2400
|
-
|
2401
|
-
.DrawerLayoutButton {
|
2402
|
-
border: none;
|
2403
|
-
background: none;
|
2404
|
-
color: #fff;
|
2405
|
-
line-height: 18px;
|
2406
|
-
}
|
2407
|
-
|
2408
|
-
.DrawerLayoutButton:active {
|
2409
|
-
color: grey;
|
2410
|
-
}
|
2411
|
-
|
2412
|
-
.BRmobileShare div.share-title {
|
2413
|
-
font-weight: bold;
|
2414
|
-
font-size: 16px;
|
2415
|
-
line-height: 1.5;
|
2416
|
-
}
|
2417
|
-
.BRmobileShare div.share-social {
|
2418
|
-
margin: 10px 0 20px 0;
|
2419
|
-
}
|
2420
|
-
.BRmobileShare p {
|
2421
|
-
font-weight: bold;
|
2422
|
-
}
|
2423
|
-
.BRmobileShare fieldset {
|
2424
|
-
padding: 0;
|
2425
|
-
border: 0;
|
2426
|
-
margin-bottom: 30px;
|
2427
|
-
}
|
2428
|
-
.BRmobileShare fieldset label {
|
2429
|
-
display: block;
|
2430
|
-
}
|
2431
|
-
.BRmobileShare fieldset input[type=text] {
|
2432
|
-
width: 95%;
|
2433
|
-
}
|
2434
|
-
.BRmobileShare button.share-finished {
|
2435
|
-
display: none;
|
2436
|
-
}
|
2437
|
-
.BRmobileShare div.share-embed {
|
2438
|
-
border: 1px solid #ccc;
|
2439
|
-
padding: 0 10px;
|
2440
|
-
}
|
2441
|
-
.BRmobileShare .open-to-this-page {
|
2442
|
-
display: block;
|
2443
|
-
margin: 10px 0;
|
2444
|
-
}
|
2445
|
-
|
2446
|
-
.BRmobileHamburgerWrapper {
|
2447
|
-
display: none;
|
2448
|
-
}
|
2449
|
-
|
2450
|
-
.BRmobileMenu {
|
2451
|
-
display: none;
|
2452
|
-
}
|
2453
|
-
|
2454
|
-
.BRtoolbar.responsive {
|
2455
|
-
display: none;
|
2456
|
-
}
|
2457
|
-
|
2458
|
-
/* Mobile Only */
|
2459
|
-
@media (max-width: 800px) {
|
2460
|
-
.BRbodyMobileNavEnabled .BRtoolbar.responsive,
|
2461
|
-
.BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive {
|
2462
|
-
display: block;
|
2463
|
-
height: 40px;
|
2464
|
-
box-sizing: border-box;
|
2465
|
-
width: 100%;
|
2466
|
-
color: #fff;
|
2467
|
-
background: #333;
|
2468
|
-
}
|
2469
|
-
.BRbodyMobileNavEnabled .BRtoolbar.responsive .BRtoolbarbuttons,
|
2470
|
-
.BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRtoolbarbuttons {
|
2471
|
-
display: none;
|
2472
|
-
}
|
2473
|
-
.BRbodyMobileNavEnabled .BRtoolbar.responsive .BRmobileHamburgerWrapper,
|
2474
|
-
.BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRmobileHamburgerWrapper {
|
2475
|
-
display: block;
|
2476
|
-
}
|
2477
|
-
.BRbodyMobileNavEnabled .BRtoolbar.responsive .BRmobileMenu,
|
2478
|
-
.BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRmobileMenu {
|
2479
|
-
display: block;
|
2480
|
-
}
|
2481
|
-
}
|
2482
|
-
.BRcheckbox-label-filters {
|
2483
|
-
position: relative;
|
2484
|
-
bottom: 2px;
|
2485
|
-
}
|
2486
|
-
|
2487
|
-
/* Desktop Only */
|
2488
|
-
@media (min-width: 801px) {
|
2489
|
-
.BRtoolbar.responsive {
|
2490
|
-
display: block;
|
2491
|
-
}
|
2492
|
-
}
|
2493
|
-
li.BRtable-contents-el {
|
2494
|
-
line-height: 150%;
|
2495
|
-
padding: 10px 10px 10px 20px;
|
2496
|
-
overflow: hidden;
|
2497
|
-
color: #fff;
|
2498
|
-
}
|
2499
|
-
li.BRtable-contents-el.chapter-clickable {
|
2500
|
-
font-weight: normal;
|
2501
|
-
}
|
2502
|
-
li.BRtable-contents-el.current-chapter {
|
2503
|
-
background-color: lightblue;
|
2504
|
-
}
|
2505
|
-
li.BRtable-contents-el > span {
|
2506
|
-
display: inline;
|
2507
|
-
padding: 0;
|
2508
|
-
white-space: normal;
|
2509
|
-
}
|
2510
|
-
li.BRtable-contents-el .BRTOCElementPage {
|
2511
|
-
font-size: 0.85em;
|
2512
|
-
opacity: 0.8;
|
2513
|
-
}
|
2514
|
-
|
2515
|
-
/****************** Excerpt from jquery-ui *********************/
|
2516
|
-
.ui-helper-hidden {
|
2517
|
-
display: none;
|
2518
|
-
}
|
2519
|
-
|
2520
|
-
.ui-helper-hidden-accessible {
|
2521
|
-
position: absolute !important;
|
2522
|
-
clip: rect(1px 1px 1px 1px);
|
2523
|
-
clip: rect(1px, 1px, 1px, 1px);
|
2524
|
-
}
|
2525
|
-
|
2526
|
-
.ui-helper-reset {
|
2527
|
-
margin: 0;
|
2528
|
-
padding: 0;
|
2529
|
-
border: 0;
|
2530
|
-
outline: 0;
|
2531
|
-
line-height: 1.3;
|
2532
|
-
text-decoration: none;
|
2533
|
-
font-size: 100%;
|
2534
|
-
list-style: none;
|
1756
|
+
font-size: 100%;
|
1757
|
+
list-style: none;
|
2535
1758
|
}
|
2536
1759
|
|
2537
1760
|
.ui-helper-clearfix:after {
|
@@ -2581,7 +1804,7 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2581
1804
|
}
|
2582
1805
|
|
2583
1806
|
.icon-fullscreen-exit {
|
2584
|
-
background-image: url("icons/
|
1807
|
+
background-image: url("icons/fullscreen_exit.svg");
|
2585
1808
|
}
|
2586
1809
|
|
2587
1810
|
.icon-thumb {
|
@@ -2668,7 +1891,7 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2668
1891
|
width: 100%;
|
2669
1892
|
/* BookReader defaults overrides */
|
2670
1893
|
}
|
2671
|
-
.BRcontrols .
|
1894
|
+
.BRcontrols .BRtooltip {
|
2672
1895
|
display: none;
|
2673
1896
|
position: absolute;
|
2674
1897
|
width: auto;
|
@@ -2681,8 +1904,9 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2681
1904
|
color: #fff;
|
2682
1905
|
border-radius: 3px;
|
2683
1906
|
background: #333;
|
1907
|
+
pointer-events: none;
|
2684
1908
|
}
|
2685
|
-
.BRcontrols .full .
|
1909
|
+
.BRcontrols .full .BRtooltip {
|
2686
1910
|
left: auto;
|
2687
1911
|
right: 0;
|
2688
1912
|
transform: translateX(0);
|
@@ -2690,23 +1914,29 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2690
1914
|
.BRfullscreenActive .BRcontrols .icon-fullscreen {
|
2691
1915
|
background-image: url("icons/fullscreen_exit.svg");
|
2692
1916
|
}
|
2693
|
-
.BRcontrols select.playback-speed {
|
2694
|
-
width: 24px;
|
1917
|
+
.BRcontrols select.playback-speed, .BRcontrols select.playback-voices {
|
2695
1918
|
padding-top: 18px;
|
2696
1919
|
-moz-appearance: none;
|
2697
1920
|
-webkit-appearance: none;
|
2698
1921
|
appearance: none;
|
2699
1922
|
font-size: 10px;
|
2700
|
-
text-align: center;
|
2701
1923
|
text-align-last: center;
|
2702
1924
|
color: #fff;
|
2703
1925
|
border: none;
|
2704
1926
|
cursor: pointer;
|
2705
|
-
background: transparent url("icons/playback-speed.svg") 50% 0 no-repeat;
|
2706
1927
|
}
|
2707
|
-
.BRcontrols select.playback-speed option {
|
1928
|
+
.BRcontrols select.playback-speed option, .BRcontrols select.playback-speed optgroup, .BRcontrols select.playback-voices option, .BRcontrols select.playback-voices optgroup {
|
2708
1929
|
background: #333;
|
2709
1930
|
}
|
1931
|
+
.BRcontrols select.playback-speed {
|
1932
|
+
width: 30px;
|
1933
|
+
background: transparent url("icons/playback-speed.svg") 50% 0 no-repeat;
|
1934
|
+
}
|
1935
|
+
.BRcontrols select.playback-voices {
|
1936
|
+
width: 30px;
|
1937
|
+
background: transparent url("icons/voice.svg") 50% 0 no-repeat;
|
1938
|
+
background-size: 18px;
|
1939
|
+
}
|
2710
1940
|
.BRcontrols .active {
|
2711
1941
|
background: #fff;
|
2712
1942
|
}
|
@@ -2731,6 +1961,9 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2731
1961
|
width: 30px;
|
2732
1962
|
height: 30px;
|
2733
1963
|
}
|
1964
|
+
.BRcontrols .controls .hide {
|
1965
|
+
display: none;
|
1966
|
+
}
|
2734
1967
|
@keyframes slideUp {
|
2735
1968
|
from {
|
2736
1969
|
opacity: 0;
|
@@ -2759,6 +1992,10 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2759
1992
|
display: flex;
|
2760
1993
|
animation: slideUp 0.2s;
|
2761
1994
|
}
|
1995
|
+
.BRcontrols .read-aloud.visible button {
|
1996
|
+
width: unset;
|
1997
|
+
height: unset;
|
1998
|
+
}
|
2762
1999
|
.BRcontrols .read-aloud li {
|
2763
2000
|
padding: 0 10px;
|
2764
2001
|
}
|
@@ -2878,34 +2115,58 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2878
2115
|
background-color: #ccc;
|
2879
2116
|
}
|
2880
2117
|
|
2881
|
-
.
|
2882
|
-
|
2118
|
+
.BRtextLayer {
|
2119
|
+
z-index: 2;
|
2883
2120
|
position: absolute;
|
2884
|
-
height: 100%;
|
2885
2121
|
top: 0;
|
2886
2122
|
left: 0;
|
2123
|
+
color: transparent;
|
2124
|
+
transform-origin: 0 0;
|
2887
2125
|
pointer-events: none;
|
2126
|
+
cursor: text;
|
2127
|
+
}
|
2128
|
+
|
2129
|
+
.BRparagraphElement {
|
2130
|
+
margin: 0;
|
2131
|
+
cursor: text;
|
2132
|
+
font-family: Georgia, serif;
|
2133
|
+
line-height: 0;
|
2888
2134
|
}
|
2889
|
-
|
2135
|
+
|
2136
|
+
.BRlineElement {
|
2890
2137
|
pointer-events: all;
|
2138
|
+
white-space: nowrap;
|
2139
|
+
display: inline-block;
|
2891
2140
|
}
|
2892
|
-
.
|
2893
|
-
|
2894
|
-
|
2141
|
+
.BRtextLayer[dir=ltr] .BRlineElement {
|
2142
|
+
margin-right: 100%;
|
2143
|
+
}
|
2144
|
+
.BRtextLayer[dir=rtl] .BRlineElement {
|
2145
|
+
margin-left: 100%;
|
2895
2146
|
}
|
2896
|
-
|
2897
|
-
|
2147
|
+
|
2148
|
+
.BRwordElement::selection, .BRspace::selection, .BRparagraphElement::selection, .BRparagraphElement br::selection {
|
2149
|
+
background: hsla(210, 74%, 62%, 0.4);
|
2898
2150
|
}
|
2899
|
-
.
|
2900
|
-
background:
|
2151
|
+
.BRwordElement::-moz-selection, .BRspace::-moz-selection, .BRparagraphElement::-moz-selection, .BRparagraphElement br::-moz-selection {
|
2152
|
+
background: hsla(210, 74%, 62%, 0.4);
|
2901
2153
|
color: transparent;
|
2902
2154
|
}
|
2903
|
-
|
2904
|
-
|
2905
|
-
|
2906
|
-
|
2907
|
-
|
2908
|
-
|
2155
|
+
|
2156
|
+
.BRparagraphElement br {
|
2157
|
+
visibility: hidden;
|
2158
|
+
}
|
2159
|
+
|
2160
|
+
.BRwordElement--hyphen::after {
|
2161
|
+
content: "-";
|
2162
|
+
}
|
2163
|
+
|
2164
|
+
.BRsmooth-zooming .BRpagecontainer:not(.BRpagecontainer--hasSelection) .BRtextLayer, .BRscrolling-active .BRpagecontainer:not(.BRpagecontainer--hasSelection) .BRtextLayer {
|
2165
|
+
display: none;
|
2166
|
+
}
|
2167
|
+
|
2168
|
+
.BRmode1up .BRpagecontainer:not(.BRpage-visible) .BRtextLayer {
|
2169
|
+
display: none;
|
2909
2170
|
}
|
2910
2171
|
|
2911
2172
|
.BRpagecontainer img {
|
@@ -2914,19 +2175,37 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2914
2175
|
user-select: none;
|
2915
2176
|
}
|
2916
2177
|
|
2917
|
-
.
|
2918
|
-
|
2178
|
+
.BRwordElement[_istranslated="1"], .BRwordElement[_msttexthash], .BRspace[_istranslated="1"], .BRspace[_msttexthash] {
|
2179
|
+
background-color: #e4dccd;
|
2180
|
+
color: black;
|
2181
|
+
letter-spacing: unset !important;
|
2182
|
+
background: #ccbfa7;
|
2919
2183
|
}
|
2920
2184
|
|
2921
|
-
.
|
2922
|
-
|
2185
|
+
.BRlineElement font[_mstmutation="1"] {
|
2186
|
+
background: #ccbfa7;
|
2187
|
+
}
|
2188
|
+
|
2189
|
+
.BRlineElement:has([_istranslated="1"], [_msttexthash]) {
|
2190
|
+
background-color: #e4dccd;
|
2191
|
+
color: black;
|
2192
|
+
text-align: justify;
|
2193
|
+
width: inherit;
|
2194
|
+
}
|
2195
|
+
.BRlineElement:has([_istranslated="1"], [_msttexthash]):not(:nth-last-child(2)) {
|
2196
|
+
text-align-last: justify;
|
2197
|
+
}
|
2198
|
+
|
2199
|
+
.BRlineElement[_msttexthash] {
|
2200
|
+
background: #ccbfa7;
|
2201
|
+
word-spacing: unset !important;
|
2923
2202
|
}
|
2924
2203
|
|
2925
2204
|
/**
|
2926
2205
|
* Hide modal-manager that loads item-navigator-modal
|
2927
2206
|
* loading bookmarks related alert messages
|
2928
2207
|
*/
|
2929
|
-
|
2208
|
+
modal-manager[mode=closed] {
|
2930
2209
|
display: none;
|
2931
2210
|
}
|
2932
2211
|
|
@@ -2945,7 +2224,7 @@ li.BRtable-contents-el .BRTOCElementPage {
|
|
2945
2224
|
opacity: 0;
|
2946
2225
|
}
|
2947
2226
|
|
2948
|
-
.
|
2227
|
+
.BRmode2up .BRpagecontainer[data-side=L] .bookmark-button {
|
2949
2228
|
right: auto;
|
2950
2229
|
left: 0;
|
2951
2230
|
}
|