Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Autohide CSS for Moodle Editing mode, originally from http://moodle.org/mod/forum/discuss.php?d=197470
/** To hide the icons we are using opacity as display:none makes
the buttons inaccessible.
FILTER attributes should apply to IE so long as the strict
doctype is served. Use Filter: none on clear to protect PNG alphas.
Tweak the top value to get "ghost" icons rather than hiding them**/
.block .header .commands a img,
.path-course-view .section .content li .commands a img,
.path-course-view .section .content .summary a img,
.path-course-view .section .left.side a img,
.path-course-view .section .right.side a img,
.path-course-view .section .right.side div img
{
opacity: 0.01;
filter: alpha(opacity=1);
}
.block:hover .header .commands a img,
.block .header .commands a:focus img,
.ie .block .header .commands a:active img,
.path-course-view .section .content li:hover .commands a img,
.path-course-view .section .content li .commands a:focus img,
.path-course-view .section .content li a:focus + .commands a img,
.path-course-view .section .content li .commands a:focus ~ a img,
.ie.path-course-view .section .content li .commands a:active img,
.ie.path-course-view .section .content li a:active + .commands a img,
.ie.path-course-view .section .content li .commands a:active ~ a img,
.path-course-view .section .content .summary a:hover img,
.path-course-view .section .content .summary a:focus img,
.ie.path-course-view .section .content .summary a:active img,
.path-course-view .section:hover .right.side img,
.path-course-view .section:hover .left.side img,
.path-course-view .section .right.side a:focus img,
.path-course-view .section .left.side a:focus img,
.ie.path-course-view .section .right.side a:active img,
.ie.path-course-view .section .left.side a:active img
{
opacity:1;
filter: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment