From a2cacca8ebfb460fc2e11045cb580f055dcc54fd Mon Sep 17 00:00:00 2001
From: Mariu <envielestrange@gmail.com>
Date: Sat, 28 Aug 2021 13:52:07 +0200
Subject: [PATCH] fixes with bookmarks and collections

---
 dyslexia-dark.css       | 29 ++++++++++++++++---
 dyslexia.css            | 17 +++++++++--
 mobile-fix-dyslexia.css |  2 +-
 workskin_dyslexia.css   | 63 +++++++++++++++++++++++++++++++++++++++++
 4 files changed, 103 insertions(+), 8 deletions(-)
 create mode 100644 workskin_dyslexia.css

diff --git a/dyslexia-dark.css b/dyslexia-dark.css
index 9dae313..27e63c8 100644
--- a/dyslexia-dark.css
+++ b/dyslexia-dark.css
@@ -750,7 +750,10 @@ th,
 td,
 thead,
 tfoot,
-.reading h4.viewed, li.relationships a {
+.reading h4.viewed,
+li.relationships a,
+#bookmark_form_placement form,
+#collection-form form {
   /* 
   it removes the color background 
   where it's set in Ao3's default skin
@@ -783,7 +786,8 @@ fieldset fieldset.listbox,
 form.verbose legend,
 .verbose form legend,
 li.blurb,
-li.comment {
+li.comment, #bookmark_form_placement form,
+#collection-form form {
   /* 
   sets the border shapes 
   */
@@ -933,6 +937,11 @@ properly positioned
   border: 1px solid transparent;
 }
 
+#bookmark_form_placement form,
+#collection-form form {
+  border: none;
+}
+
 .fandom .group.listbox {
   width: 100%;
 }
@@ -967,6 +976,11 @@ textarea.LV_invalid_field:active {
   border-color: #f64e5b;
 }
 
+#bookmark-form,
+#collection-form {
+  margin-top: 20px;
+}
+
 /*
 ======================
   General settings
@@ -1704,7 +1718,9 @@ li.post.group,
 .splash .news li:last-of-type,
 li.comment,
 .faq .example,
-.guideline .example {
+.guideline .example,
+#bookmark_form_placement form,
+#collection-form form {
   /* 
   this sets the borders color
   Use a hex color picker to change this!
@@ -1735,7 +1751,12 @@ fieldset,
 li.blurb,
 .wrapper,
 li.comment,
-#main li.blurb, div#user-fandoms, .draft, li.post.group, .fandom .group.listbox {
+#main li.blurb,
+div#user-fandoms,
+.draft, li.post.group,
+.fandom .group.listbox,
+#bookmark_form_placement form,
+#collection-form form {
   background-color: #212d3b;
   border-radius: 5px;
 }
diff --git a/dyslexia.css b/dyslexia.css
index 074fac9..1a59a18 100644
--- a/dyslexia.css
+++ b/dyslexia.css
@@ -750,7 +750,10 @@ th,
 td,
 thead,
 tfoot,
-.reading h4.viewed, li.relationships a {
+.reading h4.viewed,
+li.relationships a,
+#bookmark_form_placement form,
+#collection-form form {
   /* 
   it removes the color background 
   where it's set in Ao3's default skin
@@ -783,7 +786,8 @@ fieldset fieldset.listbox,
 form.verbose legend,
 .verbose form legend,
 li.blurb,
-li.comment {
+li.comment, #bookmark_form_placement form,
+#collection-form form {
   /* 
   sets the border shapes 
   */
@@ -963,6 +967,11 @@ textarea.LV_invalid_field:active {
   border-color: #A62637;
 }
 
+#bookmark-form,
+#collection-form {
+  margin-top: 20px;
+}
+
 /*
 ======================
   General settings
@@ -1700,7 +1709,9 @@ li.post.group,
 .splash .news li:last-of-type,
 li.comment,
 .faq .example,
-.guideline .example {
+.guideline .example,
+#bookmark_form_placement form,
+#collection-form form {
   /* 
   this sets the borders color
   Use a hex color picker to change this!
diff --git a/mobile-fix-dyslexia.css b/mobile-fix-dyslexia.css
index 998a8a4..3a7e006 100644
--- a/mobile-fix-dyslexia.css
+++ b/mobile-fix-dyslexia.css
@@ -388,7 +388,7 @@ Resets stuff from Ao3 default skin
   background-color: transparent;
 }
 
-li.showme a.actions {
+li.showme a.actions, dl.stats dd {
   /* button show most recent bookmarks on mobile is too long*/
   white-space: normal;
   height: initial;
diff --git a/workskin_dyslexia.css b/workskin_dyslexia.css
new file mode 100644
index 0000000..30425fe
--- /dev/null
+++ b/workskin_dyslexia.css
@@ -0,0 +1,63 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#workskin,
+#workskin.userstuff,
+.heading,
+#workskin.title,
+.preface h3,
+.userstuff {
+  font-family: "Trebuchet MS", Calibri, sans-serif;
+  letter-spacing: 0.02em;
+  word-spacing: 0.21em;
+  line-height: 1.8em;
+}
+
+p {
+  line-height: 1.8em;
+}
+
+.userstuff {
+  font-size: 1.1em;
+  padding-bottom: 2em;
+  max-width: 45em;
+  margin: auto;
+}
+
+h3 {
+  border-bottom: none;
+}
+
+u {
+  border-bottom: 2px solid #4675C0;
+  padding-bottom: 4px;
+  text-decoration: none;
+  font-weight: 700;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+i,
+em,
+cite {
+  font-style: normal;
+  font-weight: 700;
+}
+
+li::marker, a, a:link, a:visited {
+  color: #4675C0;
+}
+
+a, a:link, a:visited {
+  text-decoration: none;
+}
+
+.userstuff blockquote {
+  border-inline-start: 2px solid #4675C0;
+}