Team:ULB-Brussels/Attributions

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
<html>
+
/*styles used to supress igem elements already styled*/
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
body {margin: 0 auto; width: 100%;background="transparent"; background: url('#') no-repeat center center fixed;  
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
        filter:opacity=0.1;
-
This is a template page. READ THESE INSTRUCTIONS.
+
background-size: cover;}
-
</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 *** -->
+
h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#center {
 +
text-align:center;
 +
 +
}
 +
#p-logo {
 +
    visibility:hidden;
 +
}
 +
#searchform {
 +
    visibility:hidden;
 +
}
 +
#top-section {
 +
    height:30px;
 +
    border-left:none!important;
 +
    border-right:none!important;
 +
background-color:black;
 +
border-bottom:none;
 +
width: 975px;
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
}
-
!align="center"|[[Team:ULB-Brussels|Home]]
+
.left-menu {
-
!align="center"|[[Team:ULB-Brussels/Team|Team]]
+
    background-color: #000;
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=ULB-Brussels Official Team Profile]
+
   
-
!align="center"|[[Team:ULB-Brussels/Project|Project]]
+
}
-
!align="center"|[[Team:ULB-Brussels/Parts|Parts Submitted to the Registry]]
+
.left-menu a {
-
!align="center"|[[Team:ULB-Brussels/Modeling|Modeling]]
+
 
-
!align="center"|[[Team:ULB-Brussels/Notebook|Notebook]]
+
    color: #fff;
-
!align="center"|[[Team:ULB-Brussels/Safety|Safety]]
+
}
-
!align="center"|[[Team:ULB-Brussels/Attributions|Attributions]]
+
#globalWrapper {
-
|}
+
 +
 +
background-color:#fff;
 +
padding-bottom: 0px;
 +
margin-bottom: 0px;
 +
border:none;
 +
-webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .8);
 +
box-shadow: 5px 5px 15px 5px rgba(0,0, 0, .8);
 +
}
 +
#menubar{
 +
margin-top: 10px;
 +
background-color:black;
 +
 +
 +
}
 +
#menubar ul li a{
 +
 +
background-color:black;
 +
 +
}
-
Each team must clearly attribute work done by the team on this page.  They must distinguish work done by the team from work done by others, including the host labs, advisors, instructors, graduate students, and postgraduate masters students.
+
 
 +
#catlinks{
 +
border:none;
 +
background-color: #fff;
 +
}
 +
#content {padding:0px; width: 975px; border:none;}
 +
.content_uofl p{padding: 0 35px;}
 +
 
 +
 
 +
#footer-box a:link, #footer-box a:visited {border:none; background:none; color: #000;}
 +
#footer-box {background-color: #fff; border:none;}
 +
/*begin igem 2012 styles*/
 +
/*Main Structure*/
 +
 
 +
.wrapper_uofl{
 +
 +
 
 +
border: 1px solid #000;
 +
 +
}
 +
.header_uofl{
 +
background: #959595; /* for non-css3 browsers */
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#585859'); /* for IE */
 +
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(78591E)); /* for webkit browsers */
 +
background: -moz-linear-gradient(top,  #000, 78591E); /* for firefox 3.6+ */
 +
height: 280px;
 +
padding: 20px 0px;
 +
text-align:center;
 +
width: 100%;
 +
color:#fff;
 +
margin-top:-52px;
 +
 +
}
 +
#logo{
 +
vertical-align:middle;
 +
}
 +
 
 +
.header_uofl_nav {
 +
background: 71BE6E;
 +
text-align: center;
 +
}
 +
 
 +
.header_uofl_nav ul img{ margin-top: -8px; margin-right: 5px;
 +
}
 +
.header_uofl_nav ul li {
 +
display: inline!important;
 +
list-style-type: none!important;
 +
font-size: 15px;
 +
font-weight: 100;
 +
width: 75px;
 +
       
 +
 
 +
 
 +
}
 +
.header_uofl_nav li a:link, .header_uofl_nav li a:visited {
 +
color: #C03000;
 +
text-decoration:none;
 +
line-height: 55px;
 +
padding: 15px;
 +
width: 75px;
 +
        font-weight:bold
 +
}
 +
 +
.header_uofl_nav li a:hover{
 +
color: #C03000;
 +
text-decoration:none;
 +
background-color: 425FF2;
 +
 +
}
 +
.header_uofl_nav li a:active {
 +
color: #C03000;
 +
text-decoration:none;
 +
background-color: #00b291;
 +
padding: 26px 15px;
 +
width: 75px;
 +
}
 +
 +
.content_uofl{
 +
margin: 10px auto;
 +
height: auto;
 +
clear:both;
 +
 +
}
 +
.content_sub_one_uofl{
 +
 +
}
 +
.content_sub_two_uofl{
 +
 +
}
 +
.content_sub_three_uofl{
 +
 +
}
 +
.footer_uofl{
 +
display:block;
 +
clear:both;
 +
text-align:center;
 +
font-size: .7em;
 +
 +
 +
}
 +
 
 +
/*Introduction Section Styles and Front page Grid Styles*/
 +
body {
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px 10px;
 +
width: 975px;
 +
}
 +
 
 +
.intro_wrap {
 +
width: 100%;
 +
 
 +
height:auto;
 +
 +
}
 +
.intro_wrap h2, .content_uofl h2 {border-bottom:none; margin-left: 35px; margin-top: 50px; margin-bottom: 25px; font-size: 2em; font-weight: bold; color: #555;}
 +
 
 +
.section_intro{
 +
display:block;
 +
float:left;
 +
width: 510px;
 +
padding: 10px;
 +
}
 +
 
 +
.intro_wrap h1{
 +
padding: 10px;
 +
position:absolute;
 +
 +
background: rgba(0, 0, 0, 0.5);
 +
width: auto;
 +
min-width: 200px;
 +
max-width: 400px;
 +
font-size: 2em;
 +
font-weight:bold;
 +
color:#fff;
 +
clear:both;
 +
}
 +
 +
.section_intro_side {
 +
display: block;
 +
width: 100%px;
 +
background-color: #fff;
 +
clear: both;
 +
float: #;
 +
margin-top: 53px;
 +
margin-right:35px;
 +
height: 430px;
 +
color:E53030;
 +
font-size: 1.1em;
 +
font-style:italic;
 +
font-weight: 100;
 +
 +
 +
}
 +
.section_intro_side p{
 +
margin-bottom: 15px;
 +
padding: 30px;
 +
}
 +
 +
.bio{
 +
min-height: 250px;
 +
display:block;
 +
float:left;
 +
width: 45%;
 +
margin-left: 35px;
 +
border-right: 1px dotted #ccc;
 +
 
 +
padding-right: 10px;
 +
 +
 
 +
}
 +
.bio img{float:left; display:block; margin-right: 17px;}
 +
 
 +
.bio p{margin-left: 7px; display:block;}
 +
 
 +
.bio h3{
 +
color:#555;
 +
line-height: 28px;
 +
}
 +
.bio h3 li {
 +
list-style-image: url("http://reamsbottom.net/igem/images/yellowBullet.jpg");
 +
margin-left: 30px;
 +
}
 +
 
 +
.bio2{
 +
clear:left;
 +
width: 45%;
 +
min-height: 250px;
 +
display:block;
 +
float:right;
 +
margin-right: 35px;
 +
 +
 
 +
}
 +
.bio2 img{float:left; display:block; margin-right: 17px;}
 +
 
 +
.bio2 p{margin-left: 7px; display:block;}
 +
 
 +
.bio2 h3{color:#555; line-height: 28px;}
 +
 
 +
.bio2 h3 li {
 +
}
 +
 +
.biowrap {width: 100%; clear: both; margin-top: 50px; margin-bottom: 50px; padding: 0px;}
 +
 
 +
/*
 +
  * jQuery FlexSlider v1.8
 +
* http://www.woothemes.com/flexslider/
 +
*
 +
* Copyright 2012 WooThemes
 +
* Free to use under the MIT license.
 +
* http://www.opensource.org/licenses/mit-license.php
 +
*/
 +
 
 +
/* Browser Resets */
 +
.flex-container a,
 +
.flexslider a,
 +
.flex-container a:active,
 +
.flexslider a:active,
 +
.flex-container a:focus,
 +
.flexslider a:focus  {outline: none;}
 +
.slides,
 +
.flex-control-nav,
 +
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
 +
 
 +
 
 +
/* FlexSlider Necessary Styles
 +
*********************************/
 +
.flexslider {margin:0 0 25px 30px; padding: 0; width: 450px; display:block; float:left;}
 +
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
 +
.flexslider .slides img {max-width: 100%; display: block;}
 +
.flex-pauseplay span {text-transform: capitalize;}
 +
 
 +
/* Clearfix for the .slides element */
 +
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 +
html[xmlns] .slides {display: block;}
 +
* html .slides {height: 1%;}
 +
 
 +
/* No JavaScript Fallback */
 +
/* If you are not using another script, such as Modernizr, make sure you
 +
* include js that eliminates this class on page load */
 +
.no-js .slides > li:first-child {display: block;}
 +
 
 +
 
 +
/* FlexSlider Default Theme
 +
*********************************/
 +
.flexslider { background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
 +
.flexslider .slides {zoom: 1;}
 +
.flexslider .slides > li {position: relative;}
 +
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
 +
.flex-container {zoom: 1; position: relative;}
 +
 
 +
/* Caption style */
 +
/* IE rgba() hack */
 +
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
 +
width: 380px; padding: 10px; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 16px; line-height: 32px;}
 +
.flex-caption p {width: 350px; display:block; overflow:hidden;}
 +
.flex-caption li {width: 450px;}
 +
 
 +
/* Direction Nav */
 +
.flex-direction-nav { height: 0; }
 +
.flex-direction-nav a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_direction_nav.png") no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
 +
.flex-direction-nav .flex-next {background-position: -52px 0; right: -21px;}
 +
.flex-direction-nav .flex-prev {left: -20px;}
 +
.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
 +
 
 +
/* Control Nav */
 +
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
 +
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
 +
.flex-control-nav li:first-child {margin: 0;}
 +
.flex-control-nav a {width: 13px; height: 13px; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_control_nav.png") no-repeat; cursor: pointer; text-indent: -999em;}
 +
.flex-control-nav a:hover {background-position: 0 -13px;}
 +
.flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}
 +
 
 +
/* Specific Slider Styles */
 +
 
 +
body {font-family: 'Helvetica', 'Arial', sans-serif;}
 +
#container {width: 450px; float:left; display:block; margin-left: 0px;}
 +
 
 +
.flex-caption h2 {width: 450px; padding: 20px 0 30px; font-size: 22px; line-height: 32px;}
 +
.flex-caption h2 a {text-decoration: none; color: #427f9e;}
 +
.flex-caption h2 a:hover {border-bottom: 1px dotted #427f9e;}
 +
 
 +
 
 +
 
 +
/*
 +
*End Slider Styling
 +
*/

Revision as of 13:59, 18 September 2012

/*styles used to supress igem elements already styled*/ body {margin: 0 auto; width: 100%;background="transparent"; background: url('#') no-repeat center center fixed; 

       filter:opacity=0.1;

background-size: cover;}

h1.firstHeading {

visibility:hidden; }

  1. center {

text-align:center;

}

  1. p-logo { 
   visibility:hidden;

}

  1. searchform { 
   visibility:hidden;

}

  1. top-section { 
   height:30px;
   border-left:none!important;
   border-right:none!important;

background-color:black; border-bottom:none; width: 975px;

} .left-menu { 

   background-color: #000;

} .left-menu a { 

   color: #fff;

}

  1. globalWrapper {


background-color:#fff; padding-bottom: 0px; margin-bottom: 0px; border:none; -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .8); box-shadow: 5px 5px 15px 5px rgba(0,0, 0, .8);

}

  1. menubar{

margin-top: 10px; background-color:black;


}

  1. menubar ul li a{

background-color:black;

}


  1. catlinks{

border:none; background-color: #fff; }

  1. content {padding:0px; width: 975px; border:none;}

.content_uofl p{padding: 0 35px;}


  1. footer-box a:link, #footer-box a:visited {border:none; background:none; color: #000;}
  2. footer-box {background-color: #fff; border:none;}

/*begin igem 2012 styles*/ /*Main Structure*/

.wrapper_uofl{


border: 1px solid #000;

} .header_uofl{ background: #959595; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#585859'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#000), to(78591E)); /* for webkit browsers */ background: -moz-linear-gradient(top, #000, 78591E); /* for firefox 3.6+ */ height: 280px; padding: 20px 0px; text-align:center; width: 100%; color:#fff; margin-top:-52px;

}

  1. logo{

vertical-align:middle; }

.header_uofl_nav { background: 71BE6E; text-align: center; }

.header_uofl_nav ul img{ margin-top: -8px; margin-right: 5px; } .header_uofl_nav ul li { display: inline!important; list-style-type: none!important; font-size: 15px; font-weight: 100; width: 75px;


} .header_uofl_nav li a:link, .header_uofl_nav li a:visited { color: #C03000; text-decoration:none; line-height: 55px; padding: 15px; width: 75px; 

       font-weight:bold

}

.header_uofl_nav li a:hover{ color: #C03000; text-decoration:none; background-color: 425FF2;

} .header_uofl_nav li a:active { color: #C03000; text-decoration:none; background-color: #00b291; padding: 26px 15px; width: 75px; }

.content_uofl{ margin: 10px auto; height: auto; clear:both;

} .content_sub_one_uofl{

} .content_sub_two_uofl{

} .content_sub_three_uofl{

} .footer_uofl{ display:block; clear:both; text-align:center; font-size: .7em;


}

/*Introduction Section Styles and Front page Grid Styles*/ body { font-family: Arial, Helvetica, sans-serif; padding: 0px 10px; width: 975px; }

.intro_wrap { width: 100%;

height:auto;

} .intro_wrap h2, .content_uofl h2 {border-bottom:none; margin-left: 35px; margin-top: 50px; margin-bottom: 25px; font-size: 2em; font-weight: bold; color: #555;}

.section_intro{ display:block; float:left; width: 510px; padding: 10px; }

.intro_wrap h1{ padding: 10px; position:absolute;

background: rgba(0, 0, 0, 0.5); width: auto; min-width: 200px; max-width: 400px; font-size: 2em; font-weight:bold; color:#fff; clear:both; }

.section_intro_side { display: block; width: 100%px; background-color: #fff; clear: both; float: #; margin-top: 53px; margin-right:35px; height: 430px; color:E53030; font-size: 1.1em; font-style:italic; font-weight: 100;


} .section_intro_side p{ margin-bottom: 15px; padding: 30px; }

.bio{ min-height: 250px; display:block; float:left; width: 45%; margin-left: 35px; border-right: 1px dotted #ccc;

padding-right: 10px;


} .bio img{float:left; display:block; margin-right: 17px;}

.bio p{margin-left: 7px; display:block;}

.bio h3{ color:#555; line-height: 28px; } .bio h3 li { list-style-image: url("http://reamsbottom.net/igem/images/yellowBullet.jpg"); margin-left: 30px; }

.bio2{ clear:left; width: 45%; min-height: 250px; display:block; float:right; margin-right: 35px;


} .bio2 img{float:left; display:block; margin-right: 17px;}

.bio2 p{margin-left: 7px; display:block;}

.bio2 h3{color:#555; line-height: 28px;}

.bio2 h3 li { }

.biowrap {width: 100%; clear: both; margin-top: 50px; margin-bottom: 50px; padding: 0px;}

/* 

* jQuery FlexSlider v1.8
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* Browser Resets */ .flex-container a, .flexslider a, .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles

                                                                  • /

.flexslider {margin:0 0 25px 30px; padding: 0; width: 450px; display:block; float:left;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;}

  • html .slides {height: 1%;}

/* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you 

* include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme

                                                                  • /

.flexslider { background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;}

/* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; width: 380px; padding: 10px; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 16px; line-height: 32px;} .flex-caption p {width: 350px; display:block; overflow:hidden;} .flex-caption li {width: 450px;}

/* Direction Nav */ .flex-direction-nav { height: 0; } .flex-direction-nav a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_direction_nav.png") no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;} .flex-direction-nav .flex-next {background-position: -52px 0; right: -21px;} .flex-direction-nav .flex-prev {left: -20px;} .flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav a {width: 13px; height: 13px; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_control_nav.png") no-repeat; cursor: pointer; text-indent: -999em;} .flex-control-nav a:hover {background-position: 0 -13px;} .flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}

/* Specific Slider Styles */

body {font-family: 'Helvetica', 'Arial', sans-serif;}

  1. container {width: 450px; float:left; display:block; margin-left: 0px;}

.flex-caption h2 {width: 450px; padding: 20px 0 30px; font-size: 22px; line-height: 32px;} .flex-caption h2 a {text-decoration: none; color: #427f9e;} .flex-caption h2 a:hover {border-bottom: 1px dotted #427f9e;}


/* 

*End Slider Styling
*/
Retrieved from "http://2012.igem.org/Team:ULB-Brussels/Attributions"