Template:Team:TMU-Tokyo/Home.css
From 2013.igem.org
(Difference between revisions)
Masashiohara (Talk | contribs) |
Masashiohara (Talk | contribs) |
||
(138 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | table, p {text-indent: 1em ; | ||
+ | font-size :medium; | ||
+ | font-family ;: | ||
+ | |||
+ | } | ||
+ | |||
+ | table.stand td a:link, table.imple td a :link{ | ||
+ | text-decoration:none; | ||
+ | display:block; | ||
+ | color:#000000; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | table.stand td a:hover, table.imple td a:hover{ | ||
+ | text-decoration:none; | ||
+ | color:#ff89ff;} | ||
+ | |||
+ | table.imple td a, table.stand td a{ | ||
+ | display:block; | ||
+ | color:#000000; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | |||
.description table { | .description table { | ||
width: 960px; | width: 960px; | ||
height: 150px; | height: 150px; | ||
- | border: | + | border-top:0px solid #7f7f7f; |
+ | border-collapse:separate; | ||
+ | border-spacing:2px; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
+ | |||
+ | table.ue , table.stand , table.imple { | ||
+ | border-collapse: collapse; | ||
+ | padding : 0 ; | ||
+ | } | ||
+ | |||
+ | table.stand { | ||
+ | padding : 0 ; | ||
+ | border: 1px #fa6c99 solid; | ||
+ | background-color: fff; | ||
+ | padding: 0px 30px; | ||
+ | text-align :left; | ||
+ | vertical-align: middle; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
+ | } | ||
+ | table.imple { | ||
+ | padding : 0 ; | ||
+ | border: 1px #01cbdd solid; | ||
+ | background-color: fff; | ||
+ | padding: 0px 30px; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
+ | |||
+ | } | ||
+ | |||
.description caption { | .description caption { | ||
- | text-align: | + | text-align: left; |
+ | font-weight: bold ; | ||
+ | font-family : Segoe Print , sans-serif ; | ||
} | } | ||
.description td { | .description td { | ||
- | border: | + | border: px #000000 solid; |
- | background-color: # | + | background-color: #fff; |
padding: 0 30px; | padding: 0 30px; | ||
- | text-align: | + | text-align: left; |
vertical-align: middle; | vertical-align: middle; | ||
- | border-radius : 50px 50px 50px 50px ; | + | border-radius: 50px 50px 50px 50px; |
- | } | + | } |
+ | |||
+ | |||
+ | |||
+ | .idea td, .parts td, .future td, .human td, .safety td, .achievement td { | ||
+ | padding: 20px 10px 5px 10px; | ||
+ | list-style-type: none ; | ||
+ | font-size ; : | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | background-color:; | ||
+ | |||
+ | } | ||
+ | |||
+ | .idea td li, .parts td li, .future td li, .human td li, .safety td li, .achievement td li, table td { | ||
+ | font-size: medium; | ||
+ | vertical-align: bottom ; | ||
+ | |||
+ | } | ||
+ | |||
+ | td .boximg | ||
+ | {padding : 0 ; | ||
+ | vertical-align : top ; | ||
+ | } | ||
+ | |||
Line 29: | Line 108: | ||
border: 0px #000000 solid; | border: 0px #000000 solid; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
} | } | ||
- | .idea | + | .idea table { |
width: 420px; | width: 420px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #dbfff6 ; |
- | + | ||
} | } | ||
- | + | .idea caption { | |
- | + | ||
- | + | ||
text-align:left; | text-align:left; | ||
+ | } | ||
+ | .idea td { | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: ; | ||
+ | |||
+ | |||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.parts table{ | .parts table{ | ||
width: 420px; | width: 420px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #ffff99; |
} | } | ||
- | + | .parts td { | |
- | + | border: 0px #000000 solid; | |
- | } | + | background-color: ; |
+ | |||
+ | } | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.naka table { | .naka table { | ||
Line 79: | Line 150: | ||
border: 0px #000000 solid; | border: 0px #000000 solid; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
} | } | ||
Line 86: | Line 158: | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #ffff99; |
} | } | ||
- | |||
- | |||
.future caption { | .future caption { | ||
text-align:left; | text-align:left; | ||
Line 96: | Line 166: | ||
.future td { | .future td { | ||
- | border: | + | border: 0px #000000 solid; |
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | |||
.human table{ | .human table{ | ||
width: 420px; | width: 420px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #dbfff6; |
} | } | ||
Line 116: | Line 185: | ||
.human td { | .human td { | ||
- | border: | + | border: 0px #000000 solid; |
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | .owari table { | + | |
+ | |||
+ | .owari table { | ||
width: 950px; | width: 950px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000000 solid; | border: 0px #000000 solid; | ||
- | background-color: #ffffff; | + | background-color: #ffffff; |
- | + | border-radius: 50px 50px 50px 50px; | |
} | } | ||
+ | |||
+ | |||
+ | |||
.safety table{ | .safety table{ | ||
Line 137: | Line 207: | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #dbfff6; |
} | } | ||
- | |||
- | |||
.safety caption { | .safety caption { | ||
text-align:left; | text-align:left; | ||
} | } | ||
- | |||
.safety td { | .safety td { | ||
- | border: | + | border: 0px #000000 solid; |
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | |||
.achievement table{ | .achievement table{ | ||
width: 420px; | width: 420px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #ffff99; |
} | } | ||
Line 167: | Line 233: | ||
.achievement td { | .achievement td { | ||
- | border: | + | border: 0px #000000 solid; |
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | h1{ | ||
+ | font-size: 14; | ||
+ | font-weight: bold ; | ||
+ | font-family : Segoe Print , sans-serif ; | ||
+ | } | ||
Line 183: | Line 251: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | Hr{ | + | Hr.spon{ |
- | + | color: #000000 solid ; | |
- | + | height : 1px ; | |
} | } | ||
Latest revision as of 17:45, 27 September 2013