"
Template:Kyoto/css/top
From 2014.igem.org
(Difference between revisions)
| Line 46: | Line 46: | ||
#kyoto-top-dms img{ | #kyoto-top-dms img{ | ||
| - | |||
top: 170px; | top: 170px; | ||
float: right; | float: right; | ||
margin-right: 350px; | margin-right: 350px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 63: | Line 56: | ||
#kyoto-top-magnet img{ | #kyoto-top-magnet img{ | ||
| - | |||
top: 150px; | top: 150px; | ||
float: left; | float: left; | ||
margin-left: 385px; | margin-left: 385px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 97: | Line 83: | ||
.kyoto-fade:hover > div { | .kyoto-fade:hover > div { | ||
opacity: 0.9; | opacity: 0.9; | ||
| + | } | ||
| + | |||
| + | .kyoto-fade > img{ | ||
| + | position: relative; | ||
| + | opacity: 0; | ||
| + | transition: opacity 0.5s; | ||
| + | -webkit-transition: opacity 0.5s; | ||
| + | -moz-transitiopn: opacity 0.5s; | ||
| + | -o-transition: opacity 0.5s; | ||
| + | -ms-transition: opacity 0.5s; | ||
} | } | ||
.kyoto-fade:hover > img { | .kyoto-fade:hover > img { | ||
| - | opacity: 1 | + | opacity: 1; |
} | } | ||
| Line 229: | Line 225: | ||
.kyoto-fade > div { opacity: 0.8; } | .kyoto-fade > div { opacity: 0.8; } | ||
.kyoto-fade:hover > div { opacity: 0.8; } | .kyoto-fade:hover > div { opacity: 0.8; } | ||
| + | |||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 16:14, 9 October 2014
