Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* PORTFOLIO CATEGORY */
- .project {margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
- .project h3 {font:16px/1.4 'CartoGothicStdBook', arial, serif; padding-top:10px; text-transform:uppercase; color:#111;}
- .project .we_did li {width:160px; display:inline-block;}
- .project .images-carousel { height: 300px; overflow:hidden;
- outline: 2px solid rgba(0, 0, 0, 0.2);
- -moz-transition: outline 250ms ease-in;
- -webkit-transition: outline 250ms ease-in;
- -o-transition: outline 250ms ease-in;
- transition: outline 250ms ease-in;
- }
- .project .images-carousel:hover { outline: 6px solid rgba(0, 0, 0, 0.4); }
- .project .images-carousel .viewport { float: left; width: 540px; height: 300px; overflow: hidden; position: relative; }
- .project .images-carousel .buttons-container {width:65px; height:32px; position:absolute; left:50%; margin-left:-33px; bottom:14px;}
- .project .images-carousel .buttons { background: url("../images/plus-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 32px; text-indent: -9999px; width: 32px; float:left; }
- .project .images-carousel .prev { background-position: 0 -32px;
- -webkit-border-top-left-radius: 3px;
- -webkit-border-bottom-left-radius: 3px;
- -moz-border-radius-topleft: 3px;
- -moz-border-radius-bottomleft: 3px;
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;}
- .project .images-carousel .prev:hover{background-position: 0 0;}
- .project .images-carousel .next { margin-left:1px; background-position: -32px -32px;
- -webkit-border-top-right-radius: 3px;
- -webkit-border-bottom-right-radius: 3px;
- -moz-border-radius-topright: 3px;
- -moz-border-radius-bottomright: 3px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .project .images-carousel .next:hover{background-position: -32px 0;}
- .project .images-carousel .disable { opacity:0.5; filter:alpha(opacity=50) }
- .project .images-carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0;}
- .project .images-carousel .overview li { float: left; height: 300px; width: 540px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement