even more gulp-related stuff (missing files)

2 files changed, 326 insertions, 0 deletions

diff --git a/css/app.less b/css/app.less
new file mode 100644
index 0000000..f27291a
--- /dev/null
+++ b/css/app.less
@@ -0,0 +1,282 @@
+body.epube-index {
+   .display-flex {
+      display: flex;
+       flex-wrap: wrap;
+   }
+
+   .separate-search {
+      padding : 8px;
+   }
+
+   .row {
+      > div {
+         padding-top : 10px;
+      }
+
+      .thumbnail {
+         height : 200px;
+         width : 140px;
+         margin-bottom : 0;
+      }
+
+      @media(max-width: 641px) {
+         .col-xxs-6 {
+            width: 50%;
+         }
+      }
+
+      .thumbnail img {
+         width : 100%;
+         height : 100%;
+         background-size : cover;
+         background-position : center;
+         background-repeat: no-repeat;
+      }
+
+      .thumbnail.read img {
+         opacity : 0.5;
+         filter : grayscale(100%);
+      }
+   }
+
+   .epube-app-filler {
+      height : 60px;
+      display : none;
+   }
+
+   .in_progress {
+      font-style : italic;
+   }
+
+   .caption div {
+      overflow : hidden;
+      text-overflow: ellipsis;
+      white-space : nowrap;
+   }
+
+   ::selection {
+      background : #007d71;
+      color : white;
+   }
+
+   ::-webkit-scrollbar {
+      width: 4px;
+   }
+
+   ::-webkit-scrollbar-thumb {
+      background-color: #007d71;
+   }
+
+   ::-webkit-scrollbar-track {
+      background-color: #eee;
+   }
+
+}
+
+body.epube-reader {
+
+   .loading {
+      position : absolute;
+      color : #999;
+      top : 0px;
+      left : 0px;
+      height : 100%;
+      width : 100%;
+      z-index : 32;
+      text-align : center;
+      background : white;
+      padding : 16px;
+      font-size : 18px;
+      display : table;
+   }
+
+   .loading > div {
+      display : table-cell;
+      vertical-align : middle;
+   }
+
+   .notice {
+      width : 120px;
+      padding-left : 5px;
+   }
+
+   .header {
+      top : 5px;
+      left : 0px;
+      width : 100%;
+      height : 24px;
+   }
+
+   .footer {
+      bottom : 5px;
+      left : 0px;
+      width : 100%;
+      height : 24px;
+   }
+
+   .header, .footer {
+      position : absolute;
+      font-size : 13px;
+      display : flex;
+      padding-left : 10px;
+      padding-right : 10px;
+      color : #999;
+      align-items : center;
+   }
+
+   .header .title, .footer .chapter_wrapper {
+      overflow : hidden;
+      text-overflow: ellipsis;
+      white-space : nowrap;
+   }
+
+   .header .title {
+      margin-left : 10px;
+      flex-grow : 2;
+      text-align : center;
+      font-weight : bold;
+   }
+
+   .footer .chapter_wrapper {
+      padding-right : 10px;
+      cursor : pointer;
+   }
+
+   .footer .spacer {
+      flex-grow : 2;
+      position : relative;
+      height : 12px;
+   }
+
+   .footer .spacer .toc-bar-entry {
+      position : absolute;
+      background: #999;
+      top: 0;
+      bottom : 0;
+      width : 1px;
+   }
+
+   .footer .spacer .toc-bar-entry.current-position {
+      background : #C33;
+   }
+
+   .footer .location {
+      cursor : pointer;
+      text-align : right;
+   }
+
+   @media (max-width: 539px) {
+      .spacer > .toc-bar-entry {
+         display : none;
+      }
+   }
+
+   @media (min-width: 540px) {
+      .footer .chapter_wrapper, .footer .location {
+         width : 25%;
+      }
+   }
+
+   @media (min-width: 800px) {
+      .footer .chapter_wrapper, .footer .location {
+         width : 20%;
+      }
+   }
+
+   .toolbar {
+      text-align : right;
+      display : flex;
+      flex-direction : row;
+   }
+
+   .toolbar > * {
+      cursor : pointer;
+      margin : 0 4px;
+      padding : 0 2px;
+   }
+
+   .toolbar > *:last-child {
+      margin-right : 0;
+   }
+
+   #reader {
+      position : absolute;
+      top : 32px;
+      bottom : 32px;
+      left : 32px;
+      right : 32px;
+   }
+
+   #left, #right {
+      position : absolute;
+      top : 48px;
+      bottom : 48px;
+      width : 0px;
+      z-index : 10;
+   }
+
+   #left {
+      left : 0px;
+   }
+
+   #right {
+      right : 0px;
+   }
+
+   @media (max-width: 576px) {
+      #reader {
+         left : 24px;
+         right : 24px;
+      }
+   }
+
+   .chapter {
+      cursor : pointer;
+   }
+
+   .toc_list, .search_results, .dict_result {
+      max-height : 300px;
+      height : auto;
+      overflow : auto;
+   }
+
+   .dict_result h1,
+   .dict_result h2,
+   .dict_result h3 {
+      font-size : 14px;
+      margin-top : 0;
+   }
+
+   .dict_result h2 {
+      font-weight : bold;
+   }
+
+   .toc_list b.pull-right,
+   .search_results b.pull-right {
+      margin-right : 8px;
+      margin-left : 16px;
+   }
+
+   .toc_sublist {
+      margin-left : 16px;
+   }
+
+   ::-webkit-scrollbar {
+      width: 4px;
+   }
+
+   ::-webkit-scrollbar-thumb {
+      background-color: rgba(0,0,0,0.2);
+   }
+
+   ::-webkit-scrollbar-track {
+      background-color:rgba(0,0,0,0.1);
+   }
+}
+
+body.is-epube-app.epube-reader {
+   .header .toolbar,
+   .header a {
+      display : none;
+   }
+}
diff --git a/css/reader_iframe.css b/css/reader_iframe.css
new file mode 100644
index 0000000..1b222ea
--- /dev/null
+++ b/css/reader_iframe.css
@@ -0,0 +1,44 @@
+a {
+	color : #007d71;
+	text-decoration : none;
+}
+
+a:visited {
+	text-decoration: underline;
+}
+
+a:hover,
+a:focus {
+	color: #00302c;
+	text-decoration: underline;
+}
+
+blockquote {
+	font-style : italic;
+}
+
+/* ugly hack: this assumes default prefix used for epube - /books/
+ * since CSS is loaded inline, relative urls won't work properly so
+ * it's hardcoded for the time being (the alternative is pointing to
+ * website root) */
+
+/* fonts below are freely available although license is likely proprietary
+ * so i'm not bundling the files */
+
+@font-face {
+	font-family: Caecilia;
+	src: local('PMN Caecilia 55'), url('/books/lib/fonts/pmn-caecilia-55.ttf') format('truetype');
+	font-weight : normal;
+}
+
+@font-face {
+	font-family: Caecilia;
+	src: local('PMN Caecilia 75'), url('/books/lib/fonts/pmn-caecilia-75.ttf') format('truetype');
+	font-weight : bold;
+}
+
+@font-face {
+	font-family: Caecilia;
+	src: local('PMN Caecilia 56'), url('/books/lib/fonts/pmn-caecilia-56.ttf') format('truetype');
+	font-style : italic;
+}