MediaWiki:Common.css: Difference between revisions
Avinasharora (talk | contribs) No edit summary |
Avinasharora (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#bottom-nav { | #bottom-nav { | ||
position: relative; | |||
top: 0px; | |||
left: 0px; | |||
font-size: 75%; | font-size: 75%; | ||
text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff; | text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff; |
Revision as of 21:30, 7 March 2017
/* CSS placed here will be applied to all skins */ #bottom-nav { position: relative; top: 0px; left: 0px; font-size: 75%; text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff; float:left; /*makes the entire box enclose the list */ background-color:rgba(255,255,255,0.5); /* colors the background behind the box*/ a:link {color: #000;} background:#930B00; /* BACKGROUND COLORS FOR ENTIRE BOX 930B00 = DARK RED */ } #bottom-nav li { float:left; /* Causes the list to align horizontally instead of stack */ position:relative; /* positioning context for the absolutely positioned drop-down */ list-style-type:none; /* removes the bullet off each list item */ background-color:#930B00; /*sets the background of the menu items */ margin: -4px 0 0 0; /*Brings the menu items up */ padding:0 6px; /*creates space each side of menu item's text */ } #bottom-nav .portlet { margin: .5em 0 0; } #bottom-nav h3 { color: #444; text-align: left; display: inline; } #bottom-nav .pBody { display: inline; } #bottom-nav a { color: #666; } #bottom-nav ul { margin: 0; padding: 0; list-style: none; display: inline; } #bottom-nav ul li { margin: 0 .5em; display: inline; } #bottom-nav h3:first-child { -moz-border-radius-topleft: .5em; padding-bottom:1px; /*to fix from rounded edge */ border-top-left-radius: .5em; } #bottom-nav h3:last-child { -moz-border-radius-topright: .5em; border-top-right-radius: .5em; padding-bottom:1px; /*to fix from rounded edge */ } #bottom-nav h3:hover { background-color:#202020; /*Background of the menu items when hovered over #202020 = DARK GRAY */ } #bottom-nav a { display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */ color:#FFF; /* LINK TEXT color #FFF = WHITE */ text-decoration: none; /* removes underline */ }