Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Fix for skiplinks
Browse files Browse the repository at this point in the history
  • Loading branch information
@bcd04001
bcd04001 committed Sep 11, 2018
1 parent 9148bbb commit dda36a3
Show file tree
Hide file tree
Showing 11 changed files with 301 additions and 359 deletions.
108 changes: 58 additions & 50 deletions css/hale2015-blue.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1059,7 +1059,7 @@ th {

html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Expand Down Expand Up @@ -2349,49 +2349,49 @@ input[type="search"] {
input[type="datetime-local"],
input[type="month"] {
line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
.input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input.btn[type="date"],
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm > input.form-control[type="time"],
.input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input.btn[type="time"],
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm > input.form-control[type="month"],
.input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input.btn[type="month"],
.input-group-sm
input[type="month"] {
line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
.input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input.btn[type="date"],
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg > input.form-control[type="time"],
.input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input.btn[type="time"],
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg > input.form-control[type="month"],
.input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input.btn[type="month"],
.input-group-lg
input[type="month"] {
line-height: 46px; } }
Expand Down Expand Up @@ -2494,9 +2494,9 @@ textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
height: auto; }

.form-group-sm .form-control {
Expand Down Expand Up @@ -2540,9 +2540,9 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
height: auto; }

.form-group-lg .form-control {
Expand Down Expand Up @@ -2584,16 +2584,12 @@ select[multiple].input-lg,
text-align: center;
pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
Expand Down Expand Up @@ -3536,16 +3532,20 @@ tbody.collapse.in {
margin-right: 0;
border-radius: 7px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 7px 7px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #f6f6f6; } }

.tab-content > .tab-pane {
Expand Down Expand Up @@ -5391,7 +5391,7 @@ button.close {
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent; }
background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active {
margin: 0;
width: 12px;
Expand Down Expand Up @@ -7939,12 +7939,21 @@ table .external:hover .glyphicon-new-window {
== Accessibility
- - - - - - - - - - - - - - - - - - - */
#skiplinks {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
height: 0;
width: 0; }
visibility: visible; }
#skiplinks a {
left: -10000px;
position: absolute; }
#skiplinks a:focus {
left: 34px;
top: 34px;
background-color: #fff;
box-shadow: 4px 4px 6px #3e3e3e;
padding: 10px;
min-width: 210px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
color: #107ac8; }

.accessibility-fail {
-webkit-filter: grayscale(100%);
Expand Down Expand Up @@ -9225,8 +9234,7 @@ body.home.page-template-page-blank h3.widget-title {
background-image: linear-gradient(top, #449b44, #2d662d) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; }

#page #content .widget .btn:hover,
#page #content .widget .btn:focus {
#page #content .widget .btn:hover, #page #content .widget .btn:focus {
color: white !important; }

#page #content .widget .btn-default:hover,
Expand Down
108 changes: 58 additions & 50 deletions css/hale2015-green.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1059,7 +1059,7 @@ th {

html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Expand Down Expand Up @@ -2349,49 +2349,49 @@ input[type="search"] {
input[type="datetime-local"],
input[type="month"] {
line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
.input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input.btn[type="date"],
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm > input.form-control[type="time"],
.input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input.btn[type="time"],
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm > input.form-control[type="month"],
.input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input.btn[type="month"],
.input-group-sm
input[type="month"] {
line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
.input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input.btn[type="date"],
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg > input.form-control[type="time"],
.input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input.btn[type="time"],
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg > input.form-control[type="month"],
.input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input.btn[type="month"],
.input-group-lg
input[type="month"] {
line-height: 46px; } }
Expand Down Expand Up @@ -2494,9 +2494,9 @@ textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
height: auto; }

.form-group-sm .form-control {
Expand Down Expand Up @@ -2540,9 +2540,9 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
height: auto; }

.form-group-lg .form-control {
Expand Down Expand Up @@ -2584,16 +2584,12 @@ select[multiple].input-lg,
text-align: center;
pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback {
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px; }
Expand Down Expand Up @@ -3536,16 +3532,20 @@ tbody.collapse.in {
margin-right: 0;
border-radius: 7px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 7px 7px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #f6f6f6; } }

.tab-content > .tab-pane {
Expand Down Expand Up @@ -5391,7 +5391,7 @@ button.close {
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent; }
background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active {
margin: 0;
width: 12px;
Expand Down Expand Up @@ -7939,12 +7939,21 @@ table .external:hover .glyphicon-new-window {
== Accessibility
- - - - - - - - - - - - - - - - - - - */
#skiplinks {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
height: 0;
width: 0; }
visibility: visible; }
#skiplinks a {
left: -10000px;
position: absolute; }
#skiplinks a:focus {
left: 34px;
top: 34px;
background-color: #fff;
box-shadow: 4px 4px 6px #3e3e3e;
padding: 10px;
min-width: 210px;
font-weight: 700;
font-size: 18px;
text-decoration: none;
color: #107ac8; }

.accessibility-fail {
-webkit-filter: grayscale(100%);
Expand Down Expand Up @@ -9225,8 +9234,7 @@ body.home.page-template-page-blank h3.widget-title {
background-image: linear-gradient(top, #449b44, #2d662d) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; }

#page #content .widget .btn:hover,
#page #content .widget .btn:focus {
#page #content .widget .btn:hover, #page #content .widget .btn:focus {
color: white !important; }

#page #content .widget .btn-default:hover,
Expand Down
Loading

0 comments on commit dda36a3

Please sign in to comment.