Team:Todai-Tokyo/test

From 2009.igem.org

(Difference between revisions)
Line 12: Line 12:
@charset "UTF-8";
@charset "UTF-8";
body {
body {
-
background: #000000;
+
color: #000;
-
margin: 0px;
+
background:#fff;
-
padding: 0px;
+
}
-
}
+
 
-
h1, ul, li, p, div, img, a {
+
body, div, dl, dt, dd, ul, ol, li,
-
margin: 0px;
+
h1, h2, h3, h4, h5, h6, p {
-
padding: 0px;
+
margin: 0;
-
}
+
padding: 0;
-
a {
+
}
-
outline: 0px;
+
 
-
border: none;
+
 
-
}
+
address, em, strong {
-
a img {
+
font-style:normal;
-
border: none;
+
font-weight:normal;
-
}
+
}
-
div#article a1{
+
 
-
        position:absolute;
+
li {
-
        background:#228b22;
+
list-style: none;
-
        font-family:New Times Roman;
+
}
-
        font-size:8;
+
 
-
        color:#f0f8ff;
+
 
-
        width: 300px;
+
h1, h2, h3, h4, h5, h6 {
-
        height:280px;
+
font-size: 100%;
-
        }
+
font-weight: normal;
-
div#content {
+
}
-
position: absolute;
+
 
-
        background : #eee8aa;
+
/*フォント*/
-
width: 400px;
+
body {
-
height: 400px;
+
font-family : Times New Roman, sans-serif ;
-
left: 50%;
+
}
-
top: 50%;
+
 
-
margin-left: -425px;
+
-
margin-top: 100px;
+
/*左右2段組み*/
-
}
+
div#wrapper {
-
div#photo {
+
width:950px;
-
position: absolute;
+
background:url(../images/back.gif) repeat-y #f2f2f2;
-
left: 0px;
+
margin:10px auto 0;
-
top: 0px;
+
position:relative;
-
}
+
padding:0 0 50px;
-
div#photo img {
+
}
-
position: absolute;
+
div#left_side {
-
left: 0px;
+
width:170px;
-
top: 0px;
+
margin:10px 0 0 10px;
-
}
+
float:left;
-
div#photo img#p1 {
+
_display:inline;/*IE6用ハック*/
-
left:200px;
+
}
-
}
+
div#main {
-
div#photo img#p2 {
+
width:770px;
-
left: 500px;
+
float:right;
-
top: 100px;
+
margin:10px 0 20px;
-
}
+
}
-
div#photo img#p3 {
+
 
-
left: 500px;
+
/*clearfix*/
-
top: 0px;
+
.clearfix:after {
-
}
+
content:".";
 +
display:block;
 +
height:0;
 +
visibility:hidden;
 +
clear:both;
 +
}
 +
 +
 +
/*カラム*/
 +
 
 +
div.col01 {
 +
width:170px;
 +
height:230px;
 +
background:#fff;
 +
margin:0 0 20px 20px;
 +
float:left;
 +
_display:inline;/*IE6用ハック*/
 +
}
 +
 +
div.col02 {
 +
width:360px;
 +
height:230px;
 +
background:#fff;
 +
margin:0 0 20px 20px;
 +
float:left;
 +
_display:inline;/*IE6用ハック*/
 +
}
 +
 
 +
div.col03 {
 +
width:170px;
 +
height:480px;
 +
background:#fff;
 +
margin:0 0 20px 20px;
 +
float:left;
 +
_display:inline;/*IE6用ハック*/
 +
}
 +
 
 +
/*カラム内指定*/
 +
 
 +
div.col02 div.photo_a {
 +
float:left;
 +
}
 +
div.col02 div.text {
 +
width:170px;
 +
float:right;
 +
}
 +
/*画像トリミング*/
 +
div.photo_a {
 +
width:160px;
 +
height:220px;
 +
margin:4px;
 +
border:1px solid #f99;
 +
overflow:hidden;
 +
position:relative;
 +
z-index:2;
 +
}
 +
div.photo_b {
 +
width:160px;
 +
height:110px;
 +
margin:4px;
 +
border:1px solid #f99;
 +
overflow:hidden;
 +
position:relative;
 +
z-index:2;
 +
}
 +
/*画像位置調整*/
 +
div.photo_a img, div.photo_b img {
 +
position:relative;
 +
left:-4px;
 +
top:-4px;
 +
}
 +
div.col01 h2, div.col02 h2,div.col03 h2{
 +
line-height:2em;
 +
text-align:center;
 +
margin:10px 5px;
 +
background:#f99;
 +
font-size:80%;
 +
font-weight:bold;
 +
color:#666;
 +
}
 +
div.col02 h2 {
 +
margin:5px 5px 10px;
 +
}
 +
div#main p {
 +
font-size:70%;
 +
color:#666;
 +
margin:0 5px;
 +
line-height:2em;
 +
}
 +
div#main p.syousai {
 +
text-align:right;
 +
}
 +
div#main p.syousai a {
 +
color:#ff66bd;
 +
}
 +
div#main p.syousai a:hover {
 +
color:#66e3ff;
 +
}*/
 +
 +
/*ナビゲーション*/
 +
ul#global_navi {
 +
margin:40px 0 0;
 +
}
 +
ul#global_navi li {
 +
width:170px;
 +
height:40px;
 +
overflow:hidden;
 +
margin:20px 0;
 +
}
 +
ul#global_navi li a {
 +
display:block;
 +
width:170px;
 +
height:40px;
 +
}
 +
 
 +
ul#global_navi li a:hover img {
 +
position:relative;
 +
top:-40px;
 +
 
   </style>
   </style>
  </head>
  </head>
  <body>
  <body>
-
<BR>
 
-
<div id="photo">
 
-
<img src="https://static.igem.org/mediawiki/2009/2/25/Todai001.jpg" alt="" width="100" height="100" id="p1"/>
 
-
<img src="https://static.igem.org/mediawiki/2009/7/73/Todai_redrectangle.jpg" alt="" width="150" height="150" id="p2"/>
 
-
<img src="https://static.igem.org/mediawiki/2009/5/52/Todai_bluerect.jpg" alt="" width="100" height="100" id="p3" />
 
-
</div>
 
-
<div id="article">
 
-
<a1>1."Imagine there's no smoker"<BR>
 
-
The world has become bitter against smokers.However, many people like smoking and can't quit smoking.You might be one of such people. So, what if you got stinky in your mouth if you smoked or broke the "non-smoking promise"?? Very stinky breath will go out from your mouth,and all the people around you, the professors , friends, family members ,and also boy/girl friends.Then you will get so alone....
 
-
We are growing E.coli or bacterias which express the enzyme that reacts Dioxine and catalyzes a smelling substract.<a href＝"https://2009.igem.org/Team:Todai-Tokyo/Project.html">in detail</a><BR></a1>
 
  </body>
  </body>
</html>
</html>
[[Team:Todai-Tokyo/Files | imgfiles]]
[[Team:Todai-Tokyo/Files | imgfiles]]

Revision as of 17:54, 19 October 2009

CSS imgfiles

Retrieved from "http://2009.igem.org/Team:Todai-Tokyo/test"