Template:StyleTemplate/styles.css

From MegaManMaker Wiki
Jump to navigation Jump to search
a.new {
	text-decoration: underline wavy 1px !important;
	text-decoration-skip-ink: none;
}

a[href$=":SagiriHimoto"], a[href$="/SagiriHimoto"] {background:#bd3e91;border-radius:3px;border-top-right-radius:5px;border-top-left-radius:5px;color:#fff !important;font-size:11px;font-weight:700;line-height:14px;text-transform:uppercase;white-space:nowrap;padding:2px 4px 2px 4px;}

.rainbowtext {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D68AB0), color-stop(0.25, #D8CE5D), color-stop(0.5, #6BD85D), color-stop(0.75, #5DB9D8), color-stop(1, #D85DCB)); 
    background-image: -webkit-linear-gradient(left, #D68AB0 0%, #D8CE5D 25%, #6BD85D 50%, #5DB9D8 75%, #D85DCB 100%);
    background-size: 1000% 1000%; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    -webkit-animation: Awesomation 6s infinite;
    color: #33cccc; /* Fallback color for non-webkit browsers */
    white-space: nowrap;
}

@keyframes Awesomation {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}

.cloudtext {
    color: #fff;
    border-style: solid;
    border-width: 4px;
    border-color: #000000;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    padding: 15px 20px;
    border-image-source: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%235b8423' /></svg>);
    position: relative;
}