Team:ETH Zurich/Templates/StyleSheetNew

From 2011.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 6: Line 6:
     height: 100px;
     height: 100px;
     width: 100%;
     width: 100%;
 +
}
 +
 +
#toctitle
 +
{
 +
    display: none;
}
}
Line 28: Line 33:
   padding: 0;  
   padding: 0;  
   height: 100%;
   height: 100%;
 +
}
 +
 +
body
 +
{
 +
  behavior: url("/Team:ETH_Zurich/Templates/HeaderNew/CSSHover?action=raw&ctype=text/javascript");
}
}
Line 47: Line 57:
   width: 100%;
   width: 100%;
   position: absolute;
   position: absolute;
 +
  background-color: rgb(222,242,221);
}
}
Line 56: Line 67:
   padding: 0;
   padding: 0;
   width: 100%;
   width: 100%;
-
   position: relative;
+
   position: absolute;
}
}
Line 62: Line 73:
#bodyContent
#bodyContent
{
{
-
   background-color: #EEEEEE;
+
   background-color: transparent;
   overflow: auto;
   overflow: auto;
}
}
-
 
-
#content
 
-
{
 
-
  background-color: transparent;
 
-
}
 
-
 
Line 148: Line 153:
-
.linkMap, .linkMapJournal
+
ul.dropdown ul li
{
{
-
border: none;
+
  list-style-image: none;
-
border-radius: 10px;
+
  list-stlye-type: none;
-
border-spacing: 0px;
+
-
font-family: helvetica, arial, sans-serif;
+
-
font-size:1.4em;
+
}
}
-
.linkMap td
+
img {
 +
border:0px;
 +
}
 +
 
 +
a {
 +
outline:none;
 +
}
 +
 
 +
/* */
 +
.boxWrap
{
{
-
border-left: 1px white solid;  
+
  border: 1px solid #CCCCCC;
-
padding-left: 10px;
+
  background-color: #F5F5F5;
-
padding-right: 10px;
+
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-
margin: 0px;
+
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
-
text-align: center;
+
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);   /* Old Mozilla Versions */
-
white-space: nowrap;
+
  border-radius: 15px;
 +
  -moz-border-radius: 15px;
 +
  padding: 15px;
}
}
-
.linkMapJournal
+
#toc, .toc
{
{
-
padding-left: 5px;
+
    background: #172322;
-
padding-right: 5px;
+
    border-radius: 15px;
 +
    -moz-border-radius: 15px;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 +
    color: white;
}
}
-
.linkMapJournal td
+
#toc a, .toc a
{
{
-
width: 1.5em;
+
    color: white;
-
border-left: 1px white solid;
+
-
margin: 0px;
+
-
text-align: center;
+
-
white-space: nowrap;
+
}
}
-
img {
+
#toc ul li.toclevel-1:first-child
-
border:0px;
+
{
 +
    font-weight: bold;
}
}
-
a {
+
#toc ul li.toclevel-1:first-child a
-
outline:none;
+
{
 +
    display: block;
 +
    font-size: 120%;
 +
    padding-bottom: 15px;
 +
    text-align: center;
 +
}
 +
 
 +
#toc ul li.toclevel-1:first-child ul
 +
{
 +
    font-weight: normal;
 +
}
 +
 
 +
#toc ul li.toclevel-1:first-child ul a
 +
{
 +
    display: inline;
 +
    font-size: 100%;
 +
    padding: none;
 +
    text-align: left;
 +
}
 +
 
 +
#toctitle h2
 +
{
 +
    display: none;
 +
}
 +
 
 +
.boxWrap
 +
{
 +
  max-width: 1000px;
 +
}
 +
 
 +
 
 +
 
 +
/* Stuff ------------------------------------------------------------------- */
 +
/* Undo Mediawiki CSS */
 +
fieldset
 +
{
 +
  border: none;
 +
  line-height: normal;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
 
 +
 
 +
/* Slideshow */
 +
 
 +
 
 +
.scrollable {
 +
 
 +
/* required settings */
 +
position:relative;
 +
overflow:hidden;
 +
width: 801px; max-width: 100%;
 +
height:500px; max-height: auto;
 +
        border-radius: 15px;
 +
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 +
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 +
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 +
        left: 0px;
 +
        margin: 0 auto;
 +
}
 +
 
 +
/*
 +
root element for scrollable items. Must be absolutely positioned
 +
and it should have a extremely large width to accommodate scrollable items.
 +
it's enough that you set width and height for the root element and
 +
not for this element.
 +
*/
 +
.scrollable .items {
 +
/* this cannot be too large */
 +
width:20000em;
 +
position:absolute;
 +
}
 +
 
 +
.items img
 +
{
 +
width: auto;
 +
height: 100%;
 +
        border-radius: 15px;
 +
}
 +
 
 +
.disabled
 +
{
 +
  display: none;
 +
}
 +
 
 +
/*
 +
a single item. must be floated in horizontal scrolling.
 +
typically, this element is the one that *you* will style
 +
the most.
 +
*/
 +
.items div {
 +
float:left;
 +
}
 +
 
 +
.navi a
 +
{
 +
width:8px;
 +
height:8px;
 +
float:left;
 +
margin:3px;
 +
background-color: black;
 +
        border-radius: 2px;
 +
display:block;
 +
font-size:1px;
 +
}
 +
/* mouseover state */
 +
.navi a:hover {
 +
background-color: white;     
 +
}
 +
 
 +
/* active state (current page state) */
 +
.navi a.active {
 +
background-color: #71C784;   
 +
}
 +
 
 +
 
 +
 
 +
/* Search Results */
 +
 
 +
.searchUL
 +
{
 +
  width: 600px !important;
 +
  max-height: 400px;
 +
  overflow-y: auto;
 +
}
 +
 
 +
.webResult a
 +
{
 +
  font-weight: bold;
 +
  padding-left: 0px !important;
 +
  padding-right: 0px !important;
 +
  padding-top: 10px !important;
 +
  padding-bottom: 0px !important;
 +
}
 +
 
 +
.webResult .resultText
 +
{
 +
  font-size: smaller;
 +
  font-weight: normal;
 +
}
 +
 
 +
#resultsDiv
 +
{
 +
  max-height: 100%;
 +
  overflow: auto;
 +
  padding-left: 15px;
 +
  padding-right: 10px;
 +
}
 +
 
 +
#more{
 +
  width: 50%;
 +
  height: 24px;
 +
  cursor: pointer;
 +
  margin: 5px auto;
 +
  font-weight: bold;
 +
  color: white;
 +
  float: left;
 +
}
 +
 
 +
#closeSearch
 +
{
 +
  width: 50%;
 +
  height: 24px;
 +
  cursor: pointer;
 +
  background-image: url(/wiki/images/1/11/ETHZ_dialog-close.png);
 +
  background-position: right;
 +
  background-repeat: no-repeat;
 +
  float: right;
 +
  margin: 5px auto;
 +
}
 +
 
 +
#more:hover{
 +
  color: #b0d730;
 +
}
 +
 
 +
 
 +
 
 +
/**
 +
* Horizontal CSS Drop-Down Menu Module
 +
*
 +
* @file dropdown.css
 +
* @package Dropdown
 +
* @version 0.7.1
 +
* @type Transitional
 +
* @stacks 597-599
 +
* @browsers Windows: IE6+, Opera7+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 
 +
ul.dropdown,
 +
ul.dropdown li,
 +
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
float: left;
 +
}
 +
 
 +
ul.dropdown li {
 +
float: left;
 +
line-height: 1.3em;
 +
vertical-align: middle;
 +
zoom: 1;
 +
}
 +
 
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
position: relative;
 +
z-index: 599;
 +
cursor: default;
 +
}
 +
 
 +
ul.dropdown ul {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
float: none;
 +
}
 +
 
 +
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
 +
 
 +
 
 +
ul.dropdown li:hover > ul {
 +
visibility: visible;
 +
}
 +
.searchUL {
 +
visibility: hidden;
 +
}
 +
 
 +
/**
 +
* Vimeo.com CSS Drop-Down Menu Theme
 +
*
 +
* @file default.css
 +
* @name Vimeo
 +
* @version beta
 +
* @type transitional
 +
* @browsers Windows: IE5+, Opera9+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2009 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Base Drop-Down Styling
 +
*/
 +
 
 +
 
 +
ul.dropdown {
 +
  background: #172322;
 +
  width: 100%;
 +
 
 +
  font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
 +
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 +
    border-bottom-left-radius: 15px;
 +
    border-bottom-right-radius: 15px;
 +
    -moz-border-radius-bottomleft: 15px;
 +
    -moz-border-radius-bottomright: 15px;
 +
}
 +
 
 +
ul.dropdown li {
 +
padding: 5px 10px;
 +
color: #fff;
 +
line-height: 22px;
 +
white-space: nowrap;
 +
}
 +
 
 +
ul.dropdown li.first {
 +
padding-left: 15px;   
 +
}
 +
 
 +
ul.dropdown li.last {
 +
padding-right: 15px;
 +
}
 +
 
 +
ul.dropdown li.hover,
 +
ul.dropdown li:hover {
 +
color: #b0d730;
 +
}
 +
 
 +
ul.dropdown a:link,
 +
ul.dropdown a:visited { color: #fff; text-decoration: none; }
 +
ul.dropdown a:hover { color: #b0d730; }
 +
ul.dropdown a:active { color: #0395cc; }
 +
 
 +
 
 +
/* -- level mark -- */
 +
 
 +
ul.dropdown ul {
 +
left: -5px;
 +
width: 150px;
 +
padding: 0 0px;
 +
        background: rgb(23, 35, 34);
 +
        background: rgba(23, 35, 34, 0.9);
 +
border-bottom-left-radius: 15px;
 +
border-bottom-right-radius: 15px;
 +
        -moz-border-radius-bottomleft: 15px;
 +
        -moz-border-radius-bottomright: 15px;
 +
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 +
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 +
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 +
}
 +
 
 +
ul.dropdown li.last ul {
 +
left: auto;
 +
right: 16px;
 +
}
 +
 
 +
ul.dropdown ul li {
 +
height: auto;
 +
padding: 5px 15px;
 +
line-height: 1.3em;
 +
white-space: normal;
 +
}
 +
 
 +
ul.dropdown ul li.first {
 +
padding-left: 0;
 +
}
 +
 
 +
ul.dropdown ul li.last {
 +
padding-bottom: 10px;
 +
}
 +
 
 +
ul.dropdown ul li.first ul {
 +
top: 0;
 +
padding: 0 16px 0 0;
 +
background-image: url(images/box1-outwards-top-right.png);
 +
}
 +
 
 +
ul.dropdown ul li.first li.first {
 +
background-image: none;
 +
}
 +
 
 +
ul.dropdown ul li.last {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.dropdown ul li.last ul {
 +
left: 100%;
 +
right: auto;
 +
top: -16px;
 +
}
 +
 
 +
/* -- level mark -- */
 +
 
 +
ul.dropdown ul ul {
 +
top: -12px;
 +
left: 100%;
 +
padding: 16px 0 0;
 +
background: transparent url(images/box1-top-left.png) 0 0 no-repeat;
 +
}
 +
 
 +
ul.dropdown ul ul li.first {
 +
padding-top: 10px;
 +
background: #172322 url(images/box1-top-right.png) 100% 0 no-repeat;
 +
}
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Search Form
 +
*/
 +
 
 +
ul.dropdown form * {
 +
display: inline;
 +
float: left;
 +
}
 +
 
 +
ul.dropdown form label {
 +
display: none;
 +
}
 +
 
 +
ul.dropdown form input.text {
 +
width: 143px;
 +
height: 18px;
 +
padding: 2px 25px 2px 5px;
 +
border-radius: 5px;
 +
border-width: 0;
 +
background: white;
 +
color: #969696;
 +
font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.dropdown form input.text:focus {
 +
outline: none;
 +
}
 +
 
 +
ul.dropdown form input.button {
 +
position: relative;
 +
margin: 4px 0 0 -20px;
 +
}
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Support Class `dir`
 +
*/
 +
 
 +
 
 +
ul.dropdown *.dir {
 +
padding-right: 20px;
 +
background-image: url(/wiki/images/a/a7/ETH_nav_arrow_down.png);
 +
background-position: 100% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
 
 +
/* -- Components override -- */
 +
 
 +
ul.dropdown-horizontal ul *.dir {
 +
padding-right: 15px;
 +
background-image: url(images/nav-arrow-right.png);
 +
background-position: 95% 50%;
 +
background-repeat: no-repeat;
 +
}
 +
/**
 +
* Default Advanced CSS Drop-Down Menu Theme
 +
*
 +
* @file default.advanced.css
 +
* @name Default
 +
* @version beta
 +
* @type transitional
 +
* @browsers Windows: IE5+, Opera9+, Firefox1+
 +
* Mac OS: Safari2+, Firefox2+
 +
*
 +
* @link http://www.lwis.net/
 +
* @copyright 2008 Live Web Institute. All Rights Reserved.
 +
*
 +
*/
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Base Style Extension
 +
*/
 +
 
 +
ul.dropdown li a {
 +
display: block;
 +
padding: 5px 10px;
 +
}
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Base Style Override
 +
*/
 +
 
 +
ul.dropdown li, ul.dropdown ul li {
 +
padding: 0;
 +
}
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Base Style Reinitiate: post-override activities
 +
*/
 +
 
 +
ul.dropdown li.dir {
 +
padding: 5px 20px 5px 10px;
 +
}
 +
 
 +
ul.dropdown ul li.dir {
 +
padding: 5px 15px;
 +
}
 +
 
 +
 
 +
/*-------------------------------------------------/
 +
* @section Custom
 +
*/
 +
 
 +
ul.dropdown ul a {
 +
padding-left: 15px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
ul.dropdown li.hover *.open {
 +
color: #b0d730;
 +
}
 +
 
 +
/* CSS2 clone */
 +
 
 +
ul.dropdown li:hover > *.dir {
 +
color: #b0d730;
 +
}
 +
 
 +
 
 +
/* ------------------------------- */
 +
/* ------------------------------- */
 +
/* ------------------------------- */
 +
/* ------------------------------- */
 +
 
 +
#naviPlaceholder, #naviBox
 +
{
 +
    height: 32px;
 +
    width: 100%;
 +
}
 +
#naviMenu
 +
{
 +
  float: left;
 +
  position: relative;
 +
  left: -50%;
 +
  z-index: 999;
 +
}
 +
.stickToTop
 +
{
 +
    position: fixed;
 +
    top:0;
}
}

Latest revision as of 03:20, 29 October 2011

  1. header {
   background: #ff0000;
   border-bottom: 1px solid #660000;
   border-top: 1px solid #660000;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   height: 100px;
   width: 100%;

}

  1. toctitle

{

   display: none;

}

p {

 margin: 0;
 padding: 0;

}

/* Remove MediaWiki Annoyances */ /*-----------------------------*/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;

}

/* Layout */ /*--------*/ body, html {

 margin: 0;
 padding: 0; 
 height: 100%;

}

body {

 behavior: url("/Team:ETH_Zurich/Templates/HeaderNew/CSSHover?action=raw&ctype=text/javascript");

}

  1. globalWrapper

{

 border: none;
 height: 100%;
 margin: 0;
 padding: 0;
 position: absolute;

}

  1. content

{

 border: none;
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;
 background-color: rgb(222,242,221);

}

  1. bodyContent

{

 border: none;
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;

}


  1. bodyContent

{

 background-color: transparent;
 overflow: auto;

}


  1. top-section

{

 display: none;

}


/*-------------------------------*/


div#preload {

  display: none;

}

div.thumb {

  border-color: transparent;

}

  1. catlinks

{

  display: none;

}


table {

  background-color:transparent;

} .overview, .overview a { color: #548C82 } .biology, .biology a { color: #31695E } .process, .process a { color: #26584F } .modeling, .modeling a { color: #1A473F } .achievements, .achievements a { color: #09241F } .team, .team a { color: #000D0A }

div.gallerybox[style] div.thumb[style] { border: none !important; padding:0 !important; margin:0 !important; } div.gallerybox[style] { border:none !important; padding:0 !important; margin:0 !important; }

.roundContainer { width:900px; background:#f0f0f0; text-align:justify; font-family: helvetica, arial, sans-serif; /* font-size: 10pt; */ margin-top:25px; border-radius:10px; }


ul.dropdown ul li {

 list-style-image: none;
 list-stlye-type: none;

}

img { border:0px; }

a { outline:none; }

/* */ .boxWrap {

 border: 1px solid #CCCCCC;
 background-color: #F5F5F5;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 border-radius: 15px;
 -moz-border-radius: 15px;
 padding: 15px;

}

  1. toc, .toc

{

   background: #172322;
   border-radius: 15px;
   -moz-border-radius: 15px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
   color: white;

}

  1. toc a, .toc a

{

   color: white;

}

  1. toc ul li.toclevel-1:first-child

{

   font-weight: bold;

}

  1. toc ul li.toclevel-1:first-child a

{

   display: block;
   font-size: 120%;
   padding-bottom: 15px;
   text-align: center;

}

  1. toc ul li.toclevel-1:first-child ul

{

   font-weight: normal;

}

  1. toc ul li.toclevel-1:first-child ul a

{

   display: inline;
   font-size: 100%;
   padding: none;
   text-align: left;

}

  1. toctitle h2

{

   display: none;

}

.boxWrap {

 max-width: 1000px;

}


/* Stuff ------------------------------------------------------------------- */ /* Undo Mediawiki CSS */ fieldset {

  border: none;
  line-height: normal;
  margin: 0;
  padding: 0;

}


/* Slideshow */


.scrollable {

/* required settings */ position:relative; overflow:hidden; width: 801px; max-width: 100%; height:500px; max-height: auto;

       border-radius: 15px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
       -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
       left: 0px;
       margin: 0 auto;

}

/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element.

  • /

.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; }

.items img { width: auto; height: 100%;

       border-radius: 15px;

}

.disabled {

 display: none;

}

/* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most.

  • /

.items div { float:left; }

.navi a { width:8px; height:8px; float:left; margin:3px; background-color: black;

       border-radius: 2px;

display:block; font-size:1px; } /* mouseover state */ .navi a:hover { background-color: white; }

/* active state (current page state) */ .navi a.active { background-color: #71C784; }


/* Search Results */

.searchUL {

  width: 600px !important;
  max-height: 400px;
  overflow-y: auto;

}

.webResult a {

  font-weight: bold;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;

}

.webResult .resultText {

  font-size: smaller;
  font-weight: normal;

}

  1. resultsDiv

{

  max-height: 100%;
  overflow: auto;
  padding-left: 15px;
  padding-right: 10px;

}

  1. more{
  width: 50%;
  height: 24px;
  cursor: pointer;
  margin: 5px auto;
  font-weight: bold;
  color: white;
  float: left;

}

  1. closeSearch

{

  width: 50%;
  height: 24px;
  cursor: pointer;
  background-image: url(/wiki/images/1/11/ETHZ_dialog-close.png);
  background-position: right;
  background-repeat: no-repeat;
  float: right;
  margin: 5px auto;

}

  1. more:hover{
  color: #b0d730;

}


/**

* Horizontal CSS Drop-Down Menu Module
*
* @file		dropdown.css
* @package		Dropdown
* @version		0.7.1
* @type		Transitional
* @stacks		597-599
* @browsers	Windows: IE6+, Opera7+, Firefox1+
*				Mac OS: Safari2+, Firefox2+
*
* @link		http://www.lwis.net/
* @copyright	2006-2008 Live Web Institute. All Rights Reserved.
*
*/

ul.dropdown, ul.dropdown li, ul.dropdown ul {

list-style: none;
margin: 0;
padding: 0;

}

ul.dropdown {

position: relative;
z-index: 597;
float: left;

}

ul.dropdown li {

float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;

}

ul.dropdown li.hover, ul.dropdown li:hover {

position: relative;
z-index: 599;
cursor: default;

}

ul.dropdown ul {

visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;

}

ul.dropdown ul li {

float: none;

}

ul.dropdown ul ul {

top: 1px;
left: 99%;

}


ul.dropdown li:hover > ul {

visibility: visible;

} .searchUL {

visibility: hidden;

}

/**

* Vimeo.com CSS Drop-Down Menu Theme
*
* @file		default.css
* @name		Vimeo
* @version		beta
* @type		transitional
* @browsers	Windows: IE5+, Opera9+, Firefox1+
*				Mac OS: Safari2+, Firefox2+
*
* @link		http://www.lwis.net/
* @copyright	2009 Live Web Institute. All Rights Reserved.
*
*/


/*-------------------------------------------------/

* @section		Base Drop-Down Styling
*/


ul.dropdown {

 background: #172322;
 width: 100%;
 font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px; 
   -moz-border-radius-bottomleft: 15px;
   -moz-border-radius-bottomright: 15px; 

}

ul.dropdown li { padding: 5px 10px; color: #fff; line-height: 22px; white-space: nowrap; }

ul.dropdown li.first { padding-left: 15px; }

ul.dropdown li.last { padding-right: 15px; }

ul.dropdown li.hover, ul.dropdown li:hover { color: #b0d730; }

ul.dropdown a:link, ul.dropdown a:visited { color: #fff; text-decoration: none; } ul.dropdown a:hover { color: #b0d730; } ul.dropdown a:active { color: #0395cc; }


/* -- level mark -- */

ul.dropdown ul { left: -5px; width: 150px; padding: 0 0px;

        background: rgb(23, 35, 34);
        background: rgba(23, 35, 34, 0.9);

border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;

        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px; 

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */

        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */

}

ul.dropdown li.last ul { left: auto; right: 16px; }

ul.dropdown ul li { height: auto; padding: 5px 15px; line-height: 1.3em; white-space: normal; }

ul.dropdown ul li.first { padding-left: 0; }

ul.dropdown ul li.last { padding-bottom: 10px; }

ul.dropdown ul li.first ul { top: 0; padding: 0 16px 0 0; background-image: url(images/box1-outwards-top-right.png); }

ul.dropdown ul li.first li.first { background-image: none; }

ul.dropdown ul li.last { padding-right: 0; }

ul.dropdown ul li.last ul { left: 100%; right: auto; top: -16px; }

/* -- level mark -- */

ul.dropdown ul ul { top: -12px; left: 100%; padding: 16px 0 0; background: transparent url(images/box1-top-left.png) 0 0 no-repeat; }

ul.dropdown ul ul li.first { padding-top: 10px; background: #172322 url(images/box1-top-right.png) 100% 0 no-repeat; }


/*-------------------------------------------------/

* @section		Search Form
*/

ul.dropdown form * {

display: inline;
float: left;

}

ul.dropdown form label {

display: none;

}

ul.dropdown form input.text {

width: 143px;
height: 18px;
padding: 2px 25px 2px 5px;
border-radius: 5px;
border-width: 0;
background: white;
color: #969696;
font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;

}

ul.dropdown form input.text:focus {

outline: none;

}

ul.dropdown form input.button {

position: relative;
margin: 4px 0 0 -20px;

}


/*-------------------------------------------------/

* @section		Support Class `dir`
*/


ul.dropdown *.dir {

padding-right: 20px;
background-image: url(/wiki/images/a/a7/ETH_nav_arrow_down.png);
background-position: 100% 50%;
background-repeat: no-repeat;

}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {

padding-right: 15px;
background-image: url(images/nav-arrow-right.png);
background-position: 95% 50%;
background-repeat: no-repeat;

} /**

* Default Advanced CSS Drop-Down Menu Theme
*
* @file		default.advanced.css
* @name		Default
* @version		beta
* @type		transitional
* @browsers	Windows: IE5+, Opera9+, Firefox1+
*				Mac OS: Safari2+, Firefox2+
*
* @link		http://www.lwis.net/
* @copyright	2008 Live Web Institute. All Rights Reserved.
*
*/


/*-------------------------------------------------/

* @section		Base Style Extension
*/

ul.dropdown li a {

display: block;
padding: 5px 10px;

}


/*-------------------------------------------------/

* @section		Base Style Override
*/

ul.dropdown li, ul.dropdown ul li {

padding: 0;

}


/*-------------------------------------------------/

* @section		Base Style Reinitiate: post-override activities
*/

ul.dropdown li.dir {

padding: 5px 20px 5px 10px;

}

ul.dropdown ul li.dir {

padding: 5px 15px;

}


/*-------------------------------------------------/

* @section		Custom
*/

ul.dropdown ul a {

padding-left: 15px;

}




ul.dropdown li.hover *.open {

color: #b0d730;

}

/* CSS2 clone */

ul.dropdown li:hover > *.dir {

color: #b0d730;

}


/* ------------------------------- */ /* ------------------------------- */ /* ------------------------------- */ /* ------------------------------- */

  1. naviPlaceholder, #naviBox

{

   height: 32px;
   width: 100%;

}

  1. naviMenu

{

 float: left;
 position: relative; 
 left: -50%; 
 z-index: 999;

} .stickToTop {

   position: fixed;
   top:0;

}