Team:Peking/boxes

From 2010.igem.org

(Difference between revisions)
 
(87 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">
-
#red, #green, #blue {background-repeat:repeat;
 
-
                        height:1100px;
 
-
                        width: 720px;
 
-
                        float:left;
 
-
                        margin: 10px;}
 
-
#red I, #green I, #blue I {background-repeat:repeat;
 
-
                        height:200px;
 
-
                        width: 180px;
 
-
                        float:left;}
 
-
                 #red p, #green p, #blue p{padding: 0 20px;
+
#imggreen{border:3px solid #088A08;}
-
                         text-align: justify;
+
#imgblue{border:3px solid #8181F7;}
-
                         font-size: 12px;
+
#imgred{border:3px solid #FE2E2E;}
-
                         color: #FFF;}
+
#imggrey{border:3px solid #6E6E6E;}
-
                 #red h3, #green h3, #blue h3{padding: 20px 25px 0 20px;
+
 
-
                         font-weight: bold;
+
 
-
                         font-size: 18px;
+
#topblue, #topred, #topgreen, #topgrey, #toptrans, #topwhite{background-repeat:repeat;
-
                         color: #FFF;}
+
                        height:140px;
-
                 #red a, #green a, #blue a {
+
                        width: 740px;
-
                         padding-right: 20px;
+
                        float:left;
-
                         font-weight: bold;
+
                        }                       
-
                         font-size: 14px;
+
 
-
                         display: block;
+
                 #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
-
                         text-align: right;
+
                        background-image: url(https://static.igem.org/mediawiki/2010/5/54/Topblue.jpg);}
-
                         color: #FFF;}
+
                #topred {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
-
                 #red {margin-left: 3px;
+
                        background-image: url(https://static.igem.org/mediawiki/2010/8/8b/Topred.jpg);}
-
                         background-image: url(https://static.igem.org/mediawiki/2010/5/5a/Red.jpg);}
+
                #topgreen {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
-
                 #green {background-image: url(https://static.igem.org/mediawiki/2010/0/0e/Green.jpg);}
+
                        background-image: url(https://static.igem.org/mediawiki/2010/d/df/Topgreen.jpg);}
-
                 #blue {background-image: url(https://static.igem.org/mediawiki/2010/d/de/BG2.jpg);}
+
                #topgrey {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
 +
                        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, #ttrans, #twhite{background-repeat:repeat;  
 +
                         height:140px;
 +
                        width: 740px;
 +
                        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;
 +
                         background-image: url(https://static.igem.org/mediawiki/2010/7/7c/Middleblue.jpg);}
 +
                #middlered {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                         background-image: url(https://static.igem.org/mediawiki/2010/d/df/Middlered.jpg);}
 +
                #middlegreen {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/9/93/Middlegreen.jpg);}
 +
                 #middlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        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, #titletrans, #titlewhite{background-repeat:repeat;
 +
                         height:100px;
 +
                        width: 740px;
 +
                        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;
 +
                         background-image: url(https://static.igem.org/mediawiki/2010/6/60/Titleblue.jpg);}
 +
                #titlered {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                         background-image: url(https://static.igem.org/mediawiki/2010/2/20/Titlered.jpg);}
 +
                #titlegreen {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/7/76/Titlegreen.jpg);}
 +
                #titlegrey {margin-left: 10px; margin-top: 0px; margin-bottom: 0px;
 +
                        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, #bottomtrans,#bottomwhite{background-repeat:repeat;
 +
                        height:60px;
 +
                        width: 740px;
 +
                        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;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/0/02/Bottomblue.jpg);}
 +
                 #bottomred {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
 +
                         background-image: url(https://static.igem.org/mediawiki/2010/2/22/Bottomred.jpg);}
 +
                 #bottomgreen {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2010/6/64/Bottomgreen.jpg);}
 +
                 #bottomgrey {margin-left: 10px; margin-top: 0px; margin-bottom: 2.5px;
 +
                        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);}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
</style>
</style>
 +
</head>
</head>
 +
</html>

Latest revision as of 05:40, 27 October 2010

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