https://anotherwiki.org/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-previewTab.css MediaWiki:Gadget-previewTab.css - Revision history 2026-04-12T15:08:10Z Revision history for this page on the wiki MediaWiki 1.40.0 https://anotherwiki.org/index.php?title=MediaWiki:Gadget-previewTab.css&diff=8643&oldid=prev Jarandhel: 1 revision imported 2022-01-16T04:05:11Z <p>1 revision imported</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 00:05, 16 January 2022</td> </tr> <!-- diff cache key anotherwiki2-wiki_:diff:wikidiff2:1.12:old-8642:rev-8643:1.13.0 --> </table> Jarandhel https://anotherwiki.org/index.php?title=MediaWiki:Gadget-previewTab.css&diff=8642&oldid=prev gp>ReedemtheD3ad!: Updated. 2019-03-26T18:42:47Z <p>Updated.</p> <p><b>New page</b></p><div>/*<br /> NOTE: It&#039;s possible to custom color scheme for Hydradark (and other skins) user by adding styles this way:<br /> <br /> .skin-hydradark #wiki-editor-tabs div{<br /> background: #101010;<br /> }<br /> <br /> ...<br /> <br /> */<br /> <br /> <br /> #wiki-editor-tabs{<br /> z-index: 10;<br /> position: relative;<br /> clear: both;<br /> }<br /> #wiki-editor-tabs div{<br /> background: #f3f3f3;<br /> border: 1px solid silver;<br /> padding: 0.5em 1em;<br /> display: inline-block;<br /> cursor: pointer;<br /> margin-right: -1px;<br /> margin-bottom: -1px;<br /> color: #0645ad;<br /> }<br /> .skin-hydradark #wiki-editor-tabs div{<br /> background: #000;<br /> border: 1px solid #505050;<br /> color: #808080;<br /> }<br /> #wiki-editor-tabs div.current{<br /> background: #fcfcfc;<br /> color: #000;<br /> border-bottom-color: #fcfcfc;<br /> }<br /> .skin-hydradark #wiki-editor-tabs div.current{<br /> background: #202020;<br /> color: #fff;<br /> border-bottom-color: #202020;<br /> }<br /> <br /> #wiki-editor-tabs-preview,#wiki-editor-tabs-changes{<br /> border: 1px solid silver;<br /> padding: 1em;<br /> z-index: 1;<br /> overflow: auto;<br /> display: none;<br /> }<br /> .skin-hydradark #wiki-editor-tabs-preview,<br /> .skin-hydradark #wiki-editor-tabs-changes{<br /> border: 1px solid #505050;<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 /> .skin-hydradark .sk-fading-circle .sk-circle:before {<br /> background-color: #ccc;<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: #333;<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> gp>ReedemtheD3ad!