Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(adding some styles from fandom) |
(adding menusidebar css from acpedia) |
||
Line 263: | Line 263: | ||
/* Hide main page title */ | /* Hide main page title */ | ||
body.page-Home h1.firstHeading {display:none;} | 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 there 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: normal; | ||
+ | display: block; | ||
+ | border-width: 0px 0px 0px 0px; | ||
+ | border-style: solid; | ||
+ | border-color: #aaaaaa; | ||
+ | margin: 0px; | ||
+ | padding: 1px; | ||
+ | padding-left: 5px; | ||
+ | color: #0000ff; | ||
+ | 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 | ||
+ | */ |
Revision as of 18:25, 12 December 2020
/* 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 there 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: normal; display: block; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #aaaaaa; margin: 0px; padding: 1px; padding-left: 5px; color: #0000ff; 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 */