diff --git a/assets/step-save.gif b/assets/addtolibrary.gif similarity index 100% rename from assets/step-save.gif rename to assets/addtolibrary.gif diff --git a/assets/step-save.png b/assets/addtolibrary.png similarity index 100% rename from assets/step-save.png rename to assets/addtolibrary.png diff --git a/assets/step-catalogues.png b/assets/catalogues.png similarity index 100% rename from assets/step-catalogues.png rename to assets/catalogues.png diff --git a/assets/step-extensions.gif b/assets/extensions.gif similarity index 100% rename from assets/step-extensions.gif rename to assets/extensions.gif diff --git a/assets/step-extensions.png b/assets/extensions.png similarity index 100% rename from assets/step-extensions.png rename to assets/extensions.png diff --git a/assets/step-install.jpg b/assets/install.jpg similarity index 100% rename from assets/step-install.jpg rename to assets/install.jpg diff --git a/assets/style-old.css b/assets/style-old.css new file mode 100644 index 00000000..d9aedcf6 --- /dev/null +++ b/assets/style-old.css @@ -0,0 +1,138 @@ +html, body { + height: 100%; +} +body { + padding-top: 40px; + padding-bottom: 40px; + background-color: #f5f5f5; +} +.tachiyomi-guide { + width: 100%; + max-width: 560px; + padding: 15px; + margin: auto; +} + +.mainstep { + color: #000; +} +.step { + padding: 5px; +} +.step-number { + display: inline-block; + color: #fff; + width: 22px; + height: 22px; + background-color: #54759E; + margin-right: 2px; + text-align: center; + line-height: 22px; + border-radius: 50%; + margin-top: 5px; +} +.step-img { + padding-top: 10px; + padding-bottom: 5px; + max-width: 325px; +} +.faq { + padding: 5px; +} +.faq-question { + font-size: 112.5%; + color: #e83e8c; + word-break: break-word; +} +.faq-answer { + font-size: 112.5%; + color: #54759E; + word-break: break-word; +} +a { + color: #54759E; +} +a:hover { + text-decoration: none; +} +a>.mainstep:hover { + color: #54759E; +} +a.step-number:hover { + background-color: #435E7E; + color: #ffffff; + text-decoration: none; +} +a.faq-question:hover { + background-color: #00000000; + color: #e83e8c; + font-weight: 500; + text-decoration: none; +} +a.faq-answer:hover { + background-color: #00000000; + color: #54759E; + font-weight: 500; + text-decoration: none; +} +:target { + -webkit-animation: target-fade 3s 1; + -moz-animation: target-fade 3s 1; +} +@-webkit-keyframes target-fade { + 0% { + background-color: rgba(255, 255, 0, .25); + } + 100% { + background-color: rgba(255, 255, 0, 0); + } +} +@-moz-keyframes target-fade { + 0% { + background-color: rgba(255, 255, 0, .25); + } + 100% { + background-color: rgba(255, 255, 0, 0); + } +} + +hr { + display: block; + margin-before: 0.5em; + margin-after: 0.5em; + margin-start: auto; + margin-end: auto; + overflow: hidden; + border-style: inset; + border-width: 1px; +} + +img { + margin: 2px; +} + +/** */ +nav[data-toggle="toc"] { + top: 42px; +} + +/* small screens */ +@media (max-width: 768px) { + /* override stickyness so that the navigation does not follow scrolling */ + nav[data-toggle="toc"] { + margin-bottom: 42px; + position: static; + } + + /* PICK ONE */ + /* don't expand nested items, which pushes down the rest of the page when navigating */ + nav[data-toggle="toc"] .nav .active .nav { + display: none; + } + /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */ + /* + nav[data-toggle='toc'] .nav .nav { + display: block; + } + */ +} \ No newline at end of file diff --git a/assets/style.css b/assets/style.css index c9954814..18dad09f 100644 --- a/assets/style.css +++ b/assets/style.css @@ -2,103 +2,10 @@ html, body { height: 100%; } body { - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5; } -.tachiyomi-guide { - width: 100%; - max-width: 560px; - padding: 15px; - margin: auto; -} - -.mainstep { - color: #000; -} -.step { - padding: 5px; -} -.step-number { - display: inline-block; - color: #fff; - width: 22px; - height: 22px; - background-color: #54759E; - margin-right: 2px; - text-align: center; - line-height: 22px; - border-radius: 50%; - margin-top: 5px; -} -.step-img { - padding-top: 10px; - padding-bottom: 5px; - max-width: 325px; -} -.faq { - padding: 5px; -} -.faq-question { - font-size: 112.5%; - color: #e83e8c; - word-break: break-word; -} -.faq-answer { - font-size: 112.5%; - color: #54759E; - word-break: break-word; -} -a { - color: #54759E; -} -a:hover { - text-decoration: none; -} -a>.mainstep:hover { - color: #54759E; -} -a.step-number:hover { - background-color: #435E7E; - color: #ffffff; - text-decoration: none; -} -a.faq-question:hover { - background-color: #00000000; - color: #e83e8c; - font-weight: 500; - text-decoration: none; -} -a.faq-answer:hover { - background-color: #00000000; - color: #54759E; - font-weight: 500; - text-decoration: none; -} -:target { - -webkit-animation: target-fade 3s 1; - -moz-animation: target-fade 3s 1; -} -@-webkit-keyframes target-fade { - 0% { - background-color: rgba(255, 255, 0, .25); - } - 100% { - background-color: rgba(255, 255, 0, 0); - } -} -@-moz-keyframes target-fade { - 0% { - background-color: rgba(255, 255, 0, .25); - } - 100% { - background-color: rgba(255, 255, 0, 0); - } -} hr { display: block; @@ -113,4 +20,54 @@ hr { img { margin: 2px; + padding-top: 10px; + padding-bottom: 5px; + max-width: 325px; +} + +.btn-link { + font-weight: 400!important; +} + +.btn-link:hover, .btn-link:focus { + text-decoration: none !important; +} + +.card { + background-color: transparent!important; + background-clip: border-box; + border: none!important; +} + +.card-header { + padding: .75rem 1.25rem; + margin-bottom: 0; + background-color: transparent!important; + border-bottom: 1px solid rgba(0,0,0,.125)!important; +} + +/** */ +nav[data-toggle="toc"] { + top: 42px; +} + +/* small screens */ +@media (max-width: 768px) { + /* override stickyness so that the navigation does not follow scrolling */ + nav[data-toggle="toc"] { + margin-bottom: 42px; + position: static; + } + + /* PICK ONE */ + /* don't expand nested items, which pushes down the rest of the page when navigating */ + nav[data-toggle="toc"] .nav .active .nav { + display: none; + } + /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */ + /* + nav[data-toggle='toc'] .nav .nav { + display: block; + } + */ } \ No newline at end of file diff --git a/assets/app-icon.png b/assets/tachiyomi.png similarity index 100% rename from assets/app-icon.png rename to assets/tachiyomi.png diff --git a/assets/step-unknownapps-pre8.gif b/assets/unknownapps-android7.gif similarity index 100% rename from assets/step-unknownapps-pre8.gif rename to assets/unknownapps-android7.gif diff --git a/assets/step-unknownapps-post8.gif b/assets/unknownapps-android8.gif similarity index 100% rename from assets/step-unknownapps-post8.gif rename to assets/unknownapps-android8.gif diff --git a/index-old.html b/index-old.html new file mode 100644 index 00000000..bfe2d1b9 --- /dev/null +++ b/index-old.html @@ -0,0 +1,107 @@ + + +
+