Skip to content
Snippets Groups Projects
Commit 8b15fbb9 authored by Chris Hallberg's avatar Chris Hallberg
Browse files

Update accessibility libraries and just-custom.css

parent 8c9ac95b
No related merge requests found
Showing
with 574 additions and 811 deletions
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
.btn:focus {
outline: dotted 2px black;
}
div.active:focus {
outline: dotted 1px black;
}
a:focus {
outline: dotted 1px black;
}
.close:hover,
.close:focus {
outline: dotted 1px black;
}
.nav > li > a:hover,
.nav > li > a:focus {
outline: dotted 1px black;
}
.carousel-inner > .item {
position: absolute;
top: -999999em;
display: block;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .active {
top: 0;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
position: relative;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.alert-success {
color: #2d4821;
}
.alert-info {
color: #214c62;
}
.alert-warning {
color: #6c4a00;
background-color: #f9f1c6;
}
.alert-danger {
color: #d2322d;
}
.alert-danger:hover {
color: #c12f2a;
}
\ No newline at end of file
.btn:focus{outline:dotted 2px #000}div.active:focus{outline:dotted 1px #000}a:focus{outline:dotted 1px #000}.close:hover,.close:focus{outline:dotted 1px #000}.nav>li>a:hover,.nav>li>a:focus{outline:dotted 1px #000}.carousel-indicators li,.carousel-indicators li.active{height:18px;width:18px;border-width:2px;position:relative;box-shadow:0px 0px 0px 1px #808080;-moz-boxshadow:0px 0px 0px 1px #808080;-webkit-boxshadow:0px 0px 0px 1px #808080}.carousel-indicators.active li{background-color:rgba(100,149,253,0.6)}.carousel-indicators.active li.active{background-color:white}.carousel-tablist-highlight{display:block;position:absolute;outline:2px solid transparent;background-color:transparent;box-shadow:0px 0px 0px 1px transparent;-moz-boxshadow:0px 0px 0px 1px transparent;-webkit-boxshadow:0px 0px 0px 1px transparent}.carousel-tablist-highlight.focus{outline:2px solid #6495ED;background-color:rgba(0,0,0,0.4)}a.carousel-control:focus{outline:2px solid #6495ED;background-image:linear-gradient(to right, transparent 0px, rgba(0,0,0,0.5) 100%);box-shadow:0px 0px 0px 1px #000000;-moz-boxshadow:0px 0px 0px 1px #000000;-webkit-boxshadow:0px 0px 0px 1px #000000}.carousel-pause-button{position:absolute;top:-30em;left:-300em;display:block}.carousel-pause-button.focus{top:0.5em;left:0.5em}.carousel:hover .carousel-caption,.carousel.contrast .carousel-caption{background-color:rgba(0,0,0,0.5);z-index:10}.alert-success{color:#2d4821}.alert-info{color:#214c62}.alert-warning{color:#6c4a00;background-color:#f9f1c6}.alert-danger{color:#d2322d}.alert-danger:hover{color:#a82824}
\ No newline at end of file
/* mixins */
input, textarea {
&::-webkit-input-placeholder, // Chrome/Safari/Opera
&:-ms-input-placeholder, // IE
&::-ms-input-placeholder, // Edge
&::placeholder {
color: #888;
}
}
.sr-only
{
clip: rect(1px, 1px, 1px, 1px);
......
// Import Variables
@import "partials/variables";
// Import Mixins
@import "partials/mixins";
// Import Partials Styles
@import "partials/buttons";
@import "partials/divs";
@import "partials/links";
@import "partials/close";
@import "partials/navigation";
@import "partials/carousel";
@import "partials/alerts";
\ No newline at end of file
.alert-success {
color: @alert-success-color;
}
.alert-info {
color: @alert-info-color;
}
.alert-warning {
color: @alert-warning-color;
background-color: @alert-warning-bkg;
}
.alert-danger {
color: @alert-danger-color;
}
.alert-danger {
&:hover {
color: @alert-danger-hover;
}
}
\ No newline at end of file
.btn:focus { .outline(2px); }
\ No newline at end of file
.carousel-indicators li,
.carousel-indicators li.active {
height: 18px;
width: 18px;
border-width: 2px;
position: relative;
box-shadow: 0px 0px 0px 1px #808080;
}
.carousel-indicators.active li {
background-color: rgba(100, 149, 253, 0.6);
}
.carousel-indicators.active li.active {
background-color: white;
}
.carousel-tablist-highlight {
display: block;
position: absolute;
outline: 2px solid transparent;
background-color: transparent;
box-shadow: 0px 0px 0px 1px transparent;
}
.carousel-tablist-highlight.focus {
outline: 2px solid #6495ED;
background-color: rgba(0, 0, 0, 0.4);
}
a.carousel-control:focus {
outline: 2px solid #6495ED;
background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0.5) 100%);
box-shadow: 0px 0px 0px 1px #000000;
}
.carousel-pause-button {
position: absolute;
top: -30em;
left: -300em;
display: block;
}
.carousel-pause-button.focus {
top: 0.5em;
left: 0.5em;
}
.carousel:hover .carousel-caption,
.carousel.contrast .carousel-caption {
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
}
.close {
&:hover,
&:focus {
.outline(1px);
}
}
\ No newline at end of file
div.active:focus { .outline(1px); }
\ No newline at end of file
a:focus { .outline(1px); }
\ No newline at end of file
.outline(@size) {
outline: @outline-default-style @size @outline-default-color;
}
\ No newline at end of file
.nav > li > a {
&:hover,
&:focus { .outline(1px); }
}
\ No newline at end of file
//Set the variables for use in stylesheet
// Colors
@black: #000;
@green-dark: #2d4821;
@blue-dark: #214c62;
@red-dark: #6c4a00;
@red: #d2322d;
@yellow: #f9f1c6;
// Outline
@outline-default-style: dotted;
@outline-default-color: @black;
// Alerts Colors
@alert-success-color: @green-dark;
@alert-info-color: @blue-dark;
@alert-warning-color: @red-dark;
@alert-warning-bkg: @yellow;
@alert-danger-color: @red;
@alert-danger-hover: darken(@red, 10%);
@import "bootstrap/bootstrap";
@import "bootstrap-accessibility/bootstrap-accessibility";
@import "a11y";
.alert.alert-info a {text-decoration: underline;}
......@@ -9,17 +10,6 @@
}
[data-toggle~="dropdown"] {cursor: pointer;}
.fa {cursor: default;}
.form-control {
@media(min-width: 768px) {max-width: 400px;}
}
.has-error {margin-bottom: 0;}
.sms-error {.has-error;}
.help-block.with-errors {
padding-top: @padding-base-vertical;
padding-bottom: @padding-base-vertical;
&:empty {padding: 0;}
}
.help-block.with-errors,
.list-unstyled {margin: 0;}
.highlight,mark {
background: lighten(#FF0, 20%);
......@@ -37,25 +27,6 @@ label.list-group-item {
#modal {background-color: rgba(0,0,0,.2);}
#modal .modal-body > h2:first-child {display: none;}
.popover {width: 250px;}
h2 {
@media (min-width: 768px) {
font-size: 23px;
font-weight: normal;
}
@media (max-width: 767px) {
font-size: 20px;
}
}
h3 {
@media (min-width: 768px) {
font-size: 20px;
font-weight: normal;
}
@media (max-width: 767px) {
font-size: 16px;
}
}
.recordcover {max-height: 300px;}
.sub-breadcrumb {
padding: 5px 10px;
white-space: nowrap;
......@@ -68,14 +39,38 @@ h3 {
}
}
.tab-content {padding: 4px;}
@media (max-width: 991px) {
header .container.navbar {margin-bottom: 0;}
.searchForm {margin-top: 0;}
}
@media (min-width: 768px) {
h2 {
font-size: 23px;
font-weight: normal;
}
h3 {
font-size: 20px;
font-weight: normal;
}
.form-control { max-width: 400px; }
}
@media (max-width: 767px) {
h2 { font-size: 20px; }
h3 { font-size: 16px; }
.searchForm {padding-top: 0;}
}
/* --- Form Errors --- */
.has-error {margin-bottom: 0;}
.sms-error {.has-error;}
.help-block.with-errors {
margin: 0;
padding-top: @padding-base-vertical;
padding-bottom: @padding-base-vertical;
&:empty {padding: 0;}
}
/* --- Advanced Search --- */
.group {
position: relative;
......@@ -276,6 +271,7 @@ h3 {
color: #000;
}
.item-notes ul { padding-left: 2rem; }
.recordcover {max-height: 300px;}
.tagList {
.tag {
display: inline-block;
......
// Core variables and mixins to make the bootstrap-custom.css
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "bootstrap/list-group.less";
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment