"
Template:Kyoto/css/top
From 2014.igem.org
(Difference between revisions)
| (33 intermediate revisions not shown) | |||
| Line 41: | Line 41: | ||
} | } | ||
| - | #kyoto-top- | + | #kyoto-top-magnet{ |
float: left; | float: left; | ||
} | } | ||
| - | #kyoto-top- | + | #kyoto-top-magnet img { |
| - | top: | + | top: 30px; |
float: right; | float: right; | ||
margin-right: 350px; | margin-right: 350px; | ||
} | } | ||
| - | #kyoto-top- | + | #kyoto-top-dms { |
float: right; | float: right; | ||
} | } | ||
| - | #kyoto-top- | + | #kyoto-top-dms img { |
| - | top: | + | top: 10px; |
float: left; | float: left; | ||
margin-left: 345px; | margin-left: 345px; | ||
| Line 72: | Line 72: | ||
padding: 10px; | padding: 10px; | ||
position: relative; | position: relative; | ||
| - | top: | + | top: 100px; |
opacity: 0; | opacity: 0; | ||
transition: opacity 0.5s; | transition: opacity 0.5s; | ||
| Line 113: | Line 113: | ||
} | } | ||
| - | #kyoto-top-abst- | + | #kyoto-top-abst-magnet { |
| - | background-color: # | + | background-color: #88722c; |
margin-right: 30px; | margin-right: 30px; | ||
} | } | ||
| - | #kyoto-top-abst- | + | #kyoto-top-abst-magnet > .kyoto-top-abst-blank { |
float: right; | float: right; | ||
} | } | ||
| - | #kyoto-top-abst- | + | #kyoto-top-abst-dms { |
| - | background-color: # | + | background-color: #8888cc; |
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
| - | #kyoto-top-abst- | + | #kyoto-top-abst-dms > .kyoto-top-abst-blank { |
float: left; | float: left; | ||
} | } | ||
| Line 229: | Line 229: | ||
} | } | ||
| + | .kyoto-fade > h1 { | ||
| + | height: 120px; | ||
| + | margin: 0 auto; | ||
| + | padding: 0px; | ||
| + | position: relative; | ||
| + | top: 100px; | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | .kyoto-fade > h1 > a { | ||
| + | display: block; | ||
| + | height: 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'); | ||
| + | } | ||
| + | |||
| + | #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) | ||
| Line 235: | Line 268: | ||
.kyoto-fade:hover > div { opacity: 0.8; } | .kyoto-fade:hover > div { opacity: 0.8; } | ||
.kyoto-fade > img { opacity: 1; } | .kyoto-fade > img { opacity: 1; } | ||
| - | .kyoto-fade:hover > | + | .kyoto-fade:hover > img { opacity: 1; } |
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 11:28, 17 October 2014
