Difference between revisions of "MediaWiki:Mobile.css"

From Highway 0, the Kentucky Route Zero wiki
Jump to navigation Jump to search
(Added .poem and .inconsolata from existing Vector customization.)
m (Fix .poem sizing)
Line 58: Line 58:
  
 
.poem {
 
.poem {
   width: 95%;
+
   width: 90%;
 
   border: 2px solid #d6d2c5;
 
   border: 2px solid #d6d2c5;
 
   background-color: #f9f4e6;
 
   background-color: #f9f4e6;

Revision as of 05:18, 26 January 2020

/* 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;
}