mirror of
https://github.com/pacnpal/pacnpal-site.git
synced 2025-12-20 04:21:06 -05:00
update index.html and styles.css to improve accessibility and enhance visual presentation
This commit is contained in:
34
styles.css
34
styles.css
@@ -1,5 +1,23 @@
|
||||
.skip-link:focus {
|
||||
position: fixed !important;
|
||||
left: 50% !important;
|
||||
transform: translateX(-50%);
|
||||
top: 10px !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
padding: 10px 20px;
|
||||
background: #ffcc00;
|
||||
color: #1e1e2f;
|
||||
font-weight: bold;
|
||||
border-radius: 4px;
|
||||
text-decoration: none;
|
||||
z-index: 999999;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-family: 'Courier New', monospace;
|
||||
font-family: 'ChicagoFLF', 'Courier New', monospace;
|
||||
background: linear-gradient(135deg, #1e1e2f, #1e2f4f);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
@@ -23,10 +41,16 @@ section {
|
||||
border-radius: 8px;
|
||||
}
|
||||
a {
|
||||
color: #7fccff;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
color: #99ddff;
|
||||
text-decoration: underline;
|
||||
transition: color 0.3s ease, text-decoration 0.3s ease;
|
||||
}
|
||||
a:hover {
|
||||
a:hover, a:focus {
|
||||
color: #ffcc00;
|
||||
text-decoration: underline;
|
||||
outline: none;
|
||||
}
|
||||
a:focus-visible {
|
||||
outline: 2px solid #ffcc00;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user