Team:Amsterdam/Sandbox

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
<html>  
+
{{:Team:Amsterdam/Header}}
 +
<html>
 +
<style type="text/css">
-
<link rel="stylesheet" type="text/css" href="" />
 
-
<style type="text/css">
 
-
/*
 
-
GALLERY FOTO EFFETTO POLAROID CON
 
-
ROTAZIONE ED ANIMAZIONE
 
-
Creata da Enrico Deleo
+
</style>
-
www.lysergicstudio.com
+
<div id="requirements">
-
www.enricodeleo.com
+
<table id="table">
-
www.erriko.it
+
<tr>
 +
<td>Bronze</td>
 +
<td>Silver</td>
 +
<td>Gold</td>
 +
</tr>
 +
<tr>
 +
<td><a href="https://igem.org/Team.cgi?id=538"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Team registration</a></td>
 +
<td><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterisation"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Working BioBricks</a></td>
 +
<td><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Collaboration</a></td>
 +
</tr>
 +
<tr>
 +
<td><a href="https://igem.org/2011_Judging_Form?id=538"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Complete judging form</a></td>
 +
<td><a href="https://2011.igem.org/Team:Amsterdam/Labwork/Characterisation"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">BioBrick characterisation</a></td>
 +
<td><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Overview"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Human outreach</a></td>
 +
</tr>
 +
<tr>
 +
<td><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Team Wiki</td>
 +
<td></td>
 +
<td></td>
 +
</tr>
 +
<tr>
 +
<td><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">Present at iGEM Jamboree</td>
 +
<td></td>
 +
<td></td>
 +
</tr>
 +
<tr>
 +
<td><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Overview#Registry_Submissions"><img src="https://static.igem.org/mediawiki/2011/b/b1/Igemcheck.jpg">New BioBricks submitted</td>
 +
<td></td>
 +
<td></td>
 +
</tr>
 +
</tr>
 +
</table>
-
LICENZA: rilasciato sotto Creative Commons 3.0 BY-NC
+
</div>
-
 
+
-
*/
+
-
 
+
-
/*************************/
+
-
/******* RESET CSS *******/
+
-
/*************************/
+
-
 
+
-
html, body, div, span, applet, object, iframe,
+
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
-
article, aside, canvas, details, embed,
+
-
figure, figcaption, footer, header, hgroup,
+
-
menu, nav, output, ruby, section, summary,
+
-
time, mark, audio, video {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
-
}
+
-
/* HTML5 display-role reset for older browsers */
+
-
article, aside, details, figcaption, figure,
+
-
footer, header, hgroup, menu, nav, section {
+
-
display: block;
+
-
}
+
-
body {
+
-
line-height: 1;
+
-
}
+
-
ol, ul {
+
-
list-style: none;
+
-
}
+
-
blockquote, q {
+
-
quotes: none;
+
-
}
+
-
blockquote:before, blockquote:after,
+
-
q:before, q:after {
+
-
content: '';
+
-
content: none;
+
-
}
+
-
table {
+
-
border-collapse: collapse;
+
-
border-spacing: 0;
+
-
}
+
-
 
+
-
body{
+
-
width:100%;
+
-
height: 100%;
+
-
background: #e2e2e2 url(images/bg.jpg) top left repeat;
+
-
font-family: Georgia, serif;
+
-
}
+
-
 
+
-
#contenuto{
+
-
width:778px;
+
-
display: block;
+
-
margin: 50px auto;
+
-
}
+
-
 
+
-
.polaroid{
+
-
width:150px;
+
-
background-color: #fff;
+
-
border: 1px solid #c2c2c2;
+
-
+
-
/* CSS3 box shadow */
+
-
-moz-box-shadow:0 0 20px #292929;
+
-
-webkit-box-shadow:2px 5px 8px #292929;
+
-
box-shadow:2px 5px 8px #292929;
+
-
/* fine box shadow */
+
-
+
-
padding: 10px 10px 50px 10px;
+
-
margin-right: 30px;
+
-
float: left;
+
-
position: relative;
+
-
+
-
/* setto la trasformazione per i vari browser che lo supportano*/
+
-
-webkit-transition: all 0.5s ease-in-out;
+
-
    -moz-transition: all 0.5s ease-in-out;
+
-
    -o-transition: all 0.5s ease-in-out;
+
-
}
+
-
 
+
-
.polaroid:last-child{
+
-
margin-right: 0 !important;
+
-
}
+
-
 
+
-
.polaroid img{
+
-
border: 1px solid #222;
+
-
background: #000;
+
-
width: 150px;
+
-
height: 150px;
+
-
}
+
-
 
+
-
.polaroid span{
+
-
position: absolute;
+
-
bottom: 20px;
+
-
left: 10px;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
.polaroid:hover{
+
-
/* ruoto il box di 8 gradi a sx */
+
-
-webkit-transform: rotate(-8deg);
+
-
-moz-transform: rotate(-8deg);
+
-
transform: rotate(-8deg);
+
-
}
+
-
h1 {
+
-
font-size: 40px;
+
-
width: 100%;
+
-
text-align: right;
+
-
font-family: 'Annie Use Your Telescope', arial, serif;
+
-
color: #333;
+
-
}
+
-
+
-
h2 {
+
-
font-size: 20px;
+
-
width: 100%;
+
-
padding-bottom: 20px;
+
-
text-align: right;
+
-
font-family: 'Annie Use Your Telescope', arial, serif;
+
-
color: #333;
+
-
}
+
-
+
-
a{
+
-
color: #333;
+
-
font-weight: bold;
+
-
text-decoration: none;
+
-
}
+
-
+
-
a#comeback{
+
-
font-family: Arial, sans-serif;
+
-
font-size: 30px;
+
-
position: absolute;
+
-
bottom: 30px;
+
-
left: 20px;
+
-
color: #888;
+
-
text-shadow: 1px 1px 0px #fff;
+
-
}
+
-
+
-
a#comeback:hover{
+
-
color: #333;
+
-
text-shadow: 1px 1px 0px #fff;
+
-
}
+
-
+
-
</style>
+
-
</head>
+
-
<body>
+
-
<div id="contenuto">
+
-
<div class="polaroid"><img src="https://static.igem.org/mediawiki/2011/5/53/Jantine2%2C0.jpg" /><span>Jantine Broek</span></div>
+
-
<div class="polaroid"><img src="https://static.igem.org/mediawiki/2011/f/ff/Paul2%2C0.jpg" /><span>Paul van Dieken</span></div>
+
-
<div class="polaroid"><img src="https://static.igem.org/mediawiki/2011/3/3b/Isoude2%2C0.jpg" /><span>Isoude Kuijper</span></div>
+
-
<div class="polaroid"><img src="https://static.igem.org/mediawiki/2011/2/25/Jorick2%2C0.jpg" /><span>Jorick Mul</span></div>
+
-
</div>
+
-
<div style="clear:both;"></div>
+
-
</body>  
+
</html>
</html>

Latest revision as of 19:31, 21 September 2011