Team:ETH Zurich/Templates/HeaderNew

From 2011.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 4: Line 4:
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="/wiki/images/c/c4/Jquery.swfobject.1-1-1.min.txt"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
-
<script type="text/javascript" src="https://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew/SearchJS?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2011.igem.org/Team:ETH_Zurich/Templates/HeaderNew/SearchJS?action=raw&ctype=text/javascript">
-
 
+
</script>
-
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&ctype=text/css" type="text/css" />
+
<script type="text/javascript">
<script type="text/javascript">
-
/* Mediawiki Links: Incorporate into our design on our own terms! */
+
$('head').append('<meta content="IE=edge" http-equiv="X-UA-Compatible">');
-
$(document).ready( function()
+
</script>
-
{
+
-
    $(function()
+
-
    {
+
-
$('.scrollable').scrollable({ mousewheel: true }).navigator();
+
-
if ($('#pt-logout').length)
+
-
{
+
-
$('#loginMenu').hide();
+
-
$('#editMenu').show();
+
-
+
-
$('#editLink').attr('href', $('.left-menu ul li a').get(2).href);
+
-
$('#historyLink').attr('href', $('.left-menu ul li a').get(3).href);
+
-
$('#logoutLink').attr('href', $('#pt-logout a').get(0).href);
+
-
}
+
-
else
+
-
{
+
-
$('#loginLink').attr('href', $('#pt-login a').get(0).href);
+
-
}
+
-
    });
 
-
    $('#s').focus(function() {
+
<link rel="stylesheet" href="https://2011.igem.org/Team:ETH_Zurich/Templates/StyleSheetNew?action=raw&ctype=text/css" type="text/css" />
-
        $('.searchUL').css('visibility', 'visible');
+
-
    });
+
-
    $('#submitButton').focus(function() {
+
-
        $('.searchUL').css('visibility', 'visible');
+
-
    });
+
-
 
+
-
 
+
-
    $('#s').blur(function() {
+
-
        if (!($('.searchUL').is(":hover") || $('#submitButton').is(":focus")))
+
-
        $('.searchUL').css('visibility', 'hidden');
+
-
    });
+
-
 
+
-
    $('#submitButton').blur(function() {
+
-
        if (!($('.searchUL').is(":hover") || $('#s').is(":focus")))
+
-
        $('.searchUL').css('visibility', 'hidden');
+
-
    });
+
-
 
+
-
    $('.searchUL').mouseenter(function() {
+
-
        $('.searchUL').css('visibility', 'visible');
+
-
    });
+
-
 
+
-
 
+
-
    $('.searchUL').mouseleave(function() {
+
-
        if (!($('#s').is(":focus") || $('#submitButton').is(":focus")))
+
-
        $('.searchUL').css('visibility', 'hidden');
+
-
    });
+
-
 
+
-
});
+
-
</script>
+
-
 
+
<style type="text/css">
<style type="text/css">
-
/* Undo Mediawiki CSS */
+
</html> {{{css|}}} <html>
-
fieldset
+
-
{
+
-
  border: none;
+
-
  line-height: normal;
+
-
  margin: 0;
+
-
  padding: 0;
+
-
}
+
-
 
+
.toc
-
 
+
-
/* Slideshow */
+
-
 
+
-
 
+
-
.scrollable {
+
-
 
+
-
/* required settings */
+
-
position:relative;
+
-
overflow:hidden;
+
-
width: 800px; max-width: 100%;
+
-
height:600px; 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: 800px;
+
  width: 100%;
-
height: 600px;
+
  padding: 10px;
}
}
-
 
+
.toc .tocnumber
-
.disabled
+
{
{
   display: none;
   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;
 
-
}
 
-
 
-
 
-
/**
 
-
* 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: 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;
 
-
}
 
-
 
-
 
-
/* ------------------------------- */
 
-
/* ------------------------------- */
 
-
/* ------------------------------- */
 
-
/* ------------------------------- */
 
-
 
-
#naviPlaceholder, #naviBox
 
-
{
 
-
    height: 32px;
 
-
    width: 100%;
 
-
}
 
-
#naviMenu
 
-
{
 
-
  float: left;
 
-
  position: relative;
 
-
  left: -50%;
 
-
  z-index: 999;
 
-
}
 
-
.stickToTop
 
-
{
 
-
    position: fixed;
 
-
    top:0;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</html> {{{css|}}} <html>
 
</style>
</style>
Line 567: Line 35:
<!-- Dropdown Menu -->
<!-- Dropdown Menu -->
-
<div id="naviBox" class="stickToTop">
+
<div class="stickToTop" id="naviBox" style="text-align:center; line-height: 0px; font-size: 0px; z-index: 500;">
-
<div style="float: left; position: relative; left: 50%;">
+
<div style="width:210px; display: inline-block; position: relative; height:0px;"></div>
-
<div id="naviMenu" style="">
+
<div style="position: relative; margin: 0 auto; display:inline-block; left: 0px; right: 0px;">
 +
<div align="center" id="naviMenu" style="left: 0px; right: 0px; margin: 0pt auto; text-align: left;">
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/MenuItems}}<html>
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/MenuItems}}<html>
</div>
</div>
Line 577: Line 46:
<!-- Nav Box -->
<!-- Nav Box -->
-
<!-- <div style="position: fixed; top: 100px; left: 20px; border-radius: 15px; padding: 15px; border: #172322 1px solid; background-color: white; 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 */"> -->
+
<!-- <div style="position: fixed; top: 37px; left: 10px; border-radius: 15px; padding: 15px; border: #172322 1px solid; background-color: white; 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 */"> -->
-
<div style="position: fixed; top: 100px; left: 20px; padding: 15px;">  
+
<div style="position: fixed; top: 37px; left: 0px; padding: 15px; width:220px; bottom: 0px; z-index: 600; overflow: auto;">  
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/SideBar}}<html>
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/SideBar}}<html>
</div>
</div>
<!-- Page -->
<!-- Page -->
-
<div style="height: 100%; height: auto !important; min-height: 100%;">
+
<div style="bottom: 0; left: 235px; overflow: auto; position: fixed; right: 0px; top: 32px;">
-
<div style="overflow: auto; padding-bottom: 240px; min-width: 1250px;">
+
<div style="margin-left: 20px; margin-right: 20px; padding-top: 20px;">
-
<div id="naviPlaceholder">&nbsp;</div>
+
-
<div style="margin-top: 68px; margin-left: 312px; margin-right: 20px;">
+
-
<div style="margin: 0px; border-radius: 15px; padding: 15px; 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 */">
+
-
</html>
+
-
{{:Team:ETH Zurich/Templates/SlideShow|Items=<html>
+
-
<div><img src="/wiki/images/2/2e/ETHZ_FRONT_Slide_1.png" /></div>
+
-
<div><img src="/wiki/images/d/d6/ETHZ_FRONT_Slide_2.png" /></div>
+
-
<div><img src="/wiki/images/4/46/ETHZ_FRONT_Slide_3.png" /></div>
+
-
<div><img src="/wiki/images/d/d9/ETHZ_FRONT_Slide_4.png" /></div>
+
-
<div><img src="/wiki/images/1/1d/ETHZ_FRONT_Slide_5.png" /></div>
+
-
<div><img src="/wiki/images/0/06/ETHZ_FRONT_Slide_6.png" /></div>
+
-
</html> }}
+
-
<html>
+
-
 
+
-
<p></html>__NOTOC__
+
-
asdf
+
-
 
+
-
<html></p>
+
-
</div>
+
-
 
+
-
</html>
+
-
{{:Team:ETH Zurich/Templates/SectionStart|SectionName=Testsection|SectionType=1}}
+
-
asdf
+
-
asdf
+
-
asd
+
-
 
+
-
asdfa
+
-
{{:Team:ETH Zurich/Templates/SectionEnd|hidden=0}}
+
-
 
+
-
 
+
-
<html></p>
+
-
 
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div style="position: relative;height: 149px; margin-top: -200px; margin-left: 312px; margin-right: 20px; border-radius: 15px; padding: 15px; border: #172322 1px solid; background-color: white; 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 */ text-align: center; clear: both; min-width: 886px;">
+
-
</html>{{:Team:ETH_Zurich/Templates/HeaderNew/Footer}}<html>
+
-
</div>
+
-
<div class="visualClear">&nbsp;</div>
+
-
<p>
+
</html>
</html>

Latest revision as of 19:54, 28 October 2011

Can you feel the smoke tonight?