MediaWiki:Common.css: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
| No edit summary |  tilting! | ||
| Line 15: | Line 15: | ||
| #spacestatus.open { opacity: 1; background: lime; color: black; } | #spacestatus.open { opacity: 1; background: lime; color: black; } | ||
| #spacestatus.closed { opacity: 1; background: red; color: white; } | #spacestatus.closed { opacity: 1; background: red; color: white; } | ||
| @keyframes spin { | |||
|     0% { | |||
|         transform: rotate(-2deg); | |||
|     } | |||
|     25% { | |||
|         transform:rotate(2deg); | |||
|     } | |||
|     50% { | |||
|         transform: rotate(-2deg); | |||
|     } | |||
|     75% { | |||
|         transform:rotate(2deg); | |||
|     } | |||
|     100% { | |||
|         transform:rotate(-2deg); | |||
|     } | |||
| } | |||
| #tilting { | |||
|     animation:spin 4s linear infinite; | |||
| } | |||
Revision as of 23:44, 9 January 2018
/* CSS placed here will be applied to all skins */
img[alt="Webhead.jpg"] { width: 100%; height: auto; }
.editsection { display: none; }
h1:hover .editsection, h2:hover .editsection, h3:hover .editsection, h4:hover .editsection, h5:hover .editsection, h6:hover .editsection { display: inline; }
/* Effe iets leesbaardere tekst plx */
#nav h5, #nav div a { font-size: 9.5pt }
#nav div a { text-shadow: 0.5ex 0.5ex 1ex silver; }
strike, s { opacity: .7 }
#spacestatus { position: relative; top: -32px; left: 43px; border-radius: 3px; width: 80px; text-align: center; transform: rotate(-5deg); position: relative; top: -32px; left: 43px; box-shadow: rgba(100,100,100,.6) 2px 2px 5px; animate: }
#spacestatus.open { opacity: 1; background: lime; color: black; }
#spacestatus.closed { opacity: 1; background: red; color: white; }
@keyframes spin {
    0% {
        transform: rotate(-2deg);
    }
    25% {
        transform:rotate(2deg);
    }
    50% {
        transform: rotate(-2deg);
    }
    75% {
        transform:rotate(2deg);
    }
    100% {
        transform:rotate(-2deg);
    }
}
#tilting {
    animation:spin 4s linear infinite;
}