MediaWiki:Common.css: Difference between revisions
From Makerpedia
updated big blue button image |
No edit summary |
||
| Line 51: | Line 51: | ||
padding: .5em 1em; | padding: .5em 1em; | ||
filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(141deg) brightness(103%) contrast(101%); | filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(141deg) brightness(103%) contrast(101%); | ||
} | |||
.wrapper { | |||
position: absolute; | |||
top: 1%; | |||
width: 4000px; | |||
animation: 60s credits linear infinite; | |||
} | |||
.wrapper img:hover { | |||
transform: scale(1.4); | |||
cursor: pointer; | |||
} | |||
@keyframes credits { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -4000px; | |||
} | |||
} | |||
.wrapper:hover{ | |||
animation-play-state: paused; | |||
cursor: pointer; | |||
} | |||
.wrapper { | |||
animation-direction: reverse; | |||
} | |||
.wrapper { | |||
animation-direction: alternate; | |||
} | } | ||
Revision as of 19:55, 4 February 2025
/* CSS placed here will be applied to all skins */
.cautionBox {
border: 1px solid #ddcc55;
background-color: #ffedaa;
padding: 1em;
border-radius: .5vmin;
}
.warningBox {
border: 1px solid #dd5555;
background-color: #ffaaaa;
padding: 1em;
border-radius: .5vmin;
}
.introBox {
border: 2px solid #f505f5;
background-color: #c2cbde;
border-radius: .5vmin;
padding: 1em;
padding-top: .25em;
}
.ytplayer {
max-width: 90vw;
}
.big-edit-button {
position: fixed;
bottom: 2vh;
right: 2vh;
z-index: 100;
background-color: var(--medik);
color: white;
border-radius: 5em;
padding: 1em 1.5em;
font-size: 130%;
}
.big-edit-button p {
margin: 0em;
}
.big-edit-button p::before {
background-image: url("images/icons/edit.svg");
background-repeat: no-repeat;
content: '';
display: inline;
background-size: 2em;
padding: .5em 1em;
filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(141deg) brightness(103%) contrast(101%);
}
.wrapper {
position: absolute;
top: 1%;
width: 4000px;
animation: 60s credits linear infinite;
}
.wrapper img:hover {
transform: scale(1.4);
cursor: pointer;
}
@keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
}
.wrapper:hover{
animation-play-state: paused;
cursor: pointer;
}
.wrapper {
animation-direction: reverse;
}
.wrapper {
animation-direction: alternate;
}