Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ==================================================
- Section Portfolio
- ================================================== */
- .type-work {
- color: #FFFFFF;
- font-size: 24px;
- font-weight: 300;
- margin-bottom: 30px;
- line-height: 1em;
- text-transform: uppercase;
- }
- .work-nav #filters {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .work-nav #filters li {
- margin: 0 0 30px 0;
- padding: 0;
- }
- .work-nav #filters li a {
- color: #7F8289;
- font-size: 16px;
- display: block;
- }
- .work-nav #filters li a:hover {
- color: #FFFFFF;
- }
- .work-nav #filters li a.selected {
- color: #FFA500;
- }
- #thumbs {
- margin: 0;
- padding: 0;
- }
- #thumbs li {
- list-style-type: none;
- }
- .item-thumbs {
- position: relative;
- overflow: hidden;
- margin-bottom: 30px;
- cursor: pointer;
- }
- .item-thumbs a + img {
- width: 100%;
- }
- .item-thumbs .hover-wrap {
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- opacity: 0;
- filter: alpha(opacity=0);
- -webkit-transition: all 450ms ease-out 0s;
- -moz-transition: all 450ms ease-out 0s;
- -o-transition: all 450ms ease-out 0s;
- transition: all 450ms ease-out 0s;
- -webkit-transform: rotateY(180deg) scale(0.5,0.5);
- -moz-transform: rotateY(180deg) scale(0.5,0.5);
- -ms-transform: rotateY(180deg) scale(0.5,0.5);
- -o-transform: rotateY(180deg) scale(0.5,0.5);
- transform: rotateY(180deg) scale(0.5,0.5);
- }
- .item-thumbs:hover .hover-wrap,
- .item-thumbs.active .hover-wrap {
- opacity: 1;
- filter: alpha(opacity=100);
- -webkit-transform: rotateY(0deg) scale(1,1);
- -moz-transform: rotateY(0deg) scale(1,1);
- -ms-transform: rotateY(0deg) scale(1,1);
- -o-transform: rotateY(0deg) scale(1,1);
- transform: rotateY(0deg) scale(1,1);
- }
- .item-thumbs .hover-wrap .overlay-img {
- position: absolute;
- width: 100%;
- height: 100%;
- background: #FFA500;
- opacity: 0.80;
- filter: alpha(opacity=80);
- }
- .item-thumbs .hover-wrap .overlay-img-thumb {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -16px 0 0 -16px;
- color: #FFFFFF;
- font-size: 32px;
- line-height: 1em;
- opacity: 1;
- filter: alpha(opacity=100);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement