Team:ETH Zurich/Templates/StyleSheetNew

From 2011.igem.org

(Difference between revisions)
Line 250: Line 250:
.items img
.items img
{
{
-
width: 801px;
+
width: auto;
-
height: 500px;
+
height: 100%;
 +
        position: absolute;
}
}

Revision as of 23:33, 25 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; }


.linkMap, .linkMapJournal { border: none; border-radius: 10px; border-spacing: 0px; font-family: helvetica, arial, sans-serif; font-size:1.4em; }

.linkMap td { border-left: 1px white solid; padding-left: 10px; padding-right: 10px; margin: 0px; text-align: center; white-space: nowrap; }

.linkMapJournal { padding-left: 5px; padding-right: 5px; }

.linkMapJournal td { width: 1.5em; border-left: 1px white solid; margin: 0px; text-align: center; white-space: nowrap; }

img { border:0px; }

a { outline:none; }

/* */ .boxWrap, .toc { 

 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;
 padding: 15px;

}

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

       position: absolute;

}

.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 */
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 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; 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 */ }

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;

}

Retrieved from "http://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew"