Difference between revisions of "MediaWiki:Common.css"

 
(167 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;
  
 
/* 
 
Theme Name: Pixeled
 
Theme URI: http://samk.ca/freebies/free-wordpress-theme-pixeled/
 
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by <a href="http://samk.ca/">samk</a>. Enjoy!
 
Author: sam
 
Author URI: http://samk.ca/
 
Version: 1.9.2
 
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar
 
.
 
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
 
.
 
*/
 
 
/* Defaults */
 
 
* {
 
margin: 0;
 
padding: 0;
 
 
}
 
}
 +
/*
 +
h1, h2, h3, h4, h5, h6,p,a {
 +
    color: white;
 +
}
  
h1, h2, h3, h4, h5, h6 {
+
#mw-navigation { display: none; }
font-family: Verdana;
+
}
+
  
h1, h2 {
 
margin: 0;
 
padding: 10px 0px 10px 0px;
 
}
 
  
h3, h4, h5, h6 {
 
margin: 0;
 
padding: 10px 0px 0px 0px;
 
}
 
  
p {
+
ADDED BY EA!!!
margin: 0;
+
padding: 8px 0;
+
}
+
  
hr {
+
*/
color: #333;
+
#sitetitle {
border: 1px solid #121212;
+
        margin-top: 1%
 +
        margin-right:2%;
 +
   
 
}
 
}
 
+
#footer-info{
pre {
+
color: #81F7F3
height: auto;
+
/*overflow-x:scroll;*/
+
color: #3366cc;
+
font-style: italic;
+
 
}
 
}
 
+
#content {
fieldset {
+
        margin-top:-2%;
margin: 0;
+
   
padding: 0;
+
border: 0;
+
 
}
 
}
 
+
#toc{
dd {
+
background-color: #00040E;
padding-left: 15px;
+
 
}
 
}
 
+
#n-test{
 
+
visibility: hidden;
p {
+
font-size: 9pt;
+
 
}
 
}
 
+
#p-Archive
a {
+
{
color: #6598b8;
+
//color: red !important;
text-decoration: none;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
  
a:hover {
+
#n-Call-For-Papers
color: #222;
+
{
text-decoration: underline;
+
  //color: ;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
 
+
#n-BalCCon2k14-Media
a img {
+
{
border: none;
+
  //color: #FF6633;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  font-weight: italic;
 +
  text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
 
+
#n-Press-Kit
blockquote {
+
{
background: #070707;
+
  //color: red !important;
border: 1px solid #060606;
+
  font-size: 1.5em;  
padding: 5px 15px;
+
  font-weight: bold;
margin: 10px 10px 5px 15px;
+
  //text-decoration: underline;
font-style: italic;
+
  padding-top: 1.1em;
color: #fff;
+
 
}
 
}
 
+
#n-Volunteers
code {
+
{
color: #3366cc;
+
  //color: red !important;
font-style: italic;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 +
  padding-top: 1.1em;
 
}
 
}
 
+
#n-Supporters {
strong {
+
  //color: red !important;
font-size: 110%;
+
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  hight: 14em;
 +
  //text-decoration: underline;
 +
  padding-bottom:14em;
 
}
 
}
 
+
#n-Contact {
body {
+
  //color: red !important;
text-align: center;
+
  font-size: 1.5em;  
margin: 0;
+
  font-weight: bold;  
padding: 0 0 15px 0;
+
  //text-decoration: underline;
font-family: trebuchet ms, arial, helvetica, sans-serif;
+
background: #000 url('http://7428.net/wp-content/uploads/2013/07/Fashion-Circuit-Board-Pattern-Background.jpg') repeat;
+
 
}
 
}
 
+
#n-FAQ {
/* emulate center */
+
  //color: red !important;
.center {
+
  font-size: 1.5em;
width: 100%;
+
  font-weight: bold;  
text-align: center;
+
  //text-decoration: underline;
 
}
 
}
*.center * {
+
#n-BalCCon2k13{
margin-left: auto;
+
  //color: red !important;
margin-right: auto;
+
  font-size: 1em;
 +
  font-weight: bold;  
 +
  //text-decoration: underline;
 
}
 
}
 
+
#n-BalCCon2k14{
 
+
  //color: red !important;
/* Header and wrapper */
+
  font-size: 1.5em;  
#wrapper {
+
  font-weight: bold;  
margin: 0 auto;
+
  //text-decoration: underline;
width: 960px;
+
text-align: left;
+
padding: 0;
+
 
}
 
}
 
+
#n-Speakers {
#header {
+
  //color: red !important;
padding: 0;
+
  font-size: 1.5em;  
margin: 0;
+
  font-weight: bold;  
height: 80px;
+
  //text-decoration: underline;
 
}
 
}
  
#header #topright {
+
#n-Tickets {
text-align: right;
+
  //color: red !important;
float: right;
+
  font-size: 1.5em;  
width: 600px;
+
  font-weight: bold;  
margin: 5px 0 0 0;
+
  //text-decoration: underline;
 
}
 
}
#header #topright ul {
+
#n-Home {
list-style: none;
+
  //color: red !important;
padding: 0;
+
  font-size: 1.5em;  
margin: 0;
+
  font-weight: bold;  
 +
  //text-decoration: underline;
 
}
 
}
#header #topright li {
+
#n-News {
display: inline;
+
  //color: red !important;
 +
  font-size: 1.5em;
 +
  font-weight: bold;
 +
  //text-decoration: underline;
 
}
 
}
#header #topright li a {
+
#n-Schedule {
color: #fff;
+
  //color: red !important;
font-size: 9pt;
+
  font-size: 1.5em;  
padding: 0 0 0 25px;
+
  font-weight: bold;  
text-transform: lowercase;
+
  //text-decoration: underline;
}
+
#header #topright li a:hover {
+
color: #6598b8;
+
text-decoration: none;
+
}
+
#header #logo {
+
float: left;
+
width: 350px;
+
margin: 25px 0 0 0;
+
padding: 0;
+
}
+
#header h1 {
+
padding: 0;
+
margin: 0;
+
}
+
#header h1 a {
+
color: #fff;
+
font-size: 17pt;
+
text-decoration: none;
+
}
+
#header h1 a:hover {
+
color: #eee;
+
text-decoration: none;
+
}
+
#header span {
+
padding: 0;
+
color: #111;
+
font-size: 11pt;
+
 
}
 
}
  
 +
/*
  
/* Menu */
 
#catnav {
 
margin: 20px 0 0 0;
 
padding: 0;
 
clear: both;
 
height: 44px;
 
width: 960px;
 
}
 
#nav {
 
list-style: none;
 
margin: 0;
 
padding: 0;
 
}
 
#nav ul {
 
margin: 0;
 
padding: 0;
 
}
 
#nav li {
 
float: left;
 
margin: 0;
 
padding: 0;
 
}
 
#nav a {
 
display: block;
 
line-height: 44px;
 
margin: 0;
 
padding: 0 20px 0 15px;
 
font-size: 10pt;
 
color: #fff;
 
letter-spacing: -1px;
 
}
 
#nav li a:hover {
 
color: #6598b8;
 
text-decoration: none;
 
display: block;
 
}
 
#nav li ul {
 
list-style: none;
 
position: absolute;
 
width: 150px;
 
left: -999em;
 
}
 
#nav li:hover ul, #nav li.sfhover ul {
 
left: auto;
 
}
 
#nav li li {
 
float: left;
 
margin: 0;
 
padding: 0;
 
width: 150px;
 
}
 
#nav li li a {
 
width: 150px;
 
height: 24px;
 
line-height: 24px;
 
color: #fff;
 
border-top: 1px solid #131f27;
 
background: #040404;
 
margin: 0;
 
padding: 5px 20px 5px 15px;
 
}
 
#nav li li a:hover {
 
border-top: 1px solid #131f27;
 
background: #000;
 
padding: 5px 20px 5px 15px;
 
}
 
#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
 
position: static;
 
}
 
#toprss {
 
float: right;
 
margin: 10px 15px 0 0;
 
display: inline;
 
width: 65px;
 
line-height: 41px;
 
}
 
  
 +
end addition by ea
 +
*/
  
/* Top Content */
 
#main {
 
margin: 5px 15px 0 15px;
 
clear: both;
 
width: 930px;
 
padding-bottom: 5px;
 
}
 
#contentwrapper {
 
float:left;
 
width: 560px;
 
margin: 0 0 15px 0;
 
padding: 0;
 
}
 
#contentwrapper2 {
 
float:left;
 
width: 900px;  margin: 0 0 15px 0;
 
padding: 0;
 
}
 
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
 
margin: 15px 0 10px 0;
 
font-size: 14pt;
 
letter-spacing: -1px;
 
color: #fff;
 
font-weight: normal;
 
background: url(images/bg-trans.png) repeat;
 
padding: 5px;
 
}
 
.topPost {
 
margin: 0;
 
padding: 0;
 
font-size: 9pt;
 
}
 
.topPost h2.topTitle a {
 
font-size: 15pt;
 
font-weight: normal;
 
color: #fff;
 
letter-spacing: -2px;
 
}
 
.topPost h2.topTitle a:hover {
 
text-decoration: none;
 
color: #abd1ea;
 
}
 
.topPost p.topMeta {
 
padding: 0;
 
margin: -10px 0 0 0;
 
font-size: 9pt;
 
color: #cdcdcd; 
 
}
 
.topPost p.topMeta a {
 
text-decoration: underline;
 
color: #fff;
 
}
 
.topPost p.topMeta a:hover {
 
color: #ccc;
 
}
 
.topPost div.topContent {
 
font-size: 9pt;
 
color: #efefef;
 
margin: 8px 0;
 
}
 
.topPost div.topContent a {
 
text-decoration: underline;
 
color: #fff;
 
}
 
.topPost div.topContent a:hover {
 
text-decoration: underline;
 
color: #ff9933;
 
}
 
.topPost div.topContent a.new {
 
color: #ff0000;
 
}
 
.topPost div.topContent ul, .topPost div.topContent ol {
 
padding: 0 0 0 30px;
 
}
 
.topPost div.topContent ul li, .topPost div.topContent ol li {
 
color: #eeeeee;
 
padding-bottom: 1pt;
 
}
 
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
 
font-size: 9pt;
 
font-style: italic;
 
background: url(images/bg-trans.png) repeat;
 
padding: 8px 10px;
 
margin-right: 5px;
 
line-height: 27pt;
 
color: #fff;
 
border: 1px solid #111;
 
}
 
.topPost span.linkpages {
 
font-size: 9pt;
 
font-style: italic;
 
color: #fff;
 
margin-bottom: 10px; display:block;
 
}
 
.topPost span.linkpages a:hover {
 
color: #ddd;
 
}
 
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
 
background: #040404;
 
}
 
.topPost span.topComments a {
 
color: #fff;
 
background: url(images/comments.gif) left no-repeat;
 
padding-left: 20px;
 
line-height: 27pt;
 
vertical-align: middle;
 
}
 
.topPost span.topMore a {
 
color: #fff;
 
background: url(images/more.gif) left no-repeat;
 
padding-left: 20px;
 
line-height: 27pt;
 
vertical-align: middle;
 
}
 
.topPost span.topTags em {
 
background: url(images/tags.gif) left no-repeat;
 
padding-left: 20px;
 
line-height: 27pt;
 
vertical-align: middle;
 
color: #0a0a0a;
 
}
 
.topPost span.topTags a {
 
color: #fff;
 
line-height: 27pt;
 
vertical-align: middle;
 
}
 
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
 
color: #fff;
 
text-decoration: underline;
 
}
 
  
#nextprevious {
 
margin: 10px 0 5px 0;
 
}
 
#nextprevious a {
 
color: #83adc8;
 
text-transform: lowercase;
 
text-decoration: underline;
 
}
 
#nextprevious a:hover {
 
color: #fff;
 
}
 
  
 
+
/*
/* Comments */
+
* MenuSidebar
 
+
*/
#comment {
+
/* this has to be overridden for every menu */
margin-bottom: 10px;
+
#p-Menu,
margin-top: 15px;
+
#p-Menu2,
background: #040404;
+
#p-Menu3 {
width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
+
overflow: visible;  
border: 1px solid #090909;
+
padding: 0px 15px 10px 15px;
+
color: #fff;
+
 
}
 
}
#comment h3 {
+
font-size: 10pt;
+
/* this has to be overridden for every menu */
font-weight: normal;
+
#p-Menu div,
color: #fff;
+
#p-Menu2 div,
margin: 15px 0;
+
#p-Menu3 div {
padding: 0;
+
margin: 0;
 +
padding: 0;
 
}
 
}
#comment p a {
+
color: #6598b8;
+
/* 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;
 
}
 
}
#comment p a:hover {
+
*/
color: #fff;
+
}
+
  this an example to change the background color of every second list item
#comment p {
+
li.even {
padding:0;
+
background-color: #eeeeee;
margin: 7px 0;
+
}
+
ul.commentlist, ul.trackback {
+
list-style-type: none;
+
margin: 10px 0;
+
font-size: 9pt;
+
}
+
.commentlist li, .trackback li {
+
margin: 10px 0 15px 0;
+
padding: 10px;
+
background: #080808;
+
border: 1px solid #040404;
+
list-style-type: none;
+
}
+
.commentlist li.alt {
+
background: #000;
+
border: 1px solid #020202;
+
border: none;
+
margin-top:10px;
+
}
+
.commentlist li.cleared {
+
background: transparent;
+
border: none;
+
}
+
.commentlist a:hover {
+
color: #eee;
+
}
+
.commentlist a.gravatar {
+
float: left;
+
margin: 0 15px 10px 0;
+
width: 60px;
+
}
+
.commentlist .commentbody {
+
margin: 0;
+
padding: 0;
+
}
+
.commentlist .commentbody p a {
+
text-decoration: underline;
+
}
+
.commentlist cite {
+
font-size: 10pt;
+
font-style: normal;
+
color: #ddd;
+
}
+
.commentlist small.commentmetadata a {
+
color: #666;
+
}
+
.commentlist p {
+
color: #dedede;
+
}
+
#respond {
+
clear: both;
+
margin-top: 15px;
+
}
+
textarea#comment {
+
width: 450px;
+
background: #fff;
+
color: #111;
+
padding: 10px;
+
}
+
#comment #submit {
+
margin: 0;
+
 
}
 
}
#extrastuff a {color:#222; font-size:0.8em;}
 
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
 
#extrastuff #rssleft {float:left; width:250px;}
 
#extrastuff #trackright {float:right; width:180px; text-align:right;}
 
  
 
+
div#pBody{
/* Welcome section */
+
    color: inherit;
 
+
#main #welcome {
+
margin: 0 0 20px 0;
+
padding: 0 0 5px 0;
+
background: url(images/bg-trans.png) repeat;
+
 
}
 
}
#main #welcome h2 {
+
font-size: 14pt;
+
.menuSidebar ul { /* remove bullets and list indents */
font-weight: normal;
+
list-style: none;
 
+
margin: 15px;
color: #fff;
+
padding: 10px;
letter-spacing: -2px;
+
margin-bottom: 100%;
margin: 0 10px;
+
padding: 10px 0 3px 0;
+
 
}
 
}
#main #welcome p {
+
font-size: 9pt;
+
/* this div is only for better handling and navigation  ... could also be done in inner ul*/
color: #eee;   
+
.menuSidebar ul div {  
margin: 0 10px;
+
position: absolute;
padding: 6px 0;
+
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 */
 
}
 
}
#main #welcome a {
+
text-decoration: underline;
+
.menuSidebar ul ul {  
color: #ff9933;
+
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 */
 
}
 
}
#main #welcome a:hover {
+
color: #6598b8;
+
.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 */
 
}
 
}
#main #welcome form {
+
margin: -5px 0 0 0;
+
/* style, color and size links and headings to suit */
background: transparent; /* required for IE */
+
.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%;
 +
 
}
 
}
#main #welcome #feedbox {
+
border: 1px solid #ccc;
+
/* move the &gt; to the right */
padding: 2px 1px;
+
.menuSidebar a em {
width: 180px;
+
position: absolute;
 +
right: 4px;
 +
margin-bottom: 100%;
 
}
 
}
.submitbutton {
+
margin: -5px 0 0 5px;
+
.menuSidebar li:hover, /* Needed for IE 7 */
background: #010101;
+
.menuSidebar a:hover {
color: #fff;
+
background: #ccccff;
font-size: 8pt;
+
padding: 3px 6px;
+
vertical-align: middle;
+
border: 1px solid #111;
+
 
}
 
}
.submitbutton:hover {
+
cursor: pointer;
+
.menuSidebar li.separator a:hover {
background: #050505;
+
hight: 20px
 +
background: white;
 
}
 
}
 
+
 
+
/* Needed for IE 7 */
/* Sidebars */
+
.menuSidebar li.separator a,
#sidebars {
+
.menuSidebar li.separator {
margin: 15px 0 0 0;
+
line-height: 0px;
float: right;
+
height: 20px;
width: 340px;
+
font-size: 20px;
color: #eee;
+
 
}
 
}
#sidebars .sidebarbox {
+
background: url(images/bg-trans.png) repeat;
+
.menuSidebar ul li:last-Child a {  
padding: 8px 15px;
+
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]
  
#sidebar_full {
+
/*Ensure that the Sitenotice is above the body content*/
padding: 0;
+
margin: 0;
+
}
+
  
#sidebar_left {
+
#bodyContent {
float: left;
+
z-index: 98;
width: 160px;
+
 
}
 
}
 
+
#siteNotice {
#sidebar_right {
+
z-index: 99;
float: right;
+
width: 160px;
+
 
}
 
}
  
#sidebars h2 {
+
/* START DROP DOWN MENUS */
margin: 0;
+
/* http://www.mediawiki.org/wiki/Extension:CSS_Dropdowns#Adding_it_to_your_site */
padding: 0 0 8px 0;
+
font-weight: normal;
+
font-size: 11pt;
+
color: #fff;
+
letter-spacing: -1px;
+
}
+
  
#sidebars table {
+
div#siteNotice {
width: 130px;
+
        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 */
  
#sidebars ul {
+
        margin: -4px 0 0 0; /*Brings the menu items up */   
margin: 0;
+
        padding:0 6px; /*creates space each side of menu item's text */
padding: 0 0 5px 0;
+
 
}
 
}
 +
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 */
 +
        }
  
#sidebars li {
+
/* the horizontal menu ends here */
margin-bottom: 20px;
+
/* the drop-down starts here */
list-style: none;
+
div#siteNotice ul li ul {
font-size: 9pt;
+
        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 {
#sidebars li ul {
+
        border-top:1px solid #069; /*the top edge of the dropdown */
padding: 0;
+
        -moz-border-radius-topleft: 0; 
 +
        border-top-left-radius: 0;
 
}
 
}
 +
/* make the drop-down display as the menu is rolled over */
  
#sidebars ul ul li {
+
div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
margin: 0;
+
padding: 2px 2px 2px 16px;
+
color: #eee;
+
background: url(images/bullet.gif) left 8px no-repeat;
+
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
+
}
+
  
#sidebars a {
+
div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
display: inline;
+
color: #eee;
+
}
+
#sidebars a:hover {
+
color: #6598b8;
+
text-decoration: none;
+
}
+
  
#sidebars p {
+
/* pop-out starts here */
padding: 2px 0;
+
body div#siteNotice ul li ul li ul  {
font-size: 9pt;
+
        visibility:hidden; /* same effect as display:none in this situation */
color: #eee;
+
        top:-1px;
}
+
        left:10em;
 +
        }
 +
div#siteNotice ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
  
#tag_cloud a {
+
/* second level popouts start here*/
display: inline;
+
}
+
  
#sidebars ul.children li {border-bottom:none;}
+
div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;}
#sidebars ul.children {margin-bottom:0;}
+
  
 +
div#siteNotice ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
  
  
/* Before footer */
+
/* third level popouts start here
 +
I haven't tested this */
  
#morefoot {
+
div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;}
background: #000 url(images/bggrad.jpg) top left repeat-x;
+
border: 1px solid #070707;
+
padding: 15px;
+
color: #dfdfdf;
+
margin: 0 0 10px 0;
+
}
+
#morefoot p {
+
margin: 5px 0;
+
padding: 5px 0;
+
}
+
#morefoot ul {
+
list-style-type: none;
+
margin-top: 5px;
+
}
+
#morefoot ul li, #morefoot p {
+
font-size: 9pt;
+
}
+
#morefoot a {
+
text-decoration: none;
+
color: #ddd;
+
}
+
#morefoot a:hover {
+
color: #6598b8;
+
}
+
#morefoot h3 {
+
font-size: 12pt;
+
font-weight: normal;
+
color: #dfdfdf;
+
letter-spacing: -1px;
+
border-bottom: 1px dotted #444;
+
margin: 0;
+
padding: 0 0 2px 0;
+
}
+
#morefoot #searchbox {
+
padding: 1px;
+
width: 180px;
+
}
+
#morefoot .col1 {
+
float: left;
+
width: 340px;
+
}
+
#morefoot .col2 {
+
margin: 0 25px;
+
}
+
#morefoot .col2, #morefoot .col3 {
+
float: left;
+
width: 260px;
+
}
+
#morefoot li {
+
padding-left: 20px;
+
margin-bottom: 5px;
+
background: url(images/more.gif) left 2px no-repeat;
+
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
+
}
+
  
 +
div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
  
/* footer*/
+
/* THE HACK ZONE - */
#footer {
+
clear: both;
+
background: #000;
+
border: 1px solid #070707;
+
padding: 15px 15px 10px 15px;
+
}
+
#footer p {
+
font-size: 9pt;
+
color: #bbb;
+
padding: 0;
+
}
+
#footer a {
+
color: #bbb;
+
text-decoration: underline;
+
}
+
#footer a:hover {
+
color: #fff;
+
}
+
#footerleft {
+
float: left;
+
width: 500px;
+
}
+
#footerright {
+
float: right;
+
width: 300px;
+
text-align: right;
+
}
+
  
 +
/* 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 */
  
/* Misc */
+
* 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 */
  
.highlight {
+
* html  div#siteNotice ul li ul li ul {  
color: #222;
+
  left:9.85em;  
font-weight: bold;
+
  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;
 +
  }
  
.cleared {
 
margin: 0;
 
padding: 0;
 
clear: both;
 
}
 
  
.alignleft {
+
/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
float: left;
+
/* the first-level drop stays open for 100px below the bottom but at least it works */
margin: 5px 10px 5px 0;
+
/* 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
.alignright {
+
float: right;
+
margin: 5px 0 5px 10px;
+
}
+
.aligncenter,
+
div.aligncenter {
+
margin: 10px auto;
+
text-align: center;
+
display: block;
+
}
+
  
img.alignleft {
+
Not Tested!! */
float: left;
+
        @media all and (min-width: 0px){
margin: 5px 10px 5px 0;
+
  body div#siteNotice ul li ul {padding-bottom:200px;}
}
+
  body div#siteNotice ul li ul li ul {padding-bottom:22px;}
img.alignright {
+
  body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
float: right;
+
  }
margin: 5px 0 5px 10px;
+
}
+
img.aligncenter {
+
margin: 10px auto;
+
text-align: center;
+
display: block;
+
}
+
  
.editsection {
+
/*end Opera hack */
font-size: 9pt;
+
}
+
  
.printfooter {
+
/* end of hack zone */
display: none;
+
}
+
  
.wp-caption {
+
/* END OF LIST-BASED MENU */
border: 1px solid #ddd;
+
text-align: center;
+
background-color: #f3f3f3;
+
padding-top: 4px;
+
  
/* optional rounded corners for browsers that support it */
+
a {
-moz-border-radius: 3px;
+
    text-decoration: none;
-khtml-border-radius: 3px;
+
    //color: green;
-webkit-border-radius: 3px;
+
    color: #FF6633;
border-radius: 3px;
+
    background: none;
 
}
 
}
  
.wp-caption img {
+
div[class="pBody"] * a{
margin: 0;
+
    color: white;
padding: 0;
+
border: none;
+
}
+
 
+
.wp-caption p.wp-caption-text {
+
font-size: 11px;
+
line-height: 17px;
+
padding: 0 4px 5px;
+
margin: 0;
+
color: #111;
+
}
+
 
+
#pagehistory li.selected {
+
background-color: #192743;
+
background-color: transparent;
+
background-image: url(images/bg-trans.png);
+
}
+
 
+
/* js pref toc */
+
.mainLegend {
+
display: none;
+
}
+
 
+
/*
+
*
+
* The following code is highly modified from monobook. It would be nice if the
+
* preftoc id was more human readable like preferences-toc for instance,
+
* howerver this would require backporting the other skins.
+
*/
+
 
+
/* Preferences */
+
#preftoc {
+
/* Tabs */
+
width: 100%;
+
float: left;
+
clear: both;
+
margin: 0 !important;
+
padding: 0 !important;
+
}
+
#preftoc li {
+
/* Tab */
+
float: left;
+
margin: 0;
+
padding: 0;
+
padding-right: 1px;
+
height: 2.25em;
+
white-space: nowrap;
+
list-style-type: none;
+
list-style-image: none;
+
background-color:#181818;
+
opacity:0.5;
+
border-left-style:solid;
+
border-top-style:solid;
+
border-left-style:solid;
+
border-right-style:solid;
+
border-bottom-style:solid;
+
border-width:thin;
+
border-color:#202020;
+
}
+
/* Sadly, IE6 won't understand this */
+
#preftoc li:first-child {
+
margin-left: 1px;
+
}
+
#preftoc a,
+
#preftoc a:active {
+
display: inline-block;
+
position: relative;
+
padding: 0.5em;
+
color: #c0c0c0;
+
font-weight:bold;
+
text-decoration: none;
+
background-image: none;
+
font-size: 0.9em;
+
}
+
#preftoc a:hover,
+
#preftoc a:focus {
+
color: #ffffff;
+
font-weight:bold;
+
text-decoration: none;
+
}
+
#preftoc li.selected a {
+
color: #ffffff;
+
text-decoration: none;
+
font-weight:bold;
+
background-image: url(images/bg-trans.png);
+
background-repeat: repeat;
+
}
+
#preferences {
+
float: left;
+
width: 100%;
+
margin: 0;
+
margin-top: -2px;
+
clear: both;
+
background: url(images/bg-trans.png) repeat;
+
}
+
#preferences fieldset {
+
border: none;
+
border-top: solid 1px #cccccc;
+
}
+
#preferences fieldset.prefsection {
+
border: none;
+
padding: 0;
+
margin: 1em;
+
}
+
#preferences legend {
+
color: #666666;
+
}
+
#preferences fieldset.prefsection legend.mainLegend {
+
display: none;
+
}
+
#preferences td {
+
padding-left: 0.5em;
+
padding-right: 0.5em;
+
}
+
#preferences td.htmlform-tip {
+
font-size: x-small;
+
padding: .2em 2em;
+
color: #666666;
+
}
+
#preferences div.mw-prefs-buttons {
+
padding: 1em;
+
}
+
#preferences div.mw-prefs-buttons input {
+
margin-right: 0.25em;
+
}
+
 
+
/* End Preferences */
+
 
+
/*
+
#preftoc {
+
margin: 0;
+
padding: 0;
+
width: 100%;
+
clear: both;
+
}
+
#preftoc li {
+
margin: 1px -2px 1px 2px;
+
float: left;
+
padding: 2px 0 3px 0;
+
border: 1px solid #000;
+
border-right-color: #716f64;
+
border-bottom: 0;
+
position: relative;
+
white-space: nowrap;
+
list-style-type: none;
+
list-style-image: none;
+
z-index: 3;
+
}
+
#preftoc li.selected {
+
font-weight: bold;
+
background-color: #f9f9f9;
+
background-color: transparent;
+
background-image: url(images/bg-trans.png);
+
border: 1px solid #aaa;
+
border-bottom: none;
+
cursor: default;
+
top: 1px;
+
padding-top: 2px;
+
margin-right: -3px;
+
}
+
#preftoc > li.selected {
+
top: 2px;
+
}
+
#preftoc a,
+
#preftoc a:active {
+
display: block;
+
color: #fff;
+
padding: 0 .7em;
+
position: relative;
+
text-decoration: none;
+
}
+
#preftoc li.selected a {
+
cursor: default;
+
text-decoration: none;
+
}
+
#prefcontrol {
+
padding-top: 2em;
+
clear: both;
+
}
+
#preferences {
+
margin: 0;
+
background-color: transparent;
+
background-image: url(images/bg-trans.png);
+
border: 1px solid #000;
+
clear: both;
+
padding: 1.5em;
+
}
+
.prefsection {
+
border: none;
+
padding: 0;
+
margin: 0;
+
}
+
.prefsection fieldset {
+
border: 1px solid #aaa;
+
float: left;
+
margin-right: 2em;
+
}
+
.prefsection legend {
+
font-weight: bold; 
+
}
+
*/
+
 
+
h4.mw-specialpagesgroup {
+
      background-color: #111111;
+
}
+
 
+
/* images */
+
div.floatright, table.floatright {
+
clear: right;
+
float: right;
+
position: relative;
+
margin: 0 0 .5em .5em;
+
border: 0;
+
/*
+
border: .5em solid white;
+
border-width: .5em 0 .8em 1.4em;
+
*/
+
}
+
div.floatright p { font-style: italic; }
+
div.floatleft, table.floatleft {
+
float: left;
+
clear: left;
+
position: relative;
+
margin: 0 .5em .5em 0;
+
border: 0;
+
/*
+
margin: .3em .5em .5em 0;
+
border: .5em solid white;
+
border-width: .5em 1.4em .8em 0;
+
*/
+
}
+
div.floatleft p { font-style: italic; }
+
/* thumbnails */
+
div.thumb {
+
margin-bottom: .5em;
+
width: auto;
+
}
+
div.thumbinner {
+
padding: 5px !important;
+
background: url(images/bg-trans.png) repeat;
+
font-size: 94%;
+
text-align: center;
+
overflow: hidden;
+
}
+
/*
+
html .thumbimage {
+
border: 1px solid #000;
+
}
+
*/
+
html .thumbcaption {
+
border: none;
+
text-align: left;
+
line-height: 1.4em;
+
padding: 3px !important;
+
font-size: 94%;
+
}
+
div.tright {
+
clear: right;
+
float: right;
+
border-width: .5em 0 .8em 1.4em;
+
}
+
div.tleft {
+
float: left;
+
clear: left;
+
margin-right: .5em;
+
border-width: .5em 1.4em .8em 0;
+
}
+
#catlinks ul li {
+
list-style: none;
+
}
+
table.wikitable, table.TablePager {
+
padding: 0.3em;
+
}
+
.wikitable th, .wikitable td {
+
background-color:#202020;
+
border: 1px solid #A0A0A0;
+
color: #fff;
+
}
+
.wikitable th, .TablePager th {
+
font-weight: bold; 
+
background-color:#202020;
+
padding: 0.3em;
+
}
+
.wikitable td, .TablePager td {
+
background-color:#080808;
+
padding: 0.3em;
+
}
+
.TablePager tr:hover td {
+
background-color: #202020;
+
}
+
ul#filetoc {
+
background-color: #080808;
+
 
}
 
}
 +
/* 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 */