MediaWiki:Common.css
Jump to navigation
Jump to search
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.
/* FONT */ @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); body { font-family: 'Roboto', sans-serif; font-size: 17px; } #content h1, #content h2 { font-family: 'Roboto', sans-serif; } /* INFOBOX */ .infobox { background: #eee; border: 2px solid #aaa; float: right; margin: 0 0 1em 1em; /*padding: 1em;*/ width: 400px; } .infobox-title { background: #aaa; border: solid #aaa; border-width: 1px 0px 0px 0px; font-size: 1.5em; font-weight: bold; text-align: center; padding: 0.5em; } .infobox-image { text-align: center; margin: 1em 1em 1em 1em; } .infobox table { border-spacing: 0; border-collapse: collapse; } .infobox th { border: solid #aaa; border-width: 1px 0px 0px 0px; padding: 4px 6px; text-align: left; vertical-align: top; width: 120px; } .infobox td { border: solid #aaa; border-width: 1px 0px 0px 0px; padding: 4px 6px; vertical-align: top; width: 280px; } @-webkit-keyframes rainbow { 0% {border-color: hsl(0, 100%, 50%);} 100% {border-color: hsl(255, 100%, 50%);} }* /* CUSTOM BUTTON */ .custombutton { font-weight: bold; text-align: left; } /* CUSTOM HEADER */ .customheader { background: #aaa; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-other { background: #EAECF0; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } /* CUSTOM HEADER - THEMES */ .customheader-theme-eeiten { background: #e8d985; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-leiten { background: #7e8ccf; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-seiten { background: #d37d7d; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-new_moon { background: #7259b2; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-red_rose { background: #ba4768; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-corpus { background: #7F797E; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-xana { background: #F9BD81; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-malrhein { background: #935D51; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-frozalandia { background: #91dee3; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-phantasma { background: #844267; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-kryma { background: #0074A5; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-mediala { background: #b49968; border: 1px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } .customheader-theme-ultimate { background: linear-gradient(45deg, #FFBAC1, #FFD7D3, #FFF9E8, #E5FFE6, #D8F9FF, #C6CCFF, #E0B7FF, #FFBAC1) hsl(0, 100%, 50%); -webkit-animation: rainbow 5s infinite alternate; border: 4px solid transparent; border-radius: .3em; font-size: 130%; font-weight: bold; margin: 5px 0 10px; overflow: auto; padding: .3em .4em .2em; text-align: center; } /* CHARACTER FRAME */ .charframe { background: #eee; border: 2px solid #aaa; float: left; padding: 0; width: 135px; } /* CHARACTER FRAME - THEMES */ .charframe-theme-eeiten { background: #fff6ca; border: 2px solid #e8d985; float: left; padding: 0; width: 135px; } .charframe-theme-leiten { background: #cad3ff; border: 2px solid #7e8ccf; float: left; padding: 0; width: 135px; } .charframe-theme-seiten { background: #ffd6ca; border: 2px solid #d37d7d; float: left; padding: 0; width: 135px; } .charframe-theme-new_moon { background: #9d8bb8; border: 2px solid #7259b2; float: left; padding: 0; width: 135px; } .charframe-theme-red_rose { background: #d298aa; border: 2px solid #ba4768; float: left; padding: 0; width: 135px; } .charframe-theme-corpus { background: #8d8d8d; border: 2px solid #7F797E; float: left; padding: 0; width: 135px; } .charframe-theme-xana { background: #fce5cd; border: 2px solid #F9BD81; float: left; padding: 0; width: 135px; } .charframe-theme-malrhein { background: #CE7361; border: 2px solid #935D51; float: left; padding: 0; width: 135px; } .charframe-theme-frozalandia { background: #cff1f3; border: 2px solid #91dee3; float: left; padding: 0; width: 135px; } .charframe-theme-phantasma { background: #ad8bb8; border: 2px solid #844267; float: left; padding: 0; width: 135px; } .charframe-theme-kryma { background: #8b9ab8; border: 2px solid #0074A5; float: left; padding: 0; width: 135px; } .charframe-theme-mediala { background: #e2d3b8; border: 2px solid #b49968; float: left; padding: 0; width: 135px; } .charframe-theme-ultimate { background: linear-gradient(45deg, #FFBAC1, #FFD7D3, #FFF9E8, #E5FFE6, #D8F9FF, #C6CCFF, #E0B7FF, #FFBAC1); border: 2px solid hsl(0, 100%, 50%); -webkit-animation: rainbow 5s infinite alternate; float: left; padding: 0; width: 135px; } /* CHARACTER FRAME - ELEMENTS*/ .charframe-gallery { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .charframe-image { text-align: left; } .charframe-title { font-size: 14px; font-weight: bold; text-align: center; } .charframe-subtitle { font-size: 12px; font-weight: bold; text-align: center; } /* DARK THEME */