prehistoric-systems/ao3-dyslexia
1
0
Fork 0
mirror of https://github.com/electricalice/Ao3-dyslexia.git synced 2026-03-11 08:55:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixes with bookmarks and collections

Browse source
This commit is contained in:
Mariu 2021-08-28 13:52:07 +02:00
parent 072132a47b
commit a2cacca8eb
4 changed files with 103 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
dyslexia-dark.css
View file

@ -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;
}

17
dyslexia.css
View file

@ -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!

2
mobile-fix-dyslexia.css
View file

@ -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;

63
workskin_dyslexia.css Normal file
View file

@ -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;
}