Advertisement
Guest User

Untitled

a guest
Oct 6th, 2014
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
  1.  
  2. /* ==================================================
  3. Section Portfolio
  4. ================================================== */
  5.  
  6. .type-work {
  7. color: #FFFFFF;
  8. font-size: 24px;
  9. font-weight: 300;
  10. margin-bottom: 30px;
  11. line-height: 1em;
  12. text-transform: uppercase;
  13. }
  14.  
  15. .work-nav #filters {
  16. margin: 0;
  17. padding: 0;
  18. list-style: none;
  19. }
  20.  
  21. .work-nav #filters li {
  22. margin: 0 0 30px 0;
  23. padding: 0;
  24. }
  25.  
  26. .work-nav #filters li a {
  27. color: #7F8289;
  28. font-size: 16px;
  29. display: block;
  30. }
  31.  
  32. .work-nav #filters li a:hover {
  33. color: #FFFFFF;
  34. }
  35.  
  36. .work-nav #filters li a.selected {
  37. color: #FFA500;
  38. }
  39.  
  40. #thumbs {
  41. margin: 0;
  42. padding: 0;
  43. }
  44.  
  45. #thumbs li {
  46. list-style-type: none;
  47. }
  48.  
  49. .item-thumbs {
  50. position: relative;
  51. overflow: hidden;
  52. margin-bottom: 30px;
  53. cursor: pointer;
  54. }
  55.  
  56. .item-thumbs a + img {
  57. width: 100%;
  58. }
  59.  
  60. .item-thumbs .hover-wrap {
  61. position: absolute;
  62. display: block;
  63. width: 100%;
  64. height: 100%;
  65.  
  66. opacity: 0;
  67. filter: alpha(opacity=0);
  68.  
  69. -webkit-transition: all 450ms ease-out 0s;
  70. -moz-transition: all 450ms ease-out 0s;
  71. -o-transition: all 450ms ease-out 0s;
  72. transition: all 450ms ease-out 0s;
  73.  
  74. -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  75. -moz-transform: rotateY(180deg) scale(0.5,0.5);
  76. -ms-transform: rotateY(180deg) scale(0.5,0.5);
  77. -o-transform: rotateY(180deg) scale(0.5,0.5);
  78. transform: rotateY(180deg) scale(0.5,0.5);
  79. }
  80.  
  81. .item-thumbs:hover .hover-wrap,
  82. .item-thumbs.active .hover-wrap {
  83. opacity: 1;
  84. filter: alpha(opacity=100);
  85.  
  86. -webkit-transform: rotateY(0deg) scale(1,1);
  87. -moz-transform: rotateY(0deg) scale(1,1);
  88. -ms-transform: rotateY(0deg) scale(1,1);
  89. -o-transform: rotateY(0deg) scale(1,1);
  90. transform: rotateY(0deg) scale(1,1);
  91. }
  92.  
  93. .item-thumbs .hover-wrap .overlay-img {
  94. position: absolute;
  95. width: 100%;
  96. height: 100%;
  97. background: #FFA500;
  98.  
  99. opacity: 0.80;
  100. filter: alpha(opacity=80);
  101. }
  102.  
  103. .item-thumbs .hover-wrap .overlay-img-thumb {
  104. position: absolute;
  105. top: 50%;
  106. left: 50%;
  107. margin: -16px 0 0 -16px;
  108. color: #FFFFFF;
  109. font-size: 32px;
  110. line-height: 1em;
  111.  
  112. opacity: 1;
  113. filter: alpha(opacity=100);
  114. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement