Team:UNITN-Trento/CSS/Team

From 2013.igem.org

(Difference between revisions)
m
 
(109 intermediate revisions not shown)
Line 1: Line 1:
-
<!--OLD PAGE-->
+
#tn-content .container {
 +
    background-color: rgb(32,86,54);
 +
    background-image: url(https://static.igem.org/mediawiki/2013/9/91/Tn-2013-boxbg-Onda-Watermelon.png);
 +
}
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
#tn-content > .tn-title {
 +
    display: block;
 +
    padding-top:0;
 +
   
 +
    border:none;
 +
   
 +
    color:rgb(48, 106, 56);
 +
    font-family: "Mouse Memoirs";
 +
    font-size:6em;
 +
    text-align:center;
 +
    text-shadow:2px 2px 4px white
 +
}
-
<html>
+
#tn-content .container {
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
    margin-bottom: 3em !important;
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
}
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
.paper {
 +
    position: relative;
 +
    display: inline-block;
 +
    margin: 2em 0;
 +
    padding: 1em;
 +
    height: 350px;
 +
    width: 525px;
-
{|align="justify"
+
    background-color: rgba(255,255,255,.7);
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
    border-radius: 1em;
-
|[[Image:UNITN-Trento_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:UNITN-Trento_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:UNITN-Trento | Team UNITN-Trento]]
+
-
|}
+
 +
    font-family: "Cabin", sans-serif;
 +
    font-size: 16px;
 +
    text-align: justify;
 +
    vertical-align: top;
 +
}
-
<!--- The Mission, Experiments --->
+
.paper img.profile {
 +
    display: inline-block;
 +
    width: 200px !important;
 +
    margin-top: 6px;
 +
    border-radius: 10px;
 +
    box-shadow: inset 1px 1px 2px #323232;
 +
    vertical-align: top;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
.paper .data {
-
!align="center"|[[Team:UNITN-Trento|Home]]
+
    display: inline-block;
-
!align="center"|[[Team:UNITN-Trento/Team|Team]]
+
    width: 300px;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UNITN-Trento Official Team Profile]
+
    margin-left: 1em;
-
!align="center"|[[Team:UNITN-Trento/Project|Project]]
+
    font-family: "Cabin", arial;
-
!align="center"|[[Team:UNITN-Trento/Parts|Parts Submitted to the Registry]]
+
    font-size: 1em;
-
!align="center"|[[Team:UNITN-Trento/Modeling|Modeling]]
+
    vertical-align: top;
-
!align="center"|[[Team:UNITN-Trento/Notebook|Notebook]]
+
}
-
!align="center"|[[Team:UNITN-Trento/Safety|Safety]]
+
-
!align="center"|[[Team:UNITN-Trento/Attributions|Attributions]]
+
-
|}
+
 +
.paper .data p {
 +
    line-height: 1.3em;
 +
}
 +
.container .paper .title {
 +
    display: block;
 +
    position: absolute;
 +
    top: -0.7em;
 +
    right: 1em;
-
== '''Who we are''' ==
+
    font-family: "Boogaloo", serif;
-
{|border = "0"
+
    font-size: 2.5em;
-
|-
+
    font-weight: bold;
-
|rowspan="3"|
+
 +
    text-shadow: 0 0 2px rgba(250,250,250,.9);
 +
}
 +
.container img.lab {
 +
    display: inline-block;
 +
    width: 328px;
 +
    height: 382px;
 +
    margin-top: 2em;
 +
    border-radius: 10px;
 +
}
 +
.container .left {
 +
    margin-left: 1em !important;
 +
    margin-right: 1em !important;
 +
    box-shadow: 0 0 4px white;
 +
}
 +
.container .right {
 +
    margin-left: 0 !important;
 +
    margin-right: 1em !important;
 +
    box-shadow: 0 0 4px white;
 +
}
-
'''Advisors:'''
+
.container .paper.right .data {
 +
    margin-left: 0;
 +
    margin-right: 1em;
 +
}
-
*''' Advisor 1''':     Mentor for all
+
.container .paper.right .title {
-
*'''Advisor 2''':     Our favorite
+
     left: 1em;
-
*'''Grad Student 1''':    Our leader 
+
}
 +
#tn-content .container-2 {
 +
    width: 960px;
 +
    margin: auto;
 +
    margin-bottom: 2em;
 +
    padding: 0;
 +
    padding-top: 1.5em;
-
'''Undergrads:'''
+
    background-color: rgb(32,86,54);
 +
    background-image: url(https://static.igem.org/mediawiki/2013/9/91/Tn-2013-boxbg-Onda-Watermelon.png);
 +
    background-position: top center;
 +
    background-repeat: no-repeat;
 +
    border: 3px solid white;
 +
    box-shadow: 2px 2px 4px #323232;
 +
    text-align:justify;
 +
}
-
*'''Student 1''':    Sleepyhead
+
.container-2 .main-name {
-
*'''Student 2''':    Math nerd
+
    display: block;
-
*'''Student 3''':   Is going to save the world
+
    position: absolute;
-
*'''Student 4''':   Loves iGEM
+
    top: -0.7em;
-
*'''Student 5''': A normal student... or(r) am I?
+
    right: 1em;
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
 +
    font-family: "Boogaloo", serif;
 +
    font-size: 2.5em;
 +
    font-weight: bold;
-
|
+
    text-shadow: 0 0 2px rgba(250,250,250,.9);
-
<gallery>
+
}
-
Image:Example2_Team_member_1.png|Team member 1
+
-
Image:Example2_Team_member_2.png|Team member 2
+
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
== '''What we did''' ==
+
.container-2 img {
 +
    display: inline-block;
 +
   
 +
    margin: 1em;
 +
   
 +
    height: 200px;
 +
    width: 200px;
 +
   
 +
    background: black;
 +
    border-radius: 15px;
 +
    box-shadow: 0 0 4px white;
 +
}
-
(Provide proper attribution for all work)
+
.container-2 .paper {
 +
    display: inline-block;
 +
   
 +
    margin: 1em;
 +
    padding: 15px;
 +
    height: 170px;
 +
    width: 662px;
 +
   
 +
    background-color: white;
 +
    border-radius: 15px;
 +
    box-shadow: 0 0 4px white;
 +
   
 +
    font-family: "Cabin", sans-serif;
 +
}
 +
.container-2 .paper .title {
 +
    font-weight: bold;
 +
}
-
== '''Where we're from''' ==
+
.container-2 .paper div {
 +
    margin-bottom: 5px;
 +
}
 +
/*Navigation arrows*/
-
<!--NEW PAGE-->
+
#tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
-
{{:Team:UNITN-Trento/Templates/Default|<html><!--start content-->
+
    position: relative;
 +
   
 +
    margin: 1em 0 1em 0;
 +
    padding: 0.5em;
 +
   
 +
    background-color: rgba(255,255,255,.6);
 +
   
 +
    text-align: center;
 +
}
-
<!--CSS-->
+
#tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
-
<link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/CSS/Team&action=raw&ctype=text/css" type="text/css" />
+
#tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next {
 +
    position: absolute;
 +
    bottom: 0.8em;
-
<!--JS-->
+
    width: 174px;
-
<script src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Team&action=raw&ctype=text/javascript"></script>
+
   
 +
    border: none;
 +
    box-shadow: none;
 +
}
-
<section id="jms-slideshow" class="jms-slideshow">
+
.container .sheet-2 .tn-arr-prev {
 +
    left: 2em;
 +
}
-
    <div id="bruno" class="step" data-color="color-1" data-x="0" data-y="0" data-z="0" data-scale="0.4">
+
.container .sheet-2 .tn-arr-next {
-
<table>
+
     right: 2em;
-
<tr>
+
}
-
<td colspan="3" class="title">Bruno Aor</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Br1</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Allergic</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Apple man (<i>geeeeeeeek</i>), poser style</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"OOOOOOOOOH!!!!!", "Yes-sir!"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://www.youtube.com/watch?v=wyx6JDQCslE&list=PLbY1GH5vS2z6kyf-l7PY8TJQJ4g5wz97f&index=1">#imsexy&iknowit</a>, <a href="http://i.imgur.com/zF4s2I3.gif">#allergies</a>, <a href="http://i.imgur.com/CxCPVIt.gif">#dancer</a>, <a href="http://i.imgur.com/K1IcZB3.gif">#dancer2.0</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td><a href="http://labyrinthlibrary.files.wordpress.com/2012/07/homer.gif?w=500 ">#runforrestrun</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div id="fabio" class="step" data-color="color-2" data-x="1500" data-y="500" data-z="0" data-scale="0.4" data-rotate-z="0">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Fabio Digiacomo</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Fd_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Fabius</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Strawberry</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Romantic, american business man, happy-shalallà, gleek!</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"Totally, you know..."</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://24.media.tumblr.com/1e946b2e5dc61eb5adbd8128926fc2c4/tumblr_mqf27u35Ng1rc7gxfo1_400.gif">#theyoungest</a>, <a href="http://i.imgur.com/oFtxbJo.gif">#ImessAround</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td><a href="http://i.imgur.com/gwLEypG.gif">#whenHeMessesAround</a></td>
+
-
</tr>
+
-
</table>
+
-
     </div>
+
-
 
+
-
    <div id="gabriele" class="step" data-color="color-3"  data-x="5000" data-y="2000" data-z="-500" data-scale="0.9">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Gabriele Girelli</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/e/e0/Tn-2013-Gg_face.jpg" data-alt="https://static.igem.org/mediawiki/2013/5/5e/Tn-2013-Gg_face_b.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Gire</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Melon</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Nerd</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"WHO USED MY BENCH?"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://i.imgur.com/ia3bItI.gif">#busy</a>, <a href="http://i.imgur.com/PzIbuDx.gif">#nerd</a>, <a href="http://i.imgur.com/7sEOQFs.gif">#tryaskinghim</a>, <a href="http://i.imgur.com/rRRTE3j.gif">#fonts</a>, <a href="http://i.imgur.com/Ar8D3QW.gif">#grumpy</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td><a href="http://24.media.tumblr.com/tumblr_mbej03cdA41rzbvsto1_250.gif">#ook</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div id="caterina" class="step" data-color="color-4" data-x="-15000" data-y="0" data-z="500" data-scale="2">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Caterina Marchioretti</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg" data-alt="https://static.igem.org/mediawiki/2013/b/b4/Tn-2013-Cm_face_b.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>KateKillah</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Peach</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Composure</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"Booooooombaaaaa!"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://31.media.tumblr.com/9ed433d4f2d7fc428735442e586a6a00/tumblr_mqvmigOS1u1so4vavo1_500.gif">#imnotcrazy</a>, <a href="http://i.imgur.com/MPJpVft.gif">#Ilovebeer</a>, <a href="http://i.imgur.com/m4LTqbr.gif">#problems</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around her:</th>
+
-
<td><a href="http://i.imgur.com/vxr8lLf.gif">#spam</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
+
-
    <div id="michele" class="step" data-color="color-5" data-x="-1500" data-y="500" data-z="-500" data-scale="1.4">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Michele Pedrotti</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Pedro</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Watermelon</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Gesticulator, irresolute, reggae listener, dog, energy-man!</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"Oooooh, but how have we got ourselves!?"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://farm5.staticflickr.com/4121/4831257556_27e9ace5bb_z.jpg">#dog</a>, <a href="http://i.imgur.com/3maI3XB.gif">#adult</a>, <a href="http://i.imgur.com/xzE3I7P.gif">#stoner</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td><a href="http://i.imgur.com/mNthiUm.gif">#goodJob</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div id="thomas" class="step" data-color="color-6" data-x="-1500" data-y="2000" data-z="0" data-scale="1">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Thomas Perli</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/6/66/Tn-2013-Tp_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Xli</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Tomato</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Gangsta, snowboarder, king of ethylene</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"MA TE PAR!?", "EASY!"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://25.media.tumblr.com/tumblr_m8vxwpeFLD1r5jta4o1_500.gif">#rulez</a>, <a href="http://img.pandawhale.com/58668-Science-can-pepsi-gif-When-i-p-iWe0.gif">#science</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div id="emil" class="step" data-color="color-7" data-x="1500" data-y="-2000" data-z="0" data-scale="1">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Emil Tonon</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/5/50/Tn-2013-Et_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>ET</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>"Stark delicious" apple</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Dinosaur in the heart, singer, swot</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"Ma porca ma porca ma porca ma porca ma porca (loop) di quella miseria"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="http://www.youtube.com/watch?v=5xCR-iYg6Tc">#ilovedinosaurs</a>, <a href="http://i.imgur.com/sFLwg.gif">#impossible</a>, <a href="http://i.imgur.com/ddZY2LU.gif">#starWars</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around him:</th>
+
-
<td><a href="http://24.media.tumblr.com/tumblr_lrs97jJHzh1r3v6f2o1_400.gif">Plan A</a>, <a href="http://data.whicdn.com/images/40661839/tumblr_mc5n007uxD1rnvlqy_large.gif">Plan B</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div id="viola" class="step" data-color="color-8" data-x="2000" data-y="-500" data-z="1000" data-scale="1.5">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3" class="title">Viola Valentini</td>
+
-
</tr>
+
-
<tr>
+
-
<td class="image" rowspan="6"><img src="https://static.igem.org/mediawiki/2013/1/1d/Tn-2013-Vv_face.jpg" />
+
-
<span class="tooltip">Try to CLICK! :P</span></td>
+
-
<th>Nickname:</th>
+
-
<td>Birubiru</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:</th>
+
-
<td>Cherry</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:</th>
+
-
<td>Sunlight, zozzona, aunty</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:</th>
+
-
<td>"Puttanega"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:</th>
+
-
<td><a href="https://www.youtube.com/watch?v=y9Ua0U0LtDo">#zozzoni</a>, <a href="http://i.imgur.com/RdcOFPC.gif">#excited</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave around her:</th>
+
-
<td><a href="http://wac.450f.edgecastcdn.net/80450F/thefw.com/files/2013/05/Cleaning.gif">#cleaneverything</a></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
</section>
+
-
<p>
+
-
Tags about our team: <a href="http://i.imgur.com/ZBDbNTn.gif">#lost</a>, <a href="http://i.imgur.com/98szCN0.gif">#order</a>, <a href="http://i.imgur.com/eIcbdjv.gif">#helpUsPls</a>, <a href="http://i.imgur.com/Xp3hRCy.gif">#whenWeAchieveSomething</a>, <a href="http://i.imgur.com/vD761ZT.gif">#thisIsTRENTOOOO</a>, <a href="http://i.imgur.com/G0K8C0E.gif">#nowWhat</a>, <a href="http://i.imgur.com/Fge46cH.gif">#itsWorking!</a>.
+
-
</p>
+
-
<!--end content--></html>}}
+

Latest revision as of 13:28, 29 September 2013

  1. tn-content .container { 
   background-color: rgb(32,86,54);
   background-image: url(Tn-2013-boxbg-Onda-Watermelon.png);

}

  1. tn-content > .tn-title { 
   display: block;
   padding-top:0;
   
   border:none;
   
   color:rgb(48, 106, 56);
   font-family: "Mouse Memoirs";
   font-size:6em;
   text-align:center;
   text-shadow:2px 2px 4px white

}

  1. tn-content .container { 
   margin-bottom: 3em !important;

}

.paper { 

   position: relative;
   display: inline-block;

   margin: 2em 0;
   padding: 1em;
   height: 350px;
   width: 525px;

   background-color: rgba(255,255,255,.7);
   border-radius: 1em;

   font-family: "Cabin", sans-serif;
   font-size: 16px;
   text-align: justify;
   vertical-align: top;

}

.paper img.profile { 

   display: inline-block;
   width: 200px !important;
   margin-top: 6px;
   border-radius: 10px;
   box-shadow: inset 1px 1px 2px #323232;
   vertical-align: top;

}

.paper .data { 

   display: inline-block;
   width: 300px;
   margin-left: 1em;
   font-family: "Cabin", arial;
   font-size: 1em;
   vertical-align: top;

}

.paper .data p { 

   line-height: 1.3em;

}

.container .paper .title { 

   display: block;
   position: absolute;
   top: -0.7em;
   right: 1em;

   font-family: "Boogaloo", serif;
   font-size: 2.5em;
   font-weight: bold;

   text-shadow: 0 0 2px rgba(250,250,250,.9);

}

.container img.lab { 

   display: inline-block;
   width: 328px;
   height: 382px;
   margin-top: 2em;
   border-radius: 10px;

}

.container .left { 

   margin-left: 1em !important;
   margin-right: 1em !important;
   box-shadow: 0 0 4px white;

}

.container .right { 

   margin-left: 0 !important;
   margin-right: 1em !important;
   box-shadow: 0 0 4px white;

}

.container .paper.right .data { 

   margin-left: 0;
   margin-right: 1em;

}

.container .paper.right .title { 

   left: 1em;

}

  1. tn-content .container-2 { 
   width: 960px;
   margin: auto;
   margin-bottom: 2em;
   padding: 0;
   padding-top: 1.5em;

   background-color: rgb(32,86,54);
   background-image: url(Tn-2013-boxbg-Onda-Watermelon.png);
   background-position: top center;
   background-repeat: no-repeat;
   border: 3px solid white;
   box-shadow: 2px 2px 4px #323232;
   text-align:justify;

}

.container-2 .main-name { 

   display: block;
   position: absolute;
   top: -0.7em;
   right: 1em;

   font-family: "Boogaloo", serif;
   font-size: 2.5em;
   font-weight: bold;

   text-shadow: 0 0 2px rgba(250,250,250,.9);

}

.container-2 img { 

   display: inline-block;
   
   margin: 1em;
   
   height: 200px;
   width: 200px;
   
   background: black;
   border-radius: 15px;
   box-shadow: 0 0 4px white;

}

.container-2 .paper { 

   display: inline-block;
   
   margin: 1em;
   padding: 15px;
   height: 170px;
   width: 662px;
   
   background-color: white;
   border-radius: 15px;
   box-shadow: 0 0 4px white;
   
   font-family: "Cabin", sans-serif;

}

.container-2 .paper .title { 

   font-weight: bold;

}

.container-2 .paper div { 

   margin-bottom: 5px;

}

/*Navigation arrows*/

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 { 
   position: relative;
   
   margin: 1em 0 1em 0;
   padding: 0.5em;
   
   background-color: rgba(255,255,255,.6);
   
   text-align: center;

}

  1. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
  2. tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next { 
   position: absolute;
   bottom: 0.8em;

   width: 174px;
   
   border: none;
   box-shadow: none;

}

.container .sheet-2 .tn-arr-prev { 

   left: 2em;

}

.container .sheet-2 .tn-arr-next { 

   right: 2em;

}

Retrieved from "http://2013.igem.org/Team:UNITN-Trento/CSS/Team"