Team:Peking/boxes

From 2010.igem.org

(Difference between revisions)
 
(79 intermediate revisions not shown)
Line 1: Line 1:
<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">
-
#topblue, #topred, #topgreen, #topgrey{background-repeat:repeat;  
+
 
 +
#imggreen{border:3px solid #088A08;}
 +
#imgblue{border:3px solid #8181F7;}
 +
#imgred{border:3px solid #FE2E2E;}
 +
#imggrey{border:3px solid #6E6E6E;}
 +
 
 +
 
 +
#topblue, #topred, #topgreen, #topgrey, #toptrans, #topwhite{background-repeat:repeat;  
                         height:140px;  
                         height:140px;  
                         width: 740px;  
                         width: 740px;  
-
                         float:left;}
+
                         float:left;  
 +
                        }                      
 +
 
                 #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                 #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/5/54/Topblue.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/5/54/Topblue.jpg);}
Line 14: 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);}
-
#middleblue, #middlered, #middlegreen, #middlegrey{background-repeat:repeat;                      
+
#tblue, #tred, #tgreen, #tgrey, #ttrans, #twhite{background-repeat:repeat;  
 +
                        height:140px;
                         width: 740px;  
                         width: 740px;  
-
                         float:left;}
+
                         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;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/e/ea/Tblue.jpg);}
 +
                #tred {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/4/44/Tred.jpg);}
 +
                #tgreen {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/3/3e/Tgreen.jpg);}
 +
                #tgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        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, #middletrans,#middlewhite{background-repeat:repeat;                     
 +
                        width: 660px;
 +
                        float:left;
 +
                        margin: 0px;
 +
                        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);}
                 #middlered {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                 #middlered {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/d/df/Middlered.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/d/df/Middlered.jpg);}
-
                 #middlegreen {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
+
                 #middlegreen {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
                         background-image: url(https://static.igem.org/mediawiki/2010/9/93/Middlegreen.jpg);}
                         background-image: url(https://static.igem.org/mediawiki/2010/9/93/Middlegreen.jpg);}
                 #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;}
+
                         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 39: 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:left;}
+
                         float:right; margin: 5px;
 +
                        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 53: 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 62: Line 124:
</head>
</head>
 +
</html>

Latest revision as of 05:40, 27 October 2010

Retrieved from "http://2010.igem.org/Team:Peking/boxes"