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

Commit

Permalink
Browse files Browse the repository at this point in the history
Fix for skiplinks
  • 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
Expand Up @@ -1059,7 +1059,7 @@ th {


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


body { body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 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="datetime-local"],
input[type="month"] { input[type="month"] {
line-height: 34px; } line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
.input-group-sm > input[type="date"].input-group-addon, .input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm > .input-group-btn > input.btn[type="date"],
.input-group-sm input[type="date"], .input-group-sm input[type="date"],
input[type="time"].input-sm, input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control, .input-group-sm > input.form-control[type="time"],
.input-group-sm > input[type="time"].input-group-addon, .input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm > .input-group-btn > input.btn[type="time"],
.input-group-sm .input-group-sm
input[type="time"], input[type="time"],
input[type="datetime-local"].input-sm, input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
.input-group-sm .input-group-sm
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"].input-sm, input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control, .input-group-sm > input.form-control[type="month"],
.input-group-sm > input[type="month"].input-group-addon, .input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm > .input-group-btn > input.btn[type="month"],
.input-group-sm .input-group-sm
input[type="month"] { input[type="month"] {
line-height: 30px; } line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
.input-group-lg > input[type="date"].input-group-addon, .input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg > .input-group-btn > input.btn[type="date"],
.input-group-lg input[type="date"], .input-group-lg input[type="date"],
input[type="time"].input-lg, input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control, .input-group-lg > input.form-control[type="time"],
.input-group-lg > input[type="time"].input-group-addon, .input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg > .input-group-btn > input.btn[type="time"],
.input-group-lg .input-group-lg
input[type="time"], input[type="time"],
input[type="datetime-local"].input-lg, input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
.input-group-lg .input-group-lg
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"].input-lg, input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control, .input-group-lg > input.form-control[type="month"],
.input-group-lg > input[type="month"].input-group-addon, .input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg > .input-group-btn > input.btn[type="month"],
.input-group-lg .input-group-lg
input[type="month"] { input[type="month"] {
line-height: 46px; } } 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 > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm, select[multiple].input-sm,
.input-group-sm > select[multiple].form-control, .input-group-sm > select.form-control[multiple],
.input-group-sm > select[multiple].input-group-addon, .input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select[multiple].btn { .input-group-sm > .input-group-btn > select.btn[multiple] {
height: auto; } height: auto; }


.form-group-sm .form-control { .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 > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg, select[multiple].input-lg,
.input-group-lg > select[multiple].form-control, .input-group-lg > select.form-control[multiple],
.input-group-lg > select[multiple].input-group-addon, .input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select[multiple].btn { .input-group-lg > .input-group-btn > select.btn[multiple] {
height: auto; } height: auto; }


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


.input-lg + .form-control-feedback, .input-group-lg > .form-control + .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 {
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 46px; width: 46px;
height: 46px; height: 46px;
line-height: 46px; } line-height: 46px; }


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


.tab-content > .tab-pane { .tab-content > .tab-pane {
Expand Down Expand Up @@ -5391,7 +5391,7 @@ button.close {
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
background-color: #000 \9; background-color: #000 \9;
background-color: transparent; } background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active { .carousel-indicators .active {
margin: 0; margin: 0;
width: 12px; width: 12px;
Expand Down Expand Up @@ -7939,12 +7939,21 @@ table .external:hover .glyphicon-new-window {
== Accessibility == Accessibility
- - - - - - - - - - - - - - - - - - - */ - - - - - - - - - - - - - - - - - - - */
#skiplinks { #skiplinks {
position: absolute; visibility: visible; }
left: 0; #skiplinks a {
top: 0; left: -10000px;
visibility: hidden; position: absolute; }
height: 0; #skiplinks a:focus {
width: 0; } 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 { .accessibility-fail {
-webkit-filter: grayscale(100%); -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; background-image: linear-gradient(top, #449b44, #2d662d) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; } filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; }


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


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


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


body { body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 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="datetime-local"],
input[type="month"] { input[type="month"] {
line-height: 34px; } line-height: 34px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
.input-group-sm > input[type="date"].input-group-addon, .input-group-sm > input.input-group-addon[type="date"],
.input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm > .input-group-btn > input.btn[type="date"],
.input-group-sm input[type="date"], .input-group-sm input[type="date"],
input[type="time"].input-sm, input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control, .input-group-sm > input.form-control[type="time"],
.input-group-sm > input[type="time"].input-group-addon, .input-group-sm > input.input-group-addon[type="time"],
.input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm > .input-group-btn > input.btn[type="time"],
.input-group-sm .input-group-sm
input[type="time"], input[type="time"],
input[type="datetime-local"].input-sm, input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input.form-control[type="datetime-local"],
.input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > input.input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
.input-group-sm .input-group-sm
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"].input-sm, input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control, .input-group-sm > input.form-control[type="month"],
.input-group-sm > input[type="month"].input-group-addon, .input-group-sm > input.input-group-addon[type="month"],
.input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm > .input-group-btn > input.btn[type="month"],
.input-group-sm .input-group-sm
input[type="month"] { input[type="month"] {
line-height: 30px; } line-height: 30px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
.input-group-lg > input[type="date"].input-group-addon, .input-group-lg > input.input-group-addon[type="date"],
.input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg > .input-group-btn > input.btn[type="date"],
.input-group-lg input[type="date"], .input-group-lg input[type="date"],
input[type="time"].input-lg, input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control, .input-group-lg > input.form-control[type="time"],
.input-group-lg > input[type="time"].input-group-addon, .input-group-lg > input.input-group-addon[type="time"],
.input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg > .input-group-btn > input.btn[type="time"],
.input-group-lg .input-group-lg
input[type="time"], input[type="time"],
input[type="datetime-local"].input-lg, input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input.form-control[type="datetime-local"],
.input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > input.input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
.input-group-lg .input-group-lg
input[type="datetime-local"], input[type="datetime-local"],
input[type="month"].input-lg, input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control, .input-group-lg > input.form-control[type="month"],
.input-group-lg > input[type="month"].input-group-addon, .input-group-lg > input.input-group-addon[type="month"],
.input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg > .input-group-btn > input.btn[type="month"],
.input-group-lg .input-group-lg
input[type="month"] { input[type="month"] {
line-height: 46px; } } 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 > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm, select[multiple].input-sm,
.input-group-sm > select[multiple].form-control, .input-group-sm > select.form-control[multiple],
.input-group-sm > select[multiple].input-group-addon, .input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select[multiple].btn { .input-group-sm > .input-group-btn > select.btn[multiple] {
height: auto; } height: auto; }


.form-group-sm .form-control { .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 > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg, select[multiple].input-lg,
.input-group-lg > select[multiple].form-control, .input-group-lg > select.form-control[multiple],
.input-group-lg > select[multiple].input-group-addon, .input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select[multiple].btn { .input-group-lg > .input-group-btn > select.btn[multiple] {
height: auto; } height: auto; }


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


.input-lg + .form-control-feedback, .input-group-lg > .form-control + .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 {
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback {
width: 46px; width: 46px;
height: 46px; height: 46px;
line-height: 46px; } line-height: 46px; }


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


.tab-content > .tab-pane { .tab-content > .tab-pane {
Expand Down Expand Up @@ -5391,7 +5391,7 @@ button.close {
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
background-color: #000 \9; background-color: #000 \9;
background-color: transparent; } background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active { .carousel-indicators .active {
margin: 0; margin: 0;
width: 12px; width: 12px;
Expand Down Expand Up @@ -7939,12 +7939,21 @@ table .external:hover .glyphicon-new-window {
== Accessibility == Accessibility
- - - - - - - - - - - - - - - - - - - */ - - - - - - - - - - - - - - - - - - - */
#skiplinks { #skiplinks {
position: absolute; visibility: visible; }
left: 0; #skiplinks a {
top: 0; left: -10000px;
visibility: hidden; position: absolute; }
height: 0; #skiplinks a:focus {
width: 0; } 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 { .accessibility-fail {
-webkit-filter: grayscale(100%); -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; background-image: linear-gradient(top, #449b44, #2d662d) !important;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; } filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#449b44', EndColorStr='#2d662d') !important; }


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


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

0 comments on commit dda36a3

Please sign in to comment.