refactor: move inline styles from Vue3-v.6.html to Vue3-v.6-css.html for better organization

Co-authored-by: aider (o3) <aider@aider.chat>
This commit is contained in:
Mark Eaton
2025-07-25 23:39:58 -04:00
co-authored by aider
parent 7ebb1dd1dc
commit 5e56d9ce5a
2 changed files with 29 additions and 30 deletions
+29
View File
@@ -77,6 +77,24 @@
margin-left: 5px; margin-left: 5px;
} }
/* Accessible focus indicators for primary navigation elements */
#hamburger:focus,
#hamburger:focus-visible,
#login-div:focus,
#login-div:focus-visible,
.searchmenu:focus,
.searchmenu:focus-visible,
.nav-jumbotron-link:focus,
.nav-jumbotron-link:focus-visible,
/* OneSearch widget (central search form) */
.onesearch-jumbotron input:focus,
.onesearch-jumbotron input:focus-visible,
.onesearch-jumbotron button:focus,
.onesearch-jumbotron button:focus-visible {
outline: 3px solid #0056b3; /* high-contrast blue */
outline-offset: 2px;
}
/* style alert */ /* style alert */
#hours-content-container { /* this id comes from the components libguide */ #hours-content-container { /* this id comes from the components libguide */
background-color: var(--kbccblue); background-color: var(--kbccblue);
@@ -236,6 +254,17 @@
cursor: pointer; cursor: pointer;
} }
/* Ensure nav-jumbotron buttons match link width */
.nav-jumbotron-link.btn-link {
display: block;
width: 100%;
}
/* Remove default heading margin for uniform button height */
#bookastudyroom-heading {
margin: 0px;
}
/* style link list */ /* style link list */
.link-list { .link-list {
font-size: 1.7em; font-size: 1.7em;
-30
View File
@@ -1,34 +1,4 @@
<body class="s-lib-public-body"> <body class="s-lib-public-body">
<style>
/* Accessible focus indicators for primary navigation elements */
#hamburger:focus,
#hamburger:focus-visible,
#login-div:focus,
#login-div:focus-visible,
.searchmenu:focus,
.searchmenu:focus-visible,
.nav-jumbotron-link:focus,
.nav-jumbotron-link:focus-visible,
/* OneSearch widget (central search form) */
.onesearch-jumbotron input:focus,
.onesearch-jumbotron input:focus-visible,
.onesearch-jumbotron button:focus,
.onesearch-jumbotron button:focus-visible {
outline: 3px solid #0056b3; /* high-contrast blue */
outline-offset: 2px;
}
/* Ensure nav-jumbotron buttons match link width */
.nav-jumbotron-link.btn-link {
display: block;
width: 100%;
}
/* Remove default heading margin for uniform button height */
#bookastudyroom-heading {
margin: 0px;
}
</style>
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript> <noscript>
<iframe <iframe