Template:Team:Marburg/Template:HeaderMenu
From 2014.igem.org
(Difference between revisions)
Line 251: | Line 251: | ||
display: block; | display: block; | ||
} | } | ||
+ | |||
+ | /* ================================================================ | ||
+ | This copyright notice must be untouched at all times. | ||
+ | Copyright (c) stu nicholls - cssplay.co.uk | ||
+ | All rights reserved. | ||
+ | =================================================================== */ | ||
+ | |||
+ | .wrap a {display:block; width:220px; height:330px; text-decoration:none; color:#000;} | ||
+ | .wrap {width:220px; height:330px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; margin:0 10px; float:left; display:inline;} | ||
+ | .wrap img {border:0;} | ||
+ | .wrap i {display:block; width:220px; height:330px; position:absolute; left:0; top:300px; z-index:1; background:#000; filter: alpha(opacity=40); | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40; | ||
+ | -webkit-transition: all 0.6s ease-in-out; | ||
+ | -moz-transition: all 0.6s ease-in-out; | ||
+ | -o-transition: all 0.6s ease-in-out; | ||
+ | transition: all 0.6s ease-in-out; | ||
+ | } | ||
+ | .wrap p {display:block; width:220px; height:330px; position:absolute; left:0; top:300px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px; | ||
+ | -webkit-transition: all 0.6s ease-in-out; | ||
+ | -moz-transition: all 0.6s ease-in-out; | ||
+ | -o-transition: all 0.6s ease-in-out; | ||
+ | transition: all 0.6s ease-in-out; | ||
+ | } | ||
+ | .wrap p b {display:block; font-size:22px; color:#fc0; text-align:center; margin:0; padding:0; line-height:30px;} | ||
+ | .wrap p span {display:block; padding:10px; line-height:20px;} | ||
+ | |||
+ | .wrap a:hover {direction:ltr;} | ||
+ | .wrap a:hover i {top:0;} | ||
+ | .wrap a:hover p {top:0;} | ||
+ | |||
+ | .clear {clear:left;} | ||
</style></html> | </style></html> |
Revision as of 22:52, 16 October 2014