@import url("/ifdb.css"); body { background-color: #f4f4f9; } body > a { background-color: #000; display: flex; backface-visibility: hidden; box-shadow: 0 2px 4px -1px rgb(0 0 0 / 25%); } a { color: #2d2a3d; } a:visited { color: #8c86ac; } div.topbar { background: url("images/ifdb-logo-zeronoise.png") #000000 no-repeat; height: 55px; max-width: calc(100ch / 0.95); margin: 0 auto 0 auto; } div.topctl > a { display: block; background-color: #000000; box-shadow: 0 2px 4px -1px rgb(0 0 0 / 25%); } a#topbar-home, a#topbar-edit { display: none; } div.main { background-color: #fff; max-width: calc(100ch - 48px - 2em + 2em + 48px); border-radius: 0.5rem 0.5rem 0.5rem 0.5rem; box-shadow: 0px 15px 27px rgb(17 7 60 / 15%); padding: 24px 48px; } div.topctl { background-color: #f4f4f9; border: none; max-width: none; padding-top: 0; /* 1.8em; */ } .main-nav { max-width: calc(118ch / 0.95); margin: 25 auto -5 auto; } .main-nav ul { color: transparent; } .main-nav a { text-transform: uppercase; padding: 0.75em 1.5em; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: transparent; } .main-nav a:hover { text-decoration: none; background-color: transparent; color: #2d2a3d; border-bottom-color: #dbd5f5; } .main-nav li.page-active { color: #2d2a3d; border-bottom-color: #4f31cd; font-weight: bold; } .go-button { display: none; } h1, h2, h3, div.headline, div.block div.headline1 { font-family: "Playfair Display", serif; background: none; border: none; font-weight: bold; } h2, div.headline { font-size: 125%; } h1, div.headline1 { font-size: 150%; } span.headlineRss { font-size: 70%; } button, input[type="submit"] { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0.53em 0.8em; border: none; font-weight: normal; font-size: 1em; line-height: normal; color: #f4f4f9; background: #4f31cd; cursor: pointer; transition: all 0.25s; border-radius: 2rem; } img.play-online-button, img.dla-button { background: none; display: none; } table.downloads a[title^="Play this game right now"], table.downloads a[title="Get customized help for downloading and installing this game"] { text-decoration: none; text-align: center; white-space: nowrap; /* width: 100px; height: 23px; */ display: block; visibility: visible; box-sizing: border-box; align-items: center; justify-content: center; margin: 0; padding: 0.53em 0.8em; border: none; font-weight: normal; font-size: 1em; line-height: normal; color: #f4f4f9; background: #4f31cd; cursor: pointer; transition: all 0.25s; border-radius: 2rem; } table.downloads a[title^="Play this game right now"]::after { content: "Play online"; white-space: nowrap; } table.downloads a[title="Get customized help for downloading and installing this game"]::after { content: "Show me how"; white-space: nowrap; } button:hover, input[type="submit"]:hover { background-color: #3b259a; } div.cpanelHeading, .aside-box h3, table.rightbar h3 { margin: 0; background: none; font-weight: bold; font-size: 100%; font-family: "Playfair Display", serif; text-align: left; margin-top: 1em; border-bottom: thin solid #e8e8FF; } div.cpanelHeadingTop { margin-top: 0; } div.cpanelBtn { border: none; } div.cpanelBtn:hover { background: none; } div.tipbox, table.downloads, table.gamerightbar { background-color: #f0eff6; border: none; border-radius: 2rem; padding: 12px 35px 12px 14px; } .aside-box, table.rightbar { background: none; border: none; margin-bottom: 1em; font-size: 0.85em; padding: 2px 4px 4px 4px; } table.downloads h3, table.gamerightbar h3 { font-family: "Playfair Display", serif; font-size: 150%; } div.headlineTR, div.headlineTL { display: none; } a[href^="showuser"] img { border-radius: 50%; } a[href^="viewgame"] { font-family: "Playfair Display", serif; font-size: 120%; text-decoration: none; } span.spoilerButton { display: none; } span.hiddenSpoiler:hover { filter: blur(0.18em); } span.hiddenSpoiler:active { filter: none; } span.hiddenSpoiler { display: initial; user-select: none; cursor: pointer; filter: blur(0.4em); cursor: auto; -webkit-transform: translateZ(0); }