Template:Team:TMU-Tokyo/Home.css
From 2013.igem.org
(Difference between revisions)
Masashiohara (Talk | contribs) |
Masashiohara (Talk | contribs) |
||
(154 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 ; | ||
+ | } | ||
+ | |||
.hajime table { | .hajime table { | ||
- | width: | + | width: 950px; |
height: 150px; | height: 150px; | ||
- | border: 0px # | + | border: 0px #000000 solid; |
background-color: #ffffff; | background-color: #ffffff; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .idea table { | ||
+ | width: 420px; | ||
+ | height: 150px; | ||
+ | border: 0px #000 solid; | ||
+ | background-color: #dbfff6 ; | ||
+ | } | ||
+ | .idea caption { | ||
+ | text-align:left; | ||
+ | } | ||
+ | .idea td { | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: ; | ||
+ | |||
} | } | ||
- | + | ||
- | . | + | |
+ | |||
+ | .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 { | |
+ | width: 950px; | ||
+ | height: 150px; | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: #ffffff; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
+ | |||
} | } | ||
- | . | + | .future table{ |
+ | width: 420px; | ||
+ | height: 150px; | ||
+ | border: 0px #000 solid; | ||
+ | background-color: #ffff99; | ||
+ | |||
+ | } | ||
+ | .future caption { | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | .future td { | ||
border: 0px #000000 solid; | border: 0px #000000 solid; | ||
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | |
+ | |||
+ | .human table{ | ||
width: 420px; | width: 420px; | ||
height: 150px; | height: 150px; | ||
border: 0px #000 solid; | border: 0px #000 solid; | ||
- | background-color: # | + | background-color: #dbfff6; |
- | + | } | |
- | + | .human caption { | |
- | . | + | text-align: left; |
- | text-align: | + | |
} | } | ||
- | . | + | .human td { |
- | border: | + | border: 0px #000000 solid; |
- | background-color: | + | background-color: ; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
+ | .owari table { | ||
+ | width: 950px; | ||
+ | height: 150px; | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: #ffffff; | ||
+ | border-radius: 50px 50px 50px 50px; | ||
+ | } | ||
+ | |||
+ | .safety table{ | ||
+ | width: 420px; | ||
+ | height: 150px; | ||
+ | border: 0px #000 solid; | ||
+ | background-color: #dbfff6; | ||
+ | |||
+ | } | ||
+ | .safety caption { | ||
+ | text-align:left; | ||
+ | } | ||
+ | .safety td { | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: ; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .achievement table{ | ||
+ | width: 420px; | ||
+ | height: 150px; | ||
+ | border: 0px #000 solid; | ||
+ | background-color: #ffff99; | ||
+ | } | ||
+ | .achievement caption { | ||
+ | text-align: left; | ||
+ | } | ||
+ | .achievement td { | ||
+ | border: 0px #000000 solid; | ||
+ | background-color: ; | ||
+ | |||
+ | } | ||
- | + | h1{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
font-size: 14; | font-size: 14; | ||
font-weight: bold ; | font-weight: bold ; | ||
font-family : Segoe Print , sans-serif ; | font-family : Segoe Print , sans-serif ; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
- | Hr{ | + | Hr.spon{ |
- | + | color: #000000 solid ; | |
- | + | height : 1px ; | |
} | } | ||
Latest revision as of 17:45, 27 September 2013