Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: /** * Styling for links generated by MediaWiki:Edittools * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling *...") |
|||
(26 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */.mw-charinsert-buttons { margin-top: 10px; border: 1px solid #aaaaaa; padding: 1px; text-align: center; font-size: 110%;}.mw-charinsert-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em;}.mw-charinsert-buttons a:hover,.mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset;}.client-js .mw-edittools-section { display: inline;}.client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px;} | /** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */.mw-charinsert-buttons { margin-top: 10px; border: 1px solid #aaaaaa; padding: 1px; text-align: center; font-size: 110%;}.mw-charinsert-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em;}.mw-charinsert-buttons a:hover,.mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset;}.client-js .mw-edittools-section { display: inline;}.client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px;} | ||
+ | |||
+ | /* | ||
+ | * MenuSidebar | ||
+ | */ | ||
+ | /* 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: #f2ebda; | ||
+ | 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 */ | ||
+ | |||
+ | /*---------------------*/ | ||
+ | /** | ||
+ | * Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]], | ||
+ | * [[Special:Watchlist/edit]] and in category listings. | ||
+ | */ | ||
+ | .allpagesredirect, | ||
+ | .redirect-in-category, | ||
+ | .watchlistredir { | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | /*Sidebar*/ | ||
+ | #p-lang { | ||
+ | background-color: red; | ||
+ | } | ||
+ | |||
+ | /*Hides edit toolbar and view history*/ | ||
+ | /*#ca-view, #ca-edit, #ca-history { display: none !important; }*/ | ||
+ | |||
+ | /*Header Tabs*/ | ||
+ | |||
+ | #headertabs .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav { | ||
+ | background-color: #e1e1e1; | ||
+ | } | ||
+ | #headertabs .ui-tabs-active { | ||
+ | background-color: #f1f1f3; | ||
+ | } | ||
+ | |||
+ | .mw-editfont-monospace, | ||
+ | .mw-editfont-sans-serif, | ||
+ | .mw-editfont-serif { | ||
+ | font-size: 15px !important; | ||
+ | } |