Template:Paris2010

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- Based on the Paris wiki's 2009 : https://2009.igem.org/Team:Paris -->
+
<!-- TEMPLATE -->
<html>
<html>
Line 5: Line 5:
 +
/************* MEDIAWIKI CSS ************/
-
body {
+
 
-
    // background-color: #5e8896; //note : ugly at the moment
+
 
-
    background: #999999;
+
input.searchButton {
 +
background:none repeat scroll 0 0 transparent;
 +
border:medium none;
 +
color: #333333;
 +
font-size:100%;
 +
font-weight:bold;
 +
margin:1px 10px 0;
}
}
-
#content {
+
#search-controls {
-
    // background-color: #c8dee5; //note : ugly at the moment
+
margin-top: 40px;
-
    background: white;
+
display: block;
-
    border:1;
+
background: none;
 +
position: absolute;
}
}
-
h2{
+
.left-menu {
-
    color:#b0310e;
+
width: 300px;
-
    font-weight:bold;
+
margin-top: -75px;
-
    font-size:2.2em;
+
border: none;
}
}
-
h3{
+
.left-menu ul {
-
    color:#b0310e;
+
border: none;
-
    font-weight:normal;
+
-
    padding-bottom:20px;
+
-
    font-size:1.6em;
+
-
    position:relative;
+
-
    margin-bottom:20px;
+
}
}
-
h4{
+
#searchform {
-
    color:#b0310e;
+
background: none;
-
    font-weight:normal;
+
display: block;
-
    position:relative;
+
float: right;
-
    padding-left:50px;
+
-
    padding-top:20px;
+
-
    padding-bottom:15px;
+
-
    text-decoration:underline
+
}
}
-
h5{
+
#menubar.right-menu {
-
    color:#b0310e;
+
width: 300px;
-
    font-weight:normal;
+
display: block;
-
    position:relative;
+
float: left;
-
    padding-left:70px;
+
margin-top: -75px;
-
    padding-top:5px;
+
border: none;
-
    padding-bottom:5px;
+
-
    text-decoration:underline
+
}
}
-
a3{
+
.right-menu ul {
-
    color:#b0310e;
+
border: none;
-
    font-weight:normal;
+
-
    font-size:1.5em;
+
-
    position:relative;
+
}
}
-
 
+
#top-section {
-
a4{
+
height: 0px;
-
    color:#b0310e;
+
width: 970px;
-
    font-weight:normal;
+
margin-top: 0px;
-
    font-size:1.6em;
+
margin-bottom: 0px;
-
    text-align : right;  
+
margin-left: auto;
 +
padding:0;
 +
position: relative;
 +
border: none;
}
}
 +
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border: none;
 +
}
#footer-box {
#footer-box {
-
    background: white; /*url(https://static.igem.org/mediawiki/2009/4/4e/Slash_white.png)repeat;*/
+
border: 0;
-
    border:1;
+
width: 970px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
padding: 0;
 +
border: 1px solid #444444;
 +
border-top: 1px solid #666666;
 +
/* background: #424D47; */
 +
font-size: 11px;
}
}
-
 
-
/*////////////*/
 
-
/*// Header //*/
 
-
/*////////////*/
 
.firstHeading {
.firstHeading {
-
    color:transparent;
+
display: none;
-
    font-size:0.1em;
+
}
-
    width: 965px;
+
-
    height: 238px;
+
-
    position: relative;
+
-
    top:0;
+
-
    left:0;
+
-
    margin:0;
+
-
    background: url(http://lsdlive.org/tmp-igem/Header_BG_Paris.png);
+
 +
 +
ol.references {
 +
text-align: left;
 +
font-size: smaller;
}
}
-
#header_left .plainlinks a {
+
ul.references {
-
    width: 10px;
+
text-align: left;
-
    height: 10px;
+
font-size: smaller;
-
    z-index: 100;
+
-
    position: absolute;
+
-
    top: 100px;
+
-
    left: 300px;
+
-
    text-decoration: none;
+
-
    background: transparent;
+
-
    padding: 0;
+
}
}
-
#header_right .plainlinks a {
+
/*reset*/
-
    width: 100px;
+
p {
-
    height: 100px;
+
margin:0;
-
    z-index: 100;
+
-
    position: absolute;
+
-
    top: 10px;
+
-
    right: 30px;
+
-
    text-decoration: none;
+
-
    background: blue;
+
-
    padding: 0;
+
}
}
-
#header_bar_link {
+
.editsection {
-
    width: 450px;
+
font-size: 100%;
-
    height: 17px;
+
font-weight: normal;
-
    position: absolute;
+
font-color:#b0310e;
-
    top: 218px;
+
-
    left: 10px;
+
-
    background: transparent;
+
}
}
-
#header_bar_link a:link, #header_bar_link a:visited, #header_bar_link a:active, #header_bar_link .selflink {
+
ol.references > li:target  {
-
    text-decoration: none;
+
background-color: #def;
-
    color: #3563b8;
+
-
    position: relative;
+
-
    float: left;
+
-
    margin: 0px 10px 5px 10px;
+
-
    height: 17px;
+
-
    font-size: 100%;
+
}
}
-
#header_bar_link a:hover, #header_bar_link .selflink, #header_bar_link .normal, #header_bar_link .subnav {
+
/* hide table of contents */
-
    color: white;
+
#toc {
-
    text-decoration: underline;
+
display: none;
}
}
-
 
-
#header_bar_lab {
 
-
    width: 500px;
 
-
    height: 17px;
 
-
    position: absolute;
 
-
    top: 218px;
 
-
    left: 460px;
 
-
    background: transparent;
 
 +
h1 {
 +
font-size: 160%;
}
}
-
#header_bar_lab a,#header_bar_lab .selflink {
+
 
-
    text-decoration: none;
+
 
-
    color: grey;
+
/************* GENERAL CSS ************/
-
    position: relative;
+
 
-
    float: right;
+
 
-
    height: 17px;
+
 
-
    font-size: 100%;
+
body {
-
    margin: 0px 10px 10px 10px;
+
background: #CCCCCC;
 +
width: auto;
 +
text-align: justify;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
color: #333333;
}
}
-
#header_bar_lab a:hover, #header_bar_lab .selflink {
+
h1, h2, h3, h4, h5, h6 {
-
    color: white;
+
font-family: Georgia, "Times New Roman", Times, serif;
-
    text-decoration: underline;
+
color: #3399FF;
}
}
-
/*//////////*/
+
a {
-
/*// Menu //*/
+
font-weight: bold;
-
/*//////////*/
+
text-decoration: none;
 +
color: #33CCFF;
 +
}
-
#menu2 {
+
a:visited {
-
    width: 110px;
+
font-weight: bold;
-
    position: relative;
+
text-decoration: none;
-
    float: left;
+
color: #33CCFF;
-
    padding:0px;
+
}
}
-
/*/////////////*/
 
-
/*// Content //*/
 
-
/*/////////////*/
 
-
#paris_content_wrapper {
+
a:hover {
-
    width: 760px;
+
text-decoration: underline;
-
    position: relative;
+
color: #33CCFF;
-
    float: right;
+
-
    margin-top: 5px;
+
}
}
-
#paris_content {
+
 
-
    width: 810px;
+
 
-
    padding: 10px;
+
/************* HEADER STUFF ************/
-
    margin: 0px 0px 30px;
+
 
-
    position: relative;
+
 
-
    float: right;
+
 
-
    font-size: 9pt;
+
#header {
-
    text-align: justify;
+
width: 970px;
-
    background:url(http://lsdlive.org/tmp-igem/Content_BG_Paris_2009.png) repeat-y;
+
border-top: 1px solid #444444;
-
    border: 1px solid #999999; ;
+
height: 120px;
 +
padding: 10px 0px;
 +
background: #FFFBFD url(http://www.lsdlive.org/tmp-igem/header_img.jpg);
}
}
-
/*//////////////*/
+
#header h1 {
-
/* references //*/                                                               
+
margin: 0px;
-
/*//////////////*/
+
padding: 0px 0px 0px 10px;
 +
text-align: left;
 +
color: #3399FF;
 +
font-size: 3em;
 +
text-transform: uppercase;
 +
}
-
ol.references {
+
#header h2 {
-
    text-align: left;
+
margin: 0px;
-
    font-size: smaller;
+
padding: 0px 0px 0px 20px;
 +
text-align: left;
 +
font-size: 1.5em;
 +
text-transform: uppercase;
}
}
-
ul.references {
+
 
-
    text-align: left;
+
 
-
    font-size: smaller;
+
/************* MENU ************/
 +
 
 +
 
 +
 
 +
#menu {
 +
width: 970px;
 +
margin: 0px auto;
 +
padding: 5px 0px 5px 0px;
 +
background-color: #000000;
 +
font-size: 13px;
}
}
-
/*////////////////*/
+
#menu ul {
-
/*// core stuff //*/                                                               
+
margin: 0px;
-
/*///////////////*/
+
padding: 0px;
 +
list-style: none;
 +
text-align: center;
 +
}
-
/*reset*/
+
#menu li {
-
p {
+
display: inline;
-
    margin:0;
+
}
}
-
.editsection {
+
#menu a {
-
    font-size: 100%;
+
padding: 6px 15px;
-
    font-weight: normal;
+
text-transform: uppercase;
-
    font-color:#b0310e;
+
text-decoration: none;
 +
font-size: 12px;
 +
font-weight: bold;
 +
color: #FFFFFF;
}
}
-
ol.references > li:target  {
+
#menu a:hover {
-
    background-color: #def;
+
background-color: #333333;
}
}
-
a:hoover{
+
 
-
    text-decoration: none;
+
/************* CONTENT ************/
-
    color:#00a7e7;
+
 
 +
 
 +
 
 +
#content {
 +
width: 970px;
 +
margin: 0px auto;
 +
padding: 0px 0px 0px 0px;
 +
font-size: 11px;
}
}
-
a, a:visited{
+
#content h2, #content h3, #content h4, #content h5, #content h6 {
-
    color:#0a3585;
+
font-weight: normal;
 +
 
}
}
-
body {
+
 
-
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
+
#content p, #content ul, #content ol {
-
    line-height: 1.5;
+
line-height: 150%;
}
}
-
/* hide table of contents */
+
#left {
-
#toc {
+
float: left;
-
    display: none;
+
width: 680px;
 +
padding: 20px 20px 40px 20px;
}
}
-
h1 {
+
#right {
-
    font-size: 160%;
+
float: right;
 +
width: 210px;
 +
background: #424D47;
 +
padding: 20px 20px 420px 20px;
 +
font-size: 13px;
 +
color: #99CCFF;
}
}
-
 
+
#right ul {
 +
list-style:disc;
 +
}
</style>
</style>
-
</html>
+
 
-
<span/ id="top">
+
<script language="JavaScript">
 +
/************** Javascript Content *************/
 +
 
 +
//PLF-http://www.jejavascript.net/
 +
var coeff=2;
 +
var speed=60;
 +
var coeffinit=coeff;
 +
function i_change() {
 +
if (document.image.width < i_width) {
 +
coeff = coeff-0.2;
 +
document.image.width = Math.round(i_width/coeff);
 +
document.image.height = Math.round(i_height/coeff);
 +
chang=window.setTimeout('i_change();',speed);
 +
}
 +
else {window.clearTimeout(chang);}
 +
}
 +
function initial() {
 +
if (document.image.width > i_width/coeffinit) {
 +
window.clearTimeout(chang);
 +
coeff = coeff+0.2;
 +
document.image.width = Math.round(i_width/coeff);
 +
document.image.height = Math.round(i_height/coeff);
 +
 
 +
initi=window.setTimeout('initial();',speed);
 +
}
 +
else {window.clearTimeout(initi);}
 +
}
 +
</script>
 +
 
<div id="header">
<div id="header">
-
<div id="header_bar_lab">
+
<h1></h1>
-
[[# | Protocols]]
+
-
[[http://openwetware.org/wiki/IGEM:Paris_Liliane_Bettencourt/Notebook/Paris_2010 NoteBook]]
+
-
[[# | Bibliography]]
+
-
[[Team:Paris_Liliane_Bettencourt/Parts | Parts ]]
+
-
[[Team:Paris_Liliane_Bettencourt/Brainstorming | Brainstorming]]
+
-
[[# | Safety]]
+
-
</div><div id="header_bar_link">
+
-
[[Team:Paris_Liliane_Bettencourt/Team | Team]]
+
-
[[# | Contacts]]
+
-
[[Team:Paris_Liliane_Bettencourt/Acknowledgements | Acknowledgements]]
+
-
[[# | Links]]
+
-
</div>
+
</div>
</div>
 +
 +
</html>

Revision as of 14:02, 6 September 2010


Retrieved from "http://2010.igem.org/Template:Paris2010"