Website/accessibility.css

98 lines
1.5 KiB
CSS

.accessible main,
.accessible footer {
font-size: 25px;
font-family: Helvetica, Arial, sans-serif, Verdana, Tahoma;
line-height: 1.6;
letter-spacing: 0.5px;
word-spacing: 2px;
}
.accessible ol,
.accessible ul {
margin-left: 30px;
padding-left: 20px;
}
.accessible li {
margin-bottom: 10px;
}
.accessible tr {
border-bottom: 1px solid black;
}
.accessible td {
padding: 10px;
}
.accessible a,
.accessible button,
.accessible input,
.accessible textarea,
.accessible select {
outline: 3px solid #005fcc;
outline-offset: 2px;
}
.accessible a:focus,
.accessible button:focus,
.accessible input:focus,
.accessible textarea:focus,
.accessible select:focus {
outline: 3px solid #005fcc;
background-color: #e0f0ff;
}
.accessible a {
color: #005fcc;
text-decoration: underline;
}
.accessible main,
.accessible footer {
font-size: 25px;
font-family: Helvetica, Arial, sans-serif ! important;
}
.accessible ol,
.accessible ul {
padding-left: 20px;
}
.accessible li {
margin-bottom: 10px;
border-bottom: 1px solid black;
}
.accessible tr {
border-bottom: 1px solid black;
}
.accessible td {
padding: 10px;
}
.accessible a:hover,
.accessible a:focus {
text-decoration: none;
}
.accessible body {
color: #000;
background-color: #fff;
}
.accessible html {
font-size: 100%;
}
@media (max-width: 768px) {
.accessible main,
.accessible footer {
font-size: 1.5rem;
}
}
.accessible #versionSwitch {
display: none;
}