"
Template:Kyoto/css/top
From 2014.igem.org
(Difference between revisions)
| (11 intermediate revisions not shown) | |||
| Line 46: | Line 46: | ||
#kyoto-top-magnet img { | #kyoto-top-magnet img { | ||
| - | top: | + | top: 30px; |
float: right; | float: right; | ||
margin-right: 350px; | margin-right: 350px; | ||
| Line 56: | Line 56: | ||
#kyoto-top-dms img { | #kyoto-top-dms img { | ||
| - | top: | + | top: 10px; |
float: left; | float: left; | ||
margin-left: 345px; | margin-left: 345px; | ||
| Line 67: | Line 67: | ||
} | } | ||
| - | .kyoto-fade > | + | .kyoto-fade > div{ |
width: 440px; | width: 440px; | ||
margin: auto; | margin: auto; | ||
padding: 10px; | padding: 10px; | ||
position: relative; | position: relative; | ||
| - | top: | + | top: 100px; |
opacity: 0; | opacity: 0; | ||
transition: opacity 0.5s; | transition: opacity 0.5s; | ||
| Line 81: | Line 81: | ||
} | } | ||
| - | .kyoto-fade:hover > | + | .kyoto-fade:hover > div { |
opacity: 0.9; | opacity: 0.9; | ||
} | } | ||
| Line 229: | Line 229: | ||
} | } | ||
| - | .kyoto- | + | .kyoto-fade > h1 { |
| - | + | ||
height: 120px; | height: 120px; | ||
| - | + | margin: 0 auto; | |
| - | + | padding: 0px; | |
| + | position: relative; | ||
| + | top: 100px; | ||
| + | border: 0; | ||
} | } | ||
| - | + | .kyoto-fade > h1 > a { | |
| + | display: block; | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | |||
| + | #kyoto-title-magnet { | ||
| + | width: 439px; | ||
| + | margin-right: 30px; | ||
| + | } | ||
| + | |||
| + | #kyoto-title-magnet a{ | ||
background-image: url('https://static.igem.org/mediawiki/2014/0/08/Kyoto-title-Magneto.png'); | background-image: url('https://static.igem.org/mediawiki/2014/0/08/Kyoto-title-Magneto.png'); | ||
} | } | ||
| - | #kyoto-title-dms{ | + | #kyoto-title-dms { |
| - | + | width: 335px; | |
| - | + | margin-left: 95px; | |
| - | + | } | |
| - | + | ||
| - | + | #kyoto-title-dms a { | |
| + | background-image: url('https://static.igem.org/mediawiki/2014/5/56/Kyoto-Dmstitle.png'); | ||
} | } | ||
@media only screen | @media only screen | ||
and (min-width: 768px) | and (min-width: 768px) | ||
and (max-width: 1024px) { | and (max-width: 1024px) { | ||
| - | .kyoto-fade > | + | .kyoto-fade > div { opacity: 0.8; } |
| - | .kyoto-fade:hover > | + | .kyoto-fade:hover > div { opacity: 0.8; } |
.kyoto-fade > img { opacity: 1; } | .kyoto-fade > img { opacity: 1; } | ||
.kyoto-fade:hover > img { opacity: 1; } | .kyoto-fade:hover > img { opacity: 1; } | ||
Latest revision as of 11:28, 17 October 2014
