https://dmw-wiki.biffify.com/wiki/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-previewTab.css 2026-11-05T07:33:52Z Revision history for this page on the wiki MediaWiki 1.43.9 https://dmw-wiki.biffify.com/wiki/index.php?title=MediaWiki:Gadget-previewTab.css&diff=24936&oldid=prev 2023-10-14T10:16:48Z

<p>init</p> <p><b>New page</b></p><div>#wiki-editor-tabs{<br /> z-index: 10;<br /> position: relative;<br /> clear: both;<br /> }<br /> #wiki-editor-tabs div{<br /> background: var(--theme-page-background-color--secondary);<br /> border: 1px solid var(--theme-border-color);<br /> padding: 0.5em 1em;<br /> display: inline-block;<br /> cursor: pointer;<br /> margin-right: -1px;<br /> margin-bottom: -1px;<br /> color: var(--theme-link-color);<br /> }<br /> #wiki-editor-tabs div.current{<br /> background: var(--theme-page-background-color);<br /> border-bottom-color: var(--theme-page-background-color);<br /> color: var(--theme-page-text-color);<br /> }<br /> <br /> #wiki-editor-tabs-preview,#wiki-editor-tabs-changes{<br /> border: 1px solid var(--theme-border-color);<br /> padding: 1em;<br /> z-index: 1;<br /> overflow: auto;<br /> display: none;<br /> }<br /> <br /> #editform{<br /> z-index: 1;<br /> }<br /> <br /> /* from SpinKit: http://tobiasahlin.com/spinkit/ */<br /> .sk-fading-circle {<br /> margin: 100px auto;<br /> width: 40px;<br /> height: 40px;<br /> position: relative;<br /> }<br /> <br /> .sk-fading-circle .sk-circle {<br /> width: 100%;<br /> height: 100%;<br /> position: absolute;<br /> left: 0;<br /> top: 0;<br /> }<br /> <br /> .sk-fading-circle .sk-circle:before {<br /> content: &#039;&#039;;<br /> display: block;<br /> margin: 0 auto;<br /> width: 15%;<br /> height: 15%;<br /> background-color: var(--theme-page-text-color);<br /> border-radius: 100%;<br /> -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;<br /> animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;<br /> }<br /> .sk-fading-circle .sk-circle2 {<br /> -webkit-transform: rotate(30deg);<br /> -ms-transform: rotate(30deg);<br /> transform: rotate(30deg);<br /> }<br /> .sk-fading-circle .sk-circle3 {<br /> -webkit-transform: rotate(60deg);<br /> -ms-transform: rotate(60deg);<br /> transform: rotate(60deg);<br /> }<br /> .sk-fading-circle .sk-circle4 {<br /> -webkit-transform: rotate(90deg);<br /> -ms-transform: rotate(90deg);<br /> transform: rotate(90deg);<br /> }<br /> .sk-fading-circle .sk-circle5 {<br /> -webkit-transform: rotate(120deg);<br /> -ms-transform: rotate(120deg);<br /> transform: rotate(120deg);<br /> }<br /> .sk-fading-circle .sk-circle6 {<br /> -webkit-transform: rotate(150deg);<br /> -ms-transform: rotate(150deg);<br /> transform: rotate(150deg);<br /> }<br /> .sk-fading-circle .sk-circle7 {<br /> -webkit-transform: rotate(180deg);<br /> -ms-transform: rotate(180deg);<br /> transform: rotate(180deg);<br /> }<br /> .sk-fading-circle .sk-circle8 {<br /> -webkit-transform: rotate(210deg);<br /> -ms-transform: rotate(210deg);<br /> transform: rotate(210deg);<br /> }<br /> .sk-fading-circle .sk-circle9 {<br /> -webkit-transform: rotate(240deg);<br /> -ms-transform: rotate(240deg);<br /> transform: rotate(240deg);<br /> }<br /> .sk-fading-circle .sk-circle10 {<br /> -webkit-transform: rotate(270deg);<br /> -ms-transform: rotate(270deg);<br /> transform: rotate(270deg);<br /> }<br /> .sk-fading-circle .sk-circle11 {<br /> -webkit-transform: rotate(300deg);<br /> -ms-transform: rotate(300deg);<br /> transform: rotate(300deg); <br /> }<br /> .sk-fading-circle .sk-circle12 {<br /> -webkit-transform: rotate(330deg);<br /> -ms-transform: rotate(330deg);<br /> transform: rotate(330deg); <br /> }<br /> .sk-fading-circle .sk-circle2:before {<br /> -webkit-animation-delay: -1.1s;<br /> animation-delay: -1.1s; <br /> }<br /> .sk-fading-circle .sk-circle3:before {<br /> -webkit-animation-delay: -1s;<br /> animation-delay: -1s; <br /> }<br /> .sk-fading-circle .sk-circle4:before {<br /> -webkit-animation-delay: -0.9s;<br /> animation-delay: -0.9s; <br /> }<br /> .sk-fading-circle .sk-circle5:before {<br /> -webkit-animation-delay: -0.8s;<br /> animation-delay: -0.8s; <br /> }<br /> .sk-fading-circle .sk-circle6:before {<br /> -webkit-animation-delay: -0.7s;<br /> animation-delay: -0.7s; <br /> }<br /> .sk-fading-circle .sk-circle7:before {<br /> -webkit-animation-delay: -0.6s;<br /> animation-delay: -0.6s; <br /> }<br /> .sk-fading-circle .sk-circle8:before {<br /> -webkit-animation-delay: -0.5s;<br /> animation-delay: -0.5s; <br /> }<br /> .sk-fading-circle .sk-circle9:before {<br /> -webkit-animation-delay: -0.4s;<br /> animation-delay: -0.4s;<br /> }<br /> .sk-fading-circle .sk-circle10:before {<br /> -webkit-animation-delay: -0.3s;<br /> animation-delay: -0.3s;<br /> }<br /> .sk-fading-circle .sk-circle11:before {<br /> -webkit-animation-delay: -0.2s;<br /> animation-delay: -0.2s;<br /> }<br /> .sk-fading-circle .sk-circle12:before {<br /> -webkit-animation-delay: -0.1s;<br /> animation-delay: -0.1s;<br /> }<br /> <br /> @-webkit-keyframes sk-circleFadeDelay {<br /> 0%, 39%, 100% { opacity: 0; }<br /> 40% { opacity: 1; }<br /> }<br /> <br /> @keyframes sk-circleFadeDelay {<br /> 0%, 39%, 100% { opacity: 0; }<br /> 40% { opacity: 1; } <br /> }</div>

imported>Westgrass