Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Filterable Portfolio*/
- ul.filter {
- color: #999999;
- list-style: none;
- margin-left: 0;
- }
- ul.filter li {
- float: left;
- margin-left: 10px;
- }
- ul.filter li:first-child {
- margin-left: 0;
- }
- ul.filter a {
- background: #EEEEEE;
- color: #666666;
- display: block;
- line-height: 2em;
- padding: 0 0.9em;
- text-decoration: none;
- }
- ul.filter a:hover, ul.filter a.active {
- background: #3FB7B7;
- color: #FFFFFF;
- }
- .filterable-portfolio {
- margin-left: -1.5em;
- overflow: hidden;
- }
- .portfolio-item {
- float: left;
- margin-bottom: 1.5em;
- margin-left: 1.5em;
- position: relative;
- width: 217px;
- }
- .portfolio-item a {
- display: block;
- }
- .portfolio-item a img {
- display: block;
- background: none;
- padding: 0;
- border: none;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- width: 100%;
- }
- .portfolio-overlay {
- bottom: 0;
- left: 0;
- position: absolute;
- }
- .portfolio-overlay h3 {
- background: #000000;
- color: #FFFFFF;
- font-size: 0.9em;
- font-weight: normal;
- margin: 0;
- max-width: 180px;
- padding: 5px 7px;
- text-transform: uppercase;
- }
- /*-----------------------------------------------------------------------------------*
- /* = Isotope CSS Animations
- /*-----------------------------------------------------------------------------------*/
- .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; }
- .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; }
- .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; }
- /**** disabling Isotope CSS3 transitions ****/
- .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; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement