Commit ae622d8d authored by Evonne Cheung's avatar Evonne Cheung Committed by Bob Lyon
Browse files

Patch containing old css changes relating to accessibility (Bug #1270958)



Missed getting merged earlier.

Change-Id: Idf6096dc07beb423f9f97ef3d1235123b5493930
Signed-off-by: default avatarGhada El-Zoghbi <ghada@catalyst-au.net>
parent 078fd277
......@@ -27,5 +27,4 @@
<div class="comments">
<a href="{$artefacturl}">{str tag=Comments section=artefact.comment} ({$commentcount})</a>
</div>
{/if}
{/if}
\ No newline at end of file
......@@ -12,7 +12,7 @@
</thead>
<tbody>
{foreach from=$data item=n}
<tr class="{cycle values='r0,r1'}">
<tr class="{cycle values='r1,r0'}">
<td class="notetitle">
{if $n->locked}
<h3 class="title"><a class="notetitle" href="" id="n{$n->id}">{$n->title|str_shorten_text:80:true} <span class="accessible-hidden">{str tag=clickformore}</span></a></h3>
......
......@@ -144,7 +144,42 @@ input#designskinform_submit:hover,
input#cancel_designskinform_submit:hover {
border-color: #73b332;
background: url(../images/btn_bkgd_hover.png) repeat-x 0 50%;
color: #FFFFFF;
color: #FFFFFF;
}
/* focus for buttons */
tr.submitcancel input.submit:focus,
tr.submitcancel input.cancel:focus,
tr.submit input.submit:focus,
tr.submit input.cancel:focus,
input#profileform_submit:focus,
input#files_filebrowser_edit_artefact:focus,
input#files_filebrowser_edit_cancel:focus,
input#instconf_folder_edit_artefact:focus,
input#instconf_folder_edit_cancel:focus,
input#instconf_artefactids_edit_artefact:focus,
input#instconf_artefactids_edit_cancel:focus,
input#instconf_artefactid_edit_artefact:focus,
input#instconf_artefactid_edit_cancel:focus,
.rbuttons .btn:focus,
.rbuttons input.submit:focus,
#resumewrap input.openedit:focus,
#resumewrap button:focus,
#view-wizard-controls input.submit:focus,
.submitwrap input.submit:focus,
#editaccess_submit_container input.submitcancel:focus,
#collectiondonewrap .btn:focus,
input#export_submit:focus,
#sitelicenses .btn:focus,
#adduser #adduser_submit:focus,
input#login_submit:focus,
.login-externallink a.btn:focus,
input#viewlayout_submit:focus,
input#files_filebrowser_upload:focus,
input#designskinform_submit:focus,
input#cancel_designskinform_submit:focus {
border-color: #73b332;
background: url(../images/btn_bkgd_hover.png) repeat-x 0 50%;
color: #FFFFFF;
}
/* depress for buttons */
tr.submitcancel input.submit:active,
......@@ -202,6 +237,16 @@ input#usertype_typesubmit:hover,
background: url(../images/btn_bkgd_grey_hover.png) repeat-x 0 50%;
color: #333333;
}
#forumslist input.btn-subscribe:focus,
input#addviews_submit:focus,
input#edituser_suspend_submit:focus,
input#friendscontrol_submit:focus,
input#usertype_typesubmit:focus,
.subpage .skinsbtns .btn:focus {
border: 1px solid #707070;
background: url(../images/btn_bkgd_grey_hover.png) repeat-x 0 50%;
color: #333333;
}
#forumslist input.btn-subscribe:active,
input#addviews_submit:active,
input#edituser_suspend_submit:active,
......@@ -215,6 +260,7 @@ input#usertype_typesubmit:active,
/* reset some that need grey button colour text */
ul.groupuserstatus li .submit input.submit,
ul.groupuserstatus li .submit input.submit:hover,
ul.groupuserstatus li .submit input.submit:focus,
ul.groupuserstatus li .submit input.submit:active {
color: #333333;
}
......@@ -338,6 +384,12 @@ div.pagination a {
#sub-nav li:first-child a:active {
border-left: 0;
}
#sub-nav li a:hover,
#sub-nav li.selected a:hover,
#sub-nav li a:focus,
#sub-nav li.selected a:focus {
color: #7e7327;
}
/******************** Dropdown sub navigation ********************/
.main-nav .dropdown-sub {
left: 1px;
......@@ -353,17 +405,6 @@ div.pagination a {
border-left: 0;
border-right: 0;
}
.main-nav .dropdown-sub li a:hover,
.main-nav .dropdown-sub li.selected a:hover,
.main-nav .dropdown-sub li a:focus,
.main-nav .dropdown-sub li.selected a:focus {
color: #335804;
background: #d5d5d5;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #7d7d7d;
border-left: 0;
border-right: 0;
}
.main-nav .dropdown-sub li.selected a,
.main-nav .dropdown-sub li.selected a:link,
.main-nav .dropdown-sub li.selected a:visited,
......@@ -375,6 +416,17 @@ div.pagination a {
border-left: 0;
border-right: 0;
}
.main-nav .dropdown-sub li a:hover,
.main-nav .dropdown-sub li.selected a:hover,
.main-nav .dropdown-sub li a:focus,
.main-nav .dropdown-sub li.selected a:focus {
color: #4C711D;
background: #d5d5d5;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #7d7d7d;
border-left: 0;
border-right: 0;
}
/******************** Responsive navigation ********************/
/* reset responsive navigation */
.rd-nav-title {
......@@ -970,7 +1022,8 @@ ul.searchtab li span.inactive {
.sideblock h3 a:active {
color: #1E6297;
}
.sideblock h3 a:hover {
.sideblock h3 a:hover,
.sideblock h3 a:focus {
color: #267bbd;
}
/* Sidebar quota/group quota bar */
......
......@@ -76,6 +76,13 @@ p span {
.backtrace {
font: normal 110%/1.5em monospace;
}
/* links styling for accessibility */
:focus {
outline: 2px solid #FFFF00;
}
a, a:hover, a:active {
outline: none;
}
/******************** Body ********************/
body {
color: #333333;
......@@ -232,6 +239,9 @@ form.oneline.inline div,
filter: alpha(opacity=70);
z-index: 11;
}
img.close:focus {
border: 1px solid #FFFF00;
}
/******************** Ajax login ********************/
#ajax-login-form {
border: 5px solid #DDDDDD;
......@@ -378,6 +388,7 @@ div.warning,
.postdetails {
font-size: 0.917em;
color: #707070;
font-weight: normal;
}
.nowrap {
white-space: nowrap;
......@@ -542,7 +553,7 @@ table.attachments thead.expandable-head td {
font-weight: bold;
background-image: url(../images/expand.png);
background-repeat: no-repeat;
background-position: 2px 2px;
background-position: 2px 50%;
padding-left: 18px;
display: inline-block;
}
......@@ -552,7 +563,7 @@ table.attachments thead.expandable-head td {
}
.expandable-head a.toggle.expanded {
background-image: url(../images/expanded.png);
background-position: 2px 1px;
background-position: 2px 50%;
}
.expandable-head a.toggle.textonly.expanded {
background-image: none;
......@@ -669,6 +680,9 @@ select {
padding: 3px 3px 3px 3px;
}
}
select:focus {
outline: 2px solid #FFFF00;
}
.ie8 select {
height: 25px;
padding: 4px 3px 4px 3px;
......@@ -723,6 +737,9 @@ textarea {
resize: none;
font-size: 1em;
}
textarea:focus {
outline: 2px solid #FFFF00;
}
/* resizable textbox */
.resizable-textarea {
max-width: 100% !important;
......@@ -744,6 +761,15 @@ input[type=password] {
border-bottom: 1px solid #E3E9EF;
border-left: 1px solid #E2E3EA;
}
input.text:focus,
input.password:focus,
input[type=text]:focus,
input[type=password]:focus {
outline: 2px solid #FFFF00;
}
input.submit:focus {
outline: none;
}
/* hidden */
.no-js .nojs-hidden-inline {
display: none;
......@@ -833,6 +859,24 @@ ul.groupuserstatus li.jointhisgroup form:hover {
cursor: default;
color: #333333;
}
/* focus state */
input.submit:focus,
input.cancel:focus,
button:focus,
.buttondk:focus,
input.button:focus,
input.select:focus,
input#files_filebrowser_edit_artefact:focus,
.btn:focus,
ul.groupuserstatus li.invite span:focus,
ul.groupuserstatus li.jointhisgroup form:focus {
border-color: #3C7FB1;
background: url(../images/btn_bkgd_hover.png) repeat-x 0 50%;
text-decoration: none;
cursor: default;
color: #333333;
outline: none;
}
/* depress state */
input.submit:active,
input.cancel:active,
......@@ -903,6 +947,26 @@ input#account_delete_submit:hover {
background: url(../images/btn_bkgd_red_hover.png) repeat-x 0 50%;
color: #FFFFFF;
}
/* focus state */
.deletemessage a.delete:focus,
#delete_tag_submit:focus,
#close_site_submit:focus,
#suspenddelete #delete #edituser_delete_submit:focus,
#institution_suspend_submit:focus,
#networkingform_deletesubmit:focus,
input#buttons_delete:focus,
input#delete_delete:focus,
input#deletetaskform_submit:focus,
input#delete_all_notifications_submit:focus,
#activitylist input.btn-del:focus,
input#edituser_institution_rhmoodle_remove:focus,
input#settings_delete:focus,
input#edituser_institution_massey_remove:focus,
input#account_delete_submit:focus {
border-color: #950000;
background: url(../images/btn_bkgd_red_hover.png) repeat-x 0 50%;
color: #FFFFFF;
}
/* depress state */
.deletemessage a.delete:active,
#delete_tag_submit:active,
......@@ -1028,7 +1092,8 @@ input#releaseview_submit {
}
/* buttons that look like links */
.linkbtn,
.linkbtn:hover {
.linkbtn:hover,
.linkbtn:focus {
border: 0;
cursor: pointer;
background: none;
......@@ -1039,15 +1104,18 @@ input#releaseview_submit {
}
/* disabled inputs */
input[disabled="disabled"],
input[disabled="disabled"]:hover {
input[disabled="disabled"]:hover,
input[disabled="disabled"]:focus {
border-color: #aaaaaa;
color: #aaaaaa;
background: url(../images/btn_bkgd.png) repeat-x 0 50%;
}
input.text[disabled="disabled"],
input.text[disabled="disabled"]:hover,
input.text[disabled="disabled"]:focus,
input[type="text"][disabled="disabled"],
input[type="text"][disabled="disabled"]:hover {
input[type="text"][disabled="disabled"]:hover,
input[type="text"][disabled="disabled"]:focus {
background: #f0f0f0;
border-top: 1px solid #ABADB3;
border-right: 1px solid #DBDFE6;
......@@ -1055,7 +1123,8 @@ input[type="text"][disabled="disabled"]:hover {
border-left: 1px solid #E2E3EA;
}
input[type="image"][disabled="disabled"],
input[type="image"][disabled="disabled"]:hover {
input[type="image"][disabled="disabled"]:hover,
input[type="image"][disabled="disabled"]:focus {
opacity: 0.5;
filter: alpha(opacity=50);
zoom: 1;
......@@ -1130,6 +1199,12 @@ ul.groupuserstatus li .btn {
background: transparent url(../images/btn_deleteremove.png) no-repeat 0 0 !important;
color: transparent;
display: inline-block;
overflow-x: hidden;
}
.btn-big-del:focus,
.customrow input:focus {
background: transparent url(../images/btn_deleteremove_focus.png) no-repeat 0 0 !important;
outline: none;
}
.btn-big-close,
input#editpost_filebrowser_close_upload_browse,
......@@ -1151,6 +1226,22 @@ input#instconf_artefactids_close_upload_browse {
cursor: pointer !important;
float: right;
}
.btn-big-close:hover,
input#editpost_filebrowser_close_upload_browse:hover,
input#editnote_filebrowser_close_upload_browse:hover,
input#editgoalsandskills_filebrowser_close_upload_browse:hover,
input#editcomposite_filebrowser_close_upload_browse:hover,
input#designskinform_body_background_image_close_upload_browse:hover,
input#designskinform_view_background_image_close_upload_browse:hover,
.btn-big-close:focus,
input#editpost_filebrowser_close_upload_browse:focus,
input#editnote_filebrowser_close_upload_browse:focus,
input#editgoalsandskills_filebrowser_close_upload_browse:focus,
input#editcomposite_filebrowser_close_upload_browse:focus,
input#designskinform_body_background_image_close_upload_browse:focus,
input#designskinform_view_background_image_close_upload_browse:focus {
background: transparent url(../images/btn_close_focus.png) no-repeat 0 0;
}
.btn-big-add {
background: transparent url(../images/btn_add.png) no-repeat 0 0 !important;
border: 0 !important;
......@@ -1349,6 +1440,7 @@ div.rel {
}
.skiplink:focus {
top: 0;
outline: none;
}
/* top bar / site message */
.sitemessage {
......@@ -1376,6 +1468,9 @@ div.rel {
#site-logo a {
display: block;
}
#site-logo a:active {
outline: none;
}
/* header right */
#header-right {
float: right;
......@@ -1446,6 +1541,7 @@ div.rel {
}
.viewheadertop .links a.btn {
margin: 0 0 0 8px;
display: inline-block;
}
/* site logo */
.viewheadertop a.small-logo {
......@@ -1513,6 +1609,7 @@ div.rel {
}
.main-nav li a:hover, .main-nav li a:focus {
background: #E9E9E9;
outline: none;
}
.ie7 .main-nav li {
display: inline;
......@@ -1536,12 +1633,16 @@ div.rel {
}
#sub-nav li a,
#sub-nav li a:link,
#sub-nav li a:visited,
#sub-nav li a:active {
#sub-nav li a:visited {
padding: 5px 10px;
display: inline-block;
text-decoration: none;
}
#sub-nav li a:active,
#sub-nav li a:focus {
outline: none;
background: #cdcdcd;
}
#sub-nav li.selected a {
color: #333333;
font-weight: bold;
......@@ -1634,7 +1735,6 @@ ul.searchtab li span.inactive {
.ie7 ul.in-page-tabs li a,
.ie7 ul.in-page-tabs li a:link,
.ie7 ul.in-page-tabs li a:visited,
.ie7 ul.in-page-tabs li a:active,
.ie7 ul.in-page-tabs li input.linkbtn,
.ie7 ul.in-page-tabs li button.linkbtn {
margin: 0 0 0 3px;
......@@ -1652,6 +1752,11 @@ ul.in-page-tabs li button.current-tab {
border-bottom: 1px solid #FFFFFF;
background: 0;
}
ul.in-page-tabs li a:focus,
ul.in-page-tabs li a.current-tab:focus {
outline: none;
background: #D4D4D4;
}
/* tab body */
.subpage {
border: 1px solid #D4D4D4;
......@@ -2720,6 +2825,10 @@ ul.favorskins {
padding: 0;
font-size: 1em;
}
#collectionviews form input.submit:hover,
#collectionviews form input.submit:focus {
background: url(../images/btn_deleteremove_focus.png) no-repeat 0 0;
}
fieldset#pagestoadd {
width: 300px;
margin: 10px 0 0 -350px;
......@@ -2828,6 +2937,10 @@ table.accesslists {
border: 0;
cursor: pointer;
}
#potentialpresetitems div button:hover,
#potentialpresetitems div button:focus {
background: url(../images/btn_add_focus.png) no-repeat 0 0;
}
/* share with other users */
#viewacl-advanced {
margin: 0;
......@@ -2860,6 +2973,10 @@ table.accesslists {
border: 0;
cursor: pointer;
}
#viewacl-advanced #results button:hover,
#viewacl-advanced #results button:focus {
background: url(../images/btn_add_focus.png) no-repeat 0 0;
}
/* added users */
.accesslist-head th {
border-bottom: none;
......@@ -2883,6 +3000,10 @@ table.accesslists {
cursor: pointer;
margin: 0;
}
#accesslistitems .removebutton button:hover,
#accesslistitems .removebutton button:focus {
background: url(../images/btn_deleteremove_focus.png) no-repeat 0 0;
}
#accesslistitems .item-disabled {
background: #666666;
}
......@@ -3282,6 +3403,10 @@ ul.groupuserstatus li.admincontrol {
color: transparent;
cursor: pointer;
}
.listrow ul.groupuserstatus li.admincontrol .btn:hover .btn-edit,
.listrow ul.groupuserstatus li.admincontrol .btn:focus .btn-edit {
background: url(../images/btn_edit_focus.png) no-repeat 0 0;
}
.listrow ul.groupuserstatus li.admincontrol .btn .btn-del {
background: url(../images/btn_deleteremove.png) no-repeat 0 0;
width: 24px;
......@@ -3293,6 +3418,10 @@ ul.groupuserstatus li.admincontrol {
color: transparent;
cursor: pointer;
}
.listrow ul.groupuserstatus li.admincontrol .btn:hover .btn-del,
.listrow ul.groupuserstatus li.admincontrol .btn:focus .btn-del {
background: url(../images/btn_deleteremove_focus.png) no-repeat 0 0;
}
/* status invite */
ul.groupuserstatus li.invite form {
margin: 5px 0;
......@@ -3301,13 +3430,19 @@ ul.groupuserstatus li.invite form {
ul.groupuserstatus li.invite span {
margin: 0 0 0 8px;
}
ul.groupuserstatus li.invite span input {
ul.groupuserstatus li.invite span input,
ul.groupuserstatus li.invite span input:hover,
ul.groupuserstatus li.invite span input:focus,
ul.groupuserstatus li.invite span input:active {
background: url(../images/deny_small.png) no-repeat 0 50%;
border: 0;
padding: 0 0 0 15px;
margin: 0;
}
ul.groupuserstatus li.invite span:first-child input {
ul.groupuserstatus li.invite span:first-child input,
ul.groupuserstatus li.invite span:first-child input:hover,
ul.groupuserstatus li.invite span:first-child input:focus,
ul.groupuserstatus li.invite span:first-child input:active {
background: url(../images/approve_small.png) no-repeat 0 50%;
border: 0;
padding: 0 0 0 15px;
......@@ -3325,6 +3460,7 @@ ul.groupuserstatus li.jointhisgroup form {
}
ul.groupuserstatus li.jointhisgroup table td input,
ul.groupuserstatus li.jointhisgroup table td input:hover,
ul.groupuserstatus li.jointhisgroup table td input:focus,
ul.groupuserstatus li.jointhisgroup table td input:active {
background: url(../images/join_small.png) no-repeat 0 50%;
border: 0;
......@@ -3643,7 +3779,6 @@ ul.actionlist li form input.submit {
ul.actionlist li form input.submit:hover,
ul.actionlist li a:hover {
background-color: #ffffff;
color: #000000;
}
/* focus state */
ul.actionlist li form input.submit:focus,
......@@ -4077,8 +4212,10 @@ ul.searchtab li span.inactive {
margin: 2px 0;
font-size: 1.083em;
}
#results_filter .filtername a:hover {
#results_filter .filtername a:hover,
#results_filter .filtername a:focus {
background: #FFFFFF;
outline: none;
}
#results_filter .filtername a.selected {
background: #FFFFFF;
......
......@@ -27,6 +27,10 @@ ul.colnav li.selected span {
text-decoration: none;
font-weight: bold;
}
ul.colnav li a:focus {
background: #E9E9E9;
outline: none;
}
/******************** Blocktype icons panel ********************/
#editcontent-sidebar {
background: #BEBEBE;
......@@ -50,6 +54,11 @@ ul.colnav li.selected span {
.block-category-title .nonjs {
color: #333333;
}
.block-category-title .withjs:focus,
.block-category-title .nonjs:focus {
background-color: #FFFFFF;
outline: none;
}
#block-category-general,
#block-category-internal,
#block-category-fileimagevideo,
......@@ -59,16 +68,19 @@ ul.colnav li.selected span {
border: 1px solid #B3B3B3;
}
#block-category-general:hover,
#block-category-general:focus,
#block-category-internal:hover,
#block-category-internal:focus,
#block-category-fileimagevideo:hover,
#block-category-fileimagevideo:focus,
#block-category-external:hover,
#block-category-blog:hover {
background-color: #FFFFFF;
}
#block-category-general:focus,
#block-category-internal:focus,
#block-category-fileimagevideo:focus,
#block-category-external:focus,
#block-category-blog:hover,
#block-category-blog:focus {
background-color: #FFFFFF;
outline: none;
}
/* container around blocktypes under each category */
#blog,
......@@ -156,13 +168,19 @@ ul.artefactchooser-tabs li a:active {
}
ul.artefactchooser-tabs li.current a,
ul.artefactchooser-tabs li.current a:link,
ul.artefactchooser-tabs li.current a:visited,
ul.artefactchooser-tabs li.current a:active {
ul.artefactchooser-tabs li.current a:visited {
color: #333333;
font-weight: bold;
border-bottom: 1px solid #FFFFFF;
background: none;
}
ul.artefactchooser-tabs li a:active,
ul.artefactchooser-tabs li a:focus,
ul.artefactchooser-tabs li.current a:active,
ul.artefactchooser-tabs li.current a:focus {
background: #D4D4D4;
outline: none;
}
/******************** Block config sub tabs ********************/
ul.artefactchooser-subtabs li.showrightborder {
border-right: 1px solid #D1D1D1;
......
......@@ -974,13 +974,6 @@ nav#collection-nav ul li {
padding: 10px 0;
border-top: 1px dotted #D1D1D1;
}