MediaWiki:Common.css
Revision as of 18:36, 12 December 2020 by An Adventurer (talk | contribs) (copying common.css from https://www.mediawiki.org/wiki/Extension:CSS_MenuSidebar#Common.css)
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 / Edge: 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 */ /* Item and Equipment Templates */ .item { float:left; width:300px; border:1px solid #907854; background-color: #1a1a1a; color: #FFFFFF; padding: 0.2em; font-size: 0.90em; font-family: Verdana, Arial, sans-serif; } .item span {color:GreenYellow} .item a:visited {color:SkyBlue} .item a:link, a:hover, a:active {color:RoyalBlue} .item_textbox { background-color:#e6dd80; border:1px solid #cc9900; color:#000000; padding:30px; width:500px; margin:10px auto 0; text-align:justify; } .item_textbox #author { border-top:1px solid #cc9900; margin:10px 0; } .item ul, .item_textbox ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; } .item li.topbottomspace {margin:10px 0px;} .item li.topspace {margin-top:10px;} .item li.bottomspace {margin-bottom:10px;} .item li.dmgbonus {padding-left:6px;} .item li.inscription {border-top:1px solid #907854;} #item_header { display:table; padding:2px; text-align:center; width:100%; font-weight:bold; } #item_header div { display:table-cell; vertical-align: middle; } #item_header div + div { display:table-cell; vertical-align: middle; width:40px; } /* Creature and NPC Templates */ .character-infobox { background:#000033; border:2px solid #996633; padding:0.3em; width:22em; float:right; font-size:95%; color:#ffffff; } .character-infobox th { padding:0.5em; font-size:120%; } /* Dungeon Summary Template */ .location-infobox { background:#000033; border:2px solid #996633; padding:0.3em; width:22em; float:right; font-size:95%; color:#ffffff; } .location-infobox th { padding:0.5em; font-size:120%; } /* Quest Summary Template */ .quest-infobox { background:#000033; border:2px solid #996633; padding:0.3em; width:22em; float:right; font-size:95%; color:#ffffff; } .quest-infobox th { padding:0.5em; text-align:center; font-size:120%; } /* Quest Rewards Template */ table.questrewards { width:375px; background:#000033; border:2px solid #996633; margin-bottom:3px; } table.questrewards th { background:#996633; font: normal 105% Verdana; } table.questrewards td:first-child { text-align:center; width:100px; font: normal 95% Verdana; color:#ffffff; } table.questrewards td:last-child { font: normal 100% Arial; } table.questrewards tr { vertical-align:top; } /* Item list templates */ .itemtable { display:table; margin-left:6px; margin-bottom:10px; } .itemtable_row { display:table-row; } .itemtable_cell { display:table-cell; padding:5px; } .itemtable_caption { font-weight: bold; } .itemlist ul { list-style: none; list-style-type: none; list-style-image: none; } .creatureitems { display:inline-block; padding:3px; margin-bottom:1px; } .creatureitems > span { position: absolute; } .creatureitems > span > span { font-size:29px; z-index:1; position: absolute; right: -32px; bottom: -26px; } /* Horizontal ToC bar (dungeon and quest templates) */ .contentsbar { background:#000033; padding:5px; width:100%; text-align:center; } /* Map point template */ .mappoint { position:relative; top:0px; left:0px; width:260px; } .mappoint span:first-child { position:absolute; top:2px; left:2px; z-index:1; } .mappoint span + span, .mappointloc { z-index:2; } /* Tooltips */ .htt .tooltip-content .tooltip-hide, .hidden { display:none; } .tooltip-error { background-color: black; color: white; max-width: 18em; } .tooltip-ready { visibility:hidden; display:block; z-index:999; } .creaturetooltip { background-color: #f9f9f9; } /* Chat colors */ span.say { color:black; } span.emote { color:grey; } span.tell { color:darkgoldenrod; } span.event { color:green; } span.magic { color:cornflowerblue; } /* Buffed/debuffed stat color */ span.buffed { color:greenyellow; } span.debuffed { color:red; } /* Hide main page title */ body.page-Home h1.firstHeading {display:none;} /* * Start of MenuSidebar CSS */ /* this has to be overridden for every menu */ #p-Menu, #p-Menu2, #p-Menu3 { overflow: visible; } /* this has to be overridden for every menu */ #p-Menu div, #p-Menu2 div, #p-Menu3 div { margin: 0; padding: 0; } /* this is an example to make the list of the second entry bigger e.g. when ther is a longer text in a list item #p-Menu ul li.item2 ul { width: 16em; } */ /* this an example to change the background color of every second list item li.even { background-color: #eeeeee; } */ .menuSidebar ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0; } /* this div is only for better handling and navigation ... could also be done in inner ul*/ .menuSidebar ul div { position: absolute; top: -6px; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */ z-index: 100; /* show ul on top */ } .menuSidebar ul ul { background-color: white; border: 1px solid #aaaaaa; margin-top: 5px; /* make navigation easier*/ margin-bottom: 5px; /* make navigation easier*/ z-index: 101; /* show on top; Needed for IE 7 */ width: 12em; /* width of inner menu, Needed for IE 7 */ } .menuSidebar li { position: relative; /* make li a container for inner elements */ margin: 1px; z-index: 102; /* show on top; Needed for IE 7 */ } /* style, color and size links and headings to suit */ .menuSidebar a { font-weight: bold; display: block; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #aaaaaa; margin: 0px; padding: 1px; padding-left: 5px; color: #000000; text-decoration: none; } /* move the > to the right */ .menuSidebar a em { position: absolute; right: 4px; } .menuSidebar li:hover, /* Needed for IE 7 */ .menuSidebar a:hover { background: #ccccff; } .menuSidebar li.separator a:hover { background: white; } /* Needed for IE 7 */ .menuSidebar li.separator a, .menuSidebar li.separator { line-height: 0px; height: 0px; font-size: 0px; } .menuSidebar ul li:last-Child a { border-width: 0px 0px 0px 0px; // remove the last bottom line padding-bottom: 0px; } /* hides the first level */ .menuSidebar ul li div { display: none; } /* shows the first level and hide the second */ .menuSidebar ul li:hover div, .menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */ /* second level*/ .menuSidebar ul li ul li:hover div, .menuSidebar ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* third level */ .menuSidebar ul li ul li ul li:hover div, .menuSidebar ul li ul li ul li div:hover { display: block; } /* div is again used for easier navigation*/ .menuSidebar ul li ul li ul li:hover ul li div { display: none; } /* hide the next level */ /* * End of MenuSidebar CSS */