body { background-color: #fff; margin: 0; padding: 0; } .show-promo { display: inline-block; width: 200px; text-align: center; margin: 5px; vertical-align: text-top; } .show-promo .artwork { max-width: 180px; max-height: 260px; } .show-promo span { display: block; } .blocklayout .block { margin: 15px; box-shadow: 2px 2px 5px #9c9c9c; } .blocklayout .block h1 { background-color: #f5f5f5; border: 2px solid #d0d0d0; border-bottom: 0; padding: 8px; margin: 0; word-wrap: break-word; } .blocklayout .block .content { overflow: hidden; border: 2px solid #d0d0d0; padding: 10px; } .blocklayout.columns { position: relative; overflow: hidden; } .blocklayout.columns .column.primary { width: 80%; } .blocklayout.columns .column.smaller { width: 20%; float: right; } .show-details { position: relative; overflow: hidden; } .show-details .banner { position: absolute; width: 100%; height: 100%; filter: blur(4px); background-position: center center; background-size: cover; z-index: -1; } .show-details .banner-cover { overflow: auto; } .show-details .artwork { width: 182px; position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; max-width: 190px; } .show-details .details { display: block; min-height: 260px; overflow: hidden; font-size: 150%; background-color: #dadada38; padding: 10px; } section.seasons, section.submissions { min-height: 100vh; padding: 25px; } .submission { padding: 10px; } .submission.highlighted { background-color: #feffb3 !important; border: 5px solid #ffbf61; } .submission .data { font-size: 90%; color: #b1b1b1; } .submission a.link { font-size: 180%; text-decoration: none; color: #191919; font-style: italic; overflow: hidden; word-break: break-all; } .sub-report { background-color: #ffa6a6; color: #ab0000; } .submission-list .submission.buried { opacity: 0.3; } .message.error { width: fit-content; padding: 10px; background-color: #ffcaca; border: 1px solid #b10000; margin: 5px 0; } .actions { float: right; padding: 15px; } .divider { margin: 0 5px; opacity: 0.5; user-select: none; } .report-box { padding: 10px; margin: 10px 0px; border: 2px dashed #ddd; background-color: #fffbdb; width: 400px; } .report-box .submitter { font-size: 120%; font-weight: bold; } .report-box .url-to { display: block; font-size: 90%; color: #6d6d6d; } .btn-social { width: 28px; height: 28px; display: block; line-height: 28px; color: #fff; font-size: 120%; border-radius: 100px; padding: 0 2px; margin: 5px; } .btn-social#github { background-color: #000; } .btn-social#twitter { background-color: #03a9f4; } .btn-social#discord { background-color: #2c2f33; padding: 3px; } .btn-social#discord span { background: url("https://icynet.eu/static/image/discord.svg"); background-size: contain; width: 22px; height: 22px; display: block; } footer .logo { font-weight: bold; text-transform: uppercase; text-shadow: 2px 2px 1px #007104; color: #00b300; user-select: none; font-size: 30px; text-align: inherit; cursor: pointer; display: inline-block; } footer .logo .part1, footer .logo .part2 { display: inline-block; } footer .logo .part1 { color: #03a9f4; text-shadow: 2px 2px 1px #0059a0; margin-right: 5px; } @media all and (max-width: 800px) { .logo { font-size: 5vw !important; } .blocklayout.columns .column { position: initial; display: block; } .blocklayout.columns .column.primary { width: initial; } .blocklayout.columns .column.smaller { display: none; } .blocklayout .block { margin: 0; margin-bottom: 10px; border: none; box-shadow: none; } .blocklayout .block .content, .blocklayout .block h1 { border: none; } .blocklayout .block .content .show-promo, .blocklayout .block h1 .show-promo { display: block; margin: 5px auto; } }