Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(23 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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(-0.8deg); | ||
+ | } | ||
+ | 25% { | ||
+ | transform:rotate(0.8deg); | ||
+ | } | ||
+ | 50% { | ||
+ | transform: rotate(-0.8deg); | ||
+ | } | ||
+ | 75% { | ||
+ | transform:rotate(0.8deg); | ||
+ | } | ||
+ | 100% { | ||
+ | transform:rotate(-0.8deg); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #tilting { | ||
+ | animation:spin 4s linear infinite; | ||
} | } |
Revision as of 20:37, 10 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(-0.8deg);
}
25% {
transform:rotate(0.8deg);
}
50% {
transform: rotate(-0.8deg);
}
75% {
transform:rotate(0.8deg);
}
100% {
transform:rotate(-0.8deg);
}
}
#tilting {
animation:spin 4s linear infinite;
}