MediaWiki:Mobile.css

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.no-mobile {
    display: none;
}

/* Sitenotice style */
.sitenotice-backdrop {
  background: repeating-linear-gradient(
  45deg,
  #fff433,
  #9b59d0,
  black
) !important;
  background-size: cover !important;
  background-position:50% 50% !important;
  margin: auto !important;
  width: 75vw !important;
  height: auto !important;
  text-align: center !important;
}

.sitenotice-text{
  display:inline-block !important;
  margin: 10px 0 0 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  padding: 10px !important;
  font-family:'Arial', sans-serif !important;
  font-weight:bold !important;
  position: relative !important;
  z-index: 3 !important;
}

.sitenotice-subtext{
  display:inline-block !important;
  background: #f7eaf9 !important;
  color: black !important;
  padding: 20px 10px 10px 10px !important;
  font-family:'Arial', sans-serif !important;
  font-size: 0.85em !important;
  margin: -6px 0 10px !important;
  z-index: 2 !important;
}

.sitenotice-button {
	display:inline-block !important; 
	background:#9b59d0 !important;
	color:white !important;
	font-weight:bold !important;
	border-radius:5px !important;
	padding:5px 10px !important;
	margin-top:10px !important;
}

.sitenotice-button:hover {
	background:#854eb2 !important;
}

.mw-dismissable-notice-body {
  margin: 0 !important;
}


/* Style for Nonbinary Wiki:Dive in! */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.content-body {
    padding: 10px;
    text-align: center;
    display: none;
}
.content-box:hover .content-body {
    display: block;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}
.bottom-section .mw-ui-button {
    margin-bottom: 5px;
}