#accessibilityBtnLayer { position: fixed; right:0; bottom: 0; z-index: 10000000; } #accessibilityBtnLayer a { margin:20px 35px; display: block; width:60px; height:60px; background: url(accessibility/button.png) center center no-repeat; filter: invert(0%); } #accessibilityBtnLayer a:hover { filter: invert(100%); } #aSitemapLayer { position: fixed; top:0; left:0; padding:15px; background-color: #fff; display:none; } body.ac_feature_sitemap_enabled #aSitemapLayer { display: block; } #accessibilityCtrlLayer { position: fixed; right:35px; bottom: 20px; font-size:14px; z-index: 100000000; margin-right:-500px; opacity: 0; transition: all 0.8s; } body.ac_layer_enabled #accessibilityCtrlLayer { margin-right: 0px; opacity: 1; } #accessibilityCtrlLayer .header { position: relative; font-size:1.4em; line-height: 4em; font-weight: bold; width:375px; height:4em; display: block; background-color: #000; color: #fff; text-indent: 28px; } #accessibilityCtrlLayer .header #aAccessibilityClose{ display: block; position: absolute; width:15px; height:15px; top:10px; right:10px; content: '\00d7'; } #accessibilityCtrlLayer .header #aAccessibilityClose { width: 25px; height: 25px; position: absolute; top:25px; right: 28px; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } #accessibilityCtrlLayer .header #aAccessibilityClose span { display: block; position: absolute; left: 0; top: 11.5px; height: 4px; width: 100%; background: #fff; border-radius: 4px; transform: rotate(0deg); transition: .2s ease-in-out; } #accessibilityCtrlLayer .header #aAccessibilityClose span:nth-child(1), #accessibilityCtrlLayer .header #aAccessibilityClose span:nth-child(3) { width: 50%; transform: rotate(45deg); } #accessibilityCtrlLayer .header #aAccessibilityClose span:nth-child(1) { left: 1.5px; top: 7.5px; } #accessibilityCtrlLayer .header #aAccessibilityClose span:nth-child(2) { transform: rotate(-45deg); } #accessibilityCtrlLayer .header #aAccessibilityClose span:nth-child(3) { left: 10px; top: 15.5px; } #accessibilityCtrlLayer .controls { width:375px; /*margin-left:7.5px;*/ background-color: #fff; color:#000; padding: 2em; text-align: center; } #accessibilityCtrlLayer .controls .aBoxButton, #accessibilityCtrlLayer .controls .aBoxButton:link { width: 47%; margin: 1%; padding: 5%; background-color: #eee; display: inline-block; text-align: center; vertical-align: bottom; border: 3px solid #eee; } #accessibilityCtrlLayer .controls a.aBoxButton:active, #accessibilityCtrlLayer .controls a.aBoxButton:hover { color: #eee !important; background-color: #000; border: 3px solid #000; } #accessibilityCtrlLayer .controls a.aBoxButton:hover span { filter: invert(100%); } #accessibilityCtrlLayer .controls a.aBoxButton:visited, #accessibilityCtrlLayer .controls a.aBoxButton:focus { text-decoration: none; outline: none; color: #000; } #accessibilityCtrlLayer .controls span { display: block; width: 40px; height: 28px; margin:0 auto 5px; } #accessibilityCtrlLayer .controls span.aDarkContastImg { background: url(accessibility/DarkContrast.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aLightContrastImg { background: url(accessibility/LightContrast.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aInvertColorsImg { background: url(accessibility/InvertColors.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aMonochromeImg { background: url(accessibility/Monochrome.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aReadableFontImg { background: url(accessibility/ReadableFont.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aCursorImg { background: url(accessibility/Cursor.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aHigilightLinksImg { background: url(accessibility/HighlightLinks.png) center center no-repeat; } #accessibilityCtrlLayer .controls span.aKeyboardNavImg { background: url(accessibility/KeyboardNav.png) center center no-repeat; } #accessibilityCtrlLayer .controls #aFontSize.aBoxButton { padding-bottom: 5px;} #accessibilityCtrlLayer .controls #aFontSize a { display: inline-block; width: 28px; height: 28px; margin:4px 2px; } #accessibilityCtrlLayer .controls #aFontSize span.aFontSizeImg { background: url(accessibility/FontSize.png) center center no-repeat; display: inline-block; vertical-align: bottom; width: 30px; margin: 0; } #accessibilityCtrlLayer .controls #aFontSize #aFontIncrease { background: url(accessibility/FontSizePlus.png) center center no-repeat; } #accessibilityCtrlLayer .controls #aFontSize #aFontDecrease { background: url(accessibility/FontSizeMinus.png) center center no-repeat; } #accessibilityCtrlLayer .controls #aFontSize a:hover { filter: invert(100%); } #accessibilityCtrlLayer .controls #aSitemap span.aSitemapImg { background: url(accessibility/Sitemap.png) center center no-repeat; display: inline-block; vertical-align: bottom; width: 30px; margin: 0 5px 0 0; } #accessibilityCtrlLayer .controls #aSitemap #aSitemapSelect { width:100%; margin:5px 0 0; } #accessibilityCtrlLayer .controls #aReset.aBoxButton { width:auto; padding: 3% 6%; margin-top: 16px; } #accessibilityCtrlLayer .controls span.aResetImg { background: url(accessibility/Reset.png) center center no-repeat; display: inline-block; vertical-align: middle; margin:0; } .ac_feature_invertColors_enabled #accessibilityCtrlLayer .controls .aBoxButton#aInvertColors, .ac_feature_monochrome_enabled #accessibilityCtrlLayer .controls .aBoxButton#aMonochrome, .ac_feature_darkContrast_enabled #accessibilityCtrlLayer .controls .aBoxButton#aDarkContrast, .ac_feature_lightContrast_enabled #accessibilityCtrlLayer .controls .aBoxButton#aLightContrast, .ac_feature_readableFont_enabled #accessibilityCtrlLayer .controls .aBoxButton#aReadableFont, .ac_feature_cursor_enabled #accessibilityCtrlLayer .controls .aBoxButton#aCursor, .ac_feature_highlightLinks_enabled #accessibilityCtrlLayer .controls .aBoxButton#aHightlightLinks, .ac_feature_sitemap_enabled #accessibilityCtrlLayer .controls .aBoxButton#aSitemap, .ac_feature_keyboardNav_enabled #accessibilityCtrlLayer .controls .aBoxButton#aKeyboardNav { border: 3px solid #000; } html body.ac_feature_invertColors_enabled>:not(#accessibilityControls) { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); } html body.ac_feature_monochrome_enabled>:not(#accessibilityControls) { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); } html body.ac_feature_darkContrast_enabled, html body.ac_feature_darkContrast_enabled>:not(#accessibilityControls), html body.ac_feature_darkContrast_enabled>:not(#accessibilityControls) *:not(img):not(video) { color: White; background-color: Black; } html body.ac_feature_darkContrast_enabled>a, html body.ac_feature_darkContrast_enabled>:not(#accessibilityControls) a { outline: 1px dashed Gold; } html body.ac_feature_lightContrast_enabled, html body.ac_feature_lightContrast_enabled>:not(#accessibilityControls), html body.ac_feature_lightContrast_enabled>:not(#accessibilityControls) *:not(img):not(video) { color: black; background-color: white; } html body.ac_feature_lightContrast_enabled>a, html body.ac_feature_lightContrast_enabled>:not(#accessibilityControls) a { outline: 1px dashed midnightblue; } html body.ac_feature_readableFont_enabled, html body.ac_feature_readableFont_enabled>:not(#accessibilityControls):not(i), html body.ac_feature_readableFont_enabled>:not(#accessibilityControls) *:not(i){ font-family: Arial !important; } html body.ac_feature_cursor_enabled { cursor: url(accessibility/bigcursorwhite.cur),auto !important; } html body.ac_feature_cursor_enabled a, html body.ac_feature_cursor_enabled [role="link"], html body.ac_feature_cursor_enabled area, html body.ac_feature_cursor_enabled label, html body.ac_feature_cursor_enabled audio, html body.ac_feature_cursor_enabled video, html body.ac_feature_cursor_enabled button, html body.ac_feature_cursor_enabled [role="button"], html body.ac_feature_cursor_enabled [role="button"] *, html body.ac_feature_cursor_enabled [type="button"], html body.ac_feature_cursor_enabled [type="submit"], html body.ac_feature_cursor_enabled [type="image"], html body.ac_feature_cursor_enabled [role="radio"], html body.ac_feature_cursor_enabled [type="radio"], html body.ac_feature_cursor_enabled [role="checkbox"], html body.ac_feature_cursor_enabled [type="checkbox"], html body.ac_feature_cursor_enabled select, html body.ac_feature_cursor_enabled [role="combobox"], html body.ac_feature_cursor_enabled [role="option"], html body.ac_feature_cursor_enabled [role="slider"], html body.ac_feature_cursor_enabled [role="scrollbar"], html body.ac_feature_cursor_enabled [role="spinbutton"], html body.ac_feature_cursor_enabled [role="tab"] { cursor: url(accessibility/bighandwhite.cur),auto !important; } html body.ac_feature_highlightLinks_enabled>a, html body.ac_feature_highlightLinks_enabled>[role=link], html body.ac_feature_highlightLinks_enabled>:not(#accessibilityControls) a, html body.ac_feature_highlightLinks_enabled>:not(#accessibilityControls) [role=link], html body.ac_feature_highlightLinks_enabled>a, html body.ac_feature_highlightLinks_enabled>[role=link], html body.ac_feature_highlightLinks_enabled>:not(#accessibilityControls) a, html body.ac_feature_highlightLinks_enabled>:not(#accessibilityControls) [role=link] { color: Red; border-bottom: 2px solid red; text-decoration: none; } html body.ac_feature_keyboardNav_enabled :focus { border:3px solid #f00; } @media only screen and (max-height: 757px) { #accessibilityCtrlLayer .header { line-height:3em; height:3em; } #accessibilityCtrlLayer .header #aAccessibilityClose { top:16px; } #accessibilityCtrlLayer .controls { padding:1em; } #accessibilityCtrlLayer .controls .aBoxButton, #accessibilityCtrlLayer .controls .aBoxButton:link { padding:3%; } #accessibilityCtrlLayer .controls #aFontSize.aBoxButton { padding-bottom:0; } #accessibilityCtrlLayer .controls #aReset.aBoxButton { margin-top:6px; } } @media only screen and (max-width: 600px) { #accessibilityCtrlLayer .header { line-height:3em; height:3em; } #accessibilityCtrlLayer .header #aAccessibilityClose { top:16px; } #accessibilityCtrlLayer .header, #accessibilityCtrlLayer .controls { width:300px; } #accessibilityCtrlLayer .controls { padding:1em; } #accessibilityCtrlLayer .controls .aBoxButton, #accessibilityCtrlLayer .controls .aBoxButton:link { padding:2% 2% 4%; } #accessibilityCtrlLayer .controls #aFontSize.aBoxButton { padding-bottom:0; } } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */