Anonymous

MediaWiki:Common.css: Difference between revisions

From OER in Education
no edit summary
No edit summary
No edit summary
Line 96: Line 96:




/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
.faq ul li {
html {-webkit-animation: safariSelectorFix infinite 1s;}                                                                                                                                               
    display:block;
@-webkit-keyframes safariSelectorFix {
    float:left;
0% {zoom:1;}                                                                                                                                                                                           
    padding:5px;
100% {zoom:1;}                                                                                                                                                                                         
}
}


div.exp {font:normal 0.9em/1.5em arial, sans-serif; color:#666;}                                                                                                                                       
.faq ul li div {
a.exp {display:block;margin: 1em 0 0 0;text-decoration:none;border:1px solid black;border-radius:4px;background:#CDF;padding:10px;}                                                                   
    display:none;
a.exp::after {content:"B;";float:right;}                                                                                                                                                              
}
a.exp:focus {border-width: 1px 1px 0 1px;border-radius:4px 4px 0 0}                                                                                                                                   
 
a.exp + div {display:none;}                                                                                                                                                                           
.faq ul li div:target {
a.exp:focus + div {display:block;border-width: 0 1px 1px 1px;border-style:solid; border-radius:0 0 4px 4px;border-color:black;}                                                                       
    display:block;
a.exp:focus::after {content:"";}                                                                                                                                                                       
}
div.exp *{padding:0.3em 10px 0em 10px;}                                                                                                                                                               
div.exp *:last-child::after {content:"B+";float:right;}                                                                                                                                               
div.exp *:first-child {margin-top:0;}