Team:ETH Zurich/Templates/Calendar

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/**
+
{{:Team:ETH_Zurich/Templates}}
-
* BxSlider v4.0 - Fully loaded, responsive content slider
+
-
* http://bxslider.com
+
-
*
+
-
* Written by: Steven Wanderski, 2012
+
-
* http://stevenwanderski.com
+
-
* (while drinking Belgian ales and listening to jazz)
+
-
*
+
-
* CEO and founder of bxCreative, LTD
+
-
* http://bxcreative.com
+
-
*/
+
 +
<html>
 +
<head>
-
/** RESET AND LAYOUT
+
<style>
-
===================================*/
+
-
.bx-wrapper {
+
div.container{
-
position: relative;
+
background-image:url("http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/PageContainer-1.png");
-
margin: 0 auto 60px;
+
background-repeat: repeat-y;
-
padding: 0;
+
width: 975px;
-
*zoom: 1;
+
float: left;
-
}
+
margin-left: -5px;
 +
margin-bottom: 20px;
 +
}
-
.bx-wrapper img {
+
div.sidebar{
-
max-width: 100%;
+
width: 235px;
-
display: block;
+
float: left;
-
}
+
margin-left: 14px;
 +
margin-right: 10px;
 +
padding-left: 0px;
 +
margin-top: 10px;
-
/** THEME
+
}
-
===================================*/
+
-
.bx-wrapper .bx-viewport {
+
div.sidebar h1{
-
-moz-box-shadow: 0 0 5px #ccc;
+
color:#7b54cc;
-
-webkit-box-shadow: 0 0 5px #ccc;
+
}
-
box-shadow: 0 0 5px #ccc;
+
-
border: solid #fff 5px;
+
-
left: -5px;
+
-
background: #fff;
+
-
}
+
-
.bx-wrapper .bx-pager,
+
#tableContainer{
-
.bx-wrapper .bx-controls-auto {
+
margin-bottom: 20px;
-
position: absolute;
+
margin-top: 10px;
-
bottom: -30px;
+
}
-
width: 100%;
+
-
}
+
-
/* LOADER */
+
div.sidebar table{
 +
width: 160px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
-
.bx-wrapper .bx-loading {
 
-
min-height: 50px;
 
-
background: url(/wiki/images/c/c6/ETH_Zurich.bx_loader.gif) center center no-repeat #fff;
 
-
height: 100%;
 
-
width: 100%;
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
z-index: 2000;
 
-
}
 
-
/* PAGER */
+
div.mainbody{
 +
width: 670px;
 +
float: left;
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
margin-top: 10px;
 +
}
-
.bx-wrapper .bx-pager {
+
#bodytitle h1{
-
text-align: center;
+
color:#54bcf8;
-
font-size: .85em;
+
}
-
font-family: Arial;
+
-
font-weight: bold;
+
-
color: #666;
+
-
padding-top: 20px;
+
-
}
+
-
.bx-wrapper .bx-pager .bx-pager-item,
+
div.mainbody u{
-
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+
color:#54bcf8;
-
display: inline-block;
+
}
-
*zoom: 1;
+
-
*display: inline;
+
-
}
+
-
.bx-wrapper .bx-pager.bx-default-pager a {
 
-
background: #666;
 
-
text-indent: -9999px;
 
-
display: block;
 
-
width: 10px;
 
-
height: 10px;
 
-
margin: 0 5px;
 
-
outline: 0;
 
-
-moz-border-radius: 5px;
 
-
-webkit-border-radius: 5px;
 
-
border-radius: 5px;
 
-
}
 
-
.bx-wrapper .bx-pager.bx-default-pager a:hover,
+
</style>
-
.bx-wrapper .bx-pager.bx-default-pager a.active {
+
-
background: #000;
+
-
}
+
-
/* DIRECTION CONTROLS (NEXT / PREV) */
+
</head>
-
.bx-wrapper .bx-prev {
+
<body>
-
left: 10px;
+
-
background: url(/wiki/images/3/32/ETH_Zurich.controls.png) no-repeat 0 -32px;
+
-
}
+
-
.bx-wrapper .bx-next {
+
<div class="container">
-
right: 10px;
+
-
background: url(/wiki/images/3/32/ETH_Zurich.controls.png) no-repeat -43px -32px;
+
-
}
+
-
.bx-wrapper .bx-prev:hover {
+
<div class="sidebar">
-
background-position: 0 0;
+
-
}
+
-
.bx-wrapper .bx-next:hover {
+
<h1>Notebook</h1>
-
background-position: -43px 0;
+
-
}
+
-
.bx-wrapper .bx-controls-direction a {
+
<div id="tableContainer">
-
position: absolute;
+
<table>
-
top: 50%;
+
<tr>
-
margin-top: -16px;
+
<td>
-
outline: 0;
+
</html>
-
width: 32px;
+
{| style="background:#EFEFEF;"
-
height: 32px;
+
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=05 | title=Team:ETH_Zurich}}
-
text-indent: -9999px;
+
|}
-
z-index: 9999;
+
<html>
-
}
+
</td>
-
.bx-wrapper .bx-controls-direction a.disabled {
+
<tr>
-
display: none;
+
-
}
+
-
/* AUTO CONTROLS (START / STOP) */
+
<td>
 +
</html>
 +
{| style="background:#EFEFEF;"
 +
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=06 | title=Team:ETH_Zurich}}
 +
|}
 +
<html>
 +
</td>
-
.bx-wrapper .bx-controls-auto {
+
<tr>
-
text-align: center;
+
-
}
+
-
.bx-wrapper .bx-controls-auto .bx-start {
+
<td>
-
display: block;
+
</html>
-
text-indent: -9999px;
+
{| style="background:#EFEFEF;"
-
width: 10px;
+
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=07 | title=Team:ETH_Zurich}}
-
height: 11px;
+
|}
-
outline: 0;
+
<html>
-
background: url(images/controls.png) -86px -11px no-repeat;
+
</td>
-
margin: 0 3px;
+
-
}
+
-
.bx-wrapper .bx-controls-auto .bx-start:hover,
+
<tr>
-
.bx-wrapper .bx-controls-auto .bx-start.active {
+
-
background-position: -86px 0;
+
-
}
+
-
.bx-wrapper .bx-controls-auto .bx-stop {
+
<td>
-
display: block;
+
</html>
-
text-indent: -9999px;
+
{| style="background:#EFEFEF;"
-
width: 9px;
+
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=08 | title=Team:ETH_Zurich}}
-
height: 11px;
+
|}
-
outline: 0;
+
<html>
-
background: url(images/controls.png) -86px -44px no-repeat;
+
</td>
-
margin: 0 3px;
+
-
}
+
-
.bx-wrapper .bx-controls-auto .bx-stop:hover,
+
<tr>
-
.bx-wrapper .bx-controls-auto .bx-stop.active {
+
-
background-position: -86px -33px;
+
-
}
+
-
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
<td>
 +
</html>
 +
{| style="background:#EFEFEF;"
 +
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=09 | title=Team:ETH_Zurich}}
 +
|}
 +
<html>
 +
</td>
-
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+
<tr>
-
text-align: left;
+
-
width: 80%;
+
-
}
+
-
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+
<td>
-
right: 0;
+
</html>
-
width: 35px;
+
{| style="background:#EFEFEF;"
-
}
+
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=10 | title=Team:ETH_Zurich}}
 +
|}
 +
<html>
 +
</td>
-
/* IMAGE CAPTIONS */
+
<tr>
 +
<td>
 +
</html>
 +
{| style="background:#EFEFEF;"
 +
|{{#calendar: query=preload=Team:ETH_Zurich/NotebookPreload | year=2014 | month=11 | title=Team:ETH_Zurich}}
 +
|}
 +
<html>
 +
</td>
-
.bx-wrapper .bx-caption {
+
<tr>
-
position: absolute;
+
-
bottom: 0;
+
-
left: 0;
+
-
background: #666\9;
+
-
background: rgba(80, 80, 80, 0.75);
+
-
width: 100%;
+
-
}
+
-
.bx-wrapper .bx-caption span {
+
</table>
-
color: #fff;
+
</div>
-
font-family: Arial;
+
-
display: block;
+
</div>
-
font-size: .85em;
+
 
-
padding: 10px;
+
<div class="mainbody">
-
}
+
 
 +
<span id="bodytitle"><h1></html>{{{1|Notebook}}}<html></h1></span>
 +
 
 +
</html>{{{2|No notebook page exists for this date. Sorry!}}}<html>
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 15:58, 25 April 2014

iGEM ETH Zurich 2014

Sed massa imperdiet magnis

Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus sit arcu sociis. Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam mus lacinia lobortis phasellus suscipit. Fermentum lobortis non tristique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia natoque aenean scelerisque.

Morbi ullamcorper et varius leo lacus

Gravida aliquam penatibus

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.

Sed quis rhoncus placerat

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.

Magna laoreet et aliquam

Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.

Notebook

No notebook page exists for this date. Sorry!