Hello Neighbor Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Hello Neighbor Wiki
Don't have an account?
Register
Advertisement
Register
Hello Neighbor Wiki
Hello Neighbor Wiki
223
pages

Hydra.css

MediaWiki page
Revision as of 03:31, 25 August 2017 by @DeletedUser41288049 (talk | contribs)
Sign in to edit

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Hello_Neighbor_Wiki h1.firstHeading {
    display:none;
}

/* Framework */
body #global-wrapper {
    background-color: #b6c4aa;
    background-image: url(https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/6/63/Bg_top.png), url(https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/a/a6/Bg_bottom.png), url(https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/f/fc/Bg_filler.jpg);
    background-position: left top, left calc(100% - 155px), left top;
    background-repeat: repeat-x, repeat-x, repeat;
}

body #pageWrapper {
    margin-right: 5px;
}

/* Head */
div#mw-page-base {
    background: rgba(0, 0, 0, 0);
    background-image: none;
}

div#mw-head {
    margin-right: 5px;
}

#mw-head-base {
    background: rgba(0, 0, 0, 0);
    background-image: none;
    border-bottom: 0px;
}

/* Tabs */
#left-navigation,
#right-navigation {
    margin-top: 3.5em;
}

div.vectorTabs {
    background-image: none;
    height: 33px;
    margin-top: 8px;
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -6px;
}

div.vectorTabs li.new a, 
div.vectorTabs li.new a:visited {
    color: #fc0000;
    text-shadow: 1px 1px 0.1em #000000;
}

div.vectorTabs li span a {
    border: none;
    color: #000000;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 3px 0 3px;
    height: 19px;
    text-align: center;
}

div.vectorMenu h3 span {
    color: #000000;
    font-weight: bold;
    margin-right: 20px;
    padding-left: 0.7em;
    padding-top: 1em;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
    color: #ffffff;
    text-shadow: -1px 1px 0 #000000;
}

div.vectorTabs ul { 
    background-image: none; 
}

div.vectorTabs ul li {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs li a, 
div.vectorTabs li a span {
    color: #000000;
    cursor: pointer;
    font-weight: bold;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
    padding: 1.5em 0 0;
}

div.vectorMenu h3 a {
    background-color: transparent;
    background-image: none;
    border: 0px;
}

div.vectorMenu ul {
    border: none;
}

div#mw-head div.vectorMenu h3,
div#mw-head div.vectorMenu h5 {
    background-image: none;
    border: none;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #000000;
    font-weight: bold;
    padding-top: 1em;
}

div.vectorMenu li a {
    color: #000000;
}

/* Sidebar */
div#mw-panel {
    margin: 5em 0;
}

div#mw-panel div.portal,
div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal {
    background-image: none;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
    color: #000000;
}

div#mw-panel div.portal h3,
div#mw-panel div.portal h3:visited,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: -1px 1px 0 #000000;
}

div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto;
}

.socialSidebar {
    width: auto;
    max-width: 100%;
}

/* Content */
div#content {
    background-color: rgba(182, 196, 170, 0.5);
    border: 1px solid #7b9e8a;
    box-sizing: content-box;
    color: #000000;
    margin-right: 10px;
    margin-top: 10px;
}

ul {
    list-style-image: url("https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/7/7a/Bullet.png");
}

.catlinks,
ul#filetoc {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #7b9e8a;
    border-radius: 5px;
    clear: both;
    margin-top: 1em;
    padding: 5px;
}

.catlinks li {
    border-left: none;
}

.CategoryTreeToggle {
    color: #7b9e8a;
}

#toc, .toc,
.mw-warning {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #7b9e8a;
    border-radius: 5px;
    box-shadow: 0 0.1em 0.75em #000000;
}

div.mw-warning-with-logexcerpt {
    border: 2px solid #3c83ba;
}

/* Footer */
div#footer {
    padding: 1.25em 1.25em 40px;
}

div#footer ul li {
    color: #000000;
}

div#footer ul li a {
    color: #ffffff;
    font-weight: bold;
    text-shadow: -1px 1px 0 #000000;
}

/* tables */
table.wikitable {
    background: none repeat scroll 0 0 transparent;
}

table.wikitable > caption {
    color: #000000;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: #7b9e8a;
    border: 1px solid #7b9e8a;
    color: #FFFFFF;
    text-align: center;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid #7b9e8a;
    padding: 0.2em;
}

.wikitable th {
    background-color: #7b9e8a;
    border: 1px solid #7b9e8a;
    color: #FFFFFF;
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid #7b9e8a;
    color: #000000;
    padding: 0.2em;
}

table.mw_metadata th {
    background: #7b9e8a;
    border: 1px solid #7b9e8a;
    color: #FFFFFF;
}

table.mw_metadata td {
    background-color: transparent;
    border: 1px solid #7b9e8a;
    color: #000000;
}

.mw-datatable th {
    border: 1px solid #7b9e8a;
}

.mw-datatable,
.mw-datatable td {
    border: 1px solid #7b9e8a;
}

.TablePager {
    border:1px solid #7b9e8a;
    color: #000000;
    padding:0 0.15em;
}

.TablePager th {
    background-color: #7b9e8a;
    color: #ffffff;
    border:1px solid #7b9e8a;
    padding:0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #FFFFFF;
}

.TablePager th a {
    background-color: #7b9e8a;
    color: #FFFFFF !important;
}
 
.TablePager td {
    background: transparent !important;
    border: 1px solid #7b9e8a;
    color: #000000;
}

/* colour fix for advanced search options box */
fieldset#mw-searchoptions {
    background-color: rgba(0, 0, 0, 0);
    border-color: #7b9e8a !important;
}

.mw-search-profile-tabs {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #7b9e8a;
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #000000;
}

/* Page history */
#pagehistory li {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: rgba(182, 196, 170, 0.5);
    background-image: none;
    border: 1px dashed #7b9e8a;
    padding: 3px;
}

table.diff {
    background: transparent;
}

td.diff-context {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
}

td.diff-deletedline {
    background-color: #FFE49C;
    border-color: #FFE49C;
    color: #000000;
}

td.diff-addedline {
    background-color: #A3D3FF;
    border-color: #A3D3FF;
    color: #000000;
}

/* thumbnails and galleries and image file history */
div.thumb {
    border: 1px solid #7b9e8a;
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid #7b9e8a;
    border-radius: 5px;
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(182, 196, 170, 0.2);
    border: medium none;
}

li.gallerybox div.thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #7b9e8a;
    border-radius: 5px;
}

html .thumbimage {
    border: 1px solid #7b9e8a;
    border-radius: 5px;
}

div.tright div.tleft {
    border: 1px solid #7b9e8a !important;
}

div.tright {
    clear: right;
    float: right;
}

/* Preferences */
.client-js #preferences {
    background-color: rgba(182, 196, 170, 0.5);
    border: 1px solid #7b9e8a;
    margin: 0 0 4px !important;
}

.client-js #preftoc,
.client-js #preftoc li,  
.client-js #preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #000000;
}

.client-js #preftoc li:first-child {
    margin-bottom: 2px;
    margin-left: 5px;
}

.client-js #preftoc li.selected a {
    background-color: rgba(182, 196, 170, 0.5);
    background-image: none;
    border-color: #7b9e8a;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

.client-js #preferences {
    background-color: rgba(182, 196, 170, 0.5);
    border: 1px solid #7b9e8a #7b9e8a #b6c4aa;
    border-radius: 5px;
}

.client-js #preferences fieldset {
    border-color: #7b9e8a;
}

/* wiki editor styling */
.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border: none;
}

.wikiEditor-ui-tabs div {
    border-bottom: 1px solid #7b9e8a;
    border-right: 1px solid #7b9e8a;
}

.wikiEditor-ui-buttons {
    background: rgba(0, 0, 0, 0);
    border-top: none;
    margin-right: 5px;
}

.wikiEditor-ui-toolbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #000000;
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #000000;
    font-weight: bold;
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 1px solid #7b9e8a;
    color: #000000;
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #7b9e8a;
    color: #000000;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(255, 255, 255, 0.2);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(255, 255, 255, 0.2);
    color: #0645ad;
}

.wikiEditor-ui-toolbar .booklet .index div {
    color: #000000;
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #7b9e8a;
    color: #ffffff;
}

.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
    color: #000000;
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #7b9e8a;
}

.wikiEditor-ui-tabs div a {
    background: none repeat scroll 0 0 #7b9e8a;
    display: inline-block;
    color: #FFFFFF;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #7b9e8a;
}

.wikiEditor-ui-tabs div.current a {
    color: #ffffff;
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #7b9e8a;
    border-top: 1px solid #7b9e8a;
}

.wikiEditor-preview-contents {
    background: rgba(0, 0, 0, 0);
    border-color: #7b9e8a;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #000000;
}

.wikiEditor-ui-controls {
    background: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #7b9e8a;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.editOptions {  
    background-color: rgba(255, 255, 255, 0.2);
    border-color: -moz-use-text-color #7b9e8a #7b9e8a;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}


/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color: #eeeeee;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #aaaaaa;
    color: #000000;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #7c9f89;
    border: 2px solid inherit; 
    border-radius: 5px; 
    color: #ffffff;
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background: #7c9f89 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}


/* Claim wiki button - this section can be removed if you remove the claim button from the main page */
.claimwikibutton {
  text-align: center;
}

.claimwikibutton a {
    background: url("https://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    height: 57px;
    margin: 0 auto;
    max-width: 100%;
    width: 200px;
}

.claimwikibutton a:hover {
    background: url("https://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
    color: transparent;
}

/* copyright images tweak */
.copyright-icon {
    background: url("https://hydra-media.cursecdn.com/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

/* this CSS governs the responsive 2 column main page layout */

.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpmaybecols {
    overflow: hidden;
    margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
    margin: 0 0 -5px 0;
}

.fpbox {
    background-image: url("https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/a/ad/Cork.jpg");
    border-color: rgba(0, 0, 0, 0);
    border-image: url("https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/c/c5/Frame.png") 10 11 11 10 stretch;
    border-style: solid;
    border-width: 11px;
    box-shadow: 5px 5px 25px 10px rgba(0, 0, 0, 0.5) inset;
    color: #ffffff;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.fpplainbox {
    padding: 5px 8px 10px 8px;
    margin: 0 5px 10px 5px;
    vertical-align: top;
}

.fpbox .welcome {
    border-bottom: 1px solid #b8742b;
    color: #ffffff;
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-align: center;
}

.fpbox .heading {
    border-bottom: 1px solid #b8742b;
    color: #ffffff;
    font-size: 132%;
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #ffffff;
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid #b8742b;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #b8742b;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
    border-collapse: separate;
    border-spacing: 5px;
    display: table;
    width: 100%;
}

.fplink .box .row {
    display: table-row;
}

.fplink .box .row .cell {
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid #5a2014;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 #000000 inset;
    color: #ffffff;
    display: table-cell;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.fplink.wide .box .row .cell {
    padding: 0 5px;
}

#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image 
    height: 114px;{
    width: 114px;
}

.fplink.image .box .row .cell {
    height: 100px;
    width: 100px;
    vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
    height: 100px;
    width: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 134px;
    height: 134px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 164px;
    height: 164px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    width: 150px;
    height: 150px;
  }
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a,
.fplink a:visited,
.fplink a.external,
.fplink a.external:visited,
.fplink a.extiw,
.fplink a.extiw:visited {
  color: #deaf04;
  text-shadow: 1px 1px #000000;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 5px;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #505050;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}

/* Ajax poll */
.ajaxpoll-id-info {
    display: none;
}

.ajaxpoll {
    background-image: url("https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/a/ad/Cork.jpg");
    border-color: rgba(0, 0, 0, 0);
    border-image: url("https://helloneighbor.gamepedia.com/media/helloneighbor.gamepedia.com/c/c5/Frame.png") 10 11 11 10 stretch;
    border-style: solid;
    border-width: 11px;
    box-shadow: 5px 5px 25px 10px rgba(0, 0, 0, 0.5) inset;
    color: #ffffff;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

.ajaxpoll .ajaxpoll-misc,
.ajaxpoll .ajaxpoll-info {
    color: #ffffff;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement