@internetarchive/bookreader 5.0.0-38 → 5.0.0-39

package/stat/css/_BRpages.scss

@@ -1,139 +0,0 @@
-.BRpageview {
-  position: relative;
-  margin: auto;
-}
-
-.BRmode1up .BRpagecontainer, .BRmodeThumb .BRpagecontainer {
-  box-shadow: 1px 1px 2px #333;
-  img {
-    border: 0;
-  }
-}
-
-.BRmodeThumb .BRpagecontainer, .BRmode2Up .BRpagecontainer {
-  cursor: pointer;
-}
-.BRpagecontainer.BRemptypage {
-  cursor: unset;
-}
-
-.br-mode-1up__root {
-  display: block;
-  overflow: auto;
-  position: relative;
-  width: 100%;
-  height: 100%;
-
-  // This is a performance optimization that basically tells the browser "the size
-  // of this element doesn't depend on the size of its children".
-  contain: strict;
-
-  .br-mode-1up__world {
-    position: absolute;
-    transform-origin: 0 0;
-  }
-  
-  .br-mode-1up__visible-world {
-    position: absolute;
-    transform-origin: 0 0;
-  }
-}
-
-.BRpagecontainer {
-  position: relative;
-  overflow: hidden;
-  background: $brColorPlaceholderBg;
-  img {
-    position: absolute;
-    background: transparent;
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-  .BRscreen {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-  }
-  &.BRpageloading img {
-    // Don't show the alt text while loading
-    color: transparent;
-  }
-  &.BRemptypage {
-    background: transparent;
-    img {
-      background-image: none;
-    }
-  }
-}
-
-svg.BRPageLayer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-// Hides page layers during page flip animation
-.BRpageFlipping .BRPageLayer {
-  display: none;
-}
-
-.BRbookcover {
-  position: absolute;
-  background-image: none;
-  box-shadow: 1px 0 10px #111;
-}
-.BRPreview .BRpageimage {
-  background-color: #eee;
-  -webkit-filter: grayscale(100%);
-  filter: grayscale(100%);
-}
-
-.BRleafEdgeR {
-  border-style: solid solid solid none;
-  border-color: rgb(51, 51, 34);
-  border-width: 1px 1px 1px 0px;
-
-  background: transparent url(images/back_pages.png) repeat scroll 0% 0%;
-  position: absolute;
-  cursor: pointer;
-}
-
-.BRleafEdgeL {
-  /* border-style: solid none solid solid;
-  border-color: rgb(51, 51, 34);
-  border-width: 1px 0px 1px 1px; */
-  background: transparent url(images/back_pages.png) repeat scroll 0% 0%; /* XXXmang replace file */
-  position: absolute;
-  cursor: pointer;
-}
-
-.BRleafEdgeTmp {
-  /* border-style: solid none solid solid;
-  border-color: rgb(51, 51, 34);
-  border-width: 1px 0px 1px 1px; */
-  background: transparent url(images/back_pages.png) repeat scroll 0% 0%; /* XXXmang replace file */
-  position: absolute;
-}
-
-.BRgutter {
-  /* border: 1px solid rgb(68, 25, 17); */
-  position: absolute;
-  background: transparent url(images/booksplit.png) repeat scroll 0% 0%;
-}
-
-.BRtwoPagePopUp {
-  padding: 6px;
-  position: absolute;
-  font-size: $brFontSizeSmaller;
-  color: white;
-  background-color: #9A9B9D;
-  opacity: 0.85;
-  border-radius: 4px;
-  white-space: nowrap;
-}

package/stat/css/_BRsearch.scss

@@ -1,226 +0,0 @@
-%timeline-tooltip {
-  display: none;
-  position: absolute;
-  bottom: calc(100% + 5px);
-  left: 50%;
-  transform: translateX(-50%);
-  width: 230px;
-  padding: 12px 14px;
-  color: $tooltipText;
-  font-weight: bold;
-  background: $tooltipBG;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
-  &:after {
-    display: none;
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    content: "";
-    border: 7px solid transparent;
-    border-width: 7px 4px;
-    border-bottom: none;
-    border-top-color: $tooltipBG;
-  }
-}
-
-#{$brScope} {
-  // FIXME: .ttsHiliteLayer should probably not be in this file,
-  // but they appear the same in the UI.
-  .searchHiliteLayer, .ttsHiliteLayer {
-    pointer-events: none;
-
-    rect {
-      fill: #0000ff;
-      fill-opacity: 0.2;
-      animation: hiliteFadeIn .2s;
-    }
-  }
-
-  .BRchapter, .BRsearch {
-    position: absolute;
-    bottom: 0;  /* Relative to nav line */
-    cursor: pointer;
-    z-index: $brZindexBase + 2;
-    background-color: transparent;
-    background-repeat: no-repeat;
-    font-weight: normal;
-  }
-  .BRchapter {
-    // background-image: url(images/marker_chap-off.svg);
-    background-color: white;
-    color: #666;
-    height: 8px;
-    width: 4px;
-    bottom: -13px;
-    margin-left: -12px; /* Center icon */
-    > div {
-      @extend %timeline-tooltip;
-    }
-    &:hover {
-      > div {
-        display: block;
-      }
-    }
-    &.front {
-      // background-image: url(images/marker_chap-on.svg);
-      background-color: blue;
-    }
-  }
-  .BRsearch {
-    width: 9px;
-    height: 6px;
-    margin-left: -10px;
-    &:before {
-      position: absolute;
-      left: calc(50% - 2px);
-      transform: translateX(-50%);
-      width: 2px;
-      height: 6px;
-      content: "";
-      background: $searchMarkerBG;
-      border-radius: 2px;
-    }
-    &:hover {
-      .BRquery {
-        display: block;
-      }
-    }
-  }
-  .BRsearch .BRquery {
-    display: none;
-  }
-  .BRquery {
-    @extend %timeline-tooltip;
-    b {
-      color: $searchResultText;
-      font-weight: bold;
-      background-color: $searchResultBG;
-    }
-  }
-
-  .BRbooksearch {
-    position:relative;
-    box-sizing: border-box;
-  }
-  .BRbooksearch.desktop {
-    position: relative;
-    height: 30px;
-    border: 1px solid white;
-    border-radius: 20px;
-    display: inline-block;
-    line-height:0;
-    vertical-align: top;
-    margin-top: 0;
-    margin-bottom: 0;
-
-    .BRsearchInput {
-      -webkit-appearance: none;
-      position: relative;
-      width: 130px;
-      max-width: 160px;
-      height: 100%;
-      color: white;
-      outline: none;
-      border: none;
-      padding: 3px 0px 3px 10px;
-      margin: 0;
-      box-sizing: border-box;
-      background: transparent;
-      display: block;
-      float: left;
-      font-size: $brFontSizeBase;
-      line-height: 1.2;
-    }
-    .BRsearchSubmit {
-      width: auto;
-      height: 100%;
-      border: none;
-      text-align: center;
-      color: #fff;
-      overflow: hidden;
-      box-sizing:boder-box;
-      display: block;
-      background: transparent;
-      float: left;
-      cursor: pointer;
-    }
-  }
-
-  .BRsearch-navigation {
-    position: relative;
-    z-index: 1;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: $white;
-    background-color: $brColorDarkGreyBg;
-    padding: 5px 0;
-    button.toggle-sidebar {
-      width: unset;
-      padding: 0 10px;
-      h4 {
-        padding: 0;
-        margin: 0;
-        font-size: 15px;
-        font-weight: normal;
-        color: $white;
-        span {
-          vertical-align: middle;
-        }
-      }
-    }
-    .pagination {
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      margin: 0;
-      span {
-        display: inline-block;
-        padding: 0 5px;
-      }
-      button {
-        &[disabled] {
-          opacity: .3;
-          cursor: default;
-        }
-        span {
-          width: 8px;
-          height: 13px;
-          padding: 0;
-          background-size: 100% auto;
-        }
-      }
-    }
-    .clear {
-      span {
-        width: 18px;
-        height: 18px;
-      }
-    }
-    + .BRnav {
-      .BRnavCntl {
-        display: none;
-      }
-    }
-  }
-}
-
-@keyframes hiliteFadeIn {
-  from { fill-opacity: 0; }
-}
-
-/* Mid size breakpoint */
-@media (max-width: $brBreakPointMid) {
-  #{$brScope} {
-    .BRbooksearch .BRsearchInput {
-      padding: 0 0 0 8px;
-      width: 110px;
-      min-width: 110px;
-    }
-    .BRbooksearch .BRsearchSubmit {
-      float: left;
-    }
-  }
-}

package/stat/css/_BRtoolbar.scss

@@ -1,84 +0,0 @@
-/**
- * BRtoolbar is the top control bar (eg header)
- */
-
-.BRtoolbar {
-  position: relative;
-  top: 0;
-  left: 0;
-  padding: 10px 10px 4px 10px;
-  width: 100%;
-  background-color: transparent;
-  box-sizing: border-box;
-  width: 100%;
-  color: white;
-  font-size: $brFontSizeBase;
-  /* ensure that this displays over book */
-  z-index: 3;
-}
-.BRtoolbar .label {
-  font-size: $brFontSizeSmaller;
-  color: #ccc;
-}
-.BRtoolbar a {
-  text-decoration: none;
-  color: white;
-  &:hover {
-    color: white;
-    text-decoration: underline;
-  }
-}
-/* desktop header */
-.BRtoolbarSection > *  {
-  margin-left: 6px;
-}
-.BRtoolbarbuttons {
-  white-space: nowrap;
-  text-align: right;
-  border-spacing: 0;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-}
-.BRtoolbarbuttons .BRpill {
-  border: 1px solid white;
-  background: transparent;
-  padding: 5px 10px;
-  height: 30px;
-  border-radius: 20px;
-  color: white;
-  line-height: 0;
-  vertical-align: middle;
-  font-size: $brFontSizeSmaller;
-  cursor: pointer;
-  &.BRtoolbarHamburger {
-      border: none;
-      border-radius: none;
-  }
-}
-
-.BRtoolbarSection {
-  white-space: nowrap;
-}
-.BRtoolbarSectionLogo {
-  text-align: center;
-  display: none;
-}
-.BRtoolbarLeft {
-  text-align: left;
-  flex: 1 auto;
-  overflow-y: hidden;
-}
-// .BRtoolbarSectionTitle {}
-.BRtoolbarRight {
-  text-align: right;
-  flex: none;
-}
-
-@media (max-width: $brBreakPointMobile) {
-  .BRtoolbar {
-    height: $brNavHeightMobile;
-    padding: 0;
-    box-shadow: 0px 1px 3px 0px rgba(#666, .25);
-  }
-}

package/stat/css/_BRvendor.scss

@@ -1,5 +0,0 @@
-/****************** Excerpt from jquery-ui *********************/
-.ui-helper-hidden { display: none; }
-.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
-.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
-.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

package/stat/css/_MobileNav.scss

@@ -1,194 +0,0 @@
-@import '../../node_modules/jquery.mmenu/dist/css/jquery.mmenu';
-@import '../../node_modules/jquery.mmenu/dist/addons/navbars/jquery.mmenu.navbars';
-
-.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
-  color: $controlsText;
-  font-size: $brFontSizeBase;
-}
-.mm-menu {
-  color: $controlsText;
-  background: $mobileMenuBG;
-  > .mm-navbar {
-    background: $controlsBG;
-  }
-}
-.mm-panel {
-  font-size: $brFontSizeSmaller;
-}
-#mm-blocker {
-  z-index: $brZindexFullscreen + 2;
-}
-.mm-panel h1 {
-  margin-top: 0;
-  color: $brColorThemeBlueDarker;
-  font-size: $brFontSizeBase;
-}
-
-.mm-menu {
-  .mm-listview {
-    > li {
-      .mm-next,
-      .mm-next:before,
-      &:after,
-      .mm-arrow:after,
-      .mm-next:after {
-        border-color: $controlsText;
-      }
-    }
-  }
-}
-
-.mm-menu .mm-btn:after,
-.mm-menu .mm-btn:before {
-  border-color: $iconStroke;
-}
-
-/* Needed to override mmenu style */
-html.mm-background .BookReader {
-  background-color: $brColorMainBg;
-}
-
-.BRmobileMenu {
-  button { -webkit-appearance: initial; }
-  .BRaction { display: block; width: 100%; }
-  div.share-social button { padding: 0 5px; height: 40px; text-align: left; }
-  a {
-    color: inherit;
-  }
-}
-
-.BRtoolbarMobileTitle {
-  overflow:hidden;
-  width: 100%;
-  white-space: nowrap;
-  text-align: center;
-  font-size: $brFontSizeBase;
-  line-height: 40px;
-  display: block;
-  margin-right: 10px;
-}
-.BRmobileHamburgerWrapper {
-  display: block;
-  padding: 0 30px 0 50px;
-}
-
-.BRmobileHamburger {
-  background: transparent url('icons/hamburger.svg') 50% 50% no-repeat;
-  display: block;
-  width: 40px;
-  height: 40px;
-  position: absolute;
-  top: 0;
-  left: 10px;
-  border: none;
-  outline: none;
-}
-
-.DrawerIconWrapper {
-  display: block;
-  float: left;
-  width: 20px;
-  height:20px;
-  margin-right: 10px;
-  text-align: center;
-  position:relative;
-}
-.DrawerIcon {
-  height: 18px;
-  width: auto;
-  position: absolute;
-  left: 0;
-  top: 1px;
-}
-.DrawerSettingsTitle {
-  color: $controlsText;
-  font-size: $brFontSizeBase;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
-.DrawerSettingsLayoutWrapper {
-  text-align: center;
-  padding: 0;
-  margin-bottom: 20px;
-}
-.DrawerLayoutButton {
-  border:none;
-  background:none;
-  color: $controlsText;
-  line-height: 18px;
-}
-.DrawerLayoutButton:active {
-  color: grey;
-}
-
-.BRmobileShare {
-  div.share-title { font-weight: bold; font-size: $brFontSizeLarger; line-height: 1.5; }
-  div.share-social { margin: 10px 0 20px 0; }
-  p { font-weight: bold; }
-  fieldset { padding: 0; border: 0; margin-bottom: 30px; }
-  fieldset label { display: block; }
-  fieldset input[type=text] { width: 95%; }
-  button.share-finished { display: none; }
-  div.share-embed { border: 1px solid #ccc; padding: 0 10px; }
-  .open-to-this-page { display: block; margin: 10px 0; }
-}
-
-.BRmobileHamburgerWrapper { display: none; }
-.BRmobileMenu { display: none; }
-.BRtoolbar.responsive {display: none;}
-
-/* Mobile Only */
-@media (max-width: $brBreakPointMobile) {
-  .BRbodyMobileNavEnabled,
-  .BRbodyMobileNavEnabledFullscreen.BRfullscreenActive {
-    .BRtoolbar.responsive {
-      display: block;
-      height: 40px;
-      box-sizing: border-box;
-      width: 100%;
-      color: $controlsText;
-      background: $controlsBG;
-
-      .BRtoolbarbuttons { display: none; }
-      .BRmobileHamburgerWrapper { display: block; }
-      .BRmobileMenu { display: block; }
-    }
-  }
-
-}
-
-.BRcheckbox-label-filters {
-  position: relative;
-  bottom: 2px;
-}
-
-/* Desktop Only */
-@media (min-width: ($brBreakPointMobile + 1)) {
-  .BRtoolbar.responsive { display: block; }
-}
-
-li.BRtable-contents-el {
-  line-height: 150%;
-  padding: 10px 10px 10px 20px;
-  overflow: hidden;
-  color: $controlsText;
-
-  &.chapter-clickable {
-    font-weight: normal;
-  }
-
-  &.current-chapter {
-    background-color: lightblue;
-  }
-  //resetting mmenu styling for span inside .table-contents-el
-  > span {
-    display: inline;
-    padding: 0;
-    white-space: normal;
-  }
-
-  .BRTOCElementPage {
-    font-size: 0.85em;
-    opacity: .8;
-  }
-}

package/stat/css/_TextSelection.scss

@@ -1,32 +0,0 @@
-.textSelectionSVG {
-    // Make it so right-clicking on "blank" part of svg sends events to the image (for saving)
-    pointer-events: none;
-    .BRwordElement { pointer-events: all; }
-    &.selectingSVG { 
-        pointer-events: auto; 
-        cursor: text;
-    }
-   
-    // Highlight colors for text selection layer ( these 2 properties do not work if joined)
-    .BRwordElement::selection {
-        background: hsla(210, 74%, 62%, 0.4);
-    }
-    .BRwordElement::-moz-selection {
-        background: hsla(210, 74%, 62%, 0.4);
-        color: transparent;
-    }
-
-    .BRparagElement {
-        fill: transparent;
-        cursor: text;
-        white-space: pre;
-        font-family: Georgia, serif;
-    }
-}
-
-// Makes page image unselectable
-.BRpagecontainer img {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-}