You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
4.2 KiB
131 lines
4.2 KiB
body.jsdisabled #block_accessibility_launchtoolbar {
|
|
display: none;
|
|
}
|
|
|
|
.block_accessibility{
|
|
position: relative; /* for loader.gif to position absolute */
|
|
|
|
/*disable selection*/
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#accessibility_controls .access-button {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 .15em;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
background: -moz-linear-gradient(top, rgba(254,255,232,0) 0%, rgba(214,219,191,0.3) 100%) !important; /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,0)), color-stop(100%,rgba(214,219,191,0.3))) !important; /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.3) 100%) !important; /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.3) 100%) !important; /* Opera11.10+ */
|
|
background: -ms-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.3) 100%) !important; /* IE10+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffe8', endColorstr='#4dd6dbbf',GradientType=0 ) !important; /* IE6-9 */
|
|
background: linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.3) 100%) !important; /* W3C */
|
|
|
|
/*disable selection*/
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#accessibility_controls .access-button:hover {
|
|
background: -moz-linear-gradient(top, rgba(254,255,232,0) 0%, rgba(214,219,191,0.5) 50%) !important; /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,0)), color-stop(50%,rgba(214,219,191,0.5))) !important; /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.5) 50%) !important; /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.5) 50%) !important; /* Opera11.10+ */
|
|
background: -ms-linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.5) 50%) !important; /* IE10+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffe8', endColorstr='#80d6dbbf',GradientType=0 ) !important; /* IE6-9 */
|
|
background: linear-gradient(top, rgba(254,255,232,0) 0%,rgba(214,219,191,0.5) 50%) !important; /* W3C */
|
|
}
|
|
|
|
.access-button a#block_accessibility_save {
|
|
background: url('[[pix:block_accessibility|document-save]]') !important;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
}
|
|
|
|
.access-button a#block_accessibility_save.disabled {
|
|
background: url('[[pix:block_accessibility|document-save-grey]]') !important;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
}
|
|
|
|
#accessibility_controls .access-button .disabled {
|
|
opacity:0.3;
|
|
cursor:not-allowed;;
|
|
}
|
|
|
|
#accessibility_controls .access-button a {
|
|
display: block;
|
|
cursor: pointer;
|
|
color: #000;
|
|
border-radius: 2px;
|
|
padding: .15em .3em;
|
|
min-width: 1.5em;
|
|
}
|
|
|
|
#accessibility_controls .access-button a:hover {
|
|
}
|
|
|
|
|
|
#accessibility_controls .access-button:active, #accessibility_controls .access-button:focus {
|
|
border: 1px solid #F24602
|
|
}
|
|
|
|
#accessibility_controls .access-button img {
|
|
vertical-align: middle;
|
|
}
|
|
-
|
|
#accessibility_controls input {
|
|
margin: 0 .2em;
|
|
}
|
|
|
|
#accessibility_controls ul {
|
|
list-style: none;
|
|
margin: .4em 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* ATBar styles */
|
|
#toolbar-launch {
|
|
position: absolute;
|
|
padding: 0;
|
|
top: -3px;
|
|
left: 50%;
|
|
}
|
|
|
|
#toolbar-launch img {
|
|
padding: 0;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.atbar-always{
|
|
display: inline-block;
|
|
}
|
|
|
|
#loader-icon{
|
|
position: absolute;
|
|
width: 54px;
|
|
height: 55px;
|
|
top: 42%;
|
|
left:5em;
|
|
background: url('[[pix:block_accessibility|loader]]') !important;
|
|
display:none;
|
|
|
|
}
|
|
#sbar{
|
|
top:42px !important;
|
|
z-index: 999 !important; /* one less than profile menu */
|
|
}
|