|
|
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.
| |
- | =================================================================== */
| |
- | /* ================================================================
| |
- | 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:#000; 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:#333; 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> |