Difference between revisions of "MediaWiki:Common.css"
From PTI Security Systems
Line 18: | Line 18: | ||
padding: 0px 5px 0px 5px; | padding: 0px 5px 0px 5px; | ||
margin: 1px; | margin: 1px; | ||
+ | overflow: hidden; | ||
+ | padding: 0 18px; | ||
+ | -webkit-transition: all 1s ease; | ||
+ | -moz-transition: all 1s ease; | ||
+ | transition: all 1s ease; | ||
+ | } | ||
+ | |||
+ | answer.animated { | ||
+ | height: auto; | ||
+ | padding: 24px 18px; | ||
} | } | ||
.linkshow:target * .answer { | .linkshow:target * .answer { | ||
display: block; | display: block; | ||
− | -webkit-animation: fadeIn | + | -webkit-animation: fadeIn 1s; |
− | animation: fadeIn | + | animation: fadeIn 1s; |
} | } | ||
.linkhide:target * .answer {display: none;} | .linkhide:target * .answer {display: none;} |
Revision as of 13:33, 4 September 2014
/* CSS placed here will be applied to all skins */ @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .answer { display: none; width:750px; border: 1px solid; border-radius: 10px; padding: 0px 5px 0px 5px; margin: 1px; overflow: hidden; padding: 0 18px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } answer.animated { height: auto; padding: 24px 18px; } .linkshow:target * .answer { display: block; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } .linkhide:target * .answer {display: none;}