Template:Team:HKUST/Style

From 2009.igem.org

(Difference between revisions)
(New page: table { background-color: #46469c; background: transparent; font-color: white; color: #e1e1e1; } table.gallery { background: transparent; } table.gallery td { background: tra...)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
-
table {
+
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 +
 
 +
<html>
 +
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 +
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 +
This is a template page. READ THESE INSTRUCTIONS.
 +
</div>
 +
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 +
Hello World ! <br/>
 +
This is the template page that we are going to adopt. More stuffs will be added :)
 +
</div>
 +
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 +
We are still doing <strong>experiments</strong>, so sorry if you find <strong>your stuffs</strong> appear here. We will change later.
 +
</div>
 +
</div>
 +
</html>
 +
 
 +
<!-- *** End of the alert box *** -->
 +
 
 +
 
 +
<html>
 +
<style type="text/css">
 +
 
 +
table  
 +
{
   background-color: #46469c;
   background-color: #46469c;
   background: transparent;
   background: transparent;
Line 6: Line 30:
}
}
-
table.gallery {
+
table.gallery  
 +
{
   background: transparent;
   background: transparent;
}
}
Line 36: Line 61:
   font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
   font-family: verdana, tahoma, arial, helvetica, sans-serif, MS Sans Serif; }
-
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
+
body, table, img, button, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
table { text-align:left; }
-
iframe { width:0; height:0 }
+
iframe{ color:#00005A; background:blue; }
#content {
#content {
Line 418: Line 443:
}
}
-
#designflow {
+
</style>
-
align: center;
+
</html>
-
width: 800px;
+
-
height: 440px;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
#designflow a {
+
-
display: block;
+
-
background: url(https://static.igem.org/mediawiki/2008/2/25/CartoondesignFlow.png) no-repeat;
+
-
width: 800;
+
-
height: 440px !important;
+
-
padding: 72px 0 0 0;
+
-
overflow: hidden;
+
-
}
+
-
#designflow a:hover {
+
-
background: url(https://static.igem.org/mediawiki/2008/a/a0/DesignFlow.png) no-repeat;
+
-
width: 800;
+
-
height: 440px !important;
+
-
padding: 72px 0 0 0;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#databaseflow {
+
-
align: right;
+
-
width: 500px;
+
-
height: 300px;
+
-
margin-left:10px;
+
-
padding: 0;
+
-
}
+
-
#databaseflow a {
+
-
display: block;
+
-
background: url(https://static.igem.org/mediawiki/2008/5/52/CartoonDatabaseFlow.png) no-repeat;
+
-
width: 500;
+
-
height: 300px !important;
+
-
padding: 72px 0 0 0;
+
-
overflow: hidden;
+
-
}
+
-
#databaseflow a:hover {
+
-
background: url(https://static.igem.org/mediawiki/2008/8/84/DatabaseFlow2.png) no-repeat;
+
-
width: 500;
+
-
height: 300px !important;
+
-
padding: 72px 0 0 0;
+
-
overflow: hidden;
+
-
}
+

Latest revision as of 14:39, 13 September 2009


This is a template page. READ THESE INSTRUCTIONS.
Hello World !
This is the template page that we are going to adopt. More stuffs will be added :)
We are still doing experiments, so sorry if you find your stuffs appear here. We will change later.