User:.jun/sandbox.css

/* icon-style */ /* font imports */ @import url('https://fonts.googleapis.com/css?family=Varela+Round'); @import url('https://fonts.googleapis.com/css?family=Bitter'); /* WikiaPage */ body:not(.editor) .WikiaPage { border: 0; margin-top: 15px; } body:not(.editor) .WikiaPage #PageHeader { padding-top: 20px; } .WikiaArticle { font-family: 'Varela Round', sans-serif; }

/* Main page */ .mainbox { margin: 10px 0; } .mainbox.main { background-image: url(/wiki/Special:Filepath?file=bg-main.png); background-position: bottom; background-size: cover; } .mainbox.mtopban { background-image: url(/wiki/Special:Filepath?file=bg-mtopban.png); background-size: cover; } .mainbox.helpout { background-image: url(/wiki/Special:Filepath?file=bg-helpout.png); background-position: 50% bottom; background-size: cover; } .mainbox.characters { background-image: url(/wiki/Special:Filepath?file=bg-characters.png); background-position: bottom; background-size: cover; } .mainbox.episode { background-image: url(/wiki/Special:Filepath?file=bg-episode.png); background-position: 50% 50px; background-size: cover; } .mainbox.featured { background-image: url(/wiki/Special:Filepath?file=bg-featured.png); background-position: center; background-size: cover; } .mainbox.poll { background-image: url(/wiki/Special:Filepath?file=bg-poll.png); background-position: 50%; background-size: cover; } .mainbox.community { background-image: url(/wiki/Special:Filepath?file=bg-community.png); background-position: 50%; background-size: cover; } .mainbox.aligncenter { text-align: center; } .mainbox .heading { background: rgb(0, 80, 160); border: 0; border-bottom: 2px solid rgb(0, 20, 165); border-top: 2px solid rgb(0, 20, 165); color: rgb(255, 225, 0); font-family: Bitter, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 1.5; margin: 0; padding: 15px; text-align: center; text-transform: uppercase; } .mainbox .body { background: rgba(255, 225, 0, .6); border-top: 0; border-bottom: 2px dashed rgb(0, 0, 255); color: #000; padding: 20px; } .mainbox .body a { color: #000; text-decoration: underline; } .mainbox.characters .body { padding: 25px 0; } .mainbox.characters .body a { text-decoration: none; } .mainbox.episode .body img { border: 1px solid; float: right; margin: 0 0 20px 20px; padding: 2px; } .mainbox.featured .body img { border: 1px solid; display: block; margin: 0 auto 20px auto; padding: 2px; } .mainbox.poll .ajax-poll { border: 0; margin: 0; padding: 10px 30px 0 0; } .mainbox.poll .ajax-poll .pollAnswerVotes { border-color: #000; } .mainbox.poll .ajax-poll .pollAnswerVotes > span { display: block; margin-top: 2px; } .mainbox.poll .ajax-poll .pollAnswerVotes > div { background-color: rgb(255, 225, 0); border-right: 1px solid #000 !important; } .mainbox.poll #ajax-poll-area > div:last-child { font-size: 12px; } .mainbox.poll [type="submit"] { background: rgb(0, 60, 125) !important; border: 0; border-radius: 0; margin: 10px auto 0; } .mainbox.community .body img { border: 1px solid #000; padding: 2px; margin: 5px; } .cportalc { display: flex; flex-wrap: wrap; justify-content: center; } .cportal { display: flex; flex-direction: column; justify-content: top; margin: 5px 2px; padding: 2px 2px 0 2px; transition: .1s transform linear; width: 100px; } .cportal .image { border-radius: 100%; height: 100px; overflow: hidden; width: 100px; } .cportal .article { background-color: rgb(0, 80, 160); border-radius: 4px; font-size: 11px; line-height: 1.2; margin-top: -1.8em; padding: 4px; text-align: center; } .cportal .article a { color: rgb(255, 255, 0); }