Advertisement
srikat

Untitled

Mar 18th, 2015
309
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.36 KB | None | 0 0
  1. /* Filterable Portfolio Grid
  2. -------------------------------- */
  3.  
  4. .cpt-archive-description {
  5.     margin-bottom: 50px;
  6. }
  7.  
  8. .portfolio-content {
  9.     margin-top: 12px;
  10. }
  11.  
  12. .altitude-pro-portfolio .entry {
  13.     width: 250px;
  14.     margin-bottom: 0;
  15.     /*margin-left: 20px;*/
  16.     background: #333;
  17.     position: relative;
  18. }
  19.  
  20. .altitude-pro-portfolio .entry-header:after {
  21.     border-bottom: none;
  22.     margin-bottom: 0;
  23.     padding-bottom: 0;
  24. }
  25.  
  26. .portfolio-content .entry-content-wrap {
  27.     padding: 30px 30px 0 30px;
  28. }
  29.  
  30. .portfolio-content .entry img {
  31.     display: block;
  32.     left: 0;
  33.     position: absolute;
  34.     -webkit-transition:  all .2s linear;
  35.     -moz-transition:  all .2s linear;
  36.     -o-transition:  all .2s linear;
  37.     transition:  all .2s linear;
  38. }
  39.  
  40. .portfolio-content .entry img:hover {
  41.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  42.     filter: alpha(opacity=10);
  43.     -moz-opacity: 0.1;
  44.     -khtml-opacity: 0.1;
  45.     opacity: 0.1;
  46. }
  47.  
  48. .altitude-pro-portfolio .entry .entry-title {
  49.     font-size: 20px;
  50.     font-weight: normal;
  51.     margin-bottom: 10px;
  52. }
  53.  
  54. .altitude-pro-portfolio .entry .entry-title a {
  55.     color: #fff;
  56. }
  57.  
  58. .altitude-pro-portfolio .entry p {
  59.     color: #fff;
  60.     font-size: 16px;
  61. }
  62.  
  63. .prev-next-post-links {
  64.     overflow: hidden;
  65. }
  66.  
  67. .previous-post-link {
  68.     float: left;
  69. }
  70.  
  71. .next-post-link {
  72.     float: right;
  73. }
  74.  
  75. .portfolio-image-single {
  76.     text-align: center;
  77.     margin-top: 10px;
  78.     margin-bottom: 30px;
  79. }
  80.  
  81. .taxonomy-title {
  82.     margin-top: 30px;
  83.     margin-bottom: 30px;
  84. }
  85.  
  86. /*
  87. Filterable Portfolio
  88. ------------------------ */
  89.  
  90. ul.filter {
  91.     color: #999;
  92.     list-style: none;
  93. }
  94.  
  95. ul.filter li {
  96.     float: left;
  97.     margin-left: 8px;
  98.     margin-bottom: 8px;
  99. }
  100. ul.filter li:first-child {
  101.   margin-left: 0;
  102. }
  103.  
  104. ul.filter a {
  105.     background: #333;
  106.     color: #fff;
  107.     display: block;
  108.     padding: 4px 10px;
  109.     text-decoration: none;
  110.     border-bottom: none;
  111.     font-size: 16px;
  112.     text-transform: uppercase;
  113. }
  114.  
  115. ul.filter a:hover, ul.filter a.active {
  116.     background: #ecb538;
  117.     color: #000;
  118. }
  119.  
  120. .isotope-item {
  121.     z-index: 2;
  122. }
  123.  
  124. .isotope-hidden.isotope-item {
  125.     pointer-events: none;
  126.     z-index: 1;
  127. }
  128.  
  129. /**** Isotope CSS3 transitions ****/
  130.  
  131. .isotope,
  132. .isotope .isotope-item {
  133.   -webkit-transition-duration: 0.8s;
  134.      -moz-transition-duration: 0.8s;
  135.       -ms-transition-duration: 0.8s;
  136.        -o-transition-duration: 0.8s;
  137.           transition-duration: 0.8s;
  138. }
  139.  
  140. .isotope {
  141.   -webkit-transition-property: height, width;
  142.      -moz-transition-property: height, width;
  143.       -ms-transition-property: height, width;
  144.        -o-transition-property: height, width;
  145.           transition-property: height, width;
  146. }
  147.  
  148. .isotope .isotope-item {
  149.   -webkit-transition-property: -webkit-transform, opacity;
  150.      -moz-transition-property:    -moz-transform, opacity;
  151.       -ms-transition-property:     -ms-transform, opacity;
  152.        -o-transition-property:      -o-transform, opacity;
  153.           transition-property:         transform, opacity;
  154. }
  155.  
  156. /**** disabling Isotope CSS3 transitions ****/
  157.  
  158. .isotope.no-transition,
  159. .isotope.no-transition .isotope-item,
  160. .isotope .isotope-item.no-transition {
  161.   -webkit-transition-duration: 0s;
  162.      -moz-transition-duration: 0s;
  163.       -ms-transition-duration: 0s;
  164.        -o-transition-duration: 0s;
  165.           transition-duration: 0s;
  166. }
  167.  
  168. .altitude-pro-portfolio .site-inner {
  169.     max-width: none;
  170.     margin-bottom: 60px;
  171. }
  172.  
  173. .altitude-pro-portfolio.full-width-content .content {
  174.     padding-left: 20px;
  175.     padding-right: 20px;
  176. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement