MediaWiki:Common.css
From MI2wiki
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Header Shadow */ h1, h2, h3, h4 { text-shadow: 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff, 0 0 0.2em #c4a8ff; } /* Original Character Table Stuff */ .CHARa { color: white; background:#865ab7 } .CHARb { color: black; background:#dbd1f7 } .seriesa{ color: white; background:#234432 } .seriesb{ color: black; background:#B0C4DE } /* Character table stuff fixed up by Dan! */ table.chartable { width:300px; float:right; border-collapse: separate; border-spacing: 0; font-size:90%; box-shadow:1px 1px 3px #333; border-radius:10px 10px 10px 10px; } table.chartable tr:first-child th:first-child { background: #333; border: 1px solid #333; text-align: center; font-size:15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } table.chartable td:first-child { padding:0px; background: #fff; text-align: center;} table.chartable tr th { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; color: white; background: #c4a8ff; font-weight: bold; text-align:center; vertical-align:text-top; } table.chartable tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; color: black; background: #e8ddff; vertical-align:text-top; } table.chartable tr th,table.chartable tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; } table.chartable tr th:first-child { border-left: 1px solid #666; border-right: 0px solid #666;} table.chartable td { border-left: 1px solid #666; } table.chartable tr th:last-child,table.chartable tr td:last-child { border-right: 1px solid #666; } table.chartable tr:last-child th { border-bottom-left-radius: 10px; } table.chartable tr:last-child td { border-bottom-right-radius: 10px; } /* Organization table stuff fixed up by Dan! */ table.orgtable { width:300px; float:right; border-collapse: separate; border-spacing: 0; font-size:90%; box-shadow:1px 1px 3px #333; border-radius:10px 10px 10px 10px; } table.orgtable tr:first-child th:first-child { background: #333; border: 1px solid #333; text-align: center; font-size:15px; border-top-left-radius: 10px; border-top-right-radius: 10px; } table.orgtable td:first-child { padding:0px; background: #fff; text-align: center; } table.orgtable tr th { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; color: white; background: #40975f; font-weight: bold; text-align:center; vertical-align:text-top; } table.orgtable tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; color: black; background: #B0C4DE; vertical-align:text-top; } table.orgtable tr th,table.orgtable tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 2px; } table.orgtable tr th:first-child { border-left: 1px solid #666; border-right: 0px solid #666;} table.orgtable td { border-left: 1px solid #666; } table.orgtable tr th:last-child,table.orgtable tr td:last-child { border-right: 1px solid #666; } table.orgtable tr:last-child th { border-bottom-left-radius: 10px; } table.orgtable tr:last-child td { border-bottom-right-radius: 10px; } /* Wiki Table */ table.wikitable, table.prettytable { margin: 10px 10px 10px 0; background: #f9f9f9; border: 1px #666 solid; border-collapse: collapse; -moz-box-shadow:1px 1px 3px #333; -webkit-box-shadow:1px 1px 3px #333; box-shadow:1px 1px 3px #333; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #666 solid; vertical-align:text-top; padding: 2px; } table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; } /* TOC (Table of Contents) */ #toc { margin:3px 0 3px 0; padding:1px 1px 1px 1px; border:1px solid #666; -moz-border-radius:0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius 10px; border-radius:0 10px 10px 0; -moz-box-shadow:1px 1px 3px #333; -webkit-box-shadow:1px 1px 3px #333; box-shadow:1px 1px 3px #333; background:#F9F9F9 url(http://gubaba.org/mi2/wiki/images/c/cd/Tocline.png) top center repeat-x; } span.tocnumber, span.toctext { color:#001E8C; } #toctitle { margin-bottom:7px; } /* Clean Table */ table.cleantable { margin: 10px 10px 10px 0; background: #ffffff; border: 0px; border-collapse: collapse; } table.cleantable th, table.cleantable td { border: 0px; vertical-align:text-top; } table.cleantable th { background: #ffffff; text-align: center; } table.cleantable td { padding: 5px; } table.cleantable caption { margin-left: inherit; margin-right: inherit; } /* Tabber */ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:1em; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; /* * begin wikia change * VOLDEV-92 * @author Cqm * Fixes weird word break issues in IE */ word-wrap: normal; /* end wikia change */ } ul.tabbernav li { list-style: none; margin: 0; display: inline; /* Wikia Start */ line-height: normal; /* Wikia End */ } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:0px; border:1px solid #aaa; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }