Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:NTNU_Trondheim/Templates/Header}}
+
/* Home page layout */
-
<html>
+
#main {
-
<div id="main">
+
margin: 0 0 15px 10px;
-
<h1>Welcome to our wiki!</h1>
+
float:left;
-
<p>This year the NTNU iGEM team is bent on cancer destruction by means of exploding bacteria. Here's a sketch of our basic plan for the genetic circuit:</p>
+
width:640px;
-
+
background:#ffffff;
-
<img src="https://static.igem.org/mediawiki/2012/3/3a/Genetisk_krets.png" width="500px;"/>
+
/*background:#9c9;*/
-
+
}
-
<p>Check out the <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project">project</a> section if you want to read more.</p>
+
-
+
-
<p>Please note that the wiki is under construction. Content will be updated continously over the course of the summer, so stay
+
-
tuned for the best synthetic biology action Trondheim has to offer!</p>
+
-
+
-
<p>In the meantime, why not enjoy some classic entertainment:</p>
+
-
+
-
<iframe width="560" height="315" src="http://www.youtube.com/embed/x5yPkxCLads" frameborder="0" allowfullscreen></iframe>
+
-
</div>
+
-
<div id="sidebar">
+
#sidebar {
-
<div style="padding: 0 0 0 5px;">
+
margin: 0 10px 15px 0;
-
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
+
float:right;
-
<script>
+
width:300px;
-
new TWTR.Widget({
+
background:#ffffff;
-
  version: 2,
+
/*background:#c9c;*/
-
  type: 'profile',
+
}
-
  rpp: 4,
+
-
  interval: 30000,
+
-
  width: 280,
+
-
  height: 300,
+
-
  theme: {
+
-
shell: {
+
-
  background: '#515151',
+
-
  color: '#ffffff'
+
-
},
+
-
tweets: {
+
-
  background: '#000000',
+
-
  color: '#ffffff',
+
-
  links: '#53db50'
+
-
}
+
-
  },
+
-
  features: {
+
-
scrollbar: false,
+
-
loop: false,
+
-
live: false,
+
-
behavior: 'all'
+
-
  }
+
-
}).render().setUser('iGEM_NTNU').start();
+
-
</script>
+
-
</div>
+
-
<br/>
+
-
<div class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="292" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div>
+
-
</div>
+
-
<div id="bottom">
+
#bottom {
-
<h1>Our sponsors:</h1>
+
margin: 0 10px 0 10px;
-
<p><a href="http://www.ntnu.edu/bioinformatics/pbi"><img src="http://folk.ntnu.no/oyas/igem/images/ntnu_bioinformatics_logo.png" /></a></p>
+
clear:both;
-
</div>
+
background:#ffffff;
-
+
/*background:#cc9;*/
 +
}
-
</body>
+
/* Correction of background color for Twitter widget */
-
</html>
+
 
 +
.twtr-bd p {
 +
background-color: #000000;
 +
}
 +
 
 +
/* Removes the annoying padlock symbol from https links */
 +
 
 +
#bodyContent a[href ^="https://"],
 +
.link-https {
 +
background: none;
 +
padding-right: 0px;
 +
}
 +
 
 +
/* Setup based on Imperial College iGEM 2011 */
 +
 
 +
#top-section {
 +
width: 975px;
 +
height: 0px;
 +
background-color: #ffffff;
 +
border: none;
 +
top: 3px;
 +
}
 +
 
 +
#p-logo {
 +
display: none;}
 +
 
 +
#search-controls {
 +
display: none;}
 +
 
 +
.right-menu li a, .right-menu li a:hover {
 +
color: #159E31;
 +
background-color: transparent;
 +
}
 +
 
 +
.left-menu:hover {
 +
background-color: #515151;
 +
}
 +
 
 +
.firstHeading {
 +
display: none;}
 +
 
 +
#ProjectLogo {
 +
position: relative;
 +
left:50px;
 +
/*z-index:-1;*/
 +
}
 +
 
 +
#iGEMLogo {
 +
position:absolute;
 +
top:40px;
 +
left:15px;
 +
}
 +
 
 +
#NTNULogo {
 +
position:absolute;
 +
top:60px;
 +
left:790px;
 +
}
 +
 
 +
body {
 +
background-color:#E9EEE9;
 +
font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif;
 +
}
 +
 
 +
#main-menu {
 +
overflow:visible;
 +
position:relative;
 +
z-index:3;
 +
}
 +
 
 +
#content {
 +
position: relative;
 +
width: 975px;
 +
margin: 0 auto;
 +
padding-top:1px;
 +
padding-left:0px;
 +
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;
 +
}

Revision as of 19:34, 26 June 2012

/* Home page layout */

  1. main {

margin: 0 0 15px 10px; float:left; width:640px; background:#ffffff; /*background:#9c9;*/ }

  1. sidebar {

margin: 0 10px 15px 0; float:right; width:300px; background:#ffffff; /*background:#c9c;*/ }

  1. bottom {

margin: 0 10px 0 10px; clear:both; background:#ffffff; /*background:#cc9;*/ }

/* Correction of background color for Twitter widget */

.twtr-bd p { background-color: #000000; }

/* Removes the annoying padlock symbol from https links */

  1. bodyContent a[href ^="https://"],

.link-https { background: none; padding-right: 0px; }

/* Setup based on Imperial College iGEM 2011 */

  1. top-section {

width: 975px; height: 0px; background-color: #ffffff; border: none; top: 3px; }

  1. p-logo {

display: none;}

  1. search-controls {

display: none;}

.right-menu li a, .right-menu li a:hover { color: #159E31; background-color: transparent; }

.left-menu:hover { background-color: #515151; }

.firstHeading { display: none;}

  1. ProjectLogo {

position: relative; left:50px; /*z-index:-1;*/ }

  1. iGEMLogo {

position:absolute; top:40px; left:15px; }

  1. NTNULogo {

position:absolute; top:60px; left:790px; }

body { background-color:#E9EEE9; font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; }

  1. main-menu {

overflow:visible; position:relative; z-index:3; }

  1. content {

position: relative; width: 975px; margin: 0 auto; padding-top:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; background: #ffffff; color: black; border: none; line-height: 1.5em; z-index: 2; overflow: hidden; }

  1. 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; }*/

  1. BackToTop {

position:fixed; bottom:0; right:0; }

  1. Sitemap {

position:fixed; bottom:0; left:0; }