Open main menu

MediaWiki:Mobile.css

Revision as of 05:18, 26 January 2020 by BabblingFishes (talk | contribs) (Fix .poem sizing)

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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the mobile site */

/********/
/* Font */
/********/

@import url('https://fonts.googleapis.com/css?family=Podkova:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');
/* CSS placed here will affect users of the mobile site */

/*********************************/
/* Zero word effect by User:Nclm */
/*********************************/

@supports (background-clip: text) or (-webkit-background-clip: text) {
  @keyframes zero {
    from { background-position: -800px -83px; }
    to { background-position: 0% 0%; }
  }
  .zero {
    background-image: url(/~donald/zero/images/3/36/Zero_Fog.png);
    animation-name: zero;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-background-clip: text;  
    background-clip: text;
    color: rgba(0,0,0,0);
  }
  a .zero {
    background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png);
  }
}

@supports (background-clip: text) or (-webkit-background-clip: text) {
  @keyframes zerowhite {
    from { background-position: -800px -83px; }
    to { background-position: 0% 0%; }
  }
  .zerowhite {
    background-image: url(/~donald/zero/images/7/73/ZeroWhite_Fog.png);
    animation-name: zerowhite;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-background-clip: text;  
    background-clip: text;
    color: rgba(0,0,0,0);
  }
  a .zerowhite {
    background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png);
  }
}

/*********************/
/* Custom tag styles */
/*********************/

.poem {
  width: 90%;
  border: 2px solid #d6d2c5;
  background-color: #f9f4e6;
  padding: 1em;
  font-family: monospace;
  font-size: 1.15em;
}

.inconsolata {
  font-family: 'Inconsolata', monospace;
}