@import url("/ifdb.css"); @import url('https://fonts.googleapis.com/css2?family=Roboto&family=Lato&display=swap'); body { background:#334 !important; padding:0 !important; } body, form, div.topctl, table tr td, table.downloads td, span.headlineRss { font-family: Lato, Arial, Helvetica, sans-serif; } h1, h2, h3, table.downloads h3, table.gamerightbar h3, div.headline { font-family: Roboto, Arial, Helvetica, sans-serif; } p, ul, ol { margin-right: 2em; max-width: initial; } /* * The following is a fix to a (most likely temporary) bug in the * layout, where the top navigation bar would be way too big. */ body div.topctl { margin-bottom: 0; white-space:normal !important; max-width: calc(120ch / 0.95); } a { text-decoration:none; } a:hover { text-decoration:underline; } a:visited { color:#66a; } .headline { font-size:150% !important; border:0 !important; background:white !important; } h1 { font-size:150%; padding-right:1em; border-right:1px solid gray; border-bottom:1px solid gray; border-top:0 !important; background:white !important; } .headline2 { border-right:1px solid gray; border-bottom:1px solid gray; border-top:0 !important; background:white !important; } h2 { border-right:1px solid gray; border-bottom:1px solid gray; border-top:0 !important; border-left:0 !important; margin-top:1em !important; background:white !important; } p { margin-bottom:0.7em; } body div.main { background: white; padding: 2em; box-shadow: 0px 3px 3px white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; max-width: 120ch; } .downloads { background:#dde !important; border:1px solid gray !important; padding:6px !important; } .gamerightbar { background:#eee !important; border:1px solid gray !important; padding:6px !important; } .topbar { display:none; } .rightbar { margin-left:1em !important; } /* * The following is to circumvent the bug in the * custom style sheet gallery until it gets fixed */ .smallmain { background:white; margin:10px; padding:2em; border:3px solid gray; } .smalltopbar { display:none; } .headline { border-right:1px solid gray; border-bottom:1px solid gray; border-top:0 !important; border-left:0 !important; background:white !important; } /* * Front page new items */ .new-review { border-left:8px solid #cbf; border-bottom:1px solid #cbf; padding:1.5em; margin-left:-1em; } .new-game { border-left:8px solid #cfb; border-bottom:1px solid #cfb; padding:1.5em; margin-left:-1em; } .new-game a { color:#080; } .new-game a:visited { color:#6a6; } .new-list { border-left:8px solid #fcb; border-bottom:1px solid #fcb; padding:1.5em; margin-left:-1em; } .new-list a { color:#800; } .new-list a:visited { color:#a66; } .new-poll { border-left:8px solid #bdf; border-bottom:1px solid #bdf; padding:1.5em; margin-left:-1em; } .new-poll a { color:#088; } .new-poll a:visited { color:#6aa; } /* * help pages */ .helpmain { background:white; }