colin
/
ShowerLoop-cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix skip-to-content accessibility styling - only show when focused
ci/woodpecker/push/woodpecker Pipeline failed Details

This commit is contained in:
Your Name 2025-03-06 15:32:16 -05:00
parent 83e90a13be
commit 1199d13a5d
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docker/showerloop/public/css/custom.css
View File

@ -12,7 +12,22 @@ a { color: #EB2078; }
.contact-form .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #EB2078;} .contact-form .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #EB2078;}
.contact-form .mdl-textfield__label:after { background-color: #EB2078; } .contact-form .mdl-textfield__label:after { background-color: #EB2078; }
.skip-to-content { background: #EB2078; height: 50px; line-height: 50px; font-size: 20px; } /* Fix skip-to-content accessibility styling */
.skip-to-content {
background: #EB2078;
height: 50px;
line-height: 50px;
font-size: 20px;
position: absolute;
top: 0;
left: -999px;
width: 100%;
z-index: 9999;
transition: left 0.3s;
}
.skip-to-content:focus {
left: 0;
}
/* Video.js custom styling */ /* Video.js custom styling */
.video-container { .video-container {