Difference between revisions of "MediaWiki:Common.css"
From BASAbaliWiki
Line 82: | Line 82: | ||
.puzzle-page-answers.answers-hidden .answers-list img { | .puzzle-page-answers.answers-hidden .answers-list img { | ||
− | -webkit-filter: blur( | + | -webkit-filter: blur(6px); |
− | -moz-filter: blur( | + | -moz-filter: blur(6px); |
− | -ms-filter: blur( | + | -ms-filter: blur(6px); |
− | -o-filter: blur( | + | -o-filter: blur(6px); |
/* FF doesn't support blur filter, but SVG */ | /* FF doesn't support blur filter, but SVG */ | ||
filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#svgBlur"); | filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#svgBlur"); | ||
− | filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = ' | + | filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '6'); |
− | filter: blur( | + | filter: blur(6px); |
} | } | ||
Revision as of 18:41, 23 January 2018
/* CSS placed here will be applied to all skins */ .aksara { font-family: Aksara; font-size: 70px; } .balinese .text-block-more { color: #b23005; } .puzzle-wrapper { margin: 0 0 30px 0; } .puzzle-wrapper .puzzle-text { margin: 20px 0; } .puzzle-wrapper .puzzle-image { margin: 10px 0; padding: 10px; /*border: 1px solid lightgray; border-radius: 4px; -webkit-border-radius: 4px; max-width: 50%;*/ } .puzzle-wrapper .puzzle-image img { width: 100%; height: auto; } #puzzles { clear: left; } #puzzles .puzzle-word-inline-link { display: inline-block; margin: 0 10px 10px 0; } .puzzle-wrapper .add-link::after { content: ""; display: table; clear: right; } .puzzle-wrapper .add-link { float: left; margin-right: 10px; } .puzzle-wrapper .add-link button { font-size: 15px; } .puzzle-page-answers { } .puzzle-page-answers .answers-list { /*display: block;*/ } .puzzle-page-answers .answers-help { /*display: none;*/ margin-bottom: 15px; } .puzzle-page-answers.answers-hidden .answers-list { /*display: none;*/ } .puzzle-page-answers.answers-hidden .answers-help { /*display: block;*/ } .puzzle-page-answers .answers-list img { transition: all .25s; } .puzzle-page-answers.answers-hidden .answers-list img { -webkit-filter: blur(6px); -moz-filter: blur(6px); -ms-filter: blur(6px); -o-filter: blur(6px); /* FF doesn't support blur filter, but SVG */ filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#svgBlur"); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '6'); filter: blur(6px); } .puzzle-page-answers-switch { font-size: 15px; }