Template:Http://2011.igem.org/Team:Peking S/box

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <!-- ============================================================================== separate the background of the textboxes into several part in order to make a goodlooki...")
 
(7 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
 +
{{Template:Http://2011.igem.org/Team:Peking_S/teamtemp}}
 +
{{Template:Http://2011.igem.org/Team:Peking S/background}}
<html>
<html>
-
<!--
+
<img src="https://static.igem.org/mediawiki/2011/c/cf/PkusheadTeam.png"width="870" height="100" />
-
==============================================================================
+
-
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
 
-
==============================================================================
+
<html>
-
/-->
+
<head>
<head>
-
      <style type="text/css">
+
<title>css r corner</title>
 +
<meta http-equiv="content-type" content="text/html; charset=gb2312">
 +
<style type="text/css">
 +
div.RoundedCorner{background: #CFD8FC}
 +
b.rtop, b.rbottom{display:block;background: #FFFFFF}
 +
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #CFD8FC}
 +
b.r1{margin: 0 5px}
 +
b.r2{margin: 0 3px}
 +
b.r3{margin: 0 2px}
 +
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
 +
</style>
 +
</head>
 +
<body>
-
#imggreen{border:3px solid #088A08;}
 
-
#imgblue{border:3px solid #8181F7;}
 
-
#imgred{border:3px solid #FE2E2E;}
 
-
#imggrey{border:3px solid #6E6E6E;}
 
 +
<div class="RoundedCorner";div style=" width:780px; "><font face="Verdana";font color=#000000 >
-
#topblue, #topred, #topgreen, #topgrey, #toptrans, #topwhite{background-repeat:repeat;
+
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
-
                        height:140px;
+
<div class="xboxcontent";div style=" padding-left:50px;padding-right:50px">
-
                        width: 740px;
+
-
                        float:left;
+
-
                        }                       
+
-
 
+
-
                #topblue {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
+
-
                        background-image: url(https://static.igem.org/mediawiki/2010/5/54/Topblue.jpg);}
+
-
                #topred {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
+
-
                        background-image: url(https://static.igem.org/mediawiki/2010/8/8b/Topred.jpg);}
+
-
                #topgreen {margin-left: 10px; margin-top: 2.5px; margin-bottom: 0px;
+
-
                        background-image: url(https://static.igem.org/mediawiki/2010/d/df/Topgreen.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>
+
-
 
+
-
</head>
+
-
</html>
+

Latest revision as of 06:23, 10 August 2011

Template:Https://2011.igem.org/Team:Peking S/bannerhidden css r corner