"
Template:Kyoto/css/top
From 2014.igem.org
(Difference between revisions)
| (13 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 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 228: | Line 228: | ||
padding-top: 18px; | padding-top: 18px; | ||
} | } | ||
| - | #kyoto-title-magnet{ | + | |
| - | + | .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{ | + | #kyoto-title-dms a { |
| - | + | background-image: url('https://static.igem.org/mediawiki/2014/5/56/Kyoto-Dmstitle.png'); | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
@media only screen | @media only screen | ||
| Line 249: | 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
