Team:Peking/boxes

From 2010.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<html>
+
<!--
 +
==============================================================================
 +
separate the background of the textboxes into several part in order to make a goodlooking frame~~the inside text can be either editted in wiki languge or html languge.
 +
 
 +
Get code reference from Heidelberg2009's wiki(https://2009.igem.org/Template:Template_HD_3), and pictures painted by Weiye Wang from Peking iGEM 2010
 +
 
 +
==============================================================================
 +
/-->
<head>
<head>
       <style type="text/css">
       <style type="text/css">
-
#imggreen{border:3px solid #088A08;float:right;}
+
#imggreen{border:3px solid #088A08;}
#imgblue{border:3px solid #8181F7;}
#imgblue{border:3px solid #8181F7;}
-
#imgred{border:3px solid #FE2E2E;float:right;}
+
#imgred{border:3px solid #FE2E2E;}
-
#imggrey{border:3px solid ##A4A4A4;float:right;}
+
#imggrey{border:3px solid #6E6E6E;}
-
 
+
 
-
#topblue, #topred, #topgreen, #topgrey{background-repeat:repeat;  
+
 
 +
#topblue, #topred, #topgreen, #topgrey, #toptrans, #topwhite{background-repeat:repeat;  
                         height:140px;  
                         height:140px;  
                         width: 740px;  
                         width: 740px;  
-
                         float:left; margin: 10px;
+
                         float:left;  
-
                         }
+
                         }                      
                 #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                 #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
Line 23: Line 31:
                 #topgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                 #topgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/4/48/Topgray.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/4/48/Topgray.jpg);}
 +
                #toptrans {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/6/6d/Transtop.png);}
 +
                #topwhite {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/4/48/Whitetop.jpg);}
-
#tblue, #tred, #tgreen, #tgrey{background-repeat:repeat;  
+
#tblue, #tred, #tgreen, #tgrey, #ttrans, #twhite{background-repeat:repeat;  
                         height:140px;  
                         height:140px;  
                         width: 740px;  
                         width: 740px;  
-
                         float:left; margin: 10px;}
+
                         float:left; }
-
 
+
                #twhite {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/4/48/Whitetop.jpg);}
                 #tblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                 #tblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/e/ea/Tblue.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/e/ea/Tblue.jpg);}
Line 37: Line 50:
                 #tgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                 #tgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/c/c7/Tgray.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/c/c7/Tgray.jpg);}
 +
                #ttrans {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/6/6d/Transtop.png);}
-
#middleblue, #middlered, #middlegreen, #middlegrey{background-repeat:repeat;                       
+
 
-
                         width: 680px;  
+
#middleblue, #middlered, #middlegreen, #middlegrey, #middletrans,#middlewhite{background-repeat:repeat;                       
 +
                         width: 660px;  
                         float:left;  
                         float:left;  
                         margin: 0px;
                         margin: 0px;
-
                         padding: 0px 30px 0 30px;
+
                         padding: 0px 50px 0 30px;text-align:justify
                        
                        
                          
                          
}
}
-
 
+
#middlewhite {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;                        background-image: url(https://static.igem.org/mediawiki/2010/6/63/Whitemiddle.jpg);}
                 #middleblue {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                 #middleblue {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/7/7c/Middleblue.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/7/7c/Middleblue.jpg);}
Line 56: Line 72:
                 #middlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                 #middlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/5/5c/Middlegray.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/5/5c/Middlegray.jpg);}
 +
                #middletrans {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/2/2a/Transmiddle.png);}
-
#titleblue, #titlered, #titlegreen, #titlegrey{background-repeat:repeat;  
+
 
 +
 
 +
#titleblue, #titlered, #titlegreen, #titlegrey, #titletrans, #titlewhite{background-repeat:repeat;  
                         height:100px;  
                         height:100px;  
                         width: 740px;  
                         width: 740px;  
-
                         float:left; margin: 10px;}
+
                         float:left; }
-
 
+
                #titlewhite {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/3/3c/Whitetitle.jpg);}
                 #titleblue {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                 #titleblue {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/6/60/Titleblue.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/6/60/Titleblue.jpg);}
Line 70: Line 91:
                 #titlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                 #titlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/a/a3/Titlegrey.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/a/a3/Titlegrey.jpg);}
 +
                #titletras {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/b/b3/Transtitle.png);}
-
#bottomblue, #bottomred, #bottomgreen, #bottomgrey{background-repeat:repeat;  
+
#bottomblue, #bottomred, #bottomgreen, #bottomgrey, #bottomtrans,#bottomwhite{background-repeat:repeat;  
                         height:60px;  
                         height:60px;  
                         width: 740px;  
                         width: 740px;  
                         float:right; margin: 5px;
                         float:right; margin: 5px;
                         text-align: right;}
                         text-align: right;}
-
 
+
                #bottomwhite {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/6/6b/Whitebottom.jpg);}
                 #bottomblue {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
                 #bottomblue {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
                         background-image: url(https://static.igem.org/mediawiki/2010/0/02/Bottomblue.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/0/02/Bottomblue.jpg);}
Line 86: Line 110:
                 #bottomgrey {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
                 #bottomgrey {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
                         background-image: url(https://static.igem.org/mediawiki/2010/5/52/Bottomgrey.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/5/52/Bottomgrey.jpg);}
 +
                #bottomtrans {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/9/93/Transbottom.png);}
Line 92: Line 118:
-
</style>
 
-
</head>
 
 +
</style>
-
<head>
 
-
      <style type="text/css">
 
-
#red, #green, #blue {background-repeat:repeat;
 
-
                        height:1080px;
 
-
                        width: 740px;
 
-
                        float:left;
 
-
                        margin: 10px;}
 
-
#red I, #green I, #blue I {background-repeat:repeat;
 
-
                        height:200px;
 
-
                        width: 740px;
 
-
                        float:left;
 
-
                        margin: 10px;
 
-
                        top: 5px;}
 
-
 
-
                #red p, #green p, #blue p{padding: 0 20px;
 
-
                        text-align: justify;
 
-
                        font-size: 12px;
 
-
                        color: #FFF;}
 
-
                #red h3, #green h3, #blue h3{padding: 20px 25px 0 20px;
 
-
                        font-weight: bold;
 
-
                        font-size: 18px;
 
-
                        color: #FFF;}
 
-
                #red a, #green a, #blue a {
 
-
                        padding-right: 20px;
 
-
                        font-weight: bold;
 
-
                        font-size: 14px;
 
-
                        display: block;
 
-
                        text-align: right;
 
-
                        color: #FFF;} 
 
-
                #red {background-image: url(https://static.igem.org/mediawiki/2010/5/5a/Red.jpg);}
 
-
                #green {background-image: url(https://static.igem.org/mediawiki/2010/0/0e/Green.jpg);}
 
-
                #blue {background-image: url(https://static.igem.org/mediawiki/2010/d/de/BG2.jpg);}
 
-
</style>
 
</head>
</head>
 +
</html>

Latest revision as of 05:40, 27 October 2010