This wiki is still a major work in progress, and a lot is being worked on. Please be patient.Newmaker

MediaWiki:Common.css

From Petscop
Revision as of 22:00, 10 November 2018 by Newmaker (talk | contribs)
Jump to: navigation, search

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 be applied to all skins */

body { font-size: 125%; }

/* Petscop textboxes */
@font-face {
	font-family: 'Petscop Wide';
	src: url('/images/3/39/Petscop_Wide.woff') format('woff'),
	url('/images/8/86/Petscop_Wide.ttf')  format('truetype');
}

.petscop-font {
  font-family: 'Petscop Wide', Ubuntu Mono, Consolas, Monaco, Courier New, sans-serif;
  font-size: 24px; /* 16 */
  font-style: normal;
  -webkit-font-smoothing: none;
  font-smooth: never;
}

.petscop-textbox {
  font-family: 'Petscop Wide', Ubuntu Mono, Consolas, Monaco, Courier New, sans-serif;
  font-size: 32px;
  border: 5px solid gray;
  background-color: #0f0909;
  padding: 0.3em 0.5em;
  margin: 4px auto 4px 4px;
  color: white;
  border-color: #0f0909 #070404 #040101 #070404;
  box-shadow: 0px 0px 0px 2px black;
}

.petscop-textbox-light {
  border: 5px solid gray;
  background-color: white;
  color: black;
  border-color: #eee #bbb #888 #bbb;
  box-shadow: 0px 0px 0px 2px black;
}

.petscop-textbox-pause {
  border: none;
  background-color: #fdf;
  color: #725;
  min-width: 9em;
  display: inline-block;
}

.petscop-textbox p {
  margin: 0;
  line-height: normal;
}
.poem hr+br {
    display: none;
}

.petscop-text-color {
    color: transparent;
    background: black;
    -webkit-background-clip: text;
    background-clip: text;
}

.petscop-textbox-light .petscop-color-green    { background-image: linear-gradient(#0a0, #000);  }
                       .petscop-color-green    { background-image: linear-gradient(#0a0, #fff);  }
.petscop-textbox-light .petscop-color-red      { background-image: linear-gradient(#f00, #000);  }
                       .petscop-color-red      { background-image: linear-gradient(#f00, #fff);  }
.petscop-textbox-light .petscop-color-purple   { background-image: linear-gradient(#88c, #000);  }
                       .petscop-color-purple   { background-image: linear-gradient(#88c, #fff);  }


div#content a[href^="https://youtu.be"].external {
    background:none !important;
    padding: 0px !important;
}

.breakout {
  float: right;
  border: 1px solid #888;
  background: #111;
  padding: 0.2em;
  }

.breakouttitle {
  text-align: center;
  background: #535;
  border-top: 1px solid #a6a;
  border-bottom: 1px solid #a6a;
  }


input, textarea {
  border: 1px solid #888;
  background: #000; /* you can't fight f8 */
  color:      #ccc;
}



/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #111;
    border: 1px #555 solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #555 solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #222;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}