|
|
| Line 594: |
Line 594: |
| | } | | } |
| | | | |
| − | /*------------------------------------------------------
| |
| − | Portfolio Styling
| |
| − | --------------------------------------------------------*/
| |
| − | .portfolio {
| |
| − | margin-top: 40px;
| |
| − | }
| |
| − |
| |
| − | #Grid .mix {
| |
| − | display: none;
| |
| − | opacity: 0;
| |
| − | }
| |
| − |
| |
| − | #filters {
| |
| − | margin: 100px 0 60px 0;
| |
| − | }
| |
| − | #filters li {
| |
| − | display: inline;
| |
| − | margin-right: 20px;
| |
| − | cursor: pointer;
| |
| − | color: #31373a;
| |
| − | }
| |
| − | #filters li:after {
| |
| − | content: '/';
| |
| − | color: #c3c3c3;
| |
| − | margin-left: 20px;
| |
| − | }
| |
| − | #filters li:last-child:after {
| |
| − | content: '';
| |
| − | }
| |
| − | #filters li.active {
| |
| − | color: #00a8d6;
| |
| − | }
| |
| − |
| |
| − | .pages {
| |
| − | margin: 20px 0 100px 0;
| |
| − | }
| |
| − | .pages li {
| |
| − | display: inline;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| − | .pages li a {
| |
| − | padding: 10px 12px;
| |
| − | background-color: #f1f4f5;
| |
| − | color: #31373a;
| |
| − | }
| |
| − | .pages li a.active {
| |
| − | color: #00a8d6;
| |
| − | }
| |
| − |
| |
| − | /**** Isotope Filtering ****/
| |
| − | .isotope-item {
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .isotope-hidden.isotope-item {
| |
| − | pointer-events: none;
| |
| − | z-index: 1;
| |
| − | }
| |
| − |
| |
| − | /**** Isotope CSS3 transitions ****/
| |
| − | .isotope,
| |
| − | .isotope .isotope-item {
| |
| − | -webkit-transition-duration: 0.8s;
| |
| − | -moz-transition-duration: 0.8s;
| |
| − | -ms-transition-duration: 0.8s;
| |
| − | -o-transition-duration: 0.8s;
| |
| − | transition-duration: 0.8s;
| |
| − | }
| |
| − |
| |
| − | .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: -o-transform, 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;
| |
| − | }
| |
| − |
| |
| − | .portfolio-holder .item {
| |
| − | margin: 0 1px 40px 1px;
| |
| − | }
| |
| − | .portfolio-holder .item img {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | .portfolio-post {
| |
| − | overflow: hidden;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | .thumb-post {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .thumb-post .overlay {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | min-width: 100%;
| |
| − | height: 100%;
| |
| − | visibility: hidden;
| |
| − | opacity: 0;
| |
| − | -webkit-transform: scale(0);
| |
| − | -moz-transform: scale(0);
| |
| − | -ms-transform: scale(0);
| |
| − | -o-transform: scale(0);
| |
| − | transform: scale(0);
| |
| − | -webkit-transition: all 250ms ease-in-out;
| |
| − | -moz-transition: all 250ms ease-in-out;
| |
| − | -ms-transition: all 250ms ease-in-out;
| |
| − | -o-transition: all 250ms ease-in-out;
| |
| − | transition: all 250ms ease-in-out;
| |
| − | }
| |
| − | .thumb-post .overlay .overlay-inner {
| |
| − | background: #00a8d6;
| |
| − | height: 100%;
| |
| − | position: relative;
| |
| − | }
| |
| − | .thumb-post:hover .overlay {
| |
| − | opacity: 1;
| |
| − | visibility: visible;
| |
| − | -webkit-transform: scale(1);
| |
| − | -moz-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | -o-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − |
| |
| − | .portfolio-infos {
| |
| − | position: absolute;
| |
| − | bottom: 30px;
| |
| − | left: 30px;
| |
| − | }
| |
| − | .portfolio-infos a {
| |
| − | color: white;
| |
| − | }
| |
| − | .portfolio-infos .portfolio-title {
| |
| − | margin: 10px 0 0 0;
| |
| − | font-weight: 600;
| |
| − | font-size: 20px;
| |
| − | }
| |
| − | .portfolio-infos .meta-category {
| |
| − | font-size: 14px;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .portfolio-expand {
| |
| − | position: absolute;
| |
| − | top: 30px;
| |
| − | right: 30px;
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | background-color: rgba(255, 255, 255, 0.9);
| |
| − | -webkit-border-radius: 3px;
| |
| − | -moz-border-radius: 3px;
| |
| − | -ms-border-radius: 3px;
| |
| − | -o-border-radius: 3px;
| |
| − | border-radius: 3px;
| |
| − | text-align: center;
| |
| − | line-height: 40px;
| |
| − | }
| |
| − | .portfolio-expand a {
| |
| − | display: block;
| |
| − | color: #31373a;
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .owl-next {
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | right: 0;
| |
| − | width: 40px;
| |
| − | height: 48;
| |
| − | content: 'ddd';
| |
| − | margin-right: 2px;
| |
| − | margin-top: -25px;
| |
| − | }
| |
| − | .owl-next:after {
| |
| − | font-family: 'FontAwesome';
| |
| − | content: '\f054';
| |
| − | color: #31373a;
| |
| − | line-height: 48px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .owl-prev {
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 0;
| |
| − | width: 40px;
| |
| − | height: 48px;
| |
| − | margin-left: 1px;
| |
| − | margin-top: -25px;
| |
| − | }
| |
| − | .owl-prev:after {
| |
| − | font-family: 'FontAwesome';
| |
| − | content: '\f053';
| |
| − | color: #31373a;
| |
| − | line-height: 48px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .project-single {
| |
| − | margin-top: 100px;
| |
| − | margin-bottom: 100px;
| |
| − | }
| |
| − | .project-single .project-title {
| |
| − | font-weight: 600;
| |
| − | font-size: 24px;
| |
| − | margin: 0 0 35px 0;
| |
| − | line-height: 36px;
| |
| − | }
| |
| − | .project-single .subtitle {
| |
| − | font-size: 14px;
| |
| − | color: #aaaaaa;
| |
| − | }
| |
| − | .project-single .description {
| |
| − | margin-bottom: 40px;
| |
| − | }
| |
| − | .project-single .meta-post li {
| |
| − | display: block;
| |
| − | margin-bottom: 15px;
| |
| − | }
| |
| − | .project-single .meta-post li span {
| |
| − | color: #31373a;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| − | .project-single .meta-post li a {
| |
| − | color: #777777;
| |
| − | }
| |
| − | .project-single .meta-post li a:hover {
| |
| − | color: #00a8d6;
| |
| − | }
| |
| − |
| |
| − | .project-img {
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .project-img img {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − |
| |
| − | .static-info-project {
| |
| − | background-color: #f1f4f5;
| |
| − | padding: 80px 0;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .related-projects {
| |
| − | margin: 100px 0 60px 0;
| |
| − | }
| |
| − |
| |
| − | .flex-direction-nav a {
| |
| − | width: 40px;
| |
| − | height: 44px;
| |
| − | }
| |
| − | .flex-direction-nav a:before {
| |
| − | background-color: #31373a;
| |
| − | display: block;
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | line-height: 44px;
| |
| − | font-size: 14px;
| |
| − | }
| |
| − |
| |
| − | .flex-direction-nav .flex-prev {
| |
| − | left: 0px;
| |
| − | }
| |
| − |
| |
| − | .flex-direction-nav .flex-next {
| |
| − | right: 0px;
| |
| − | }
| |
| − |
| |
| − | /*------------------------------------------------------
| |
| − | Testimonials Styling
| |
| − | --------------------------------------------------------*/
| |
| − | .testimonials-widget {
| |
| − | background-color: #f1f4f5;
| |
| − | padding: 80px 0;
| |
| − | }
| |
| − |
| |
| − | .testimonial {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .testimonial-description {
| |
| − | font-size: 20px;
| |
| − | line-height: 1.8em;
| |
| − | margin: 40px 0 50px 0;
| |
| − | }
| |
| − |
| |
| − | .testimonial-content {
| |
| − | width: 80%;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − |
| |
| − | .testimonial-author {
| |
| − | margin-bottom: 40px;
| |
| − | color: #aaaaaa;
| |
| − | }
| |
| − | .testimonial-author:before, .testimonial-author:after {
| |
| − | content: "-";
| |
| − | color: #c3c3c3;
| |
| − | margin: 0 10px;
| |
| − | }
| |
| − |
| |
| − | .bx-wrapper .bx-pager.bx-default-pager a {
| |
| − | background: transparent;
| |
| − | text-indent: -9999px;
| |
| − | display: block;
| |
| − | width: 12px;
| |
| − | height: 12px;
| |
| − | margin: 0 6px;
| |
| − | outline: 0;
| |
| − | border: 2px solid #aaaaaa;
| |
| − | -webkit-border-radius: 6px;
| |
| − | -moz-border-radius: 6px;
| |
| − | -ms-border-radius: 6px;
| |
| − | -o-border-radius: 6px;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − |
| |
| − | .bx-wrapper .bx-pager.bx-default-pager a:hover,
| |
| − | .bx-wrapper .bx-pager.bx-default-pager a.active {
| |
| − | background: #00a8d6;
| |
| − | border-color: #00a8d6;
| |
| − | }
| |
| − |
| |
| − | /*------------------------------------------------------
| |
| − | Our Team Styling
| |
| − | --------------------------------------------------------*/
| |
| − | .member-role {
| |
| − | position: absolute;
| |
| − | bottom: 0;
| |
| − | right: 0;
| |
| − | background-color: white;
| |
| − | padding: 5px 10px;
| |
| − | font-size: 14px;
| |
| − | }
| |
| − |
| |
| − | .member-name {
| |
| − | font-size: 22px;
| |
| − | font-weight: 500;
| |
| − | margin-top: 25px;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .thumb-post {
| |
| − | height: auto;
| |
| − | }
| |
| − | .thumb-post img {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| | | | |
| | | | |