MediaWiki:Common.css

/* 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; font-weight: normal !important; }

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

/* boldface breaks some things, like text colors */ .petscop-textbox .mw-selflink, .petscop-font .mw-selflink { font-weight: normal !important; }

.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; }

.petscop-textbox-childlibrary { border: 3px solid #c4d; background-color: #b8f; color: #fff; text-align: center; padding: 3px; min-width: unset; }

.petscop-textbox-childlibrary-inside { border: 3px solid #519; padding: 0.3em 0.5em; }

.petscop-textbox-mikegrave { border: 3px solid #000; background-color: #000; color: #aaa; text-align: center; padding: 0px; min-width: unset; }

.petscop-textbox-mikegrave-inside { border: 5px solid #aaa; border-width: 5px 5px; padding: 0.3em 0.6em; }

.petscop-textbox p, .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);  } .petscop-textbox-light .petscop-color-yellow  { background-image: linear-gradient(#fe4, #000);  } .petscop-color-yellow  { background-image: linear-gradient(#fe4, #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; }

.mainpage-wrapper { display: flex; flex-wrap: wrap; justify-content: space-around; }

.mainpage-wrapper > div { min-width: 400px; padding: 1em; flex-grow: 1; flex-basis: 400px; }