Difference between revisions of "MediaWiki:Common.css"

 
(184 intermediate revisions by one user not shown)
Line 1: Line 1:
 +
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;
 +
}
  
    On the Wiki
+
#mw-navigation { display: none; }
        Wiki Activity
+
        Random page
+
        Videos
+
        Photos
+
        Chat
+
        Forum
+
    News
+
    Community
+
    Help
+
    Requests
+
  
Contribute
 
Watchlist Random page Recent changes
 
Common.css
 
View source
 
Talk6
 
88,076pages on
 
this wiki
 
MediaWiki page
 
  
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, or press Ctrl+F5.
+
ADDED BY EA!!!
    Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
+
    Opera users have to clear their caches through Tools→Preferences
+
    Konqueror and Safari users can just click the Reload button.
+
    Chrome: press Ctrl+F5 or Shift+F5
+
  
/*  
+
*/
+
#sitetitle {
See also: [[MediaWiki:Monobook.css]]
+
        margin-top: 1%
+
        margin-right:2%;
Tools: [http://www.wikia.com/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000 reload cache]
+
      
[http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.wikia.com%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D18000&usermedium=all check w3c validation]
+
+
h2 {margin-top: 20px;}
+
+
.toc {margin-top: 20px;}
+
+
<pre><nowiki>*/
+
+
/* Hide the little logo and make the background of the main logo transparent */
+
.logoContainer { background-color: transparent!important; }
+
.wikiaLogo {display:none!important}
+
+
/* Help headers */
+
+
+
    .basic {
+
        background-image: url('http://images.wikia.com/communitytest/images/3/3b/Greenheader.png');
+
        color:#006600;
+
    }
+
+
    .moderate {
+
        background-image: url('http://images.wikia.com/communitytest/images/7/7f/Blueheader.png');
+
        color:#333399;
+
    }
+
+
    .expert {
+
        background-image: url('http://images.wikia.com/communitytest/images/e/ed/Purpleheader.png');
+
        color:#663399;
+
    }
+
+
    .helpheader {
+
padding-left: 5px;
+
margin-top: .5em;
+
margin-bottom: .17em;
+
        width: 100%;
+
        background-repeat: repeat-y;
+
        clear: right;
+
        display: table;
+
    }
+
    .helpheader h2 {
+
        margin: 0px !important;
+
        display: inline;
+
        float: left;
+
        font-size: 140%;
+
        font-weight: bold;
+
        line-height: 150%;
+
        margin: 15px 0px 3px 0px;
+
        padding:0.4em;
+
        text-align:left;
+
        vertical-align:middle;
+
        border-style: none;
+
    }
+
     .helpheader h2 ~ h2 {
+
        display: inline;
+
        float: left;
+
    }
+
    .silver_taskstar h2 {
+
        background: url('http://images.wikia.com/central/images/a/aa/Silver_taskstar.png') left center no-repeat;
+
        padding-left: 25px;
+
        padding-right: 15px;
+
    }
+
    .silver_taskstar h2 ~ h2 {
+
        background: transparent !important;
+
        padding-left: 0px;
+
    }
+
    .helpheader h2 ~ h2:before {
+
        content: '/';
+
        margin-right: 10px;
+
    }
+
    .helpheader .editsection {
+
        background: white;
+
        margin-top: -25px;
+
        position: absolute;
+
        right: 5px;
+
    }
+
+
    .glass {
+
        background-image: url(http://images.wikia.com/central/images/a/a9/Glass_bar.png);
+
        background-repeat: repeat-x
+
    }
+
+
/*~ 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;
+
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 */
+
#footer-info{
border: none;
+
color: #81F7F3
padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
+
text-align: center;
+
 
}
 
}
td.mbox-imageright {     /* The right image cell */
+
#content {
border: none;
+
        margin-top:-2%;
padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
+
   
text-align: center;
+
 
}
 
}
+
#toc{
/*~ Talk page message box styles ~*/
+
background-color: #00040E;
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" */
+
#n-test{
margin: 2px 0; /* class ensures that this declaration overrides other */
+
visibility: hidden;
width: 100%;     /* For Safari and Opera */ /* styles (including mbox-small above) */
+
 
}
 
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
+
#p-Archive
line-height: 1.5em; /* also "nested", so reset styles that are  */ 
+
{
font-size: 100%; /* set in "mbox-small" above.                */
+
//color: red !important;
 +
  font-size: 1.5em;  
 +
  font-weight: bold;
 +
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
table.tmbox-speedy {
+
 
border: 2px solid #b22222; /* Red */
+
#n-Call-For-Papers
background: #fee; /* Pink */
+
{
 +
  //color: ;
 +
  font-size: 1.5em;  
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
table.tmbox-delete {
+
#n-BalCCon2k14-Media
border: 2px solid #b22222; /* Red */
+
{
 +
  //color: #FF6633;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  font-weight: italic;
 +
  text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
table.tmbox-content {
+
#n-Press-Kit
border: 2px solid #f28500; /* Orange */
+
{
 +
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
table.tmbox-style {
+
#n-Volunteers
border: 2px solid #f4c430; /* Yellow */
+
{
 +
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
table.tmbox-move {
+
#n-Supporters {
border: 2px solid #9932cc; /* Purple */
+
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
table.tmbox-protection,
+
#n-Contact {
table.tmbox-notice {
+
  //color: red !important;
border: 1px solid #c0c090; /* Gray-brown */
+
  font-size: 1.5em;
 +
  font-weight: bold;  
 +
  //text-decoration: underline;
 
}
 
}
+
#n-FAQ {
/* These mbox-small classes must be placed after all other
+
   //color: red !important;
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
+
   font-size: 1.5em;  
   they override "table.ambox + table.ambox" above. */
+
  font-weight: bold;  
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
+
  //text-decoration: underline;
clear: right;
+
float: right;
+
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. */
+
#n-BalCCon2k13{
margin: 4px 1em 4px 0;
+
  //color: red !important;
width: 238px;
+
  font-size: 1em;  
border-collapse: collapse;
+
  font-weight: bold;  
font-size: 88%;
+
  //text-decoration: underline;
line-height: 1.25em;
+
 
}
 
}
+
#n-BalCCon2k14{
/*
+
  //color: red !important;
=== Babel ===
+
   font-size: 1.5em;  
*/
+
   font-weight: bold;  
+
   //text-decoration: underline;
div.babelbox {
+
  float: right;
+
   margin-left: 1em;
+
  margin-bottom: 0.5em;
+
   width: 246px;
+
   border: 1px solid #99B3FF;
+
  padding: 2px 0 2px 0;
+
 
}
 
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
+
#n-Speakers {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
+
   //color: red !important;
   width:238px;
+
   font-size: 1.5em;  
   border-collapse: collapse;
+
   font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
+
 
   text-align:center;
+
#n-Tickets {
   font-size:14pt;
+
   //color: red !important;
   width:45px;
+
   font-size: 1.5em;  
   height:45px;
+
   font-weight: bold;  
 +
   //text-decoration: underline;
 
}
 
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
+
#n-Home {
td.lang-description2, td.lang-description3 {
+
  //color: red !important;
  font-size:8pt;
+
  font-size: 1.5em;  
  padding:4pt;
+
  font-weight: bold;  
  line-height:1.25em
+
  //text-decoration: underline;
 
}
 
}
+
#n-News {
.lang-block0 {
+
  //color: red !important;
   border:1px solid #FFB3B3;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
   //text-decoration: underline;
 
}
 
}
td.lang-code0 {
+
#n-Schedule {
  background-color: #FFB3B3;
+
  //color: red !important;
  color: black;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
td.lang-description0 {
+
 
  background-color: #FFE0E8;
+
/*
  color: black;
+
 
 +
 
 +
end addition by ea
 +
*/
 +
 
 +
 
 +
 
 +
/*
 +
* MenuSidebar
 +
*/
 +
/* this has to be overridden for every menu */
 +
#p-Menu,
 +
#p-Menu2,
 +
#p-Menu3 {
 +
overflow: visible;  
 
}
 
}
 
   
 
   
.lang-block1, .lang-block2, .lang-block3  {
+
/* this has to be overridden for every menu */
  border:1px solid #99B3FF;
+
#p-Menu div,
}
+
#p-Menu2 div,
td.lang-code1, td.lang-code2, td.lang-code3 {
+
#p-Menu3 div {
  background-color: #99B3FF;
+
margin: 0;
  color: black;
+
padding: 0;
}
+
td.lang-description1,  td.lang-description2, td.lang-description3 {
+
  background-color: #E0E8FF;
+
  color: black;
+
 
}
 
}
 
   
 
   
.lang-blockN {
+
/* 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
  border:1px solid #6EF7A7;
+
#p-Menu ul li.item2 ul {
 +
width: 20em;
 
}
 
}
td.lang-codeN {
 
  background-color: #6EF7A7;
 
  color: black;
 
}
 
td.lang-descriptionN {
 
  background-color: #C5FCDC;
 
  color: black;
 
}
 
 
/*
 
=== Forum formatting -Algorithm & -Splaka ===
 
 
*/
 
*/
 
   
 
   
.forumheader {  
+
this an example to change the background color of every second list item
  border: 1px solid #aaa; background-color: #f9f9f9; color: #000; margin-top: 1em; padding: 6px;  
+
li.even {
 +
background-color: #eeeeee;
 
}
 
}
.forumlist td.forum_edited a {  
+
 
  color: black; text-decoration: none
+
div#pBody{
 +
    color: inherit;
 
}
 
}
.forumlist td.forum_title a {
 
  padding-left: 20px;
 
}
 
.forumlist td.forum_title a.forum_new { 
 
  font-weight: bold; background: url('http://images3.wikia.nocookie.net/central/images/4/4e/Forum_new.gif?1') center left no-repeat; padding-left: 20px;
 
}
 
.forumlist td.forum_title a.forum_new:visited {
 
    font-weight: normal; background: none; padding-left: 20px;
 
}
 
.forumlist th.forum_title {
 
padding-left: 20px;
 
}
 
 
/* === underline classes === */
 
 
.underlinelink a{ text-decoration: underline ! important; }
 
.nounderlinelink a{ text-decoration: none ! important; }
 
 
/* font class for 'click here' */
 
 
   
 
   
.clickhere a, .clickhere a:visited {  
+
.menuSidebar ul { /* remove bullets and list indents */
  color: #3366BB !important
+
list-style: none;
}
+
margin: 15px;
.clickhere a:hover, .clickhere a:active {
+
padding: 10px;
  color: #268CFE !important
+
margin-bottom: 100%;
 
}
 
}
 
   
 
   
/* === class for task boxes === */
+
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.task {
+
.menuSidebar ul div {  
  border: 1px solid #585490;  
+
position: absolute;
  background: #f8faff;  
+
top: -6px;
  padding:.5em; }
+
left: 100%; /* to position them to the right of their containing block */
+
width: 100%; /* width is based on the containing block */
/* === class for main page link tables === */
+
margin-bottom: 3em;
#bodyContent .buttonlink a {
+
z-index: 100; /* show ul on top */
  background: transparent url(http://images.wikia.com/central/images/9/96/Bullet_plain.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
#bodyContent .buttonstar a {
+
  background: transparent url(http://images.wikia.com/central/images/e/ec/Bullet_star.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
#bodyContent .buttonstar3 a {
+
  background: transparent url(http://images.wikia.com/central/images/e/ef/Bullet_star3.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
 
}
 
}
 
   
 
   
/* === misc === */
+
.menuSidebar ul ul {
li #credits { white-space: normal; }
+
background-color: white;
.headbare h1, .headbare h2 { border-bottom: none; }
+
border: 1px solid #aaaaaa;
.mw-plusminus-pos { color: #006500; }
+
margin-top: 15px; /* make navigation easier*/
.mw-plusminus-neg { color: #8B0000; }
+
  margin-bottom: 100%; /* make navigation easier*/
+
  z-index: 101; /* show on top; Needed for IE 7 */
/* Mark redirects in Special:Allpages and Special:Watchlist */
+
width: 18em; /* width of inner menu, Needed for IE 7 */
  .allpagesredirect { font-style: italic; }
+
  .watchlistredir { font-style: italic; }
+
+
/* === for Percent template === */
+
.percent-fill {
+
  height:24px;  
+
  background: #ffffff url(http://images.wikia.com/central/images/3/31/Gradient24.png) 0 0 repeat;
+
}
+
.percent-empty {
+
  height: 24px;
+
  background: transparent;
+
 
}
 
}
 
   
 
   
/* === per page stuff === */
+
.menuSidebar li {
.page-Category_Custom_edit_buttons .gallerybox .thumb { padding:0 !important; }
+
position: relative; /* make li a container for inner elements */
.page-Wikia_Maintenance_copyvio a[title|="Category:Files with unknown copyright status"] {display:none;}
+
  margin: 15px;
body.page-Community_Chat #page_controls {display:none;}
+
margin-bottom: 100%;
body.page-Community_Chat #page_tabs {display:none;}
+
z-index: 102; /* show on top; Needed for IE 7 */
body.page-Community_Chat #articleFooterActions {display:none;}
+
+
/* === Dynamic navigation === */
+
   
+
/* default skin for navigation boxes */
+
table.navbox {
+
    background-color: #f9f9f9;
+
    border: 1px solid #aaa;
+
    clear: both;
+
    font-size: 90%;
+
    margin: 1em 0em 0em;
+
    padding: 2px;
+
    text-align: center;
+
    width: 100%;
+
 
}
 
}
 
   
 
   
table.navbox th {
+
/* style, color and size links and headings to suit */
    background-color: #ccf;
+
.menuSidebar a {
    padding-left: 1em;
+
font-weight: bold;
    padding-right: 1em;
+
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%;
 
   
 
   
table.navbox tr:not(:first-child) th {
 
    background-color: #ddf;
 
 
}
 
}
 
   
 
   
@media print {
+
/* move the &gt; to the right */
    .navbox {
+
.menuSidebar a em {
        display: none;
+
position: absolute;
    }
+
right: 4px;
 +
margin-bottom: 100%;
 
}
 
}
 
   
 
   
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
.menuSidebar li:hover, /* Needed for IE 7 */
+
.menuSidebar a:hover {
div.Boxmerge,
+
background: #ccccff;
div.NavFrame {
+
        margin: 0px;
+
        padding: 4px;
+
        border: 1px solid #aaa;
+
        text-align: center;
+
        border-collapse: collapse;
+
        font-size: 95%;
+
}
+
div.Boxmerge div.NavFrame {
+
        border-style: none;
+
        border-style: hidden;
+
}
+
div.NavFrame + div.NavFrame {
+
        border-top-style: none;
+
        border-top-style: hidden;
+
}
+
div.NavPic {
+
        background-color: #fff;
+
        margin: 0px;
+
        padding: 2px;
+
        float: left;
+
}
+
div.NavFrame div.NavHead {
+
        height: 1.6em;
+
        font-weight: bold;
+
        background-color: #ccccff;
+
        position:relative;
+
}
+
div.NavFrame p {
+
        font-size: 100%;
+
}
+
div.NavFrame div.NavContent {
+
        font-size: 100%;
+
}
+
div.NavFrame div.NavContent p {
+
        font-size: 100%;
+
}
+
div.NavEnd {
+
        margin: 0px;
+
        padding: 0px;
+
        line-height: 1px;
+
        clear: both;
+
}
+
a.NavToggle {
+
        position:absolute;
+
        top:0px;
+
        right:3px;
+
        font-weight:normal;
+
        font-size:smaller;
+
 
}
 
}
 
   
 
   
.NavToggle {
+
.menuSidebar li.separator a:hover {
float:right;
+
hight: 20px
position:absolute;
+
background: white;
top:0px;
+
right:3px;
+
 
}
 
}
.NavHead {position:relative;}
 
 
   
 
   
/* == For experimental Adoption 2.0 template == */
+
/* Needed for IE 7 */
.adoption20 {
+
.menuSidebar li.separator a,
        position: absolute;
+
.menuSidebar li.separator {
        top: 5px;
+
line-height: 0px;
        right: 12px;
+
height: 20px;
        height: 22px;
+
font-size: 20px;
        padding: 2px 5px;
+
        border: 1px solid #F00;
+
        background-color: #FFFFDB;
+
}
+
.adoption20 .translate {
+
        position: absolute;
+
        right: 5px;
+
        font-size: 90%;
+
        border: 1px solid #BBBB66;
+
        background-color: #FFFFD7;
+
        float:left;
+
        padding: 1px .5em;
+
 
}
 
}
 
   
 
   
/* More Hubs styling -Dantman */
+
.menuSidebar ul li:last-Child a {  
.morehubs {
+
border-width: 0px 0px 0px 0px; // remove the last bottom line
background: #FFFFFF;
+
padding-bottom: 15px;
position: absolute;
+
margin: 0px;
+
padding: 0px;
+
text-align: left;
+
vertical-align: middle;
+
}
+
.morehubs map,
+
.morehubs div,
+
.morehubs p {
+
text-align: left;
+
vertical-align: middle;
+
margin: 0px;
+
padding: 0px;
+
}
+
.morehubs p {
+
position: relative;
+
left: -15px;
+
top: 3px;
+
 
}
 
}
 
   
 
   
/* Remove titles from hubs -Dantman */
+
/* hides the first level */
.ns-150 .firstHeading,
+
.menuSidebar ul li div { display: none; }
.page-Big_wikis .firstHeading,
+
.page-Not_a_valid_Wikia .firstHeading,
+
.page-Wikia_Not_a_valid_Wikia .firstHeading
+
{ display: none; }
+
 
   
 
   
/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */
+
/* shows the first level and hide the second */
body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display: none; }
+
.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 */
 
   
 
   
/* TabView extension */
+
/* second level*/
.yui-content {
+
.menuSidebar ul li ul li:hover div,
background-color: #EDF5FF;
+
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
/*border: solid 1px;*/
+
.menuSidebar ul li ul li:hover ul li div { display: none; } /* hide the next level */
padding: 0.25em 0.5em;
+
}
+
 
   
 
   
.yui-nav {
+
/* third level */
border-color:#EDF5FF;
+
.menuSidebar ul li ul li ul li:hover div,
border-style:solid;
+
.menuSidebar ul li ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
border-width:0pt 0pt 5px;
+
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */
margin: 0px !important;
+
[edit]
 +
 
 +
/*Ensure that the Sitenotice is above the body content*/
 +
 
 +
#bodyContent {
 +
z-index: 98;
 
}
 
}
+
#siteNotice {
+
z-index: 99;
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
+
border-color:#EDF5FF;
+
border-style:solid;
+
border-width:0pt 0pt 5px;
+
 
}
 
}
+
 
.yui-navset .yui-nav .selected {
+
/* START DROP DOWN MENUS */
background-color: #EDF5FF;
+
/* 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 {
.yui-navset .yui-nav li {
+
        float:left;    /* causes the list to align horizontally instead of stack */
padding-left: 10px;
+
        position:relative; /* positioning context for the absolutely positioned drop-down */
padding-right: 10px;
+
        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 {
/* wikialist stuff */
+
        -moz-border-radius-topleft: .5em;
+
        padding-bottom:1px; /*to fix from rounded edge */
.wikialist-header {
+
        border-top-left-radius: .5em;
  border:2px solid #7777aa;
+
        /* REMOVED: border-left:1px solid #002bb8; the first vertical line on the menu */
  margin:auto;
+
        }
  font-size:130%;
+
div#siteNotice li:last-child {
   background-color: #ddddee;
+
        -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 */
 
}
 
}
.wikialist-header td {
+
div#siteNotice ul li ul li:first-child {
  padding:.25em;
+
        border-top:1px solid #069; /*the top edge of the dropdown */
  white-space: nowrap;
+
        -moz-border-radius-topleft: 0; 
 +
        border-top-left-radius: 0;
 
}
 
}
.wikialist-header td.wlh-button a {
+
/* make the drop-down display as the menu is rolled over */
  text-decoration:none;
+
 
  display:block;
+
div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
  border:2px outset #ddddee;
+
 
   padding:.25em;
+
div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
   font-weight:bold;
+
 
   color: black;
+
/* pop-out starts here */
   text-align:center;
+
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;
 
}
 
}
.wikialist-header td.wlh-button a:hover {
+
 
  background-color: #ccccff;
+
div[class="pBody"] * a{
}
+
     color: white;
.wikialist-header td.wlh-button strong {
+
  text-decoration:none;
+
  display:block;
+
  border:2px inset #ddddee;
+
  padding:.25em;
+
  text-align:center;
+
}
+
.wikialist-header th { font-size:115% }
+
+
/* </pre>
+
=== class for Hubs ===
+
<pre> */
+
#bodyContent .nostar a {
+
  background: transparent url(http://images.wikia.com/central/images/9/96/Bullet_plain.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
#bodyContent .yellowstar a {
+
  background: transparent url(http://images4.wikia.nocookie.net/central/images/thumb/e/e6/Hubstar-yellow.png/12px-Hubstar-yellow.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
#bodyContent .orangestar a {
+
  background: transparent url(http://images1.wikia.nocookie.net/central/images/thumb/7/73/Hubstar-orange.png/12px-Hubstar-orange.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
#bodyContent .redstar a {
+
  background: transparent url(http://images3.wikia.nocookie.net/central/images/thumb/e/ea/Hubstar-red.png/12px-Hubstar-red.png) center left no-repeat !important;
+
  padding-left: 14px !important;
+
}
+
+
.hubmodule {
+
  border:1px solid silver;
+
  width: auto;
+
  margin-bottom: 10px;
+
  padding:3px;
+
}
+
+
table.hubmodule th, div.hubmodule h2 {
+
    background-color: lightyellow;
+
    color: black;
+
    text-align:center;
+
    font-size: 150%;
+
    font-weight:normal;
+
    margin-bottom:0.6em;
+
    padding-bottom:0.17em;
+
    padding-top:0.3em;
+
    border:none;
+
}
+
+
.hubmodule .poll {
+
    width: auto;
+
}
+
+
#bodyContent .poll {
+
    background-color: inherit;
+
}
+
+
/*</pre>
+
=== Infobox classes copied from en.wikipedia ===
+
<pre> */
+
/* Infobox template style */
+
.infobox {
+
    border: 1px solid #aaa;
+
    background-color: #f9f9f9;
+
    color: black;
+
    margin: 0.5em 0 0.5em 1em;
+
    padding: 0.2em;
+
    float: right;
+
    clear: right;
+
}
+
.infobox td,
+
.infobox th {
+
    vertical-align: top;
+
}
+
.infobox caption {
+
    font-size: larger;
+
    margin-left: inherit;
+
}
+
.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;
+
}
+
+
/* styles for bordered infobox with merged rows */
+
.infobox.bordered .mergedtoprow td,
+
.infobox.bordered .mergedtoprow th {
+
    border: 0;
+
    border-top: 1px solid #aaa;
+
    border-right: 1px solid #aaa;
+
}
+
+
.infobox.bordered .mergedrow td,
+
.infobox.bordered .mergedrow th {
+
    border: 0;
+
    border-right: 1px solid #aaa;
+
}
+
+
/* Put a checker background at the image description page only visible if the image has transparent background */
+
#file img {
+
    background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat;
+
}
+
+
/* Commonly used Wikipedia .wikitable and .prettytable */
+
table.wikitable,
+
table.prettytable {
+
     margin: 1em 1em 1em 0;
+
    background: #f9f9f9;
+
    border: 1px #aaa solid;
+
    border-collapse: collapse;
+
}
+
.wikitable th, .wikitable td,
+
.prettytable th, .prettytable td {
+
    border: 1px #aaa solid;
+
    padding: 0.2em;
+
}
+
.wikitable th,
+
.prettytable th {
+
    background: #f2f2f2;
+
    text-align: center;
+
}
+
.wikitable caption,
+
.prettytable caption {
+
    margin-left: inherit;
+
    margin-right: inherit;
+
    font-weight: bold;
+
}
+
+
.wikiaSkinMonaco #dynamic-links-write-article-row
+
{ display: none; }
+
+
/* dont need to show this on this page, just confuses people as its the same as the page title */
+
.page-Special_CreateWiki #request_wiki { display: none; }
+
+
.collapseLink { cursor: pointer; }
+
+
/* Homepage */
+
.homepage-feature-box {
+
  border:1px solid #CCCCCC;
+
  margin:0 1px 10px;
+
  outline:1px solid #FFFFFF;
+
  padding:8px;
+
}
+
+
.page-Community_Central_Adoption_requests .mw-warning-with-logexcerpt {display: none !important; }
+
.page-Community_Central_Not_a_valid_Wikia .firstHeading { display: none; }
+
+
/* fzy dev */
+
.wikia-button.red {
+
    background-color: #F00;
+
    background-image: -moz-linear-gradient(top, #F00 20%, #a00 70%);
+
    background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#C00), to(#A00));
+
    border-color: #E20000;
+
    box-shadow: 0 1px 0 #900, 0 -1px 0 #900, 1px 0 0 #900, -1px 0 0 #900;
+
    color: #30;
+
    -moz-box-shadow: 0 0 0 1px #900;
+
    -webkit-box-shadow: 0 1px 0 #900, 0 -1px 0 #900, 1px 0 0 #900, -1px 0 0 #900;
+
}
+
+
/* AST main page classes */
+
+
.astmain {
+
margin-bottom: 15px;
+
color: #000000;
+
padding: 0 10px 15px;
+
border: 2px solid #CDE3F1;
+
background: #EEF3F6;
+
-webkit-border-radius: 15px;
+
-moz-border-radius: 15px;
+
border-radius: 15px;
+
}
+
+
.astbigheading {
+
margin: 15px 0;
+
font-size: 30px;
+
text-align: center;
+
line-height: 30px;
+
}
+
+
.astheading {
+
margin: 15px 0;
+
font-size: 18px;
+
line-height: 20px;
+
text-align: center;
+
}
+
+
/** making polls prettier **/
+
.WikiaPrettyPoll div.ajax-poll {
+
padding-right: 3em;
+
}
+
+
.WikiaPrettyPoll .pollAnswerVotes {
+
height: 24px;
+
border-color: #004a87;
+
}
+
+
.WikiaPrettyPoll .pollAnswerVotes div {
+
height: 24px;
+
background: #004a87;
+
+
}
+
+
.WikiaPrettyPoll .pollAnswerVotes span {
+
color: white;
+
top: 0;
+
font-size: 16px;
+
font-weight: bold;
+
}
+
+
/* Wikia University */
+
.wu-navigation {
+
    margin-bottom: 15px;
+
}
+
+
.wu-navigation ul {
+
    border-bottom: 1px solid #CCCCCC;
+
    font-size: 20px;
+
    font-weight: bold;
+
    margin: 0;
+
    padding-bottom: 1px;
+
    padding-top: 31px;
+
    text-align: right;
+
}
+
+
.wu-navigation li {
+
    display: inline-block;
+
    margin-right: 5px;
+
}
+
+
.wu-navigation li:after {
+
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #7F7F7F;
+
    border-style: solid;
+
    border-width: 4px 0 4px 10px;
+
    content: "";
+
    display: inline-block;
+
    height: 0;
+
    margin-left: 5px;
+
    position: relative;
+
    top: -1px;
+
    width: 0;
+
}
+
+
.wu-navigation li:last-child:after {
+
    display: none;
+
}
+
+
.wu-navigation .logo {
+
    float: left;
+
    margin-right: 10px;
+
}
+
+
.wu-toc {
+
    display: inline;
+
    float: right;
+
}
+
+
.wu-toc .toc {
+
    float: right;
+
    margin-left: 5px;
+
    margin-top: 8px;
+
}
+
+
.wu-content .box {
+
    border: 1px solid #CCCCCC;
+
    margin-bottom: 20px;
+
    padding: 15px 20px 2px;
+
    position: relative;
+
}
+
+
.wu-content .box:first-child {
+
    margin-top: 10px;
+
}
+
+
.wu-content .box .header {
+
    border-bottom: 1px solid #CCCCCC;
+
    font-size: 20px;
+
    margin: -2px 0 10px;
+
    padding: 0px 0px 6px;
+
}
+
+
.wu-content .box .video {
+
    float: left;
+
    margin-bottom: -2px;
+
    margin-right: 5px;
+
}
+
+
.wu-content .box .video .floatleft {
+
    margin: 0;
+
}
+
+
.wu-content .box .video .tleft {
+
    margin: 0;
+
}
+
+
.wu-content .box .video figcaption {
+
    display: none;
+
}
+
+
.wu-content .box .description {
+
    float: left;
+
    margin-top: -6px;
+
    width: calc(100% - 370px);
+
    width: -moz-calc(100% - 370px);
+
    width: -webkit-calc(100% - 370px);
+
    width: -o-calc(100% - 370px);
+
}
+
+
.wu-content .box .resources {
+
    clear: both;
+
    float: left;
+
    margin-top: 5px;
+
}
+
+
.wu-content .box .next {
+
    background: none repeat scroll 0% 0% transparent;
+
    border-radius: 5px;
+
    -moz-border-radius: 5px;
+
    -webkit-border-radius: 5px;
+
    border: 1px solid #CCCCCC;
+
    clear: both;
+
    color: #898989;
+
    cursor: pointer;
+
    font-size: 18px;
+
    height: 40px;
+
    line-height: 26px;
+
    margin: 9px 0px 13px;
+
    text-align: center;
+
}
+
+
.wu-content .box:last-child  .next{
+
    display: none;
+
}
+
+
.wu-content .box .next:hover {
+
    background: none repeat scroll 0% 0% #CCCCCC;
+
    color: #FFFFFF;
+
}
+
+
.wu-content .box .next:active {
+
    background: none repeat scroll 0% 0% #B7B5B5;
+
    color: #FFFFFF;
+
}
+
+
.wu-footer {
+
    border-top: 8px solid #CCCCCC;
+
    position: relative;
+
}
+
+
.wu-footer .header {
+
    border-bottom: medium none;
+
    font-size: 20px;
+
    font-weight: bold;
+
    margin: 13px 0px 0px;
+
    padding: 0px;
+
}
+
+
.wu-footer .logo {
+
    position: absolute;
+
    right: 5px;
+
    top: 10px;
+
 
}
 
}
 +
/* 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 */