MediaWiki:Common.css

/* Noreply Wiki Theme */ /* Head section */ .noreplywiki { font-family:'Open Sans'; font-size:16px; line-height:190%; } .noreplywiki-main { background:#0D47A1; background-image:url(https://vignette.wikia.nocookie.net/noreply/images/0/0e/Community-header-background/revision/latest); background-size:40%; background-position:110% 50%; background-repeat:no-repeat; color:#FFF; margin:0 0 20px 0; padding:80px 400px 80px 40px; } .noreplywiki-main .nw-heading { font-family:'Rubik'; font-weight:900; font-size:36px; padding:12px 0; } .noreplywiki-main a { border-bottom:1px #FFF solid; color:#EEE; transition:0.2s ease all; } .noreplywiki-main a:hover { padding-bottom:2px; text-decoration:none; } /* Features */ .noreplywiki-features { display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:12px; } .nw-feature__container { background:#e0e2f1; box-sizing:border-box; display:inline-block; padding:210px 20px 80px; vertical-align:top; position:relative; overflow:hidden; border-radius:4px; } .noreplywiki-main { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible !important; } .noreplywiki-features > .nw-feature__container { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible !important; animation-fill-mode: both; } .noreplywiki-features > .nw-feature__container:nth-child(1) { animation-delay: .6s } .noreplywiki-features > .nw-feature__container:nth-child(2) { animation-delay: .9s } .noreplywiki-features > .nw-feature__container:nth-child(3) { animation-delay: 1.2s } .noreplywiki-features > .nw-feature__container:nth-child(4) { animation-delay: 1.5s } .nw-feature__container a { color:#333; border-bottom:1px #000 solid; transition:0.2s ease all; } .nw-feature__container a:hover { padding-bottom:2px; text-decoration:none; } .nw-feature__name { font-family:'Rubik'; font-size:20px; font-weight:900; text-align:center; width:100%; margin:10px 0 20px; } .nw-feature__image { top: -8px; left: 0; position:absolute; max-height:200px; width:100%; overflow:hidden; } .nw-feature__container p, .nw-feature__container img { display:block; width:100%; } .nw-feature__desc { font-size:14px; line-height:160%; } .nw-feature__go { text-align:center; position:absolute; bottom: 20px; right: 20px; padding:20px 0 0; font-weight:bold; } .nw-feature__go a { border:0; color:#333; display:inline-block; padding:5px 10px; text-decoration:none; transition:0.3s ease all; border-radius:3px; } .nw-feature__go a:hover { background:#333; border:0; color:#FFF; padding:5px 10px; }