@internetarchive/bookreader 5.0.0-67 → 5.0.0-68

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.
Files changed (50) hide show
  1. package/BookReader/BookReader.css +53 -891
  2. package/BookReader/BookReader.js +1 -1
  3. package/BookReader/BookReader.js.map +1 -1
  4. package/BookReader/ia-bookreader-bundle.js +50 -48
  5. package/BookReader/ia-bookreader-bundle.js.map +1 -1
  6. package/BookReader/plugins/plugin.autoplay.js +1 -1
  7. package/BookReader/plugins/plugin.autoplay.js.map +1 -1
  8. package/BookReader/plugins/plugin.chapters.js +1 -1
  9. package/BookReader/plugins/plugin.chapters.js.map +1 -1
  10. package/BookReader/plugins/plugin.search.js +1 -1
  11. package/BookReader/plugins/plugin.search.js.map +1 -1
  12. package/BookReader/plugins/plugin.text_selection.js +1 -1
  13. package/BookReader/plugins/plugin.text_selection.js.map +1 -1
  14. package/BookReader/plugins/plugin.tts.js +1 -1
  15. package/BookReader/plugins/plugin.tts.js.map +1 -1
  16. package/BookReaderDemo/BookReaderDemo.css +0 -18
  17. package/BookReaderDemo/BookReaderJSAdvanced.js +0 -3
  18. package/BookReaderDemo/demo-autoplay.html +0 -2
  19. package/BookReaderDemo/demo-fullscreen-mobile.html +1 -4
  20. package/BookReaderDemo/demo-fullscreen.html +0 -3
  21. package/BookReaderDemo/demo-iiif.js +0 -1
  22. package/BookReaderDemo/demo-vendor-fullscreen.html +0 -3
  23. package/BookReaderDemo/immersion-1up.html +0 -1
  24. package/BookReaderDemo/immersion-mode.html +0 -3
  25. package/CHANGELOG.md +5 -0
  26. package/package.json +7 -8
  27. package/src/BookReader/BookModel.js +0 -12
  28. package/src/BookReader/Mode1Up.js +1 -1
  29. package/src/BookReader/Mode1UpLit.js +1 -1
  30. package/src/BookReader/events.js +0 -1
  31. package/src/BookReader.js +1 -2
  32. package/src/css/BookReader.scss +1 -5
  33. package/src/css/_BRnav.scss +0 -8
  34. package/src/plugins/plugin.autoplay.js +1 -2
  35. package/src/plugins/search/plugin.search.js +0 -3
  36. package/tests/e2e/base.test.js +3 -11
  37. package/tests/e2e/helpers/base.js +26 -26
  38. package/tests/e2e/helpers/rightToLeft.js +4 -4
  39. package/tests/e2e/helpers/{desktopSearch.js → search.js} +19 -19
  40. package/tests/e2e/models/Navigation.js +16 -42
  41. package/tests/e2e/viewmode.test.js +3 -3
  42. package/tests/jest/plugins/plugin.chapters.test.js +0 -1
  43. package/tests/jest/plugins/search/plugin.search.view.test.js +0 -1
  44. package/webpack.config.js +0 -1
  45. package/BookReader/plugins/plugin.mobile_nav.js +0 -2
  46. package/BookReader/plugins/plugin.mobile_nav.js.map +0 -1
  47. package/src/css/_MobileNav.scss +0 -168
  48. package/src/plugins/plugin.mobile_nav.js +0 -288
  49. package/tests/e2e/helpers/mobileSearch.js +0 -85
  50. package/tests/jest/plugins/plugin.mobile_nav.test.js +0 -66
@@ -81,7 +81,7 @@
81
81
  left: -10000px !important;
82
82
  }
83
83
 
84
- .BookReader, .BRmobileMenu, .BRfloat {
84
+ .BookReader, .BRfloat {
85
85
  /* Shared root element rules */
86
86
  font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
87
87
  font-size: 14px;
@@ -91,27 +91,27 @@
91
91
  /* Desktop-only */
92
92
  /* Element-level rules */
93
93
  }
94
- .BookReader .larger, .BRmobileMenu .larger, .BRfloat .larger {
94
+ .BookReader .larger, .BRfloat .larger {
95
95
  font-size: 1.2em;
96
96
  }
97
97
  @media (min-width: 801px) {
98
- .BookReader .mv20-lg, .BRmobileMenu .mv20-lg, .BRfloat .mv20-lg {
98
+ .BookReader .mv20-lg, .BRfloat .mv20-lg {
99
99
  margin-top: 20px;
100
100
  margin-bottom: 20px;
101
101
  }
102
102
  }
103
- .BookReader h3, .BRmobileMenu h3, .BRfloat h3 {
103
+ .BookReader h3, .BRfloat h3 {
104
104
  font-size: 20px;
105
105
  font-weight: 700;
106
106
  color: #dedede;
107
107
  }
108
- .BookReader a, .BRmobileMenu a, .BRfloat a {
108
+ .BookReader a, .BRfloat a {
109
109
  outline: none;
110
110
  }
111
- .BookReader button, .BRmobileMenu button, .BRfloat button {
111
+ .BookReader button, .BRfloat button {
112
112
  cursor: pointer;
113
113
  }
114
- .BookReader a.logo, .BRmobileMenu a.logo, .BRfloat a.logo {
114
+ .BookReader a.logo, .BRfloat a.logo {
115
115
  display: inline-block;
116
116
  width: auto;
117
117
  height: 100%;
@@ -355,10 +355,10 @@ body.BRfullscreenActive .mm-menu {
355
355
  border: initial;
356
356
  font-size: inherit;
357
357
  }
358
- .BookReader .fieldset-embed, .BRmobileMenu .fieldset-embed, .BRfloat .fieldset-embed {
358
+ .BookReader .fieldset-embed, .BRfloat .fieldset-embed {
359
359
  display: none;
360
360
  }
361
- .BookReader .BRaction, .BRmobileMenu .BRaction, .BRfloat .BRaction {
361
+ .BookReader .BRaction, .BRfloat .BRaction {
362
362
  padding: 8px 10px;
363
363
  margin-left: 0;
364
364
  margin-bottom: 10px;
@@ -411,7 +411,7 @@ body.BRfullscreenActive .mm-menu {
411
411
  display: inline;
412
412
  margin-right: 10px;
413
413
  }
414
- .BookReader .BRaction, .BRmobileMenu .BRaction, .BRfloat .BRaction {
414
+ .BookReader .BRaction, .BRfloat .BRaction {
415
415
  padding: 8px 16px;
416
416
  }
417
417
  }
@@ -1092,7 +1092,6 @@ i.BRicon {
1092
1092
  animation: fadeUp 0.2s;
1093
1093
  background-color: #333;
1094
1094
  color: white;
1095
- /* Full mobile styles */
1096
1095
  }
1097
1096
  .BRReadAloudToolbar a {
1098
1097
  color: white;
@@ -1130,46 +1129,6 @@ i.BRicon {
1130
1129
  .BRReadAloudToolbar .BRnavCntlBtm:hover {
1131
1130
  background-color: #0074D1;
1132
1131
  }
1133
- @media (max-width: 800px) {
1134
- .BRbodyMobileNavEnabled .BRReadAloudToolbar, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar {
1135
- background-color: white;
1136
- color: black;
1137
- }
1138
- .BRbodyMobileNavEnabled .BRReadAloudToolbar a, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar a {
1139
- color: black;
1140
- }
1141
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider {
1142
- background: #B7B7B7;
1143
- }
1144
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-handle, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-handle {
1145
- background: #0074D1;
1146
- }
1147
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-range, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpager.ui-slider .ui-slider-range {
1148
- background: rgba(0, 116, 209, 0.25);
1149
- }
1150
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon {
1151
- border-left: 1px solid #979797;
1152
- }
1153
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon.activated, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon.activated {
1154
- background-color: rgba(0, 116, 209, 0.4);
1155
- }
1156
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRpage .BRicon.activated:before, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRpage .BRicon.activated:before {
1157
- content: "";
1158
- top: 0;
1159
- left: 0;
1160
- width: 100%;
1161
- height: 100%;
1162
- box-sizing: border-box;
1163
- display: block;
1164
- border: 3px solid rgba(0, 116, 209, 0.3);
1165
- }
1166
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRnavCntl, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRnavCntl {
1167
- background-color: #979797;
1168
- }
1169
- .BRbodyMobileNavEnabled .BRReadAloudToolbar .BRnavCntlBtm:hover, .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRReadAloudToolbar .BRnavCntlBtm:hover {
1170
- background-color: #0074D1;
1171
- }
1172
- }
1173
1132
  .BRReadAloudToolbar--controls {
1174
1133
  display: flex;
1175
1134
  }
@@ -1513,7 +1472,7 @@ i.BRicon {
1513
1472
  box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.25);
1514
1473
  }
1515
1474
  }
1516
- .BookReader .BRquery, .BRmobileMenu .BRquery, .BRfloat .BRquery, .BookReader .BRchapter > div, .BRmobileMenu .BRchapter > div, .BRfloat .BRchapter > div {
1475
+ .BookReader .BRquery, .BRfloat .BRquery, .BookReader .BRchapter > div, .BRfloat .BRchapter > div {
1517
1476
  display: none;
1518
1477
  position: absolute;
1519
1478
  bottom: calc(100% + 5px);
@@ -1534,7 +1493,7 @@ i.BRicon {
1534
1493
  -o-user-select: none;
1535
1494
  user-select: none;
1536
1495
  }
1537
- .BookReader .BRquery:after, .BRmobileMenu .BRquery:after, .BRfloat .BRquery:after, .BookReader .BRchapter > div:after, .BRmobileMenu .BRchapter > div:after, .BRfloat .BRchapter > div:after {
1496
+ .BookReader .BRquery:after, .BRfloat .BRquery:after, .BookReader .BRchapter > div:after, .BRfloat .BRchapter > div:after {
1538
1497
  position: absolute;
1539
1498
  content: "";
1540
1499
  bottom: -9px;
@@ -1546,48 +1505,48 @@ i.BRicon {
1546
1505
  clip-path: polygon(0 0, 100% 0, 50% 100%);
1547
1506
  }
1548
1507
 
1549
- .BookReader .searchHiliteLayer, .BookReader .ttsHiliteLayer, .BRmobileMenu .searchHiliteLayer, .BRmobileMenu .ttsHiliteLayer, .BRfloat .searchHiliteLayer, .BRfloat .ttsHiliteLayer {
1508
+ .BookReader .searchHiliteLayer, .BookReader .ttsHiliteLayer, .BRfloat .searchHiliteLayer, .BRfloat .ttsHiliteLayer {
1550
1509
  pointer-events: none;
1551
1510
  }
1552
- .BookReader .searchHiliteLayer rect, .BookReader .ttsHiliteLayer rect, .BRmobileMenu .searchHiliteLayer rect, .BRmobileMenu .ttsHiliteLayer rect, .BRfloat .searchHiliteLayer rect, .BRfloat .ttsHiliteLayer rect {
1511
+ .BookReader .searchHiliteLayer rect, .BookReader .ttsHiliteLayer rect, .BRfloat .searchHiliteLayer rect, .BRfloat .ttsHiliteLayer rect {
1553
1512
  fill: rgba(0, 0, 255, 0.2);
1554
1513
  }
1555
- .BookReader .searchHiliteLayer rect, .BRmobileMenu .searchHiliteLayer rect, .BRfloat .searchHiliteLayer rect {
1514
+ .BookReader .searchHiliteLayer rect, .BRfloat .searchHiliteLayer rect {
1556
1515
  animation: highlightFocus 600ms 1 reverse;
1557
1516
  stroke: blue;
1558
1517
  stroke-width: 4px;
1559
1518
  }
1560
- .BookReader .searchHiliteLayer rect:nth-child(1), .BRmobileMenu .searchHiliteLayer rect:nth-child(1), .BRfloat .searchHiliteLayer rect:nth-child(1) {
1519
+ .BookReader .searchHiliteLayer rect:nth-child(1), .BRfloat .searchHiliteLayer rect:nth-child(1) {
1561
1520
  animation-delay: 0ms;
1562
1521
  }
1563
- .BookReader .searchHiliteLayer rect:nth-child(2), .BRmobileMenu .searchHiliteLayer rect:nth-child(2), .BRfloat .searchHiliteLayer rect:nth-child(2) {
1522
+ .BookReader .searchHiliteLayer rect:nth-child(2), .BRfloat .searchHiliteLayer rect:nth-child(2) {
1564
1523
  animation-delay: 50ms;
1565
1524
  }
1566
- .BookReader .searchHiliteLayer rect:nth-child(3), .BRmobileMenu .searchHiliteLayer rect:nth-child(3), .BRfloat .searchHiliteLayer rect:nth-child(3) {
1525
+ .BookReader .searchHiliteLayer rect:nth-child(3), .BRfloat .searchHiliteLayer rect:nth-child(3) {
1567
1526
  animation-delay: 100ms;
1568
1527
  }
1569
- .BookReader .searchHiliteLayer rect:nth-child(4), .BRmobileMenu .searchHiliteLayer rect:nth-child(4), .BRfloat .searchHiliteLayer rect:nth-child(4) {
1528
+ .BookReader .searchHiliteLayer rect:nth-child(4), .BRfloat .searchHiliteLayer rect:nth-child(4) {
1570
1529
  animation-delay: 150ms;
1571
1530
  }
1572
- .BookReader .searchHiliteLayer rect:nth-child(5), .BRmobileMenu .searchHiliteLayer rect:nth-child(5), .BRfloat .searchHiliteLayer rect:nth-child(5) {
1531
+ .BookReader .searchHiliteLayer rect:nth-child(5), .BRfloat .searchHiliteLayer rect:nth-child(5) {
1573
1532
  animation-delay: 200ms;
1574
1533
  }
1575
- .BookReader .searchHiliteLayer rect:nth-child(6), .BRmobileMenu .searchHiliteLayer rect:nth-child(6), .BRfloat .searchHiliteLayer rect:nth-child(6) {
1534
+ .BookReader .searchHiliteLayer rect:nth-child(6), .BRfloat .searchHiliteLayer rect:nth-child(6) {
1576
1535
  animation-delay: 250ms;
1577
1536
  }
1578
- .BookReader .searchHiliteLayer rect:nth-child(7), .BRmobileMenu .searchHiliteLayer rect:nth-child(7), .BRfloat .searchHiliteLayer rect:nth-child(7) {
1537
+ .BookReader .searchHiliteLayer rect:nth-child(7), .BRfloat .searchHiliteLayer rect:nth-child(7) {
1579
1538
  animation-delay: 300ms;
1580
1539
  }
1581
- .BookReader .searchHiliteLayer rect:nth-child(8), .BRmobileMenu .searchHiliteLayer rect:nth-child(8), .BRfloat .searchHiliteLayer rect:nth-child(8) {
1540
+ .BookReader .searchHiliteLayer rect:nth-child(8), .BRfloat .searchHiliteLayer rect:nth-child(8) {
1582
1541
  animation-delay: 350ms;
1583
1542
  }
1584
- .BookReader .searchHiliteLayer rect:nth-child(9), .BRmobileMenu .searchHiliteLayer rect:nth-child(9), .BRfloat .searchHiliteLayer rect:nth-child(9) {
1543
+ .BookReader .searchHiliteLayer rect:nth-child(9), .BRfloat .searchHiliteLayer rect:nth-child(9) {
1585
1544
  animation-delay: 400ms;
1586
1545
  }
1587
- .BookReader .searchHiliteLayer rect:nth-child(10), .BRmobileMenu .searchHiliteLayer rect:nth-child(10), .BRfloat .searchHiliteLayer rect:nth-child(10) {
1546
+ .BookReader .searchHiliteLayer rect:nth-child(10), .BRfloat .searchHiliteLayer rect:nth-child(10) {
1588
1547
  animation-delay: 450ms;
1589
1548
  }
1590
- .BookReader .BRchapter, .BookReader .BRsearch, .BRmobileMenu .BRchapter, .BRmobileMenu .BRsearch, .BRfloat .BRchapter, .BRfloat .BRsearch {
1549
+ .BookReader .BRchapter, .BookReader .BRsearch, .BRfloat .BRchapter, .BRfloat .BRsearch {
1591
1550
  position: absolute;
1592
1551
  bottom: 0; /* Relative to nav line */
1593
1552
  cursor: pointer;
@@ -1596,7 +1555,7 @@ i.BRicon {
1596
1555
  background-repeat: no-repeat;
1597
1556
  font-weight: normal;
1598
1557
  }
1599
- .BookReader .BRchapter, .BRmobileMenu .BRchapter, .BRfloat .BRchapter {
1558
+ .BookReader .BRchapter, .BRfloat .BRchapter {
1600
1559
  background-color: white;
1601
1560
  color: #666;
1602
1561
  height: 8px;
@@ -1604,22 +1563,22 @@ i.BRicon {
1604
1563
  bottom: -13px;
1605
1564
  margin-left: -12px; /* Center icon */
1606
1565
  }
1607
- .BookReader .BRchapter:hover > div, .BRmobileMenu .BRchapter:hover > div, .BRfloat .BRchapter:hover > div {
1566
+ .BookReader .BRchapter:hover > div, .BRfloat .BRchapter:hover > div {
1608
1567
  display: block;
1609
1568
  }
1610
- .BookReader .BRchapter.front, .BRmobileMenu .BRchapter.front, .BRfloat .BRchapter.front {
1569
+ .BookReader .BRchapter.front, .BRfloat .BRchapter.front {
1611
1570
  background-color: blue;
1612
1571
  }
1613
- .BookReader .BRchapter .BRchapterPage, .BRmobileMenu .BRchapter .BRchapterPage, .BRfloat .BRchapter .BRchapterPage {
1572
+ .BookReader .BRchapter .BRchapterPage, .BRfloat .BRchapter .BRchapterPage {
1614
1573
  font-size: 0.85em;
1615
1574
  opacity: 0.8;
1616
1575
  }
1617
- .BookReader .BRsearch, .BRmobileMenu .BRsearch, .BRfloat .BRsearch {
1576
+ .BookReader .BRsearch, .BRfloat .BRsearch {
1618
1577
  width: 9px;
1619
1578
  height: 6px;
1620
1579
  margin-left: -10px;
1621
1580
  }
1622
- .BookReader .BRsearch:before, .BRmobileMenu .BRsearch:before, .BRfloat .BRsearch:before {
1581
+ .BookReader .BRsearch:before, .BRfloat .BRsearch:before {
1623
1582
  position: absolute;
1624
1583
  left: calc(50% - 2px);
1625
1584
  transform: translateX(-50%);
@@ -1629,34 +1588,34 @@ i.BRicon {
1629
1588
  background: #428bca;
1630
1589
  border-radius: 2px;
1631
1590
  }
1632
- .BookReader .BRsearch:hover .BRquery, .BRmobileMenu .BRsearch:hover .BRquery, .BRfloat .BRsearch:hover .BRquery {
1591
+ .BookReader .BRsearch:hover .BRquery, .BRfloat .BRsearch:hover .BRquery {
1633
1592
  display: block;
1634
1593
  }
1635
- .BookReader .BRsearch .BRquery, .BRmobileMenu .BRsearch .BRquery, .BRfloat .BRsearch .BRquery {
1594
+ .BookReader .BRsearch .BRquery, .BRfloat .BRsearch .BRquery {
1636
1595
  display: none;
1637
1596
  }
1638
- .BookReader .BRquery main, .BRmobileMenu .BRquery main, .BRfloat .BRquery main {
1597
+ .BookReader .BRquery main, .BRfloat .BRquery main {
1639
1598
  display: -webkit-box;
1640
1599
  -webkit-line-clamp: 4;
1641
1600
  -webkit-box-orient: vertical;
1642
1601
  overflow: hidden;
1643
1602
  margin-bottom: 6px;
1644
1603
  }
1645
- .BookReader .BRquery footer, .BRmobileMenu .BRquery footer, .BRfloat .BRquery footer {
1604
+ .BookReader .BRquery footer, .BRfloat .BRquery footer {
1646
1605
  text-align: center;
1647
1606
  font-size: 0.85em;
1648
1607
  opacity: 0.8;
1649
1608
  }
1650
- .BookReader .BRquery mark, .BRmobileMenu .BRquery mark, .BRfloat .BRquery mark {
1609
+ .BookReader .BRquery mark, .BRfloat .BRquery mark {
1651
1610
  color: #adaedc;
1652
1611
  font-weight: bold;
1653
1612
  background-color: #272958;
1654
1613
  }
1655
- .BookReader .BRbooksearch, .BRmobileMenu .BRbooksearch, .BRfloat .BRbooksearch {
1614
+ .BookReader .BRbooksearch, .BRfloat .BRbooksearch {
1656
1615
  position: relative;
1657
1616
  box-sizing: border-box;
1658
1617
  }
1659
- .BookReader .BRbooksearch.desktop, .BRmobileMenu .BRbooksearch.desktop, .BRfloat .BRbooksearch.desktop {
1618
+ .BookReader .BRbooksearch.desktop, .BRfloat .BRbooksearch.desktop {
1660
1619
  position: relative;
1661
1620
  height: 30px;
1662
1621
  border: 1px solid white;
@@ -1667,7 +1626,7 @@ i.BRicon {
1667
1626
  margin-top: 0;
1668
1627
  margin-bottom: 0;
1669
1628
  }
1670
- .BookReader .BRbooksearch.desktop .BRsearchInput, .BRmobileMenu .BRbooksearch.desktop .BRsearchInput, .BRfloat .BRbooksearch.desktop .BRsearchInput {
1629
+ .BookReader .BRbooksearch.desktop .BRsearchInput, .BRfloat .BRbooksearch.desktop .BRsearchInput {
1671
1630
  -webkit-appearance: none;
1672
1631
  position: relative;
1673
1632
  width: 130px;
@@ -1685,7 +1644,7 @@ i.BRicon {
1685
1644
  font-size: 14px;
1686
1645
  line-height: 1.2;
1687
1646
  }
1688
- .BookReader .BRbooksearch.desktop .BRsearchSubmit, .BRmobileMenu .BRbooksearch.desktop .BRsearchSubmit, .BRfloat .BRbooksearch.desktop .BRsearchSubmit {
1647
+ .BookReader .BRbooksearch.desktop .BRsearchSubmit, .BRfloat .BRbooksearch.desktop .BRsearchSubmit {
1689
1648
  width: auto;
1690
1649
  height: 100%;
1691
1650
  border: none;
@@ -1698,7 +1657,7 @@ i.BRicon {
1698
1657
  float: left;
1699
1658
  cursor: pointer;
1700
1659
  }
1701
- .BookReader .BRsearch-navigation, .BRmobileMenu .BRsearch-navigation, .BRfloat .BRsearch-navigation {
1660
+ .BookReader .BRsearch-navigation, .BRfloat .BRsearch-navigation {
1702
1661
  position: relative;
1703
1662
  z-index: 1;
1704
1663
  display: flex;
@@ -1708,46 +1667,46 @@ i.BRicon {
1708
1667
  background-color: #333;
1709
1668
  padding: 5px 0;
1710
1669
  }
1711
- .BookReader .BRsearch-navigation button.toggle-sidebar, .BRmobileMenu .BRsearch-navigation button.toggle-sidebar, .BRfloat .BRsearch-navigation button.toggle-sidebar {
1670
+ .BookReader .BRsearch-navigation button.toggle-sidebar, .BRfloat .BRsearch-navigation button.toggle-sidebar {
1712
1671
  width: unset;
1713
1672
  padding: 0 10px;
1714
1673
  }
1715
- .BookReader .BRsearch-navigation button.toggle-sidebar h4, .BRmobileMenu .BRsearch-navigation button.toggle-sidebar h4, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 {
1674
+ .BookReader .BRsearch-navigation button.toggle-sidebar h4, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 {
1716
1675
  padding: 0;
1717
1676
  margin: 0;
1718
1677
  font-size: 15px;
1719
1678
  font-weight: normal;
1720
1679
  color: #fff;
1721
1680
  }
1722
- .BookReader .BRsearch-navigation button.toggle-sidebar h4 span, .BRmobileMenu .BRsearch-navigation button.toggle-sidebar h4 span, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 span {
1681
+ .BookReader .BRsearch-navigation button.toggle-sidebar h4 span, .BRfloat .BRsearch-navigation button.toggle-sidebar h4 span {
1723
1682
  vertical-align: middle;
1724
1683
  }
1725
- .BookReader .BRsearch-navigation .pagination, .BRmobileMenu .BRsearch-navigation .pagination, .BRfloat .BRsearch-navigation .pagination {
1684
+ .BookReader .BRsearch-navigation .pagination, .BRfloat .BRsearch-navigation .pagination {
1726
1685
  position: absolute;
1727
1686
  left: 50%;
1728
1687
  top: 50%;
1729
1688
  transform: translate(-50%, -50%);
1730
1689
  margin: 0;
1731
1690
  }
1732
- .BookReader .BRsearch-navigation .pagination span, .BRmobileMenu .BRsearch-navigation .pagination span, .BRfloat .BRsearch-navigation .pagination span {
1691
+ .BookReader .BRsearch-navigation .pagination span, .BRfloat .BRsearch-navigation .pagination span {
1733
1692
  display: inline-block;
1734
1693
  padding: 0 5px;
1735
1694
  }
1736
- .BookReader .BRsearch-navigation .pagination button[disabled], .BRmobileMenu .BRsearch-navigation .pagination button[disabled], .BRfloat .BRsearch-navigation .pagination button[disabled] {
1695
+ .BookReader .BRsearch-navigation .pagination button[disabled], .BRfloat .BRsearch-navigation .pagination button[disabled] {
1737
1696
  opacity: 0.3;
1738
1697
  cursor: default;
1739
1698
  }
1740
- .BookReader .BRsearch-navigation .pagination button span, .BRmobileMenu .BRsearch-navigation .pagination button span, .BRfloat .BRsearch-navigation .pagination button span {
1699
+ .BookReader .BRsearch-navigation .pagination button span, .BRfloat .BRsearch-navigation .pagination button span {
1741
1700
  width: 8px;
1742
1701
  height: 13px;
1743
1702
  padding: 0;
1744
1703
  background-size: 100% auto;
1745
1704
  }
1746
- .BookReader .BRsearch-navigation .clear span, .BRmobileMenu .BRsearch-navigation .clear span, .BRfloat .BRsearch-navigation .clear span {
1705
+ .BookReader .BRsearch-navigation .clear span, .BRfloat .BRsearch-navigation .clear span {
1747
1706
  width: 18px;
1748
1707
  height: 18px;
1749
1708
  }
1750
- .BookReader .BRsearch-navigation + .BRnav .BRnavCntl, .BRmobileMenu .BRsearch-navigation + .BRnav .BRnavCntl, .BRfloat .BRsearch-navigation + .BRnav .BRnavCntl {
1709
+ .BookReader .BRsearch-navigation + .BRnav .BRnavCntl, .BRfloat .BRsearch-navigation + .BRnav .BRnavCntl {
1751
1710
  display: none;
1752
1711
  }
1753
1712
 
@@ -1758,812 +1717,15 @@ i.BRicon {
1758
1717
  }
1759
1718
  /* Mid size breakpoint */
1760
1719
  @media (max-width: 1050px) {
1761
- .BookReader .BRbooksearch .BRsearchInput, .BRmobileMenu .BRbooksearch .BRsearchInput, .BRfloat .BRbooksearch .BRsearchInput {
1720
+ .BookReader .BRbooksearch .BRsearchInput, .BRfloat .BRbooksearch .BRsearchInput {
1762
1721
  padding: 0 0 0 8px;
1763
1722
  width: 110px;
1764
1723
  min-width: 110px;
1765
1724
  }
1766
- .BookReader .BRbooksearch .BRsearchSubmit, .BRmobileMenu .BRbooksearch .BRsearchSubmit, .BRfloat .BRbooksearch .BRsearchSubmit {
1725
+ .BookReader .BRbooksearch .BRsearchSubmit, .BRfloat .BRbooksearch .BRsearchSubmit {
1767
1726
  float: left;
1768
1727
  }
1769
1728
  }
1770
- .mm-menu, .mm-panels, .mm-panels > .mm-panel {
1771
- margin: 0;
1772
- left: 0;
1773
- right: 0;
1774
- top: 0;
1775
- bottom: 0;
1776
- z-index: 0;
1777
- box-sizing: border-box;
1778
- }
1779
-
1780
- .mm-btn, .mm-menu {
1781
- box-sizing: border-box;
1782
- }
1783
-
1784
- .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
1785
- text-decoration: none;
1786
- }
1787
-
1788
- .mm-hidden {
1789
- display: none !important;
1790
- }
1791
-
1792
- .mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
1793
- display: block;
1794
- }
1795
-
1796
- .mm-wrapper {
1797
- overflow-x: hidden;
1798
- position: relative;
1799
- }
1800
-
1801
- .mm-menu {
1802
- padding: 0;
1803
- position: absolute;
1804
- }
1805
-
1806
- .mm-panels, .mm-panels > .mm-panel {
1807
- background: inherit;
1808
- border-color: inherit;
1809
- position: absolute;
1810
- }
1811
-
1812
- .mm-btn, .mm-panel.mm-highest {
1813
- z-index: 1;
1814
- }
1815
-
1816
- .mm-panels {
1817
- overflow: hidden;
1818
- }
1819
-
1820
- .mm-panel {
1821
- -webkit-transition: -webkit-transform 0.4s ease;
1822
- transition: -webkit-transform 0.4s ease;
1823
- transition: transform 0.4s ease;
1824
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
1825
- -webkit-transform: translate3d(100%, 0, 0);
1826
- transform: translate3d(100%, 0, 0);
1827
- }
1828
-
1829
- .mm-panel.mm-opened {
1830
- -webkit-transform: translate3d(0, 0, 0);
1831
- transform: translate3d(0, 0, 0);
1832
- }
1833
-
1834
- .mm-panel.mm-subopened {
1835
- -webkit-transform: translate3d(-30%, 0, 0);
1836
- transform: translate3d(-30%, 0, 0);
1837
- }
1838
-
1839
- .mm-panels > .mm-panel {
1840
- -webkit-overflow-scrolling: touch;
1841
- overflow: scroll;
1842
- overflow-x: hidden;
1843
- overflow-y: auto;
1844
- padding: 0 20px;
1845
- }
1846
-
1847
- .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
1848
- text-overflow: ellipsis;
1849
- white-space: nowrap;
1850
- overflow: hidden;
1851
- }
1852
-
1853
- .mm-panels > .mm-panel.mm-hasnavbar {
1854
- padding-top: 40px;
1855
- }
1856
-
1857
- .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
1858
- content: "";
1859
- display: block;
1860
- height: 20px;
1861
- }
1862
-
1863
- .mm-vertical .mm-panel {
1864
- -webkit-transform: none !important;
1865
- -ms-transform: none !important;
1866
- transform: none !important;
1867
- }
1868
-
1869
- .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
1870
- display: none;
1871
- padding: 10px 0 10px 10px;
1872
- }
1873
-
1874
- .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
1875
- border-color: transparent;
1876
- }
1877
-
1878
- .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
1879
- display: block;
1880
- }
1881
-
1882
- .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
1883
- height: 40px;
1884
- bottom: auto;
1885
- }
1886
-
1887
- .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
1888
- top: 16px;
1889
- bottom: auto;
1890
- }
1891
-
1892
- .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
1893
- -webkit-transform: rotate(45deg);
1894
- -ms-transform: rotate(45deg);
1895
- transform: rotate(45deg);
1896
- right: 19px;
1897
- }
1898
-
1899
- .mm-btn {
1900
- width: 40px;
1901
- height: 40px;
1902
- position: absolute;
1903
- top: 0;
1904
- }
1905
-
1906
- .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
1907
- content: "";
1908
- border: 2px solid transparent;
1909
- display: block;
1910
- width: 5px;
1911
- height: 5px;
1912
- margin: auto;
1913
- position: absolute;
1914
- top: 0;
1915
- bottom: 0;
1916
- -webkit-transform: rotate(-45deg);
1917
- -ms-transform: rotate(-45deg);
1918
- transform: rotate(-45deg);
1919
- }
1920
-
1921
- .mm-clear:before, .mm-close:before {
1922
- border-right: none;
1923
- border-bottom: none;
1924
- right: 18px;
1925
- }
1926
-
1927
- .mm-clear:after, .mm-close:after {
1928
- border-left: none;
1929
- border-top: none;
1930
- right: 25px;
1931
- }
1932
-
1933
- .mm-arrow:after, .mm-next:after, .mm-prev:before {
1934
- content: "";
1935
- border: 2px solid transparent;
1936
- display: block;
1937
- width: 8px;
1938
- height: 8px;
1939
- margin: auto;
1940
- position: absolute;
1941
- top: 0;
1942
- bottom: 0;
1943
- -webkit-transform: rotate(-45deg);
1944
- -ms-transform: rotate(-45deg);
1945
- transform: rotate(-45deg);
1946
- }
1947
-
1948
- .mm-prev:before {
1949
- border-right: none;
1950
- border-bottom: none;
1951
- left: 23px;
1952
- }
1953
-
1954
- .mm-arrow:after, .mm-next:after {
1955
- border-top: none;
1956
- border-left: none;
1957
- right: 23px;
1958
- }
1959
-
1960
- .mm-navbar {
1961
- border-bottom: 1px solid;
1962
- border-color: inherit;
1963
- text-align: center;
1964
- line-height: 20px;
1965
- height: 40px;
1966
- padding: 0 40px;
1967
- margin: 0;
1968
- position: absolute;
1969
- top: 0;
1970
- left: 0;
1971
- right: 0;
1972
- }
1973
-
1974
- .mm-navbar > * {
1975
- display: block;
1976
- padding: 10px 0;
1977
- }
1978
-
1979
- .mm-navbar .mm-btn:first-child {
1980
- padding-left: 20px;
1981
- left: 0;
1982
- }
1983
-
1984
- .mm-navbar .mm-btn:last-child {
1985
- text-align: right;
1986
- padding-right: 20px;
1987
- right: 0;
1988
- }
1989
-
1990
- .mm-panel .mm-navbar {
1991
- display: none;
1992
- }
1993
-
1994
- .mm-panel.mm-hasnavbar .mm-navbar {
1995
- display: block;
1996
- }
1997
-
1998
- .mm-listview, .mm-listview > li {
1999
- list-style: none;
2000
- display: block;
2001
- padding: 0;
2002
- margin: 0;
2003
- }
2004
-
2005
- .mm-listview {
2006
- font: inherit;
2007
- font-size: 14px;
2008
- line-height: 20px;
2009
- }
2010
-
2011
- .mm-listview > li {
2012
- position: relative;
2013
- }
2014
-
2015
- .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
2016
- border-color: inherit;
2017
- }
2018
-
2019
- .mm-listview > li > a, .mm-listview > li > span {
2020
- color: inherit;
2021
- display: block;
2022
- padding: 10px 10px 10px 20px;
2023
- margin: 0;
2024
- }
2025
-
2026
- .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
2027
- padding-right: 50px;
2028
- }
2029
-
2030
- .mm-listview > li:not(.mm-divider):after {
2031
- content: "";
2032
- border-bottom-width: 1px;
2033
- border-bottom-style: solid;
2034
- display: block;
2035
- position: absolute;
2036
- right: 0;
2037
- bottom: 0;
2038
- left: 20px;
2039
- }
2040
-
2041
- .mm-listview .mm-next {
2042
- background: rgba(3, 2, 1, 0);
2043
- width: 50px;
2044
- padding: 0;
2045
- position: absolute;
2046
- right: 0;
2047
- top: 0;
2048
- bottom: 0;
2049
- z-index: 2;
2050
- }
2051
-
2052
- .mm-listview .mm-next:before {
2053
- content: "";
2054
- border-left-width: 1px;
2055
- border-left-style: solid;
2056
- display: block;
2057
- position: absolute;
2058
- top: 0;
2059
- bottom: 0;
2060
- left: 0;
2061
- }
2062
-
2063
- .mm-listview .mm-next + a, .mm-listview .mm-next + span {
2064
- margin-right: 50px;
2065
- }
2066
-
2067
- .mm-listview .mm-next.mm-fullsubopen {
2068
- width: 100%;
2069
- }
2070
-
2071
- .mm-listview .mm-next.mm-fullsubopen:before {
2072
- border-left: none;
2073
- }
2074
-
2075
- .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
2076
- padding-right: 50px;
2077
- margin-right: 0;
2078
- }
2079
-
2080
- .mm-panels > .mm-panel > .mm-listview {
2081
- margin: 20px -20px;
2082
- }
2083
-
2084
- .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
2085
- margin-top: -20px;
2086
- }
2087
-
2088
- .mm-listview .mm-inset {
2089
- list-style: disc inside;
2090
- padding: 0 10px 15px 40px;
2091
- margin: 0;
2092
- }
2093
-
2094
- .mm-listview .mm-inset > li {
2095
- padding: 5px 0;
2096
- }
2097
-
2098
- .mm-listview .mm-divider {
2099
- font-size: 10px;
2100
- text-transform: uppercase;
2101
- text-indent: 20px;
2102
- line-height: 25px;
2103
- }
2104
-
2105
- .mm-listview .mm-spacer {
2106
- padding-top: 40px;
2107
- }
2108
-
2109
- .mm-listview .mm-spacer > .mm-next {
2110
- top: 40px;
2111
- }
2112
-
2113
- .mm-listview .mm-spacer.mm-divider {
2114
- padding-top: 25px;
2115
- }
2116
-
2117
- .mm-menu {
2118
- background: #f3f3f3;
2119
- border-color: rgba(0, 0, 0, 0.1);
2120
- color: rgba(0, 0, 0, 0.7);
2121
- }
2122
-
2123
- .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
2124
- color: rgba(0, 0, 0, 0.3);
2125
- }
2126
-
2127
- .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
2128
- border-color: rgba(0, 0, 0, 0.3);
2129
- }
2130
-
2131
- .mm-menu .mm-listview {
2132
- border-color: rgba(0, 0, 0, 0.1);
2133
- }
2134
-
2135
- .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
2136
- border-color: rgba(0, 0, 0, 0.3);
2137
- }
2138
-
2139
- .mm-menu .mm-listview > li a:not(.mm-next) {
2140
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
2141
- tap-highlight-color: rgba(255, 255, 255, 0.5);
2142
- }
2143
-
2144
- .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
2145
- background: rgba(255, 255, 255, 0.5);
2146
- }
2147
-
2148
- .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 {
2149
- background: rgba(0, 0, 0, 0.05);
2150
- }
2151
-
2152
- .mm-page {
2153
- box-sizing: border-box;
2154
- position: relative;
2155
- }
2156
-
2157
- .mm-slideout {
2158
- -webkit-transition: -webkit-transform 0.4s ease;
2159
- transition: -webkit-transform 0.4s ease;
2160
- transition: transform 0.4s ease;
2161
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
2162
- z-index: 1;
2163
- }
2164
-
2165
- html.mm-opened {
2166
- overflow-x: hidden;
2167
- position: relative;
2168
- }
2169
-
2170
- html.mm-blocking, html.mm-blocking body {
2171
- overflow: hidden;
2172
- }
2173
-
2174
- html.mm-background .mm-page {
2175
- background: inherit;
2176
- }
2177
-
2178
- #mm-blocker {
2179
- background: rgba(3, 2, 1, 0);
2180
- display: none;
2181
- width: 100%;
2182
- height: 100%;
2183
- position: fixed;
2184
- top: 0;
2185
- left: 0;
2186
- z-index: 2;
2187
- }
2188
-
2189
- html.mm-blocking #mm-blocker {
2190
- display: block;
2191
- }
2192
-
2193
- .mm-menu.mm-offcanvas {
2194
- z-index: 0;
2195
- display: none;
2196
- position: fixed;
2197
- width: 80%;
2198
- min-width: 140px;
2199
- max-width: 440px;
2200
- }
2201
-
2202
- .mm-menu.mm-offcanvas.mm-current {
2203
- display: block;
2204
- }
2205
-
2206
- html.mm-opening .mm-slideout {
2207
- -webkit-transform: translate3d(80%, 0, 0);
2208
- transform: translate3d(80%, 0, 0);
2209
- }
2210
-
2211
- @media all and (max-width: 175px) {
2212
- html.mm-opening .mm-slideout {
2213
- -webkit-transform: translate3d(140px, 0, 0);
2214
- transform: translate3d(140px, 0, 0);
2215
- }
2216
- }
2217
- @media all and (min-width: 550px) {
2218
- html.mm-opening .mm-slideout {
2219
- -webkit-transform: translate3d(440px, 0, 0);
2220
- transform: translate3d(440px, 0, 0);
2221
- }
2222
- }
2223
- .mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
2224
- border-bottom: none;
2225
- }
2226
-
2227
- .mm-menu > .mm-navbar {
2228
- background: inherit;
2229
- padding: 0;
2230
- z-index: 3;
2231
- -webkit-transform: translate3d(0, 0, 0);
2232
- transform: translate3d(0, 0, 0);
2233
- }
2234
-
2235
- .mm-navbar-bottom {
2236
- border-top-width: 1px;
2237
- border-top-style: solid;
2238
- top: auto;
2239
- bottom: 0;
2240
- }
2241
-
2242
- .mm-navbar-bottom ~ .mm-navbar-bottom {
2243
- border-top: none;
2244
- }
2245
-
2246
- .mm-navbar.mm-hasbtns {
2247
- padding: 0 40px;
2248
- }
2249
-
2250
- .mm-navbar[class*=mm-navbar-content-] > * {
2251
- box-sizing: border-box;
2252
- display: block;
2253
- float: left;
2254
- }
2255
-
2256
- .mm-navbar .mm-breadcrumbs {
2257
- text-overflow: ellipsis;
2258
- white-space: nowrap;
2259
- overflow: hidden;
2260
- -webkit-overflow-scrolling: touch;
2261
- overflow-x: auto;
2262
- text-align: left;
2263
- padding: 0 0 0 17px;
2264
- }
2265
-
2266
- .mm-navbar .mm-breadcrumbs > * {
2267
- display: inline-block;
2268
- padding: 10px 3px;
2269
- }
2270
-
2271
- .mm-navbar .mm-breadcrumbs > a {
2272
- text-decoration: underline;
2273
- }
2274
-
2275
- .mm-navbar.mm-hasbtns .mm-breadcrumbs {
2276
- margin-left: -40px;
2277
- }
2278
-
2279
- .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
2280
- margin-left: 0;
2281
- padding-left: 0;
2282
- }
2283
-
2284
- .mm-navbar-top-1 {
2285
- top: 0;
2286
- }
2287
-
2288
- .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
2289
- top: 40px;
2290
- }
2291
-
2292
- .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
2293
- top: 80px;
2294
- }
2295
-
2296
- .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
2297
- top: 120px;
2298
- }
2299
-
2300
- .mm-hasnavbar-top-4 .mm-panels {
2301
- top: 160px;
2302
- }
2303
-
2304
- .mm-navbar-bottom-1 {
2305
- bottom: 0;
2306
- }
2307
-
2308
- .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
2309
- bottom: 40px;
2310
- }
2311
-
2312
- .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
2313
- bottom: 80px;
2314
- }
2315
-
2316
- .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
2317
- bottom: 120px;
2318
- }
2319
-
2320
- .mm-hasnavbar-bottom-4 .mm-panels {
2321
- bottom: 160px;
2322
- }
2323
-
2324
- .mm-navbar-size-2 {
2325
- height: 80px;
2326
- }
2327
-
2328
- .mm-navbar-size-3 {
2329
- height: 120px;
2330
- }
2331
-
2332
- .mm-navbar-size-4 {
2333
- height: 160px;
2334
- }
2335
-
2336
- .mm-navbar-content-2 > * {
2337
- width: 50%;
2338
- }
2339
-
2340
- .mm-navbar-content-3 > * {
2341
- width: 33.33%;
2342
- }
2343
-
2344
- .mm-navbar-content-4 > * {
2345
- width: 25%;
2346
- }
2347
-
2348
- .mm-navbar-content-5 > * {
2349
- width: 20%;
2350
- }
2351
-
2352
- .mm-navbar-content-6 > * {
2353
- width: 16.67%;
2354
- }
2355
-
2356
- .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
2357
- color: #fff;
2358
- font-size: 14px;
2359
- }
2360
-
2361
- .mm-menu {
2362
- color: #fff;
2363
- background: #151515;
2364
- }
2365
- .mm-menu > .mm-navbar {
2366
- background: #333;
2367
- }
2368
-
2369
- .mm-panel {
2370
- font-size: 12px;
2371
- }
2372
-
2373
- #mm-blocker {
2374
- z-index: 2002;
2375
- }
2376
-
2377
- .mm-panel h1 {
2378
- margin-top: 0;
2379
- color: rgb(36, 94, 131);
2380
- font-size: 14px;
2381
- }
2382
-
2383
- .mm-menu .mm-listview > li .mm-next,
2384
- .mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-listview > li:after,
2385
- .mm-menu .mm-listview > li .mm-arrow:after,
2386
- .mm-menu .mm-listview > li .mm-next:after {
2387
- border-color: #fff;
2388
- }
2389
-
2390
- .mm-menu .mm-btn:after,
2391
- .mm-menu .mm-btn:before {
2392
- border-color: #fff;
2393
- }
2394
-
2395
- /* Needed to override mmenu style */
2396
- html.mm-background .BookReader {
2397
- background-color: black;
2398
- }
2399
-
2400
- .BRmobileMenu button {
2401
- -webkit-appearance: initial;
2402
- }
2403
- .BRmobileMenu .BRaction {
2404
- display: block;
2405
- width: 100%;
2406
- }
2407
- .BRmobileMenu div.share-social button {
2408
- padding: 0 5px;
2409
- height: 40px;
2410
- text-align: left;
2411
- }
2412
- .BRmobileMenu a {
2413
- color: inherit;
2414
- }
2415
-
2416
- .BRtoolbarMobileTitle {
2417
- overflow: hidden;
2418
- width: 100%;
2419
- white-space: nowrap;
2420
- text-align: center;
2421
- font-size: 14px;
2422
- line-height: 40px;
2423
- display: block;
2424
- margin-right: 10px;
2425
- }
2426
-
2427
- .BRmobileHamburgerWrapper {
2428
- display: block;
2429
- padding: 0 30px 0 50px;
2430
- }
2431
-
2432
- .BRmobileHamburger {
2433
- background: transparent url("icons/hamburger.svg") 50% 50% no-repeat;
2434
- display: block;
2435
- width: 40px;
2436
- height: 40px;
2437
- position: absolute;
2438
- top: 0;
2439
- left: 10px;
2440
- border: none;
2441
- outline: none;
2442
- }
2443
-
2444
- .DrawerIconWrapper {
2445
- display: block;
2446
- float: left;
2447
- width: 20px;
2448
- height: 20px;
2449
- margin-right: 10px;
2450
- text-align: center;
2451
- position: relative;
2452
- }
2453
-
2454
- .DrawerIcon {
2455
- height: 18px;
2456
- width: auto;
2457
- position: absolute;
2458
- left: 0;
2459
- top: 1px;
2460
- }
2461
-
2462
- .DrawerSettingsTitle {
2463
- color: #fff;
2464
- font-size: 14px;
2465
- font-weight: bold;
2466
- margin-bottom: 10px;
2467
- }
2468
-
2469
- .DrawerSettingsLayoutWrapper {
2470
- text-align: center;
2471
- padding: 0;
2472
- margin-bottom: 20px;
2473
- }
2474
-
2475
- .DrawerLayoutButton {
2476
- border: none;
2477
- background: none;
2478
- color: #fff;
2479
- line-height: 18px;
2480
- }
2481
-
2482
- .DrawerLayoutButton:active {
2483
- color: grey;
2484
- }
2485
-
2486
- .BRmobileShare div.share-title {
2487
- font-weight: bold;
2488
- font-size: 16px;
2489
- line-height: 1.5;
2490
- }
2491
- .BRmobileShare div.share-social {
2492
- margin: 10px 0 20px 0;
2493
- }
2494
- .BRmobileShare p {
2495
- font-weight: bold;
2496
- }
2497
- .BRmobileShare fieldset {
2498
- padding: 0;
2499
- border: 0;
2500
- margin-bottom: 30px;
2501
- }
2502
- .BRmobileShare fieldset label {
2503
- display: block;
2504
- }
2505
- .BRmobileShare fieldset input[type=text] {
2506
- width: 95%;
2507
- }
2508
- .BRmobileShare button.share-finished {
2509
- display: none;
2510
- }
2511
- .BRmobileShare div.share-embed {
2512
- border: 1px solid #ccc;
2513
- padding: 0 10px;
2514
- }
2515
- .BRmobileShare .open-to-this-page {
2516
- display: block;
2517
- margin: 10px 0;
2518
- }
2519
-
2520
- .BRmobileHamburgerWrapper {
2521
- display: none;
2522
- }
2523
-
2524
- .BRmobileMenu {
2525
- display: none;
2526
- }
2527
-
2528
- .BRtoolbar.responsive {
2529
- display: none;
2530
- }
2531
-
2532
- /* Mobile Only */
2533
- @media (max-width: 800px) {
2534
- .BRbodyMobileNavEnabled .BRtoolbar.responsive,
2535
- .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive {
2536
- display: block;
2537
- height: 40px;
2538
- box-sizing: border-box;
2539
- width: 100%;
2540
- color: #fff;
2541
- background: #333;
2542
- }
2543
- .BRbodyMobileNavEnabled .BRtoolbar.responsive .BRtoolbarbuttons,
2544
- .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRtoolbarbuttons {
2545
- display: none;
2546
- }
2547
- .BRbodyMobileNavEnabled .BRtoolbar.responsive .BRmobileHamburgerWrapper,
2548
- .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRmobileHamburgerWrapper {
2549
- display: block;
2550
- }
2551
- .BRbodyMobileNavEnabled .BRtoolbar.responsive .BRmobileMenu,
2552
- .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive .BRtoolbar.responsive .BRmobileMenu {
2553
- display: block;
2554
- }
2555
- }
2556
- .BRcheckbox-label-filters {
2557
- position: relative;
2558
- bottom: 2px;
2559
- }
2560
-
2561
- /* Desktop Only */
2562
- @media (min-width: 801px) {
2563
- .BRtoolbar.responsive {
2564
- display: block;
2565
- }
2566
- }
2567
1729
  /****************** Excerpt from jquery-ui *********************/
2568
1730
  .ui-helper-hidden {
2569
1731
  display: none;