Team:ETH Zurich/Templates/StyleSheetNew

From 2011.igem.org

(Difference between revisions)
Line 253: Line 253:
         border-radius: 15px;
         border-radius: 15px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         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;
         left: 0px;
         margin: 0 auto;
         margin: 0 auto;
Line 470: Line 472:
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     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 */
     -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-left-radius: 15px;
     border-bottom-right-radius: 15px;  
     border-bottom-right-radius: 15px;  
Line 512: Line 515:
border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-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);
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 */
-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 */
}
}

Revision as of 20:39, 27 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%;

}

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(218,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%; }

.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.8);

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;

}