"
Template:Kyoto/css/top
From 2014.igem.org
(Difference between revisions)
| Line 17: | Line 17: | ||
left: 50%; | left: 50%; | ||
top: 395px; | top: 395px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 59: | Line 49: | ||
} | } | ||
| - | .kyoto- | + | .kyoto-fade{ |
| + | background-color: transparent; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | |||
| + | .kyoto-fade > div{ | ||
width: 50%; | width: 50%; | ||
border: solid 1px; | border: solid 1px; | ||
| Line 71: | Line 67: | ||
-o-transition: opacity 0.5s; | -o-transition: opacity 0.5s; | ||
-ms-transition: opacity 0.5s; | -ms-transition: opacity 0.5s; | ||
| + | } | ||
| + | |||
| + | .kyoto-fade:hover > div { | ||
| + | opacity: 0.7; | ||
} | } | ||
| Line 171: | Line 171: | ||
and (min-width: 768px) | and (min-width: 768px) | ||
and (max-width: 1024px) { | and (max-width: 1024px) { | ||
| - | .kyoto-fade { opacity: 0.6; } | + | .kyoto-fade > div { opacity: 0.6; } |
| - | .kyoto-fade:hover { opacity: 0.6; } | + | .kyoto-fade:hover > div { opacity: 0.6; } |
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 08:36, 4 October 2014
