Difference between revisions of "MediaWiki:Common.css"

 
(190 intermediate revisions by one user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
body {
 +
background-image:url('https://2k14.balccon.org/images/d/d7/Background_digital.jpg');
 +
background-size: cover;
  
MediaWiki:Common.css
+
}
From Wikipedia, the free encyclopedia
+
/*
Crystal 128 kivio.png This is the CSS for all skins. Any major changes to this page should first be proposed on its talk page or the Village pump.
+
h1, h2, h3, h4, h5, h6,p,a {
 +
    color: white;
 +
}
  
Please note that changes are visible within minutes. Errors you make here can disrupt the entire encyclopedia, so make sure you know what you are doing. Always check with the W3C CSS Validation Service before and after any changes.
+
#mw-navigation { display: none; }
  
Testing can be done on your personal skin.css. In Mozilla Firefox and Opera, you can also test style changes dynamically with the test styles bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.
 
If you add or modify anything here, please update the catalogue of CSS classes.
 
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button. Firefox: hold down the Shift key while clicking Reload (or press Ctrl-Shift-R). Google Chrome and Safari users can just click the Reload button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
 
  
/* Default styling for HTML elements */
+
 
dfn {
+
ADDED BY EA!!!
    font-style: inherit; /* Reset default styling for <dfn> */
+
 
 +
*/
 +
#sitetitle {
 +
        margin-top: 1%
 +
        margin-right:2%;
 +
   
 
}
 
}
+
#footer-info{
/* Main page fixes */
+
color: #81F7F3
#interwiki-completelist {
+
    font-weight: bold;
+
 
}
 
}
body.page-Main_Page #ca-delete {
+
#content {
    display: none !important;
+
        margin-top:-2%;
 +
   
 
}
 
}
body.page-Main_Page #mp-topbanner {
+
#toc{
    clear: both;
+
background-color: #00040E;
 
}
 
}
+
#n-test{
/* Edit window toolbar */
+
visibility: hidden;
#toolbar {
+
    height: 22px;
+
    margin-bottom: 6px;
+
 
}
 
}
+
#p-Archive
/* Highlight data points in the info action if specified in the URL */
+
{
body.action-info :target {
+
//color: red !important;
    background: #DEF;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
+
 
/* Make the list of references smaller */
+
#n-Call-For-Papers
ol.references,
+
{
div.reflist,
+
  //color: ;
div.refbegin {
+
  font-size: 1.5em;  
    font-size: 90%;           /* Default font-size */
+
  font-weight: bold;
    margin-bottom: 0.5em;
+
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
div.refbegin-100 {
+
#n-BalCCon2k14-Media
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
+
{
 +
  //color: #FF6633;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  font-weight: italic;
 +
  text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
div.reflist ol.references {
+
#n-Press-Kit
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
+
{
    list-style-type: inherit; /* Enable custom list style types */
+
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
+
#n-Volunteers
/* Highlight clicked reference in blue to help navigation */
+
{
ol.references li:target,
+
  //color: red !important;
sup.reference:target,
+
  font-size: 1.5em;
span.citation:target {
+
  font-weight: bold;
background-image:url('http://1.s3.envato.com/files/69503076/590x300_C5_00342.jpg');
+
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
+
#n-Supporters {
/* Ensure refs in table headers and the like aren't bold or italic */
+
  //color: red !important;
sup.reference {
+
  font-size: 1.5em;
    font-weight: normal;
+
  font-weight: bold;
    font-style: normal;
+
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
+
#n-Contact {
/* Allow hidden ref errors to be shown by user CSS */
+
  //color: red !important;
span.brokenref {
+
  font-size: 1.5em;
    display: none;
+
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
+
#n-FAQ {
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
+
  //color: red !important;
.citation {
+
  font-size: 1.5em;
    word-wrap: break-word;
+
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
+
#n-BalCCon2k13{
/* For linked citation numbers and document IDs, where
+
  //color: red !important;
   the number need not be shown on a screen or a handheld,
+
   font-size: 1em;
   but should be included in the printed version */
+
   font-weight: bold;  
@media screen, handheld {
+
  //text-decoration: underline;
    .citation .printonly {
+
        display: none;
+
    }
+
 
}
 
}
+
#n-BalCCon2k14{
/* Reset top margin for lists embedded in columns */
+
  //color: red !important;
div.columns {
+
  font-size: 1.5em;
    margin-top: 0.3em;
+
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
div.columns dl,
+
#n-Speakers {
div.columns ol,
+
  //color: red !important;
div.columns ul {
+
  font-size: 1.5em;
    margin-top: 0;
+
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
+
 
/* Avoid list items from breaking between columns */
+
#n-Tickets {
div.columns li,
+
  //color: red !important;
div.columns dd dd {
+
  font-size: 1.5em;  
    -webkit-column-break-inside: avoid;
+
  font-weight: bold;  
    page-break-inside: avoid;
+
  //text-decoration: underline;
    break-inside: avoid-column;
+
 
}
 
}
+
#n-Home {
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
+
  //color: red !important;
.flowlist ul {
+
  font-size: 1.5em;  
    overflow-x: hidden;
+
  font-weight: bold;  
    margin-left: 0;
+
  //text-decoration: underline;
    padding-left: 1.6em;
+
 
}
 
}
.flowlist ol {
+
#n-News {
    overflow-x: hidden;
+
  //color: red !important;
    margin-left: 0;
+
  font-size: 1.5em;  
    padding-left: 3.2em;
+
  font-weight: bold;  
 +
  //text-decoration: underline;
 
}
 
}
.flowlist dl {
+
#n-Schedule {
    overflow-x: hidden;
+
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
+
 
/* Style for horizontal lists (separator following item).
+
/*
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
+
 
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
+
 
  @revision 6 (2014-05-09)
+
end addition by ea
  @author [[User:Edokter]]
+
*/
*/
+
 
.hlist dl,
+
 
.hlist ol,
+
 
.hlist ul {
+
/*
    margin: 0;
+
* MenuSidebar
    padding: 0;
+
*/
}
+
/* this has to be overridden for every menu */
/* Display list items inline */
+
#p-Menu,
.hlist dd,
+
#p-Menu2,
.hlist dt,
+
#p-Menu3 {
.hlist li {
+
overflow: visible;  
    margin: 0;
+
    display: inline;
+
}
+
/* Display nested lists inline */
+
.hlist.inline,
+
.hlist.inline dl,
+
.hlist.inline ol,
+
.hlist.inline ul,
+
.hlist dl dl, .hlist dl ol, .hlist dl ul,
+
.hlist ol dl, .hlist ol ol, .hlist ol ul,
+
.hlist ul dl, .hlist ul ol, .hlist ul ul {
+
    display: inline;
+
}
+
/* Generate interpuncts */
+
.hlist dt:after {
+
    content: ": ";
+
}
+
.hlist dd:after,
+
.hlist li:after {
+
    content: " · ";
+
    font-weight: bold;
+
}
+
.hlist dd:last-child:after,
+
.hlist dt:last-child:after,
+
.hlist li:last-child:after {
+
    content: none;
+
}
+
/* For IE8 */
+
.hlist dd.hlist-last-child:after,
+
.hlist dt.hlist-last-child:after,
+
.hlist li.hlist-last-child:after {
+
    content: none;
+
}
+
/* Add parentheses around nested lists */
+
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
+
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
+
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
+
    content: " (";
+
    font-weight: normal;
+
}
+
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
+
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
+
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
+
    content: ") ";
+
    font-weight: normal;
+
}
+
/* For IE8 */
+
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
+
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
+
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
+
    content: ") ";
+
    font-weight: normal;
+
}
+
/* Put ordinals in front of ordered list items */
+
.hlist ol {
+
    counter-reset: listitem;
+
}
+
.hlist ol > li {
+
    counter-increment: listitem;
+
}
+
.hlist ol > li:before {
+
    content: " " counter(listitem) " ";
+
    white-space: nowrap;
+
}
+
.hlist dd ol > li:first-child:before,
+
.hlist dt ol > li:first-child:before,
+
.hlist li ol > li:first-child:before {
+
    content: " (" counter(listitem) " ";
+
 
}
 
}
 
   
 
   
/* Unbulleted lists */
+
/* this has to be overridden for every menu */
.plainlist ol,
+
#p-Menu div,
.plainlist ul {
+
#p-Menu2 div,
    line-height: inherit;
+
#p-Menu3 div {
    list-style: none none;
+
margin: 0;
    margin: 0;
+
padding: 0;
}
+
.plainlist ol li,
+
.plainlist ul li {
+
    margin-bottom: 0;
+
 
}
 
}
 
   
 
   
/* Default style for navigation boxes */
+
/* 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
.navbox {                    /* Navbox container style */
+
#p-Menu ul li.item2 ul {
    border: 1px solid #aaa;
+
width: 20em;
    width: 100%;
+
    margin: auto;
+
    clear: both;
+
    font-size: 88%;
+
    text-align: center;
+
    padding: 1px;
+
}
+
.navbox-inner,
+
.navbox-subgroup {
+
    width: 100%;
+
}
+
.navbox-group,
+
.navbox-title,
+
.navbox-abovebelow {
+
    padding: 0.25em 1em;      /* Title, group and above/below styles */
+
    line-height: 1.5em;
+
    text-align: center;
+
}
+
th.navbox-group {            /* Group style */
+
    white-space: nowrap;
+
    /* @noflip */
+
    text-align: right;
+
}
+
.navbox,
+
.navbox-subgroup {
+
    background: #fdfdfd;      /* Background color */
+
}
+
.navbox-list {
+
    line-height: 1.8em;
+
    border-color: #fdfdfd;    /* Must match background color */
+
}
+
.navbox th,
+
.navbox-title {
+
    background: #ccccff;      /* Level 1 color */
+
}
+
.navbox-abovebelow,
+
th.navbox-group,
+
.navbox-subgroup .navbox-title {
+
    background: #ddddff;      /* Level 2 color */
+
}
+
.navbox-subgroup .navbox-group,
+
.navbox-subgroup .navbox-abovebelow {
+
    background: #e6e6ff;      /* Level 3 color */
+
}
+
.navbox-even {
+
    background: #f7f7f7;      /* Even row striping */
+
}
+
.navbox-odd {
+
    background: transparent;  /* Odd row striping */
+
}
+
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
+
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
+
}
+
.navbox .hlist td dl,
+
.navbox .hlist td ol,
+
.navbox .hlist td ul,
+
.navbox td.hlist dl,
+
.navbox td.hlist ol,
+
.navbox td.hlist ul {
+
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
+
}
+
ol + table.navbox,
+
ul + table.navbox {
+
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
+
 
}
 
}
 +
*/
 
   
 
   
/* Default styling for Navbar template */
+
this an example to change the background color of every second list item
.navbar {
+
li.even {
    display: inline;
+
background-color: #eeeeee;
    font-size: 88%;
+
    font-weight: normal;
+
 
}
 
}
.navbar ul {
+
 
    display: inline;
+
div#pBody{
    white-space: nowrap;
+
     color: inherit;
}
+
.navbar li {
+
     word-spacing: -0.125em;
+
}
+
.navbar.mini li span {
+
  font-variant: small-caps;
+
}
+
/* Navbar styling when nested in infobox and navbox */
+
.infobox .navbar {
+
    font-size: 100%;
+
}
+
.navbox .navbar {
+
    display: block;
+
    font-size: 100%;
+
}
+
.navbox-title .navbar {
+
    /* @noflip */
+
    float: left;
+
    /* @noflip */
+
    text-align: left;
+
    /* @noflip */
+
    margin-right: 0.5em;
+
    width: 6em;
+
 
}
 
}
 
   
 
   
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
+
.menuSidebar ul { /* remove bullets and list indents */
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
+
list-style: none;
.collapseButton {
+
margin: 15px;
    /* @noflip */
+
padding: 10px;
    float: right;
+
margin-bottom: 100%;
    font-weight: normal;
+
    /* @noflip */
+
    margin-left: 0.5em;
+
    /* @noflip */
+
    text-align: right;
+
    width: auto;
+
}
+
/* In navboxes, the show/hide button balances the v·d·e links
+
  from [[Template:Navbar]], so they need to be the same width. */
+
.navbox .collapseButton {
+
    width: 6em;
+
 
}
 
}
 
   
 
   
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
+
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.mw-collapsible-toggle {
+
.menuSidebar ul div {  
    font-weight: normal;
+
position: absolute;
    /* @noflip */
+
top: -6px;
    text-align: right;
+
left: 100%; /* to position them to the right of their containing block */
}
+
width: 100%; /* width is based on the containing block */
.navbox .mw-collapsible-toggle {
+
margin-bottom: 3em;
    width: 6em;
+
z-index: 100; /* show ul on top */
 
}
 
}
 
   
 
   
/* Infobox template style */
+
.menuSidebar ul ul {  
.infobox {
+
background-color: white;
    border: 1px solid #aaa;
+
border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
+
margin-top: 15px; /* make navigation easier*/
    color: black;
+
margin-bottom: 100%; /* make navigation easier*/
    /* @noflip */
+
z-index: 101; /* show on top; Needed for IE 7 */
    margin: 0.5em 0 0.5em 1em;
+
width: 18em; /* width of inner menu, Needed for IE 7 */
    padding: 0.2em;
+
    /* @noflip */
+
    float: right;
+
    /* @noflip */
+
    clear: right;
+
    /* @noflip */
+
    text-align: left;
+
    font-size: 88%;
+
    line-height: 1.5em;
+
}
+
.infobox caption {
+
    font-size: 125%;
+
    font-weight: bold;
+
}
+
.infobox td,
+
.infobox th {
+
    vertical-align: top;
+
}
+
.infobox.bordered {
+
    border-collapse: collapse;
+
}
+
.infobox.bordered td,
+
.infobox.bordered th {
+
    border: 1px solid #aaa;
+
}
+
.infobox.bordered .borderless td,
+
.infobox.bordered .borderless th {
+
    border: 0;
+
 
}
 
}
 
   
 
   
.infobox.sisterproject {
+
.menuSidebar li {
    width: 20em;
+
position: relative; /* make li a container for inner elements */
    font-size: 90%;
+
margin: 15px;
 +
margin-bottom: 100%;
 +
z-index: 102; /* show on top; Needed for IE 7 */
 
}
 
}
 
   
 
   
.infobox.standard-talk {
+
/* style, color and size links and headings to suit */
    border: 1px solid #c0c090;
+
.menuSidebar a {
    background-color: #f8eaba;
+
font-weight: bold;
}
+
display: block;
.infobox.standard-talk.bordered td,
+
border-width: 0px 0px 1px 0px;
.infobox.standard-talk.bordered th {
+
border-style: solid;
    border: 1px solid #c0c090;
+
border-color: #aaaaaa;
}
+
margin: 15px;
 +
padding: 15px;
 +
padding-top: 20px;
 +
color: #ffffff !important;;
 +
text-decoration: none;
 +
margin-bottom: 50%;
 
   
 
   
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
 
}
 
}
 
   
 
   
.infobox.bordered .mergedrow td,
+
/* move the &gt; to the right */
.infobox.bordered .mergedrow th {
+
.menuSidebar a em {
    border: 0;
+
position: absolute;
    /* @noflip */
+
right: 4px;
    border-right: 1px solid #aaa;
+
margin-bottom: 100%;
 
}
 
}
 
   
 
   
/* Styles for geography infoboxes, eg countries,
+
.menuSidebar li:hover, /* Needed for IE 7 */
  country subdivisions, cities, etc.            */
+
.menuSidebar a:hover {
.infobox.geography {
+
background: #ccccff;
    border-collapse: collapse;
+
    line-height: 1.2em;
+
    font-size: 90%;
+
 
}
 
}
 
   
 
   
.infobox.geography  td,
+
.menuSidebar li.separator a:hover {
.infobox.geography  th {
+
hight: 20px
    border-top: 1px solid #aaa;
+
background: white;
    padding: 0.4em 0.6em 0.4em 0.6em;
+
}
+
.infobox.geography .mergedtoprow td,
+
.infobox.geography .mergedtoprow th {
+
    border-top: 1px solid #aaa;
+
    padding: 0.4em 0.6em 0.2em 0.6em;
+
 
}
 
}
 
   
 
   
.infobox.geography .mergedrow td,
+
/* Needed for IE 7 */
.infobox.geography .mergedrow th {
+
.menuSidebar li.separator a,
    border: 0;
+
.menuSidebar li.separator {
    padding: 0 0.6em 0.2em 0.6em;
+
line-height: 0px;
 +
height: 20px;
 +
font-size: 20px;
 
}
 
}
 
   
 
   
.infobox.geography .mergedbottomrow td,
+
.menuSidebar ul li:last-Child a {  
.infobox.geography .mergedbottomrow th {
+
border-width: 0px 0px 0px 0px; // remove the last bottom line
    border-top: 0;
+
padding-bottom: 15px;
    border-bottom: 1px solid #aaa;
+
    padding: 0 0.6em 0.4em 0.6em;
+
 
}
 
}
 
   
 
   
.infobox.geography .maptable td,
+
/* hides the first level */
.infobox.geography .maptable th {
+
.menuSidebar ul li div { display: none; }
    border: 0;
+
    padding: 0;
+
}
+
 
   
 
   
/* Normal font styling for table row headers with scope="row" tag */
+
/* shows the first level and hide the second */
.wikitable.plainrowheaders th[scope=row] {
+
.menuSidebar ul li:hover div,
    font-weight: normal;
+
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
    /* @noflip */
+
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */
    text-align: left;
+
}
+
 
   
 
   
/* Lists in data cells are always left-aligned */
+
/* second level*/
.wikitable td ul,
+
.menuSidebar ul li ul li:hover div,
.wikitable td ol,
+
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
.wikitable td dl {
+
.menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
    /* @noflip */
+
    text-align: left;
+
}
+
/* ...unless they also use the hlist class */
+
.wikitable.hlist td ul,
+
.wikitable.hlist td ol,
+
.wikitable.hlist td dl {
+
    text-align: inherit;
+
}
+
 
   
 
   
/* Icons for medialist templates [[Template:Listen]],
+
/* third level */
  [[Template:Multi-listen_start]], [[Template:Video]],
+
.menuSidebar ul li ul li ul li:hover div,
  [[Template:Multi-video_start]] */
+
.menuSidebar ul li ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
div.listenlist {
+
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */
    background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent;
+
[edit]
    background-size: 30px;
+
 
    padding-left: 40px;
+
/*Ensure that the Sitenotice is above the body content*/
 +
 
 +
#bodyContent {
 +
z-index: 98;
 
}
 
}
+
#siteNotice {
/* Fix for hieroglyphs specificality issue in infoboxes ([[Bugzilla:41869]]) */
+
z-index: 99;
table.mw-hiero-table td {
+
    vertical-align: middle;
+
 
}
 
}
+
 
/* Style rules for media list templates */
+
/* START DROP DOWN MENUS */
div.medialist {
+
/* http://www.mediawiki.org/wiki/Extension:CSS_Dropdowns#Adding_it_to_your_site */
    min-height: 50px;
+
 
     margin: 1em;
+
div#siteNotice {
    /* @noflip */
+
        width:100%;    /* makes the entire box full width */
    background-position: top left;
+
        float:left; /*makes the  entire box  enclose the list */
    background-repeat: no-repeat;
+
        font-size:1.3em; /* SET FONT-SIZE HERE */
 +
        background-color:#FFFFFF; /* colors the background  behind the box*/
 +
a:link {color: #FFFFFF;}
 +
        background:#a0e37d; /*  BACKGROUND COLORS FOR ENTIRE BOX */
 +
        margin:7px -2px -2px -2px;
 +
        padding:0;    
 
}
 
}
div.medialist ul {
+
div#siteNotice li {
     list-style-type: none;
+
        float:left;     /* causes the list to align horizontally instead of stack */
    list-style-image: none;
+
        position:relative; /* positioning context for the absolutely positioned drop-down */
    margin: 0;
+
        list-style-type:none;   /* removes the bullet off each list item */
 +
        background-color:#a0e37d; /*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 */
 
}
 
}
div.medialist ul li {
+
div#siteNotice li:first-child {
    padding-bottom: 0.5em;
+
        -moz-border-radius-topleft: .5em;
 +
        padding-bottom:1px; /*to fix from rounded edge */
 +
        border-top-left-radius: .5em;
 +
        /* REMOVED: border-left:1px solid #002bb8; the first vertical line on the menu */
 +
        }
 +
div#siteNotice li:last-child {
 +
        -moz-border-radius-topright: .5em;
 +
        border-top-right-radius: .5em;
 +
        padding-bottom:1px; /*to fix from rounded edge */
 +
        }
 +
div#siteNotice li:hover {
 +
        background-color:#202020; /*Background of the menu items when hovered over */
 +
        }
 +
div#siteNotice a {
 +
        display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
 +
        color:99FFFF;  /* sets the LINK TEXT color */
 +
        text-decoration: none;    /* removes underline */
 +
        }
 +
 
 +
/* the horizontal menu ends here */
 +
/* the drop-down starts here */
 +
div#siteNotice ul li ul {
 +
        margin:0; /* prevents the TEMP value inheriting from the horizontal menu  */
 +
        position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
 +
        width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
 +
        left:-1px; /*aligns the drop exactly under the menu */
 +
        }
 +
div#siteNotice ul li ul li {
 +
        margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up  */
 +
        width:100%; /* makes the list items fill the list container (ul) */
 +
       
 +
        list-style-type:none;  /* removes the bullet off each list item */
 +
        list-style-image:none;  /* removes the bullet off each list item */
 +
        padding:0 0 1px;
 +
        -moz-border-radius-topright: 0;
 +
        -moz-border-radius-topleft: 0;
 +
        -moz-border-radius-bottomright: 0;
 +
        -moz-border-radius-bottomleft: 0;
 +
        border-bottom-right-radius: 0;
 +
        border-bottom-left-radius: 0;
 +
        border-top-left-radius: 0;
 +
        border-top-right-radius: 0;
 +
        }
 +
div#siteNotice ul li ul li:last-child {
 +
        -moz-border-radius-bottomright: 1em;
 +
        -moz-border-radius-bottomleft: 1em;
 +
        -moz-border-radius-topleft: 0; 
 +
        -moz-border-radius-topright: 0;
 +
        border-bottom-right-radius: 1em;
 +
        border-bottom-left-radius: 1em;
 +
        border-top-left-radius: 0;
 +
        border-top-right-radius: 0;
 +
        padding-right:1px; /*to fix from rounded edge */
 
}
 
}
div.medialist ul li li {
+
div#siteNotice ul li ul li:first-child {
    font-size: 91%;
+
        border-top:1px solid #069; /*the top edge of the dropdown */
    padding-bottom: 0;
+
        -moz-border-radius-topleft: 0; 
 +
        border-top-left-radius: 0;
 
}
 
}
+
/* make the drop-down display as the menu is rolled over */
/* Change the external link icon to an Adobe icon for all PDF files
+
 
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#content a[href$=".pdf"].external,
+
 
div#content a[href*=".pdf?"].external,
+
div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
div#content a[href*=".pdf#"].external,
+
 
div#content a[href$=".PDF"].external,
+
/* pop-out starts here */
div#content a[href*=".PDF?"].external,
+
body div#siteNotice ul li ul li ul {
div#content a[href*=".PDF#"].external,
+
        visibility:hidden; /* same effect as display:none in this situation */
div#mw_content a[href$=".pdf"].external,
+
        top:-1px;
div#mw_content a[href*=".pdf?"].external,
+
         left:10em;
div#mw_content a[href*=".pdf#"].external,
+
div#mw_content a[href$=".PDF"].external,
+
div#mw_content a[href*=".PDF?"].external,
+
div#mw_content a[href*=".PDF#"].external {
+
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
+
    /* @noflip */
+
    padding-right: 18px;
+
}
+
+
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
+
div#content span.PDFlink a,
+
div#mw_content span.PDFlink a {
+
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
+
    /* @noflip */
+
    padding-right: 18px;
+
}
+
+
/* Content in columns with CSS instead of tables ([[Template:Columns]]) */
+
div.columns-2 div.column {
+
    /* @noflip */
+
    float: left;
+
    width: 50%;
+
    min-width: 300px;
+
}
+
div.columns-3 div.column {
+
    /* @noflip */
+
    float: left;
+
    width: 33.3%;
+
    min-width: 200px;
+
}
+
div.columns-4 div.column {
+
    /* @noflip */
+
    float: left;
+
    width: 25%;
+
    min-width: 150px;
+
}
+
div.columns-5 div.column {
+
    /* @noflip */
+
    float: left;
+
    width: 20%;
+
    min-width: 120px;
+
}
+
+
/* Messagebox templates */
+
.messagebox {
+
    border: 1px solid #aaa;
+
    background-color: #f9f9f9;
+
    width: 80%;
+
    margin: 0 auto 1em auto;
+
    padding: .2em;
+
}
+
.messagebox.merge {
+
    border: 1px solid #c0b8cc;
+
    background-color: #f0e5ff;
+
    text-align: center;
+
}
+
.messagebox.cleanup {
+
    border: 1px solid #9f9fff;
+
    background-color: #efefff;
+
    text-align: center;
+
}
+
.messagebox.standard-talk {
+
    border: 1px solid #c0c090;
+
    background-color: #f8eaba;
+
    margin: 4px auto;
+
}
+
/* For old WikiProject banners inside banner shells. */
+
.mbox-inside .standard-talk,
+
.messagebox.nested-talk {
+
    border: 1px solid #c0c090;
+
    background-color: #f8eaba;
+
    width: 100%;
+
    margin: 2px 0;
+
    padding: 2px;
+
}
+
.messagebox.small {
+
    width: 238px;
+
    font-size: 85%;
+
    /* @noflip */
+
    float: right;
+
    clear: both;
+
    /* @noflip */
+
    margin: 0 0 1em 1em;
+
    line-height: 1.25em;
+
}
+
.messagebox.small-talk {
+
    width: 238px;
+
    font-size: 85%;
+
    /* @noflip */
+
    float: right;
+
    clear: both;
+
    /* @noflip */
+
    margin: 0 0 1em 1em;
+
    line-height: 1.25em;
+
    background: #F8EABA;
+
}
+
+
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
+
    border: none;
+
    /* @noflip */
+
    padding: 0.25em 0.9em;    /* 0.9em left/right */
+
    width: 100%;              /* Make all mboxes the same width regardless of text length */
+
}
+
td.mbox-image {                /* The left image cell */
+
    border: none;
+
    /* @noflip */
+
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
+
    text-align: center;
+
}
+
td.mbox-imageright {          /* The right image cell */
+
    border: none;
+
    /* @noflip */
+
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
+
    text-align: center;
+
}
+
td.mbox-empty-cell {          /* An empty narrow cell */
+
    border: none;
+
    padding: 0;
+
    width: 1px;
+
}
+
+
/* Article message box styles */
+
table.ambox {
+
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
+
    border: 1px solid #aaa;
+
    /* @noflip */
+
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
+
    background: #fbfbfb;
+
}
+
table.ambox + table.ambox {      /* Single border between stacked boxes. */
+
    margin-top: -1px;
+
}
+
.ambox th.mbox-text,
+
.ambox td.mbox-text {            /* The message body cell(s) */
+
    padding: 0.25em 0.5em;      /* 0.5em left/right */
+
}
+
.ambox td.mbox-image {          /* The left image cell */
+
    /* @noflip */
+
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
+
}
+
.ambox td.mbox-imageright {      /* The right image cell */
+
    /* @noflip */
+
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
+
}
+
+
table.ambox-notice {
+
    /* @noflip */
+
    border-left: 10px solid #1e90ff;    /* Blue */
+
}
+
table.ambox-speedy {
+
    /* @noflip */
+
    border-left: 10px solid #b22222;    /* Red */
+
    background: #fee;                  /* Pink */
+
}
+
table.ambox-delete {
+
    /* @noflip */
+
    border-left: 10px solid #b22222;    /* Red */
+
}
+
table.ambox-content {
+
    /* @noflip */
+
    border-left: 10px solid #f28500;    /* Orange */
+
}
+
table.ambox-style {
+
    /* @noflip */
+
    border-left: 10px solid #f4c430;    /* Yellow */
+
}
+
table.ambox-move {
+
    /* @noflip */
+
    border-left: 10px solid #9932cc;    /* Purple */
+
}
+
table.ambox-protection {
+
    /* @noflip */
+
    border-left: 10px solid #bba;      /* Gray-gold */
+
}
+
+
/* Image message box styles */
+
table.imbox {
+
    margin: 4px 10%;
+
    border-collapse: collapse;
+
    border: 3px solid #1e90ff;    /* Default "notice" blue */
+
    background: #fbfbfb;
+
}
+
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
+
    margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
+
    display: block;        /* Fix for webkit to force 100% width.  */
+
}
+
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
+
    margin: 4px;
+
}
+
+
table.imbox-notice {
+
    border: 3px solid #1e90ff;    /* Blue */
+
}
+
table.imbox-speedy {
+
    border: 3px solid #b22222;    /* Red */
+
    background: #fee;            /* Pink */
+
}
+
table.imbox-delete {
+
    border: 3px solid #b22222;    /* Red */
+
}
+
table.imbox-content {
+
    border: 3px solid #f28500;    /* Orange */
+
}
+
table.imbox-style {
+
    border: 3px solid #f4c430;    /* Yellow */
+
}
+
table.imbox-move {
+
    border: 3px solid #9932cc;    /* Purple */
+
}
+
table.imbox-protection {
+
    border: 3px solid #bba;      /* Gray-gold */
+
}
+
table.imbox-license {
+
    border: 3px solid #88a;      /* Dark gray */
+
    background: #f7f8ff;          /* Light gray */
+
}
+
table.imbox-featured {
+
    border: 3px solid #cba135;    /* Brown-gold */
+
}
+
+
/* Category message box styles */
+
table.cmbox {
+
    margin: 3px 10%;
+
    border-collapse: collapse;
+
    border: 1px solid #aaa;
+
    background: #DFE8FF;    /* Default "notice" blue */
+
}
+
+
table.cmbox-notice {
+
    background: #D8E8FF;    /* Blue */
+
}
+
table.cmbox-speedy {
+
    margin-top: 4px;
+
    margin-bottom: 4px;
+
    border: 4px solid #b22222;    /* Red */
+
    background: #FFDBDB;          /* Pink */
+
}
+
table.cmbox-delete {
+
    background: #FFDBDB;    /* Red */
+
}
+
table.cmbox-content {
+
    background: #FFE7CE;    /* Orange */
+
}
+
table.cmbox-style {
+
    background: #FFF9DB;    /* Yellow */
+
}
+
table.cmbox-move {
+
    background: #E4D8FF;    /* Purple */
+
}
+
table.cmbox-protection {
+
    background: #EFEFE1;    /* Gray-gold */
+
}
+
+
/* Other pages message box styles */
+
table.ombox {
+
    margin: 4px 10%;
+
    border-collapse: collapse;
+
    border: 1px solid #aaa;      /* Default "notice" gray */
+
    background: #f9f9f9;
+
}
+
+
table.ombox-notice {
+
    border: 1px solid #aaa;      /* Gray */
+
}
+
table.ombox-speedy {
+
    border: 2px solid #b22222;    /* Red */
+
    background: #fee;            /* Pink */
+
}
+
table.ombox-delete {
+
    border: 2px solid #b22222;    /* Red */
+
}
+
table.ombox-content {
+
    border: 1px solid #f28500;    /* Orange */
+
}
+
table.ombox-style {
+
    border: 1px solid #f4c430;    /* Yellow */
+
}
+
table.ombox-move {
+
    border: 1px solid #9932cc;    /* Purple */
+
}
+
table.ombox-protection {
+
    border: 2px solid #bba;      /* Gray-gold */
+
}
+
+
/* Talk page message box styles */
+
table.tmbox {
+
    margin: 4px 10%;
+
    border-collapse: collapse;
+
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
+
    background: #f8eaba;
+
}
+
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
+
    margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
+
    width: 100%;                /* For Safari and Opera */
+
}
+
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
+
    line-height: 1.5em;          /* also "nested", so reset styles that are  */
+
    font-size: 100%;            /* set in "mbox-small" above.                */
+
}
+
+
table.tmbox-speedy {
+
    border: 2px solid #b22222;    /* Red */
+
    background: #fee;            /* Pink */
+
}
+
table.tmbox-delete {
+
    border: 2px solid #b22222;    /* Red */
+
}
+
table.tmbox-content {
+
    border: 2px solid #f28500;    /* Orange */
+
}
+
table.tmbox-style {
+
    border: 2px solid #f4c430;    /* Yellow */
+
}
+
table.tmbox-move {
+
    border: 2px solid #9932cc;    /* Purple */
+
}
+
table.tmbox-protection,
+
table.tmbox-notice {
+
    border: 1px solid #c0c090;    /* Gray-brown */
+
}
+
+
/* Disambig and set index box styles */
+
table.dmbox {
+
    clear: both;
+
    margin: 0.9em 1em;
+
    border-top: 1px solid #ccc;
+
    border-bottom: 1px solid #ccc;
+
    background: transparent;
+
}
+
+
/* Footer and header message box styles */
+
table.fmbox {
+
    clear: both;
+
    margin: 0.2em 0;
+
    width: 100%;
+
    border: 1px solid #aaa;
+
    background: #f9f9f9;    /* Default "system" gray */
+
}
+
table.fmbox-system {
+
    background: #f9f9f9;
+
}
+
table.fmbox-warning {
+
    border: 1px solid #bb7070;  /* Dark pink */
+
    background: #ffdbdb;        /* Pink */
+
}
+
table.fmbox-editnotice {
+
    background: transparent;
+
}
+
/* Div based "warning" style fmbox messages. */
+
div.mw-warning-with-logexcerpt,
+
div.mw-lag-warn-high,
+
div.mw-cascadeprotectedwarning,
+
div#mw-protect-cascadeon {
+
    clear: both;
+
    margin: 0.2em 0;
+
    border: 1px solid #bb7070;
+
    background: #ffdbdb;
+
    padding: 0.25em 0.9em;
+
}
+
/* Div based "system" style fmbox messages.
+
  Used in [[MediaWiki:Readonly lag]]. */
+
div.mw-lag-warn-normal,
+
div.fmbox-system {
+
    clear: both;
+
    margin: 0.2em 0;
+
    border: 1px solid #aaa;
+
    background: #f9f9f9;
+
    padding: 0.25em 0.9em;
+
}
+
+
/* These mbox-small classes must be placed after all other
+
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
+
  they override "table.ambox + table.ambox" above. */
+
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
+
    /* @noflip */
+
    clear: right;
+
    /* @noflip */
+
    float: right;
+
    /* @noflip */
+
    margin: 4px 0 4px 1em;
+
    width: 238px;
+
    font-size: 88%;
+
    line-height: 1.25em;
+
}
+
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
+
    /* @noflip */
+
    margin: 4px 1em 4px 0;
+
    width: 238px;
+
    border-collapse: collapse;
+
    font-size: 88%;
+
    line-height: 1.25em;
+
}
+
+
/* Style for compact ambox */
+
/* Hide the images */
+
.compact-ambox table .mbox-image,
+
.compact-ambox table .mbox-imageright,
+
.compact-ambox table .mbox-empty-cell {
+
    display: none;
+
}
+
/* Remove borders, backgrounds, padding, etc. */
+
.compact-ambox table.ambox {
+
    border: none;
+
    border-collapse: collapse;
+
    background: transparent;
+
    margin: 0 0 0 1.6em !important;
+
    padding: 0 !important;
+
    width: auto;
+
    display: block;
+
}
+
body.mediawiki .compact-ambox table.mbox-small-left {
+
    font-size: 100%;
+
    width: auto;
+
    margin: 0;
+
}
+
/* Style the text cell as a list item and remove its padding */
+
.compact-ambox table .mbox-text {
+
    padding: 0 !important;
+
    margin: 0 !important;
+
}
+
.compact-ambox table .mbox-text-span {
+
    display: list-item;
+
    line-height: 1.5em;
+
    list-style-type: square;
+
    list-style-image: url(//bits.wikimedia.org/skins/common/images/bullet.gif);
+
}
+
.skin-vector .compact-ambox table .mbox-text-span {
+
    list-style-type: circle;
+
    list-style-image: url(//bits.wikimedia.org/skins/vector/images/bullet-icon.png)
+
}
+
/* Allow for hiding text in compact form */
+
.compact-ambox .hide-when-compact {
+
    display: none;
+
}
+
+
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
+
div.noarticletext {
+
    border: none;
+
    background: transparent;
+
    padding: 0;
+
}
+
+
/* Hide (formatting) elements from screen, but not from screenreaders */
+
.visualhide {
+
    position: absolute;
+
    left: -10000px;
+
    top: auto;
+
    width: 1px;
+
    height: 1px;
+
    overflow: hidden;
+
}
+
+
/* Bold save button */
+
#wpSave {
+
    font-weight: bold;
+
}
+
+
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
+
.hiddenStructure {
+
    display: inline !important;
+
    color: #f00;
+
    background-color: #0f0;
+
}
+
+
/* suppress missing interwiki image links where #ifexist cannot
+
  be used due to high number of requests see .hidden-redlink on
+
  [[m:MediaWiki:Common.css]] */
+
.check-icon a.new {
+
    display: none;
+
    speak: none;
+
}
+
+
/* Removes underlines from certain links */
+
.nounderlines a,
+
.IPA a:link, .IPA a:visited {
+
    text-decoration: none !important;
+
}
+
+
/* Standard Navigationsleisten, aka box hiding thingy
+
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
div.NavFrame {
+
    margin: 0;
+
    padding: 4px;
+
    border: 1px solid #aaa;
+
    text-align: center;
+
    border-collapse: collapse;
+
    font-size: 95%;
+
}
+
div.NavFrame + div.NavFrame {
+
    border-top-style: none;
+
    border-top-style: hidden;
+
}
+
div.NavPic {
+
    background-color: #fff;
+
    margin: 0;
+
    padding: 2px;
+
    /* @noflip */
+
    float: left;
+
}
+
div.NavFrame div.NavHead {
+
    height: 1.6em;
+
    font-weight: bold;
+
    background-color: #ccf;
+
    position: relative;
+
}
+
div.NavFrame p,
+
div.NavFrame div.NavContent,
+
div.NavFrame div.NavContent p {
+
    font-size: 100%;
+
}
+
div.NavEnd {
+
    margin: 0;
+
    padding: 0;
+
    line-height: 1px;
+
    clear: both;
+
}
+
a.NavToggle {
+
    position: absolute;
+
    top: 0;
+
    /* @noflip */
+
    right: 3px;
+
    font-weight: normal;
+
    font-size: 90%;
+
}
+
+
/* Hatnotes and disambiguation notices */
+
.rellink,
+
.dablink,
+
.hatnote {
+
    font-style: italic;
+
}
+
.rellink i,
+
.dablink i,
+
.hatnote i {
+
    font-style: normal;
+
}
+
div.rellink,
+
div.dablink,
+
div.hatnote {
+
    /* @noflip */
+
    padding-left: 1.6em;
+
    margin-bottom: 0.5em;
+
}
+
+
/* Allow transcluded pages to display in lists rather than a table.
+
  Compatible in Firefox; incompatible in IE6. */
+
.listify td    { display: list-item; }
+
.listify tr    { display: block; }
+
.listify table { display: block; }
+
+
/* Geographical coordinates defaults. See [[Template:Coord/link]]
+
  for how these are used. The classes "geo", "longitude", and
+
  "latitude" are used by the [[Geo microformat]]. */
+
.geo-default, .geo-dms, .geo-dec  { display: inline; }
+
.geo-nondefault, .geo-multi-punct { display: none; }
+
.longitude, .latitude            { white-space: nowrap; }
+
+
/* When <div class="nonumtoc"> is used on the table of contents,
+
  the ToC will display without numbers */
+
.nonumtoc .tocnumber {
+
    display: none;
+
}
+
.nonumtoc #toc ul,
+
.nonumtoc .toc ul {
+
    line-height: 1.5em;
+
    list-style: none none;
+
    margin: .3em 0 0;
+
    padding: 0;
+
}
+
.hlist.nonumtoc #toc ul ul,
+
.hlist.nonumtoc .toc ul ul {
+
    /* @noflip */
+
    margin: 0;
+
}
+
+
/* Allow limiting of which header levels are shown in a TOC;
+
  <div class="toclimit-3">, for instance, will limit to
+
  showing ==headings== and ===headings=== but no further
+
  (as long as there are no =headings= on the page, which
+
  there shouldn't be according to the MoS). */
+
.toclimit-2 .toclevel-1 ul,
+
.toclimit-3 .toclevel-2 ul,
+
.toclimit-4 .toclevel-3 ul,
+
.toclimit-5 .toclevel-4 ul,
+
.toclimit-6 .toclevel-5 ul,
+
.toclimit-7 .toclevel-6 ul {
+
    display: none;
+
}
+
+
/* Styling for Template:Quote */
+
blockquote.templatequote {
+
    margin-top: 0;
+
}
+
blockquote.templatequote div.templatequotecite {
+
    line-height: 1.5em;
+
    /* @noflip */
+
    text-align: left;
+
    /* @noflip */
+
    padding-left: 1.6em;
+
    margin-top: 0;
+
}
+
+
/* User block messages */
+
div.user-block {
+
    padding: 5px;
+
    margin-bottom: 0.5em;
+
    border: 1px solid #A9A9A9;
+
    background-color: #FFEFD5;
+
}
+
+
/* Prevent line breaks in silly places:
+
  1) Where desired
+
  2) Links when we don't want them to
+
  3) Bold "links" to the page itself
+
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
+
.nowrap,
+
.nowraplinks a,
+
.nowraplinks .selflink,
+
sup.reference a {
+
    white-space: nowrap;
+
}
+
/* But allow wrapping where desired: */
+
.wrap,
+
.wraplinks a {
+
    white-space: normal;
+
}
+
+
/* For template documentation */
+
.template-documentation {
+
    clear: both;
+
    margin: 1em 0 0 0;
+
    border: 1px solid #aaa;
+
    background-color: #ecfcf4;
+
    padding: 1em;
+
}
+
+
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
+
.imagemap-inline div {
+
    display: inline;
+
}
+
+
/* Increase the height of the image upload box */
+
#wpUploadDescription {
+
    height: 13em;
+
}
+
+
/* Minimum thumb width */
+
.thumbinner {
+
    min-width: 100px;
+
}
+
+
/* Makes the background of a framed image white instead of gray.
+
  Only visible with transparent images. */
+
div.thumb .thumbimage {
+
    background-color: #fff;
+
}
+
+
/* The backgrounds for galleries. */
+
div#content .gallerybox div.thumb {
+
    /* Light gray padding */
+
    background-color: #F9F9F9;
+
}
+
/* Put a chequered background behind images, only visible if they have transparency.
+
  '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
+
.gallerybox .thumb img {
+
    background: #fff url(//bits.wikimedia.org/skins/common/images/Checker-16x16.png) repeat;
+
}
+
/* But not on articles, user pages, portals or with opt-out. */
+
.ns-0 .gallerybox .thumb img,
+
.ns-2 .gallerybox .thumb img,
+
.ns-100 .gallerybox .thumb img,
+
.nochecker .gallerybox .thumb img {
+
    background: #fff;
+
}
+
+
/* Prevent floating boxes from overlapping any category listings,
+
  file histories, edit previews, and edit [Show changes] views. */
+
#mw-subcategories, #mw-pages, #mw-category-media,
+
#filehistory, #wikiPreview, #wikiDiff {
+
    clear: both;
+
}
+
+
body.rtl #mw-articlefeedbackv5, body.rtl #mw-articlefeedback {
+
    display: block;  /* Override inline block mode */
+
    margin-bottom: 1em;
+
    /* @noflip */
+
    clear: right;    /* Clear any info boxes that stick out */
+
    /* @noflip */
+
    float: right;    /* Prevents margin collapsing */
+
}
+
+
/* Selectively hide headers in WikiProject banners */
+
.wpb .wpb-header            { display: none; }
+
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
+
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
+
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
+
+
/* Styling for Abuse Filter tags */
+
.mw-tag-markers {
+
    font-family:sans-serif;
+
    font-style:italic;
+
    font-size:90%;
+
}
+
+
/* Hide stuff meant for accounts with special permissions. Made visible again in
+
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]],
+
  [[MediaWiki:Group-templateeditor.css]] and [[Mediawiki:Group-autoconfirmed.css]]. */
+
.sysop-show,
+
.accountcreator-show,
+
.templateeditor-show,
+
.autoconfirmed-show {
+
    display: none;
+
}
+
+
/**
+
* Hide the redlink generated by {{Editnotice}},
+
* this overrides the ".sysop-show { display: none; }" above that applies
+
* to the same link as well.
+
*
+
* See [[bugzilla:43013]].
+
*/
+
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink {
+
    display: none !important;
+
}
+
+
/* Remove bullets when there are multiple edit page warnings */
+
ul.permissions-errors > li {
+
    list-style: none none;
+
}
+
ul.permissions-errors {
+
    margin: 0;
+
}
+
+
/* No linewrap on the labels of the login/signup page */
+
body.page-Special_UserLogin .mw-label label,
+
body.page-Special_UserLogin_signup .mw-label label {
+
    white-space: nowrap;
+
}
+
+
/* Pie chart test: Transparent borders */
+
.transborder {
+
    border: solid transparent;
+
}
+
* html .transborder {  /* IE6 */
+
    border: solid #000001;
+
    filter: chroma(color=#000001);
+
}
+
+
/* Styling for updated markers on watchlist, history and recent/related changes.
+
  Bullets are handled in skin-specific stylesheets. */
+
.updatedmarker {
+
    background-color: transparent;
+
    color: #006400;
+
}
+
li.mw-changeslist-line-watched .mw-title,
+
table.mw-changeslist-line-watched .mw-title,
+
table.mw-enhanced-watch .mw-enhanced-rctime {
+
    font-weight: normal;
+
}
+
   
+
/* Generic class for Times-based serif, texhtml class for inline math */
+
.times-serif,
+
span.texhtml {
+
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
+
    font-size: 118%;
+
}
+
span.texhtml {
+
    white-space: nowrap;
+
}
+
span.texhtml span.texhtml {
+
    font-size: 100%;
+
}
+
+
/* Force tabular and lining display for digits and texhtml */
+
.digits,
+
.texhtml {
+
    -moz-font-feature-settings: "lnum", "tnum";
+
    -webkit-font-feature-settings: "lnum", "tnum";
+
    font-feature-settings: "lnum", "tnum";
+
}
+
+
/* Display tabs with 4 spaces, see [[Bugzilla:57824]] and [[Bugzilla:57825]] */
+
div.mw-geshi div,
+
div.mw-geshi div pre,
+
span.mw-geshi,
+
pre.source-css,
+
pre.source-javascript,
+
pre.source-lua {
+
    -moz-tab-size: 4;
+
    -o-tab-size: 4;
+
    tab-size: 4;
+
}
+
+
/* Fix styling of transcluded prefindex tables */
+
table#mw-prefixindex-list-table,
+
table#mw-prefixindex-nav-table {
+
    width: 98%;
+
}
+
+
/* For portals, added 2011-12-07 -bv
+
  On wide screens, show these as two columns
+
  On narrow and mobile screens, let them collapse into a single column */
+
.portal-column-left {
+
    float: left;
+
    width: 50%;
+
}
+
.portal-column-right {
+
    float: right;
+
    width: 49%;
+
}
+
.portal-column-left-wide {
+
    float: left;
+
    width: 60%;
+
}
+
.portal-column-right-narrow {
+
    float: right;
+
    width: 39%;
+
}
+
.portal-column-left-extra-wide {
+
    float: left;
+
    width: 70%;
+
}
+
.portal-column-right-extra-narrow {
+
    float: right;
+
    width: 29%;
+
}
+
@media only screen and (max-width: 800px) {
+
    /* Decouple the columns on narrow screens */
+
    .portal-column-left,
+
    .portal-column-right,
+
    .portal-column-left-wide,
+
    .portal-column-right-narrow,
+
    .portal-column-left-extra-wide,
+
    .portal-column-right-extra-narrow {
+
        float: inherit;
+
        width: inherit;
+
    }
+
}
+
+
/* For announcements */
+
#bodyContent .letterhead {
+
    background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
+
    background-repeat:no-repeat;
+
    padding: 2em;
+
    background-color: #faf9f2;
+
}
+
+
/* Tree style lists */
+
.treeview ul {
+
    padding: 0;
+
    margin: 0;
+
}
+
.treeview li {
+
    padding: 0;
+
    margin: 0;
+
    list-style-type: none;
+
    list-style-image: none;
+
    zoom: 1; /* BE KIND TO IE6 */;
+
}
+
.treeview li li {
+
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
+
    /* @noflip */
+
    padding-left: 20px;
+
    text-indent: 0.3em;
+
}
+
.treeview li li.lastline {
+
    background-position: 0 -5971px
+
}
+
.treeview li.emptyline > ul {
+
    /* @noflip */
+
    margin-left: -1px;
+
}
+
.treeview li.emptyline > ul > li:first-child {
+
    background-position: 0 9px
+
}
+
+
/* hidden sortkey for tablesorter */
+
td .sortkey,
+
th .sortkey {
+
    display: none;
+
    speak: none;
+
}
+
+
/* Make it possible to hide checkboxes in <inputbox> */
+
.inputbox-hidecheckboxes form .inputbox-element {
+
    display: none !important;
+
}
+
+
/* Hide charinsert base for those not using the gadget */
+
#editpage-specialchars {
+
    display: none;
+
}
+
+
/* work-around for [[bugzilla:23965]] (Kaltura advertisement) */
+
.k-player .k-attribution {
+
    visibility: hidden;
+
}
+
+
/* [[MediaZilla:35337]] */
+
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+
         #p-logo a {
+
                background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/204px-Wikipedia-logo-v2-en.svg.png") !important;
+
                background-size: 136px auto;
+
 
         }
 
         }
}
+
div#siteNotice ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+
 
        #p-logo a {
+
/* second level popouts start here*/
                background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Wikipedia-logo-v2-en.svg/270px-Wikipedia-logo-v2-en.svg.png") !important;
+
 
                background-size: 135px auto;
+
div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;}
 +
 
 +
div#siteNotice ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
 +
 
 +
 
 +
/* third level popouts start here
 +
I haven't tested this */
 +
 
 +
div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;}
 +
 
 +
div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
 +
 
 +
/* THE HACK ZONE - */
 +
 
 +
/* hack for IE (all flavors) so the menu has a vertical line on the left */
 +
 
 +
* html div#siteNotice ul {
 +
        float:left; /* makes the ul wrap the li's */
 +
        /* REMOVED: border-left:1px solid #002bb8; /* adds the rightmost menu vertical line to the ul  */
 +
        margin-left:15px; /* IE doubles the given value above - why? */
 
         }
 
         }
 +
/* add a top line to drops and pops in IE browsers - can't read :first-child */
 +
 +
* html  div#siteNotice ul li ul {
 +
      /* REMOVED:  border-top:1px solid #002bb8;*/
 +
        border-left:0px; /* stops the drop inheriting the ul border */
 +
        }
 +
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
 +
 +
* html  div#siteNotice ul li ul li ul {
 +
  left:9.85em;
 +
  voice-family: "\"}\"";
 +
  voice-family:inherit;
 +
  left:10em;
 +
  }
 +
/* and the "be nice to Opera" rule */
 +
html>body div#siteNotice ul li ul li ul {
 +
  left:10em;
 +
  }
 +
 +
 +
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
 +
/* the first-level drop stays open for 100px below the bottom but at least it works */
 +
/* this can be reduced to as little as 22px if you don't have pop-outs */
 +
/* the pop-out menu stays open for 22px below the bottom but at least it works
 +
 +
Not Tested!! */
 +
        @media all and (min-width: 0px){
 +
  body div#siteNotice ul li ul {padding-bottom:200px;}
 +
  body div#siteNotice ul li ul li ul {padding-bottom:22px;}
 +
  body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
 +
  }
 +
 +
/*end Opera hack */
 +
 +
/* end of hack zone */
 +
 +
/* END OF LIST-BASED MENU */
 +
 +
a {
 +
    text-decoration: none;
 +
    //color: green;
 +
    color: #FF6633;
 +
    background: none;
 +
}
 +
 +
div[class="pBody"] * a{
 +
    color: white;
 
}
 
}
 +
/* finally after feeding values to all others, we deal with MAc5 IE */
 +
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
 +
/* we present the drop down choices in a row and never show any second-level drops */
 +
/* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and (" 
 +
Not Tested!!*/
 +
@import("/wiki/skins/common/dropdown/ie51_menu_hack.css");
 +
/* END OF DROP DOWN MENUS */

Latest revision as of 21:41, 1 October 2014

body {
background-image:url('https://2k14.balccon.org/images/d/d7/Background_digital.jpg');
background-size: cover;

}
/*
h1, h2, h3, h4, h5, h6,p,a {
    color: white;
} 

#mw-navigation { display: none; }



ADDED BY EA!!!

*/
#sitetitle {
         margin-top: 1%
         margin-right:2%;
    
}
#footer-info{
color: #81F7F3
}
#content {
         margin-top:-2%;
    
}
#toc{
background-color: #00040E;
}
#n-test{
visibility: hidden;
}
#p-Archive
{
//color: red !important;
   font-size: 1.5em; 
   font-weight: bold;
   hight: 14em; 
   //text-decoration: underline;
   padding-bottom:14em;
}

#n-Call-For-Papers
{
   //color: ;
   font-size: 1.5em; 
   font-weight: bold;
   //text-decoration: underline;
   padding-top: 1.1em;
}
#n-BalCCon2k14-Media
{
   //color: #FF6633;
   font-size: 1.5em; 
   font-weight: bold;
   font-weight: italic;
   text-decoration: underline;
   padding-top: 1.1em;
}
#n-Press-Kit
{
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold;
   //text-decoration: underline;
   padding-top: 1.1em;
}
#n-Volunteers
{
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold;
   //text-decoration: underline;
   padding-top: 1.1em;
}
#n-Supporters {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold;
   hight: 14em; 
   //text-decoration: underline;
   padding-bottom:14em;
}
#n-Contact {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-FAQ {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-BalCCon2k13{
   //color: red !important;
   font-size: 1em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-BalCCon2k14{
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-Speakers {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}

#n-Tickets {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-Home {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-News {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}
#n-Schedule {
   //color: red !important;
   font-size: 1.5em; 
   font-weight: bold; 
   //text-decoration: underline;
}

/*


end addition by ea
*/



/*
* 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: 20em;
}
*/
 
 this an example to change the background color of every second list item
li.even {
 background-color: #eeeeee;
}

div#pBody{
    color: inherit;
}
 
.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 15px;
 padding: 10px;
 margin-bottom: 100%;
}
 
/* 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 */
 margin-bottom: 3em;
 z-index: 100; /* show ul on top */
}
 
.menuSidebar ul ul { 
 background-color: white;
 border: 1px solid #aaaaaa;
 margin-top: 15px; /* make navigation easier*/
 margin-bottom: 100%; /* make navigation easier*/
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 18em; /* width of inner menu, Needed for IE 7 */
}
 
.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 15px;
 margin-bottom: 100%;
 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: 15px;
 padding: 15px;
 padding-top: 20px;
 color: #ffffff !important;;
 text-decoration: none;
 margin-bottom: 50%;
 
}
 
/* move the &gt; to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
 margin-bottom: 100%;
}
 
.menuSidebar li:hover, /* Needed for IE 7 */
.menuSidebar a:hover {
 background: #ccccff;
}
 
.menuSidebar li.separator a:hover {
 hight: 20px
 background: white;
}
 
/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
 line-height: 0px;
 height: 20px;
 font-size: 20px;
}
 
.menuSidebar ul li:last-Child a { 
 border-width: 0px 0px 0px 0px; // remove the last bottom line 
 padding-bottom: 15px;
}
 
/* 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 */
[edit]

/*Ensure that the Sitenotice is above the body content*/

#bodyContent {
z-index: 98;
}
#siteNotice {
z-index: 99;
}

/* START DROP DOWN MENUS */
/* http://www.mediawiki.org/wiki/Extension:CSS_Dropdowns#Adding_it_to_your_site */

div#siteNotice {
        width:100%;     /* makes the entire box full width */
        float:left; /*makes the  entire box  enclose the list */
        font-size:1.3em; /* SET FONT-SIZE HERE */
        background-color:#FFFFFF; /* colors the background  behind the box*/ 
a:link {color: #FFFFFF;}
        background:#a0e37d; /*  BACKGROUND COLORS FOR ENTIRE BOX */ 
        margin:7px -2px -2px -2px;
        padding:0;      
}
div#siteNotice 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:#a0e37d; /*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 */
}
div#siteNotice li:first-child {
        -moz-border-radius-topleft: .5em;
        padding-bottom:1px; /*to fix from rounded edge */
        border-top-left-radius: .5em;
        /* REMOVED: border-left:1px solid #002bb8; the first vertical line on the menu */
        }
div#siteNotice li:last-child {
        -moz-border-radius-topright: .5em;
        border-top-right-radius: .5em;
        padding-bottom:1px; /*to fix from rounded edge */
        }
div#siteNotice li:hover { 
        background-color:#202020; /*Background of the menu items when hovered over */
        }
div#siteNotice a {
        display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
        color:99FFFF;  /* sets the LINK TEXT color */
        text-decoration: none;    /* removes underline */
        }

/* the horizontal menu ends here */
/* the drop-down starts here */
div#siteNotice ul li ul {
        margin:0; /* prevents the TEMP value inheriting from the horizontal menu  */
        position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
        width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
        left:-1px; /*aligns the drop exactly under the menu */
        }
div#siteNotice ul li ul li {
        margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up  */
        width:100%; /* makes the list items fill the list container (ul) */
        
        list-style-type:none;   /* removes the bullet off each list item */
        list-style-image:none;  /* removes the bullet off each list item */
        padding:0 0 1px;
        -moz-border-radius-topright: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        }
div#siteNotice ul li ul li:last-child {
        -moz-border-radius-bottomright: 1em;
        -moz-border-radius-bottomleft: 1em;
        -moz-border-radius-topleft: 0;  
        -moz-border-radius-topright: 0; 
        border-bottom-right-radius: 1em;
        border-bottom-left-radius: 1em;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding-right:1px; /*to fix from rounded edge */
}
div#siteNotice ul li ul li:first-child {
        border-top:1px solid #069; /*the top edge of the dropdown */
        -moz-border-radius-topleft: 0;  
        border-top-left-radius: 0;
}
/* make the drop-down display as the menu is rolled over */

div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#siteNotice ul li ul li ul  {
        visibility:hidden; /* same effect as display:none in this situation */
        top:-1px;
        left:10em;
        }
div#siteNotice ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/

div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;}

div#siteNotice ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/* third level popouts start here
I haven't tested this */

div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;}

div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

* html div#siteNotice ul {
        float:left; /* makes the ul wrap the li's */
        /* REMOVED: border-left:1px solid #002bb8; /* adds the rightmost menu vertical line to the ul  */
        margin-left:15px; /* IE doubles the given value above - why? */
        }
/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#siteNotice ul li ul {
       /* REMOVED:  border-top:1px solid #002bb8;*/
        border-left:0px; /* stops the drop inheriting the ul border */
        }
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html  div#siteNotice ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#siteNotice ul li ul li ul {
  left:10em;
  }


/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works

Not Tested!! */
        @media all and (min-width: 0px){
   body div#siteNotice ul li ul {padding-bottom:200px;}
   body div#siteNotice ul li ul li ul {padding-bottom:22px;}
   body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/*end Opera hack */

/* end of hack zone */

/* END OF LIST-BASED MENU */

a {
    text-decoration: none;
    //color: green;
    color: #FF6633;
    background: none;
}

div[class="pBody"] * a{
    color: white;
}
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   
Not Tested!!*/
@import("/wiki/skins/common/dropdown/ie51_menu_hack.css"); 
/* END OF DROP DOWN MENUS */