MediaWiki:Common.css — различия между версиями

Материал из doc.abonent.plus
Перейти к: навигация, поиск
Строка 3: Строка 3:
 
#ca-viewsource { display:none; !important; }
 
#ca-viewsource { display:none; !important; }
  
<div id="BackToTop"  class="noprint" style="background-color:#DDEFDD; position:fixed;
+
@keyframes flicker {
bottom:32px; left:2%; z-index:9999; padding:0; margin:0;"><span style="color:blue;
+
    0% {
font-size:8pt; font-face:verdana,sans-serif; border:0.2em outset #ceebf7;
+
        opacity: 1
padding:0.1em; font-weight:bolder; -moz-border-radius:8px; ">
+
    }
[[#top| Back to the Top ]]</span></div>
+
    7% {
 +
        opacity: .2
 +
    }
 +
    8% {
 +
        opacity: 1
 +
    }
 +
    11% {
 +
        opacity: .6
 +
    }
 +
    31% {
 +
        opacity: .2
 +
    }
 +
    32%,
 +
    35% {
 +
        opacity: 1
 +
    }
 +
    36% {
 +
        opacity: .1
 +
    }
 +
    39% {
 +
        opacity: .1;
 +
        -ms-transform: skew(0deg, 0deg);
 +
        -webkit-transform: skew(0deg, 0deg);
 +
        transform: skew(0deg, 0deg)
 +
    }
 +
    40%,
 +
    44% {
 +
        opacity: 1;
 +
        -ms-transform: skew(10deg, 0deg);
 +
        -webkit-transform: skew(10deg, 0deg);
 +
        transform: skew(10deg, 0deg)
 +
    }
 +
    45% {
 +
        opacity: .4;
 +
        -ms-transform: skew(0deg, 0deg);
 +
        -webkit-transform: skew(0deg, 0deg);
 +
        transform: skew(0deg, 0deg)
 +
    }
 +
    61% {
 +
        opacity: .3
 +
    }
 +
    64% {
 +
        opacity: 1
 +
    }
 +
    90% {
 +
        opacity: 1;
 +
        -ms-transform: skew(0deg, 0deg);
 +
        -webkit-transform: skew(0deg, 0deg);
 +
        transform: skew(0deg, 0deg)
 +
    }
 +
    93% {
 +
        opacity: .2;
 +
        -ms-transform: skew(-70deg, 0deg);
 +
        -webkit-transform: skew(-70deg, 0deg);
 +
        transform: skew(-70deg, 0deg)
 +
    }
 +
    100% {
 +
        opacity: 1;
 +
        -ms-transform: skew(0deg, 0deg);
 +
        -webkit-transform: skew(0deg, 0deg);
 +
        transform: skew(0deg, 0deg)
 +
    }
 +
}
 +
 +
.WikiHeader .wordmark:hover {
 +
  -webkit-animation: flicker .5s ease-in-out 0s 1 normal forwards;
 +
  animation: flicker .5s ease-in-out 0s infinite normal forwards;
 +
}

Версия 11:00, 19 июля 2016

<sup>Надстрочный текст</sup>/* Размещённый здесь CSS будет применяться ко всем темам оформления */
#ca-talk  { display: none !important; }
#ca-viewsource { display:none; !important; }

@keyframes flicker {
    0% {
        opacity: 1
    }
    7% {
        opacity: .2
    }
    8% {
        opacity: 1
    }
    11% {
        opacity: .6
    }
    31% {
        opacity: .2
    }
    32%,
    35% {
        opacity: 1
    }
    36% {
        opacity: .1
    }
    39% {
        opacity: .1;
        -ms-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
    40%,
    44% {
        opacity: 1;
        -ms-transform: skew(10deg, 0deg);
        -webkit-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }
    45% {
        opacity: .4;
        -ms-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
    61% {
        opacity: .3
    }
    64% {
        opacity: 1
    }
    90% {
        opacity: 1;
        -ms-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
    93% {
        opacity: .2;
        -ms-transform: skew(-70deg, 0deg);
        -webkit-transform: skew(-70deg, 0deg);
        transform: skew(-70deg, 0deg)
    }
    100% {
        opacity: 1;
        -ms-transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg)
    }
}
 
.WikiHeader .wordmark:hover {
   -webkit-animation: flicker .5s ease-in-out 0s 1 normal forwards;
   animation: flicker .5s ease-in-out 0s infinite normal forwards;
}