Difference between revisions of "MediaWiki:Common.css"
From PTI Security Systems
| Line 14: | Line 14: | ||
height:0; | height:0; | ||
width:750px; | width:750px; | ||
| − | |||
| − | |||
| − | |||
margin: 1px; | margin: 1px; | ||
overflow: hidden; | overflow: hidden; | ||
padding: 0 18px; | padding: 0 18px; | ||
| − | -webkit-transition: all | + | -webkit-transition: all 2s ease; |
| − | -moz-transition: all | + | -moz-transition: all 2s ease; |
| − | transition: all | + | transition: all 2s ease; |
} | } | ||
.linkshow:target * .answer { | .linkshow:target * .answer { | ||
display: block; | display: block; | ||
| − | -webkit-animation: fadeIn | + | -webkit-animation: fadeIn 2s; |
| − | animation: fadeIn | + | animation: fadeIn 2s; |
height: auto; | height: auto; | ||
| − | + | border: 1px solid; | |
| + | border-radius: 10px; | ||
} | } | ||
.linkhide:target * .answer {display: none;} | .linkhide:target * .answer {display: none;} | ||
Revision as of 12:43, 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 {
height:0;
width:750px;
margin: 1px;
overflow: hidden;
padding: 0 18px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
transition: all 2s ease;
}
.linkshow:target * .answer {
display: block;
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
height: auto;
border: 1px solid;
border-radius: 10px;
}
.linkhide:target * .answer {display: none;}
