Infopedia:Ultraviolet/styles.css

/* Testing CSS animations ext. */ .materialRipple { background-position: center; transition: background 0.4s; } .materialRipple:hover { background: #8f6ad6 radial-gradient(circle, transparent 1%, #8f6ad6 1%) center/15000%; } .materialRipple:active { background-color: #8f6ad6 ; background-size: 100%; transition: background 0s; }

/* Button style */ .materialButton { border: none; border-radius: 2px; padding: 12px 18px; font-size: 16px; text-transform: uppercase; cursor: pointer; color: white; background-color: #7759b2; box-shadow: 0 0 4px #999; outline: none; user-select: none; text-align: center; font-family: Roboto, sans-serif; }

.buttonContainer > .plainlinks > a { color: white; text-decoration: none; /* no underline */ }

.hideJunk { font-size: 0; }

.makeLinkLookLikeButton > a { color: white; text-decoration: none; /* no underline */ border: none; border-radius: 2px; padding: 12px 18px; font-size: 16px; text-transform: uppercase; cursor: pointer; background-color: #7759b2; box-shadow: 0 0 4px #999; outline: none; user-select: none; text-align: center; font-family: Roboto, sans-serif; background-position: center; transition: background 0.4s; }

.makeLinkLookLikeButton > a:hover { background: #8f6ad6 radial-gradient(circle, transparent 1%, #8f6ad6 1%) center/15000%; } .makeLinkLookLikeButton > a:active { background-color: #8f6ad6 ; background-size: 100%; transition: background 0s; }

/* hide uv.show (shown by UV if installed) */ .uv-show { display:none }