Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 1: Line 1:
-
/* Home page layout */
+
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
 +
<html>
 +
<div class="container main-container" style="margin-top:220px;">
-
#main {
 
-
margin: 0 0 15px 10px;
 
-
float:left;
 
-
width:640px;
 
-
background:#ffffff;
 
-
/*background:#9c9;*/
 
-
}
 
-
#sidebar {
+
<div class="row-fluid">
-
margin: 0 10px 15px 0;
+
-
float:right;
+
-
width:300px;
+
-
background:#ffffff;
+
-
/*background:#c9c;*/
+
-
}
+
-
#bottom {
+
<div class="span9">
-
margin: 0 10px 0 10px;
+
           
-
clear:both;
+
<!--            <div class="alert alert-success">-->
-
background:#ffffff;
+
<!--                <button type="button" class="close" data-dismiss="alert">×</button>-->
-
/*background:#cc9;*/
+
<!--                <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
-
}
+
<!--            </div>                              -->
-
/* Correction of background color for Twitter widget */
+
<div id="myCarousel" class="carousel slide">
-
 
+
<div class="carousel-inner">
-
.twtr-bd p {
+
              <div class="item active">
-
background-color: #000000;
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
}
+
                <div class="carousel-caption">
-
 
+
                  <h4>First Thumbnail label</h4>
-
/* Removes the annoying padlock symbol from https links */
+
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-
 
+
                </div>
-
#bodyContent a[href ^="https://"],
+
              </div>
-
.link-https {
+
              <div class="item">
-
background: none;
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
padding-right: 0px;
+
                <div class="carousel-caption">
-
}
+
                  <h4>Second Thumbnail label</h4>
-
 
+
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-
/* Setup based on Imperial College iGEM 2011 */
+
                </div>
-
 
+
              </div>
-
#top-section {
+
              <div class="item">
-
width: 975px;
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
height: 0px;
+
                <div class="carousel-caption">
-
background-color: #ffffff;
+
    <h4>Third Thumbnail label</h4>
-
border: none;
+
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-
top: 3px;
+
                </div>
-
}
+
              </div>
-
 
+
            </div>
-
#p-logo {
+
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
-
display: none;}
+
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
-
 
+
</div>
-
#search-controls {
+
<div class="row-fluid">
-
display: none;}
+
<ul class="thumbnails">
-
 
+
<li class="span3">
-
.right-menu li a, .right-menu li a:hover {
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
color: #159E31;
+
</li>
-
background-color: transparent;
+
<div class="span3">
-
}
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
 
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
.left-menu:hover {
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
background-color: #515151;
+
</div>
-
}
+
<li class="span3">
-
 
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
.firstHeading {
+
</li>
-
display: none;}
+
<div class="span3">
-
 
+
<h2><i class="icon-trophy"></i> Achievements</h2>
-
#ProjectLogo {
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
position: relative;
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
left:50px;
+
</div>
-
/*z-index:-1;*/
+
</ul>
-
}
+
<ul class="thumbnails">
-
 
+
<li class="span3">
-
#iGEMLogo {
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
position:absolute;
+
</li>
-
top:40px;
+
<div class="span3">
-
left:15px;
+
<h2><i class="icon-beaker"></i> Experiments</h2>
-
}
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
 
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
#NTNULogo {
+
</div>
-
position:absolute;
+
<li class="span3">
-
top:60px;
+
<a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a>
-
left:790px;
+
</li>
-
}
+
<div class="span3">
-
 
+
<h2><i class="icon-heart"></i> Matchmaker</h2>
-
body {
+
<p>We created a tool to make it easy for all iGEM teams to find other teams to collaborate with. </p>
-
background-color:#E9EEE9;
+
<p><a class="btn" href="#">Read more &raquo;</a></p>
-
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
+
</div>
-
}
+
</ul>
-
 
+
</div>
-
#main-menu {
+
</div> <!-- /span9 -->
-
overflow:visible;
+
-
position:relative;
+
<div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
-
z-index:3;
+
<p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>:
-
}
+
<div id="jamboreeCountdown"></div><br /><br /><br/>
-
 
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
#content {
+
<script>new TWTR.Widget({version:2,type:'profile',rpp:4,interval:30000,width:250,height:300,theme:{shell:{background:'#222',color:'#ffffff'},tweets:{background:'#555',color:'#ffffff',links:'#53db50'}},features:{scrollbar:false,loop:false,live:false,behavior:'all'}}).render().setUser('iGEM_NTNU').start();
-
position: relative;
+
</script><br/>
-
width: 975px;
+
<div style="" class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="250" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div>
-
margin: 0 auto;
+
</div> <!-- /span3 -->
-
padding-top:1px;
+
</html>
-
padding-left:0px;
+
{{:Team:NTNU_Trondheim/Test/Templates/Footer}}
-
padding-right:0px;
+
-
padding-bottom:0px;
+
-
background: #ffffff;
+
-
color: black;
+
-
border: none;
+
-
line-height: 1.5em;
+
-
z-index: 2;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#contentSub {
+
-
margin: 0 0 0 0;
+
-
}
+
-
 
+
-
a {color:#60c21e;}
+
-
a:link {color:#60c21e;}
+
-
a:visited {color:#60c21e;}
+
-
a:hover {color:#60c21e;}
+
-
a:active {color:#60c21e;}
+
-
a[name]:hover {text-decoration:none;}
+
-
 
+
-
a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
+
-
a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
+
-
 
+
-
h1 {
+
-
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
+
-
color: #159E31;
+
-
font-weight: bold;
+
-
/*border-bottom: none;*/
+
-
}
+
-
 
+
-
h2 {
+
-
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
+
-
color: #159E31;
+
-
font-weight: bold;
+
-
/*border-bottom: none;*/
+
-
}
+
-
 
+
-
h3 {
+
-
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
+
-
color: #159E31;
+
-
font-weight: bold;
+
-
/*border-bottom: none;*/
+
-
}
+
-
 
+
-
h4 {
+
-
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
+
-
color: #159E31;
+
-
font-weight: bold;
+
-
/*border-bottom: none;*/
+
-
}
+
-
 
+
-
/*p {
+
-
font-family: ubuntu, 'Open Sans', verdana, arial, sans-serif;
+
-
color: #000000;
+
-
background: #ffffff;
+
-
font-weight: normal;
+
-
font-size: 1em;
+
-
line-height: 1.7em;
+
-
text-align: justify;
+
-
margin: 0 0 0 0;
+
-
padding: 5px 20px 0px 20px;
+
-
}*/
+
-
 
+
-
.border {
+
-
border:1px solid #B2B2B2;
+
-
z-index:101;
+
-
}
+
-
 
+
-
.borderMagnify {
+
-
border:1px solid #B2B2B2;
+
-
z-index:101;
+
-
margin-left:-9px;
+
-
margin-right:9px;
+
-
}
+
-
 
+
-
.imgbox {
+
-
margin:20px;
+
-
padding:10px;
+
-
border:1px solid black;
+
-
text-align:center;
+
-
}
+
-
 
+
-
.vidbox {
+
-
margin:20px;
+
-
padding:10px;
+
-
border:1px solid black;
+
-
text-align:center;
+
-
}
+
-
 
+
-
.newouterbox {
+
-
background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
+
-
}
+
-
 
+
-
.newinnerbox {
+
-
border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
+
-
}
+
-
 
+
-
.newtext {
+
-
text-align:center;background-color:#FF944D;color:#000000;
+
-
}
+
-
 
+
-
ul.a {
+
-
margin: 0 0 0 40px;
+
-
list-style-image: none;
+
-
list-style-type:disc;
+
-
font-family: arial,sans-serif;
+
-
color: #000000;
+
-
background: #ffffff;
+
-
font-weight: normal;
+
-
font-size: 1em;
+
-
line-height: 1.7em;
+
-
text-align: justify;
+
-
padding: 5px 20px 0px 20px;
+
-
}
+
-
 
+
-
ol.a {
+
-
margin: 0 0 0 30px;
+
-
list-style-position:inside;
+
-
font-family: arial,sans-serif;
+
-
color: #000000;
+
-
background: #ffffff;
+
-
font-weight: normal;
+
-
font-size: 1em;
+
-
line-height: 1.7em;
+
-
text-align: justify;
+
-
padding: 5px 20px 0px 20px;
+
-
}
+
-
 
+
-
/*iframe {
+
-
padding: 10px 20px 10px 20px;
+
-
}*/
+
-
 
+
-
#BackToTop {
+
-
position:fixed;
+
-
bottom:0;
+
-
right:0;
+
-
}
+
-
 
+
-
#Sitemap {
+
-
position:fixed;
+
-
bottom:0;
+
-
left:0;
+
-
}
+

Latest revision as of 15:30, 17 September 2012

Search and Destroy
NTNU IS B.A.C.K.
Bacterial Anti-Cancer-Kamikaze

    • Project

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Achievements

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Experiments

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Matchmaker

    We created a tool to make it easy for all iGEM teams to find other teams to collaborate with.

    Read more »

Countdown to the European jamboree:





Retrieved from "http://2012.igem.org/Team:NTNU_Trondheim/Test"