MediaWiki:OtherRandomStuff.css

/* Copied from SpoilerBlur in the dev wiki */ .spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .40; display: inline-block; -webkit-transition: all 1s 0 linear; -moz-transition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }

/* Userpage header background */ .user-identity-box__wrapper { background-image: url(""); }

.lighter img:hover { filter: brightness(50%); }

.cube-container { width: 200px; height: 200px; perspective: 500px; margin: 100px; }

@keyframes turn { from { transform: rotate3d(0, 0, 0, 0); } to { transform: rotate3d(1, 1, 0, 360deg); } }

.cube { position: relative; width: 200px; height: 200px; transform-style: preserve-3d; animation: turn 5s linear infinite; }

.face { width: 200px; height: 200px; background: skyblue; border: 2px solid black; position: absolute; opacity: 0.5; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 2rem; }

.front { transform: translateZ(100px); }

.back { transform: translateZ(-100px) rotateY(180deg); }

.left { transform: translateX(-100px) rotateY(-90deg); }

.right { transform: translateX(100px) rotateY(90deg); }

.top { transform: translateY(-100px) rotateX(90deg); }

.bottom { transform: translateY(100px) rotateX(-90deg); }

border: 1px solid white; padding: 5px; width: 100%; }
 * 1) menu-container {

.menu-item { padding: 5px; background: black; color: white; border: 2px solid white; width: 50%; transition: width 1s; cursor: pointer; }

.menu-item:hover { width: 100%; }

/* Custom username colours */ a[href$=":AishaZero9i18r"], a[href$="/AishaZero9i18r"] { background: linear-gradient(180deg, #bd1004, #ebe4e4); font-weight: 600 !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent !important; }

a[href$=":ThunderDragon2"], a[href$="/ThunderDragon2"] { background: linear-gradient(140deg, #01e998, black); font-weight: 600 !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent !important; }

a[href$=":Anakmalaysia2010"], a[href$="/Anakmalaysia2010"] { color: #f2feff !important; text-shadow: 1px 1px 2px #000, 1px 1px 6px #00fffb !important; font-weight: 600 !important; }

a[href$=":Ailman_Aisy"], a[href$="/Ailman_Aisy"] a[href$=":Ailman%20Aisy"], a[href$="/Ailman%20Aisy"] { color: #fff2f5 !important; text-shadow: 1px 1px 2px #000, 1px 1px 6px #ff0048 !important; font-weight:600 !important; }