User:U.ayaao.p/Main Page/common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FontAwesome.css&only=styles"; .page-content .welcome-block p, .page-content .mp-block p, .page-content .mp-block ul { margin-bottom: 0; margin-top:0; } .welcome-block .wds-button, .mp-block .wds-button { cursor: pointer; } .page-content { overflow-x: initial; }

/* welcome */ .page .welcome-block { position: relative; margin: 0 -18px 20px; --theme-page-text-color: #e6e6e6; color: #e6e6e6; } .welcome-block:before { display: block; position: absolute; left: 0; top: 0; content: ''; background: linear-gradient(to top, rgba(0, 0, 0, .8) 25%, transparent); width: 100%; height: 100%; border-radius: 9px; } .welcome-block img { object-fit: cover; object-position: center; width: 100%; max-height: 30rem; border-radius: 9px; } .welcome-block .container-top { position: absolute; padding: 18px 36px; width: 100%; top: 0; text-align: center; } .welcome-block .container-top .fas { font-size: 15px; } .welcome-block .container-bottom { position: absolute; bottom: 0; padding: 18px 36px; display: flex; align-items: center; width: 100% } .welcome-block .container-bottom div:first-of-type { flex: 1; }

/* general block */ .mp-block { padding: 18px; border-radius: 9px; background-color: var(--theme-page-background-color--secondary); margin-bottom: 20px; } .page-content .mp-block__title { margin: 0 0 9px; padding: 3px 0 0; border-bottom: 0 } .page-content .rcs-container .mp-block__title { font-size: 21px; } .mp-block__title .fas, .mp-block__title .fab { color: var(--theme-accent-color); margin-right: 8px; } .mp-block div.thumb { margin: 0 -15px -15px; width: calc(100% + 30px)!important; } .mp-block div.widget-twitter { margin: 0 -15px -15px; display: block; } .mp-block iframe { border-radius: 9px; }

.characters { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 9px; } .characters a { text-decoration: none; } .characters .character { position: relative; } /* this is definetely temporary lol */ .character .protag-badge { position: absolute; top: 0; right: -6%; transform: rotate(15deg); color: transparent; font-family: 'Comic Sans MS', sans-serif; font-weight: 500; transition: .2s; z-index: 1; background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red); -webkit-background-clip: text; } .characters .character img { max-height: 130px; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; background-color: rgba(var(--theme-accent-color--rgb), .05); border-radius: 9px 9px 0 0; border: 1px solid rgba(var(--theme-accent-color--rgb), .2); border-bottom: 0; } /* big brain move: using :after for card labels :5head: */ .characters .character a:after { content: attr(title); display: block; background-color: rgba(var(--theme-accent-color--rgb), .2); padding: 12px 18px; border-radius: 0 0 9px 9px; transition: .2s ease; } .characters .character:hover a:after { background-color: var(--theme-accent-color); color: var(--theme-accent-label-color) } .characters .character:hover .protag-badge { transform: rotate(20deg) scale(1.5); text-shadow: 0 5px 10px black; color: white; }

font-size: 20px; font-weight: 500; color:var(--theme-accent-color); text-decoration:transparent 3px; transition:.2s; }	color: var(--theme-page-text-color); text-decoration: var(--theme-accent-color) solid underline 3px; }
 * 1) poll a {
 * 1) poll a:hover {

.animangafooter { border-radius:9px; background-color:var(--theme-page-background-color--secondary); padding:18px 0!important; border:none!important; } .animangafooter td { padding:0 18px; } .animangafooter td div[style*="height:128px;"] { height:180px!important; } .animangafooter td:not(:last-of-type) { border-right:1px solid var(--theme-border-color) }