User:KMØ/wikia.css

.banner-notifications-placeholder { display: none; }

margin: 0 auto; width: 100%; max-width: 800px; height: auto; background-color: #f5f5f5; font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; font-weight: 300; border-radius: 20px; padding: 0 20px 20px; box-sizing: border-box; overflow: hidden; }
 * 1) claiming-page {

width: 3px; height: 3px; }
 * 1) claiming-page *::-webkit-scrollbar {

background-color: #a3a8b8; }
 * 1) claiming-page *::-webkit-scrollbar-track {

background-color: #387e94; }
 * 1) claiming-page *::-webkit-scrollbar-thumb {

background-color: transparent; }
 * 1) claiming-page *::-webkit-scrollbar-corner {

display: none; }
 * 1) claiming-page .desktop-hidden {

margin: 0; height: auto; background-color: rgba(34, 34, 34, 0.5); color: rgba(34, 34, 34, 0.5); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.5); }
 * 1) claiming-page h1,
 * 2) claiming-page h2,
 * 3) claiming-page h3,
 * 4) claiming-page h4 {

display: inline-block; margin-right: 30px; width: auto; flex-shrink: 0; color: rgba(34, 34, 34, 0.5); background-color: rgba(34, 34, 34, 0.5); font-size: 30px; font-weight: 600; line-height: 40px; transition: all 0.25s ease; }
 * 1) claiming-page h1 {

color: #5a6179; background-color: #5a6179; transition: all 0.25s ease; }
 * 1) claiming-page h1:hover {

font-weight: 500; }
 * 1) claiming-page h2,
 * 2) claiming-page h3,
 * 3) claiming-page h4 {

border: none; font-size: 50px; line-height: 60px; padding: 0; }
 * 1) claiming-page h2 {

margin-bottom: 10px; }
 * 1) claiming-page h3,
 * 2) claiming-page h4 {

font-size: 20px; line-height: 20px; }
 * 1) claiming-page h3 {

font-size: 18px; line-height: 18px; }
 * 1) claiming-page h4 {

display: block; }
 * 1) claiming-page h1 > .mw-headline,
 * 2) claiming-page h2 > .mw-headline,
 * 3) claiming-page h3 > .mw-headline {

display: none; }
 * 1) claiming-page h1 > .editsection,
 * 2) claiming-page h2 > .editsection,
 * 3) claiming-page h3 > .editsection {

margin: 0; }
 * 1) claiming-page p {

position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 85px; }
 * 1) claiming-page #header {

margin: 0; flex-grow: 1; height: 45px; border-left: 3px solid rgba(34, 34, 34, 0.35); color: rgba(34, 34, 34, 0.65); font-size: 10px; font-weight: 400; padding: 0 10px; box-sizing: border-box; overflow: auto; transition: all 0.5s ease; }
 * 1) claiming-page #header > p {

border-left: 3px solid #5a6179; color: #5a6179; transition: all 0.5s ease; }
 * 1) claiming-page #header > p:hover {

display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-left: 30px; width: 40px; flex-shrink: 0; height: 40px; background-color: #f0f1f5; box-shadow: 5px 5px 8px rgba(34, 34, 34, 0.35), -3px -3px 6px #ffffff; line-height: 40px; text-align: center; padding: 10px; border-radius: 50%; box-sizing: border-box; }
 * 1) claiming-page #header > #claiming-pages-nav-toggle {

box-shadow: inset 5px 5px 8px rgba(34, 34, 34, 0.35), inset -3px -3px 6px #ffffff; transition: box-shadow 0.25s ease; }
 * 1) claiming-page #header > #claiming-pages-nav-toggle:hover {

width: 100%; height: 3px; background-color: rgba(34, 34, 34, 0.35); transition: background-color 0.25s }
 * 1) claiming-page #header > #claiming-pages-nav-toggle > .toggle-stripe {

background-color: #787e94; transition: background-color 0.25s ease; }
 * 1) claiming-page #header > #claiming-pages-nav-toggle:hover > .toggle-stripe {

position: absolute; right: 50px; width: 0; height: 45px; border-radius: 20px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: width 1s ease-in-out; }
 * 1) claiming-page #header > #claim-pages-nav-container {

position: absolute; left: 100%; opacity: 0; width: 100%; height: 100%; background-color: #e8e8e8; font-weight: 400; border-radius: 20px; transition: left 1s ease-in-out, opacity 1s ease-in-out, background-color 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav {

display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav > p {

position: relative; width: auto; flex-grow: 1; height: 45px; line-height: 45px; font-size: 16px; text-align: center; box-sizing: border-box; color: #787e94; text-decoration: none; transition: color 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a {

border-bottom: 5px solid #ffffff; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a:hover {

margin-left: 3px; display: inline-block; width: 15px; height: 15px; background-color: #787e94; color: #ffffff; font-size: 12px; line-height: 17px; border-radius: 50%; transition: all 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip-toggle {

content: '?'; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip-toggle::before {

display: inline-block; position: absolute; top: calc(50% - 10px); z-index: 3; width: auto; height: 20px; background-color: #ffffff; color: #787e94; font-weight: 700; opacity: 0; font-size: 12px; line-height: 20px; white-space: nowrap; padding: 0 10px; border-radius: 10px; pointer-events: none; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip {

right: calc(100% + 5px); }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip.left {

left: calc(100% + 5px); }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip.right {

top: calc(50% - 7px); opacity: 1; pointer-events: initial; }
 * 1) claiming-page #header > #claim-pages-nav-container > #claim-pages-nav a > .tooltip-toggle:hover + .tooltip {

width: calc(100% - 50px); transition: width 1s ease-in-out; }
 * 1) claiming-page #header > #claim-pages-nav-container.show {

left: 0; opacity: 1; transition: left 1s ease-in-out, opacity 1s ease-in-out, background-color 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container.show > #claim-pages-nav {

background-color: #787e94; }
 * 1) claiming-page #header > #claim-pages-nav-container.show > #claim-pages-nav:hover {

color: #ffffff; transition: color 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container.show > #claim-pages-nav:hover a {

background-color: #ffffff; color: #787e94; transition: all 0.5s ease; }
 * 1) claiming-page #header > #claim-pages-nav-container.show > #claim-pages-nav:hover a > .tooltip-toggle {

display: flex; flex-direction: row; height: auto; }
 * 1) claiming-page .tabber {

display: flex; flex-direction: column; margin-right: 20px; width: 135px; flex-shrink: 0; border: none; padding: 0; }
 * 1) claiming-page ul.tabbernav {

margin-bottom: 15px; }
 * 1) claiming-page ul.tabbernav > li:not(:last-of-type) {

display: block; margin: 0; width: 100%; height: auto; border: none; background-color: #f0f1f5; color: rgba(34, 34, 34, 0.65); font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; font-size: 14px; font-weight: 500; line-height: 40px; text-align: center; padding: 0 10px; border-radius: 15px; box-sizing: border-box; box-shadow: 5px 5px 8px rgba(34, 34, 34, 0.35), -3px -3px 6px #ffffff; white-space: break-spaces; transition: all 0.25s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 * 1) claiming-page ul.tabbernav > li a {

display: none; }
 * 1) claiming-page ul.tabbernav > wbr {

color: #787e94; box-shadow: inset 5px 5px 8px rgba(34, 34, 34, 0.35), inset -3px -3px 6px #ffffff; font-weight: 600; transition: all 0.25s ease; }
 * 1) claiming-page ul.tabbernav > li > a:hover {

flex-grow: 1; height: auto; min-height: 400px; border: none; background-color: #a3a8b8; padding: 20px; border-radius: 20px; box-sizing: border-box; overflow: hidden; transition: background-color 0.5s ease; }
 * 1) claiming-page .tabber > .tabbertab {

background-color: #787e94; transition: background-color 1.5s ease; }
 * 1) claiming-page .tabber > .tabbertab:hover {

display: grid; grid-template-rows: 0 repeat(4, min-content) 0; grid-gap: 20px; gap: 20px; padding: 0 20px; }
 * 1) claiming-page .tabber > .tabbertab[title$="Claims"] {

width: 100%; height: 100%; background-color: #e6e8f0; color: #5a6179; font-weight: 400; border-radius: 20px; padding: 20px; box-sizing: border-box; transition: background-color 1.5s ease; }
 * 1) claiming-page .module {

padding: 20px 2px; }
 * 1) claiming-page .tabber > .tabbertab[title="Rules and Guidelines"] .module {

width: 100%; height: auto; max-height: 650px; padding: 0 18px; box-sizing: border-box; overflow: auto; }
 * 1) claiming-page .tabber > .tabbertab[title="Rules and Guidelines"] .module > .module-inner {

display: grid; grid-template: "header" 1fr "main" min-content / 1fr; grid-gap: 20px; gap: 20px; width: 100%; height: 100%; }
 * 1) claiming-page #get-started {

display: flex; flex-direction: column; justify-content: center; grid-area: header; padding: 0 40px; box-sizing: border-box; }
 * 1) claiming-page #get-started > #get-started-header {

grid-area: main; }
 * 1) claiming-page #get-started > #get-started-main {

text-align: left; }
 * 1) claiming-page #get-started form {

margin-left: 30px; width: 40%; height: 30px; border: none; color: rgba(34, 34, 34, 0.65); box-shadow: inset 5px 5px 8px rgba(34, 34, 34, 0.35), inset -3px -3px 6px #ffffff; font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; border-radius: 10px; padding: 0 10px; }
 * 1) claiming-page #get-started form > input[type="text"] {

outline: none; box-shadow: 5px 5px 8px rgba(34, 34, 34, 0.35), -3px -3px 6px #ffffff, inset 5px 5px 8px rgba(34, 34, 34, 0.35), inset -3px -3px 6px #ffffff; }
 * 1) claiming-page #get-started form > input[type="text"]:focus {

margin-left: 10px; border: none; height: 30px; background-image: none; background-color: transparent; color: rgba(34, 34, 34, 0.65); box-shadow: 5px 5px 8px rgba(34, 34, 34, 0.35), -3px -3px 6px #ffffff, inset 5px 5px 8px #ffffff, inset -3px -3px 6px rgba(34, 34, 34, 0.35); font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; line-height: 30px; border-radius: 20px; padding: 0 20px; }
 * 1) claiming-page #get-started form > input[type="submit"] {

outline: none; }
 * 1) claiming-page #get-started form > input[type="submit"]:focus {

display: grid; grid-template: "bureaucrat    bureaucrat"     min-content "administrators administrators" min-content "rollbacks     camp-helpers"   min-content / 1fr            1fr; grid-gap: 20px; gap: 20px; width: 100%; height: auto; min-height: 100%; }
 * 1) claiming-page #claim-workers {

grid-column: 1 / -1; text-align: center; }
 * 1) claiming-page #claim-workers h3 {

text-align: center; }
 * 1) claiming-page #claim-workers > .module {

display: grid; grid-gap: 10px; gap: 10px; justify-content: space-around; justify-items: center; }
 * 1) claiming-page #claim-workers > .module:not(#bureaucrat) {

grid-area: bureaucrat; }
 * 1) claiming-page #claim-workers > #bureaucrat {

grid-area: administrators; grid-template-columns: repeat(4, 1fr); }
 * 1) claiming-page #claim-workers > #administrators {

grid-area: rollbacks; grid-template-columns: repeat(2, 1fr); grid-auto-rows: min-content; }
 * 1) claiming-page #claim-workers > #rollbacks {

grid-area: camp-helpers; grid-template-columns: repeat(3, 1fr); grid-auto-rows: min-content; }
 * 1) claiming-page #claim-workers > #camp-helpers {

margin: 0 auto 10px; box-shadow: 5px 5px 8px rgba(34, 34, 34, 0.35), -3px -3px 6px #ffffff; border-radius: 50%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 * 1) claiming-page #claim-workers .user > .user-avatar {

line-height: 14px; }
 * 1) claiming-page #claim-workers .user > .userpage {

color: #5a6179; font-weight: 400; text-decoration: none; }
 * 1) claiming-page #claim-workers .user > .userpage a {

font-size: 12px; }
 * 1) claiming-page #claim-workers > .module:not(#camp-helpers) > .user > .userpage a {

font-size: 10px; }
 * 1) claiming-page #claim-workers > #camp-helpers > .user > .userpage a {

width: 100px; height: 100px; }
 * 1) claiming-page #claim-workers > #bureaucrat .user-avatar {

width: 85px; height: 85px; }
 * 1) claiming-page #claim-workers > #administrators .user-avatar {

width: 70px; height: 70px; }
 * 1) claiming-page #claim-workers > #rollbacks .user-avatar {

width: 50px; height: 50px; }
 * 1) claiming-page #claim-workers > #camp-helpers .user-avatar {

margin: 0; }
 * 1) claiming-page .tabber .tabbertab[title$="Claims"] > table.wikitable {

border: none; background-color: transparent; color: #5a6179; font-weight: 600; }
 * 1) claiming-page table.wikitable {

color: #5a6179; }
 * 1) claiming-page table.wikitable a {

border: none; padding: 5px 10px; }
 * 1) claiming-page table.wikitable > * > tr > th,
 * 2) claiming-page table.wikitable > * > tr > td {

background-color: #e6e8f0; }
 * 1) claiming-page table.wikitable > thead > tr > th,
 * 2) claiming-page table.wikitable > tfoot > tr > th {

margin-left: 3px; }
 * 1) claiming-page table.jquery-tablesorter th.headerSort div {

border-top-color: #5a6179; }
 * 1) claiming-page table.jquery-tablesorter.sortable th.headerSort .chevron {

border-color: transparent transparent #5a6179; }
 * 1) claiming-page table.jquery-tablesorter.sortable th.headerSort .chevron:first-child {

border-top-left-radius: 20px; }
 * 1) claiming-page table.wikitable > thead > tr > th:first-child,
 * 2) claiming-page table.wikitable > tfoot > tr > th:first-child {

border-top-right-radius: 20px; }
 * 1) claiming-page table.wikitable > thead > tr > th:last-child,
 * 2) claiming-page table.wikitable > tfoot > tr > th:last-child {

background-color: rgba(255, 255, 255, 0.5); }
 * 1) claiming-page table.wikitable > tbody > tr > td {

border-bottom-left-radius: 20px; }
 * 1) claiming-page table.wikitable > tbody > tr:last-child > td:first-child {

border-bottom-right-radius: 20px; }
 * 1) claiming-page table.wikitable > tbody > tr:last-child > td:last-child {