MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
imported>Hendrik Brummermann added breadcrumbs definition to look like category links |
imported>Hendrik Brummermann No edit summary |
||
| (36 intermediate revisions by the same 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 */ |
||
div.stendhalAchievement, |
|||
div.stendhalCreature, |
div.stendhalCreature, |
||
div.stendhalItem, |
div.stendhalItem, |
||
div.stendhalNPC, |
div.stendhalNPC, |
||
div.stendhalPlayer {border: 1px solid black; padding: 0.5em; width: 15em; background-color: #FFF} |
div.stendhalPlayer {border: 1px solid black; padding: 0.5em; width: 15em; background-color: #FFF; text-align: left; font-size: 8pt} |
||
.stendhalAchievementIconNameBanner, |
|||
.stendhalCreatureIconNameBanner, |
.stendhalCreatureIconNameBanner, |
||
.stendhalItemIconNameBanner, |
.stendhalItemIconNameBanner, |
||
.stendhalNPCIconNameBanner, |
.stendhalNPCIconNameBanner, |
||
.stendhalPlayerIconNameBanner {white-space: nowrap |
.stendhalPlayerIconNameBanner {white-space: nowrap} |
||
a.stendhalAchievementLink, |
|||
div.stendhalAchievement a {font-style: italic; color: #F80} |
|||
a.stendhalAchievementLink:visited, |
|||
div.stendhalAchievement a:visited {font-style: italic; color: #D80} |
|||
a.stendhalCreatureLink, |
a.stendhalCreatureLink, |
||
| Line 26: | Line 31: | ||
a.stendhalNPCLink:visited, |
a.stendhalNPCLink:visited, |
||
div.stendhalNPC a:visited {font-style: italic; color: #77A} |
div.stendhalNPC a:visited {font-style: italic; color: #77A} |
||
a.stendhalPlayerLink, |
a.stendhalPlayerLink, |
||
| Line 32: | Line 36: | ||
a.stendhalPlayerLink:visited, |
a.stendhalPlayerLink:visited, |
||
div.stendhalPlayer a:visited {font-style: italic; color: #777} |
div.stendhalPlayer a:visited {font-style: italic; color: #777} |
||
span.stendhalAdmin {font-weight: bold} |
span.stendhalAdmin {font-weight: bold} |
||
| Line 39: | Line 42: | ||
span.stendhalAdminLow {color: #CC0} |
span.stendhalAdminLow {color: #CC0} |
||
#tooltip {position: absolute} |
|||
| Line 134: | Line 138: | ||
.breadcrumbs { |
.breadcrumbs { |
||
clear: both; |
|||
border:1px solid #AAAAAA; |
border:1px solid #AAAAAA; |
||
background-color:#F9F9F9; |
background-color:#F9F9F9; |
||
padding:5px; |
padding:5px; |
||
} |
} |
||
/** expandable boxes */ |
|||
div.ExpandableFrame { |
|||
display: inline-block; |
|||
} |
|||
div.ExpandableFrame { |
|||
border: 1px solid #AAAAAA; |
|||
clear: both; |
|||
display: block; |
|||
font-size: 95%; |
|||
margin-top: 1.5em; |
|||
padding: 2px; |
|||
} |
|||
div.ExpandableFrame + div.ExpandableFrame { |
|||
margin-top: -1px; |
|||
} |
|||
div.ExpandablePic { |
|||
float: left; |
|||
padding: 2px; |
|||
} |
|||
div.ExpandableHead { |
|||
background: none repeat scroll 0 0 #EFEFEF; |
|||
font-weight: bold; |
|||
} |
|||
div.ExpandableEnd { |
|||
display: none; |
|||
} |
|||
div.ExpandableFrame:after { |
|||
clear: both; |
|||
content: ""; |
|||
display: block; |
|||
} |
|||
.ExpandableToggle { |
|||
float: right; |
|||
font-size: x-small; |
|||
} |
|||
/* based on http://css-tricks.com/2282-simple-jquery-dropdowns/ */ |
|||
div.dropdownmenu {} |
|||
div.dropdownmenu a { text-decoration: none; } |
|||
div.dropdownmenu ul { margin: 0; padding: 0; list-style: none; position: relative; text-wrap: avoid} |
|||
div.dropdownmenu ul li { float: left; zoom: 1; background: #ccc} |
|||
div.dropdownmenu>ul>li { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom:1em} |
|||
div.dropdownmenu ul a:hover { color: #000; } |
|||
div.dropdownmenu ul a:active { color: #ffa500; } |
|||
div.dropdownmenu ul li span { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; } |
|||
div.dropdownmenu span.selectedmenu {display: block; background-color:#eee; font-weight: bold} |
|||
div.dropdownmenu ul li:last-child span { border-right: none; } /* Doesn't work in IE */ |
|||
/*div.dropdownmenu ul ul li { display: inline; width: 100%; } */ |
|||
div.dropdownmenu ul li.hover, |
|||
div.dropdownmenu ul li:hover { background: #F3D673; color: black; position: relative; } |
|||
div.dropdownmenu ul li.hover a { color: black; } |
|||
div.dropdownmenu ul ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid black; padding: 0.2em; background-color: #ccc} |
|||
div.dropdownmenu ul ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; } |
|||
div.dropdownmenu ul ul li a { width:180px; display: inline-block; } |
|||
div.dropdownmenu ul ul li a:first-child { display: inline; } |
|||
div.dropdownmenu ul ul ul { left: 100%; top: 0; } |
|||
div.dropdownmenu ul li:hover > ul { visibility: visible; } |
|||
div#content a[href^="https://"], .link-https {background-image: none} |
|||