Difference between revisions of "MediaWiki:Common.css"

From RevSpace
Jump to navigation Jump to search
(16 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 */
  
#p-status {
+
img[alt="Webhead.jpg"] { width: 100%; height: auto; }
    width: 80%;
 
    margin: auto;
 
    margin-bottom: 1em;
 
    text-align: center;
 
    font-size: smaller;
 
}
 
 
 
img[alt="Webhead.png"] { width: 100% }
 
  
 
.editsection { display: none; }
 
.editsection { display: none; }
Line 16: Line 8:
 
/* Effe iets leesbaardere tekst plx */
 
/* Effe iets leesbaardere tekst plx */
 
#nav h5, #nav div a { font-size: 9.5pt }
 
#nav h5, #nav div a { font-size: 9.5pt }
#nav div a { text-shadow: 0.5ex 0.5ex 1ex silver;
+
#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 19: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;
}