@d-i-t-a/reader 2.0.3 → 2.0.6-beta.1

package/dist/injectables/mui/style.css

@@ -0,0 +1,271 @@
+/**
+ * Body CSS
+ */
+
+
+html,
+body {
+  height: 100%;
+  background-color: #eee;
+}
+
+html,
+body,
+input,
+textarea,
+buttons {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
+}
+
+
+/**
+ * Layout CSS
+ */
+
+#header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 2;
+  transition: left 0.2s;
+}
+
+header ul.mui-list--inline {
+  margin-bottom: 0;
+}
+
+header a {
+  color: black;
+  cursor: pointer;
+}
+
+header table {
+  width: 100%;
+}
+
+#sidedrawer {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 300px;
+  left: -300px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawerRight {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 300px;
+  right: -300px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer2 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 280px;
+  right: -280px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer3 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 330px;
+  right: -330px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer4 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 330px;
+  right: -330px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer5 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 330px;
+  right: -330px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer6 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 330px;
+  right: -330px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer7 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 330px;
+  right: -330px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+#sidedrawer8 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 430px;
+  right: -430px;
+  overflow: auto;
+  z-index: 2;
+  background-color: #fff;
+  transition: transform 0.2s;
+}
+
+
+
+
+#content-wrapper {
+  min-height: 100%;
+  overflow-x: hidden;
+  margin-left: 0px;
+  transition: margin-left 0.2s;
+
+  /* sticky bottom */
+  box-sizing: border-box;
+  margin-bottom: -160px;
+  padding-bottom: 160px;
+}
+
+#footer {
+  box-sizing: border-box;
+  height: 160px;
+  margin-left: 0px;
+  transition: margin-left 0.2s;
+}
+
+
+
+/**
+ * Toggle Sidedrawer
+ */
+#sidedrawer.active {
+  transform: translate(300px);
+}
+#sidedrawerRight.active {
+  transform: translate(-300px);
+}
+#sidedrawer2.active {
+  transform: translate(-280px);
+}
+#sidedrawer3.active {
+  transform: translate(-330px);
+}
+#sidedrawer4.active {
+  transform: translate(-330px);
+}
+#sidedrawer5.active {
+  transform: translate(-330px);
+}
+#sidedrawer6.active {
+  transform: translate(-330px);
+}
+#sidedrawer7.active {
+  transform: translate(-330px);
+}
+#sidedrawer8.active {
+  transform: translate(-430px);
+}
+
+
+/**
+ * Header CSS
+ */
+
+.sidedrawer-toggle {
+  /*color: #fff;*/
+  cursor: pointer;
+  font-size: 20px;
+  line-height: 20px;
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+.sidedrawer-toggle:hover {
+  /*color: #fff;*/
+  text-decoration: none;
+}
+
+
+/**
+ * Sidedrawer CSS
+ */
+
+#sidedrawer-brand {
+  padding-left: 20px;
+}
+
+#sidedrawer ul {
+  list-style: none;
+}
+
+#sidedrawer > ul {
+  padding-left: 0px;
+}
+
+/*#sidedrawer > ul > li:first-child {*/
+/*  padding-top: 15px;*/
+/*}*/
+
+#sidedrawer strong {
+  display: block;
+  padding: 15px 1rem;
+  cursor: pointer;
+}
+
+#sidedrawer strong:hover {
+  background-color: #E0E0E0;
+}
+
+#sidedrawer strong + ul > li {
+  padding: 6px 0px;
+}
+
+
+/**
+ * Footer CSS
+ */
+
+#footer {
+  background-color: #0288D1;
+  color: #fff;
+}
+
+#footer a {
+  color: #fff;
+  text-decoration: underline;
+}

package/dist/injectables/style/style.css

@@ -30,7 +30,7 @@
     --RS__definitionsUnderlineBorderColor: rgba(255, 111, 111, 1);
     --RS__definitionsUnderlineHoverColor: rgba(255, 111, 111, 0.1);
 
-    --USER__maxMediaHeight: --RS__maxMediaHeight;
+    --USER__maxMediaHeight: 95vh;
 }
 
 .R2_CLASS_HIGHLIGHT_AREA[data-marker="0"] {

package/dist/injectables/style/toast.css

@@ -0,0 +1,76 @@
+#toast {
+    visibility: hidden;
+    max-width: 1px;
+    height: 50px;
+    margin: auto;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    position: fixed;
+    z-index: 1;
+    left: 0;right:0;
+    bottom: 30px;
+    font-size: 17px;
+    white-space: nowrap;
+}
+#toast #description{
+    color: #fff;
+    padding: 16px;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+#toast.show {
+    visibility: visible;
+    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
+    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
+}
+
+@-webkit-keyframes fadein {
+    from {bottom: 0; opacity: 0;}
+    to {bottom: 30px; opacity: 1;}
+}
+
+@keyframes fadein {
+    from {bottom: 0; opacity: 0;}
+    to {bottom: 30px; opacity: 1;}
+}
+
+@-webkit-keyframes expand {
+    from {min-width: 1px}
+    to {min-width: 350px}
+}
+
+@keyframes expand {
+    from {min-width: 1px}
+    to {min-width: 350px}
+}
+@-webkit-keyframes stay {
+    from {min-width: 350px}
+    to {min-width: 350px}
+}
+
+@keyframes stay {
+    from {min-width: 350px}
+    to {min-width: 350px}
+}
+@-webkit-keyframes shrink {
+    from {min-width: 350px;}
+    to {min-width: 1px;}
+}
+
+@keyframes shrink {
+    from {min-width: 350px;}
+    to {min-width: 1px;}
+}
+
+@-webkit-keyframes fadeout {
+    from {bottom: 30px; opacity: 1;}
+    to {bottom: 60px; opacity: 0;}
+}
+
+@keyframes fadeout {
+    from {bottom: 30px; opacity: 1;}
+    to {bottom: 60px; opacity: 0;}
+}