Team:UNITN-Trento/CSS/Team

From 2013.igem.org

(Difference between revisions)
 
(159 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 class="step" data-color="color-1" data-y="1500" data-z="-500" data-scale="0.4" data-rotate-z="60">
+
.container .sheet-2 .tn-arr-next {
-
<table>
+
     right: 2em;
-
<tr>
+
}
-
<td colspan="3"><span class="title">Bruno Aor</span></td>
+
-
</tr>
+
-
<tr>
+
-
<td rowspan="6"><img src="https://static.igem.org/mediawiki/2013/2/26/Tn-2013-Ba_face.jpg" /></td>
+
-
<th>Nickname:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave with him:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
 
+
-
    <div class="step" data-color="color-2" data-y="500" data-scale="0.4" data-rotate-x="30">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3"><span class="title">Caterina Marchioretti</span></td>
+
-
</tr>
+
-
<tr>
+
-
<td rowspan="6"><img src="https://static.igem.org/mediawiki/2013/5/59/Tn-2013-Cm_face.jpg" /></td>
+
-
<th>Nickname:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave with him:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
</table>
+
-
     </div>
+
-
+
-
    <div class="step" data-color="color-3">
+
-
<table>
+
-
<tr>
+
-
<td colspan="3"><span class="title">Michele Pedrotti</span></td>
+
-
</tr>
+
-
<tr>
+
-
<td rowspan="6"><img src="https://static.igem.org/mediawiki/2013/b/b0/Tn-2013-Mp_face.jpg" /></td>
+
-
<th>Nickname:&nbsp;</th>
+
-
<td>Pedro</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Favourite fruit:&nbsp;</th>
+
-
<td>Watermelon</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Description:&nbsp;</th>
+
-
<td>Gesticulator, irresolute, reggae listener, dog, energy-man!</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Quotes:&nbsp;</th>
+
-
<td>"Oooooh, but how have we got ourselves!?"</td>
+
-
</tr>
+
-
<tr>
+
-
<th>Hashtags:&nbsp;</th>
+
-
<td><a href="http://farm5.staticflickr.com/4121/4831257556_27e9ace5bb_z.jpg">#dog</a></td>
+
-
</tr>
+
-
<tr>
+
-
<th>How to behave with him:&nbsp;</th>
+
-
<td></td>
+
-
</tr>
+
-
</table>
+
-
    </div>
+
-
   
+
-
</section>
+
-
 
+
-
</html>{{:Team:UNITN-Trento/Templates/Styles/Fruitsport}}<html>
+
-
 
+
-
<!--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"