Team:Peking/boxes

From 2010.igem.org

(Difference between revisions)
 
(22 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">
Line 6: Line 14:
#imgblue{border:3px solid #8181F7;}
#imgblue{border:3px solid #8181F7;}
#imgred{border:3px solid #FE2E2E;}
#imgred{border:3px solid #FE2E2E;}
-
#imggrey{border:3px solid ##A4A4A4;}
+
#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;  
Line 22: 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:150px;  
+
                         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;
                 #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 36: 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 55: 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; }
                         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 69: 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 85: 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);}
 +
 +
 +

Latest revision as of 05:40, 27 October 2010