srikat

Untitled

Jul 31st, 2013
433
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*Filterable Portfolio*/
  2.  
  3. ul.filter {
  4.     color: #999999;
  5.     list-style: none;
  6.     margin-left: 0;
  7. }
  8.  
  9. ul.filter li {
  10.     float: left;
  11.     margin-left: 10px;
  12. }
  13. ul.filter li:first-child {
  14.     margin-left: 0;
  15. }
  16.  
  17. ul.filter a {
  18.     background: #EEEEEE;
  19.     color: #666666;
  20.     display: block;
  21.     line-height: 2em;
  22.     padding: 0 0.9em;
  23.     text-decoration: none;
  24. }
  25.  
  26. ul.filter a:hover, ul.filter a.active {
  27.     background: #3FB7B7;
  28.     color: #FFFFFF;
  29. }
  30.  
  31. .filterable-portfolio {
  32.     margin-left: -1.5em;
  33.     overflow: hidden;
  34. }
  35.  
  36. .portfolio-item {
  37.     float: left;
  38.     margin-bottom: 1.5em;
  39.     margin-left: 1.5em;
  40.     position: relative;
  41.     width: 217px;
  42. }
  43.  
  44. .portfolio-item a {
  45.     display: block;
  46. }
  47.  
  48. .portfolio-item a img {
  49.     display: block;
  50.     background: none;
  51.     padding: 0;
  52.     border: none;
  53.     -webkit-border-radius: 0;
  54.     -moz-border-radius: 0;
  55.     border-radius: 0;
  56.     width: 100%;
  57. }
  58.  
  59. .portfolio-overlay {
  60.     bottom: 0;
  61.     left: 0;
  62.     position: absolute;
  63. }
  64.  
  65. .portfolio-overlay h3 {
  66.     background: #000000;
  67.     color: #FFFFFF;
  68.     font-size: 0.9em;
  69.     font-weight: normal;
  70.     margin: 0;
  71.     max-width: 180px;
  72.     padding: 5px 7px;
  73.     text-transform: uppercase;
  74. }
  75.  
  76. /*-----------------------------------------------------------------------------------*
  77. /* = Isotope CSS Animations
  78. /*-----------------------------------------------------------------------------------*/
  79. .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }
  80. .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
  81. .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
  82. /**** disabling Isotope CSS3 transitions ****/
  83. .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
RAW Paste Data