Skip to content
This repository was archived by the owner on Jun 7, 2023. It is now read-only.

Commit 7849a39

Browse files
bnmnetpbnmnetp
authored
Merge pull request #379 from DomKynkor/master
Added Acessibility.css files
2 parents c3a7ac0 + c65db20 commit 7849a39

File tree

4 files changed

+395
-1
lines changed

4 files changed

+395
-1
lines changed

‎runestone/common/css/accessibility.css‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
/*Navigation Tabbing Styling*/
2+
li.dropdown.open a.dropdown-toggle, li.dropdown.open a.dropdown-toggle:focus {
3+
border:0px !important;
4+
/*background-color: #346A6E!important;*/
5+
background-color: #2A5659 !important;
6+
color:#F8F8F8 !important;
7+
}
8+
a.dropdown-toggle:focus {
9+
/*border:1px solid #5B9DD9 !important;
10+
color:#5B9DD9 !important;
11+
width:48px !important;*/
12+
background-color: #52A6AC!important;
13+
color:#F8F8F8 !important;
14+
}
15+
/* Border Manipulation */
16+
li.divider-vertical {
17+
margin:0px !important;
18+
}
19+
li.dropdown a.dropdown-toggle {
20+
padding:15px 18px !important;
21+
}
22+
23+
/*
24+
Bootstrap button styling
25+
*/
26+
27+
/* Default Button */
28+
/* Passes WCAG 2.0 */
29+
button.btn.btn-default:active {
30+
color:#474949 !important;
31+
background-color:#FFFFFF !important;
32+
}
33+
button.btn.btn-default:focus {
34+
color:#474949 !important;
35+
background-color:#FFFFFF !important;
36+
}
37+
button.btn.btn-default{
38+
color:#FFFFFF !important;
39+
background-color:#474949 !important;
40+
}
41+
button.btn.btn-default.btn-sm.disabled:active {
42+
color:#474949 !important;
43+
background-color:#FFFFFF !important;
44+
}
45+
button.btn.btn-default.btn-sm.disabled:focus {
46+
color:#474949 !important;
47+
background-color:#FFFFFF !important;
48+
}
49+
button.btn.btn-default.btn-sm.disabled{
50+
color:#FFFFFF !important;
51+
background-color:#474949 !important;
52+
}
53+
/* Sucess Button */
54+
/* Failed WCAG 2.0, #255425 passes */
55+
button.btn.btn-success:active {
56+
color:#427e44 !important;
57+
background-color:#FFFFFF !important;
58+
}
59+
button.btn.btn-success:focus {
60+
color:#427e44!important;
61+
background-color:#FFFFFF !important;
62+
}
63+
button.btn.btn-success {
64+
color:#FFFFFF !important;
65+
background-color:#427e44!important;
66+
}
67+
68+
/*Primary Button*/
69+
/* fails WCAG 2.0, #265986 passes */
70+
button.btn.btn-primary:active {
71+
color:#3379b6!important;
72+
background-color:#FFFFFF !important;
73+
}
74+
button.btn.btn-primary:focus {
75+
color:#3379b6 !important;
76+
background-color:#FFFFFF !important;
77+
}
78+
button.btn.btn-primary {
79+
color:#FFFFFF !important;
80+
background-color:#3379b6 !important;
81+
}
82+
83+
84+
/*Info Button */
85+
/* Fails, WCAG 2.0, #155569 passes*/
86+
button.btn.btn-info:active {
87+
color:#1a6a83!important;
88+
background-color:#FFFFFF !important;
89+
}
90+
button.btn.btn-info:focus {
91+
color:#1a6a83 !important;
92+
background-color:#FFFFFF !important;
93+
}
94+
button.btn.btn-info{
95+
color:#FFFFFF !important;
96+
background-color:#1a6a83 !important;
97+
}
98+
99+
/*Warning Button*/
100+
/*Fails WCAG 2.0, #794b0b*/
101+
button.btn.btn-warning:active {
102+
color:#945c0e !important;
103+
background-color:#FFFFFF !important;
104+
}
105+
button.btn.btn-warning:focus {
106+
color:#945c0e !important;
107+
background-color:#FFFFFF !important;
108+
}
109+
button.btn.btn-warning {
110+
color:#FFFFFF !important;
111+
background-color:#945c0e !important;
112+
}
113+
114+
/*Danger Button */
115+
/*Fails, #a62924 passes*/
116+
button.btn.btn-danger:active {
117+
color:#d33a35 !important;
118+
background-color:#FFFFFF !important;
119+
}
120+
button.btn.btn-danger:focus {
121+
color:#d33a35 !important;
122+
background-color:#FFFFFF !important;
123+
}
124+
button.btn.btn-danger{
125+
color:#FFFFFF !important;
126+
background-color:#d33a35 !important;
127+
}
128+
129+
/*Link Button*/
130+
/*Fails AAA, passes with #265986*/
131+
button.btn.btn-link:active {
132+
color:#FFFFFF!important;
133+
background-color:#1a6a83 !important;
134+
}
135+
button.btn.btn-link:focus {
136+
color:#FFFFFF !important;
137+
background-color:#1a6a83 !important;
138+
}
139+
button.btn.btn-link {
140+
color:#1a6a83 !important;
141+
background-color:#FFFFFF !important;
142+
}

‎runestone/common/css/accessibilitydarkest.css‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,142 @@
1+
/*Navigation Tabbing Styling*/
2+
li.dropdown.open a.dropdown-toggle, li.dropdown.open a.dropdown-toggle:focus {
3+
border:0px !important;
4+
/*background-color: #346A6E!important;*/
5+
background-color: #2A5659 !important;
6+
color:#F8F8F8 !important;
7+
}
8+
a.dropdown-toggle:focus {
9+
/*border:1px solid #5B9DD9 !important;
10+
color:#5B9DD9 !important;
11+
width:48px !important;*/
12+
background-color: #52A6AC!important;
13+
color:#F8F8F8 !important;
14+
}
15+
/* Border Manipulation */
16+
li.divider-vertical {
17+
margin:0px !important;
18+
}
19+
li.dropdown a.dropdown-toggle {
20+
padding:15px 18px !important;
21+
}
22+
23+
/*
24+
Bootstrap button styling
25+
*/
26+
27+
/* Default Button */
28+
/* Passes WCAG 2.0 */
29+
button.btn.btn-default:active {
30+
color:#474949 !important;
31+
background-color:#FFFFFF !important;
32+
}
33+
button.btn.btn-default:focus {
34+
color:#474949 !important;
35+
background-color:#FFFFFF !important;
36+
}
37+
button.btn.btn-default{
38+
color:#FFFFFF !important;
39+
background-color:#474949 !important;
40+
}
41+
button.btn.btn-default.btn-sm.disabled:active {
42+
color:#474949 !important;
43+
background-color:#FFFFFF !important;
44+
}
45+
button.btn.btn-default.btn-sm.disabled:focus {
46+
color:#474949 !important;
47+
background-color:#FFFFFF !important;
48+
}
49+
button.btn.btn-default.btn-sm.disabled{
50+
color:#FFFFFF !important;
51+
background-color:#474949 !important;
52+
}
53+
/* Sucess Button */
54+
/* Failed WCAG 2.0, #255425 passes */
55+
button.btn.btn-success:active {
56+
color:#255425 !important;
57+
background-color:#FFFFFF !important;
58+
}
59+
button.btn.btn-success:focus {
60+
color:#255425 !important;
61+
background-color:#FFFFFF !important;
62+
}
63+
button.btn.btn-success {
64+
color:#FFFFFF !important;
65+
background-color:#255425 !important;
66+
}
67+
68+
/*Primary Button*/
69+
/* fails WCAG 2.0, #265986 passes */
70+
button.btn.btn-primary:active {
71+
color:#265986 !important;
72+
background-color:#FFFFFF !important;
73+
}
74+
button.btn.btn-primary:focus {
75+
color:#265986 !important;
76+
background-color:#FFFFFF !important;
77+
}
78+
button.btn.btn-primary {
79+
color:#FFFFFF !important;
80+
background-color:#265986 !important;
81+
}
82+
83+
84+
/*Info Button */
85+
/* Fails, WCAG 2.0, #155569 passes*/
86+
button.btn.btn-info:active {
87+
color:#155569 !important;
88+
background-color:#FFFFFF !important;
89+
}
90+
button.btn.btn-info:focus {
91+
color:#155569 !important;
92+
background-color:#FFFFFF !important;
93+
}
94+
button.btn.btn-info{
95+
color:#FFFFFF !important;
96+
background-color:#155569 !important;
97+
}
98+
99+
/*Warning Button*/
100+
/*Fails WCAG 2.0, #794b0b*/
101+
button.btn.btn-warning:active {
102+
color:#794b0b !important;
103+
background-color:#FFFFFF !important;
104+
}
105+
button.btn.btn-warning:focus {
106+
color:#794b0b !important;
107+
background-color:#FFFFFF !important;
108+
}
109+
button.btn.btn-warning {
110+
color:#FFFFFF !important;
111+
background-color:#794b0b !important;
112+
}
113+
114+
/*Danger Button */
115+
/*Fails, #a62924 passes*/
116+
button.btn.btn-danger:active {
117+
color:#a62924 !important;
118+
background-color:#FFFFFF !important;
119+
}
120+
button.btn.btn-danger:focus {
121+
color:#a62924 !important;
122+
background-color:#FFFFFF !important;
123+
}
124+
button.btn.btn-danger{
125+
color:#FFFFFF !important;
126+
background-color: #a62924 !important;
127+
}
128+
129+
/*Link Button*/
130+
/*Fails AAA, passes with #265986*/
131+
button.btn.btn-link:active {
132+
color:#FFFFFF!important;
133+
background-color:#265986 !important;
134+
}
135+
button.btn.btn-link:focus {
136+
color:#FFFFFF !important;
137+
background-color:#265986 !important;
138+
}
139+
button.btn.btn-link {
140+
color:#265986 !important;
141+
background-color:#FFFFFF !important;
142+
}

‎runestone/common/css/accessibilitylight.css‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
/*Navigation Tabbing Styling*/
2+
li.dropdown.open a.dropdown-toggle, li.dropdown.open a.dropdown-toggle:focus {
3+
border:0px !important;
4+
/*background-color: #346A6E!important;*/
5+
background-color: #2A5659 !important;
6+
color:#F8F8F8 !important;
7+
}
8+
a.dropdown-toggle:focus {
9+
/*border:1px solid #5B9DD9 !important;
10+
color:#5B9DD9 !important;
11+
width:48px !important;*/
12+
background-color: #52A6AC!important;
13+
color:#F8F8F8 !important;
14+
}
15+
/* Border Manipulation */
16+
li.divider-vertical {
17+
margin:0px !important;
18+
}
19+
li.dropdown a.dropdown-toggle {
20+
padding:15px 18px !important;
21+
}
22+
23+
/*
24+
Bootstrap button styling
25+
*/
26+
27+
/* Default Button */
28+
/* Passes WCAG 2.0 */
29+
button.btn.btn-default:active {
30+
color:#474949 !important;
31+
background-color:#FFFFFF !important;
32+
}
33+
button.btn.btn-default:focus {
34+
color:#474949 !important;
35+
background-color:#FFFFFF !important;
36+
}
37+
button.btn.btn-default.btn-sm.disabled:active {
38+
color:#474949 !important;
39+
background-color:#FFFFFF !important;
40+
}
41+
button.btn.btn-default.btn-sm.disabled:focus {
42+
color:#474949 !important;
43+
background-color:#FFFFFF !important;
44+
}
45+
/* Sucess Button */
46+
/* Failed WCAG 2.0, #255425 passes */
47+
button.btn.btn-success:active {
48+
color:#5CB85C !important;
49+
background-color:#FFFFFF !important;
50+
}
51+
button.btn.btn-success:focus {
52+
color:#5CB85C !important;
53+
background-color:#FFFFFF !important;
54+
}
55+
56+
/*Primary Button*/
57+
/* fails WCAG 2.0, #265986 passes */
58+
button.btn.btn-primary:active {
59+
color:#337AB7 !important;
60+
background-color:#FFFFFF !important;
61+
}
62+
button.btn.btn-primary:focus {
63+
color:#337AB7 !important;
64+
background-color:#FFFFFF !important;
65+
}
66+
67+
68+
/*Info Button */
69+
/* Fails, WCAG 2.0, #155569 passes*/
70+
button.btn.btn-info:active {
71+
color:#5BC0DE!important;
72+
background-color:#FFFFFF !important;
73+
}
74+
button.btn.btn-info:focus {
75+
color:#5BC0DE !important;
76+
background-color:#FFFFFF !important;
77+
}
78+
79+
/*Warning Button*/
80+
/*Fails WCAG 2.0, #794b0b*/
81+
button.btn.btn-warning:active {
82+
color:#F0AD4E !important;
83+
background-color:#FFFFFF !important;
84+
}
85+
button.btn.btn-warning:focus {
86+
color:#F0AD4E !important;
87+
background-color:#FFFFFF !important;
88+
}
89+
90+
/*Danger Button */
91+
/*Fails, #a62924 passes*/
92+
button.btn.btn-danger:active {
93+
color:#D9534F !important;
94+
background-color:#FFFFFF !important;
95+
}
96+
button.btn.btn-danger:focus {
97+
color:#D9534F !important;
98+
background-color:#FFFFFF !important;
99+
}
100+
101+
/*Link Button*/
102+
/*Fails AAA, passes with #265986*/
103+
button.btn.btn-link:active {
104+
color:#FFFFFF!important;
105+
background-color:#337AB7 !important;
106+
}
107+
button.btn.btn-link:focus {
108+
color:#FFFFFF !important;
109+
background-color:#337AB7 !important;
110+
}

0 commit comments

Comments
 (0)