Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | @import '../global/_variables'; // global variables. |
| 2 | @import '../global/components/_mixins'; // global mixings. |
||
| 3 | |||
| 4 | /*** |
||
| 5 | Portfolio |
||
| 6 | ***/ |
||
| 7 | .portfolio-content{ |
||
| 8 | padding-top:10px; |
||
| 9 | |||
| 10 | // FONT OVERRIDE |
||
| 11 | .cbp-l-filters-buttonCenter .cbp-filter-item, |
||
| 12 | .cbp-l-filters-buttonCenter .cbp-filter-counter, |
||
| 13 | .cbp-l-filters-big .cbp-l-filters-big .cbp-filter-item, |
||
| 14 | .cbp-l-grid-work-title, |
||
| 15 | .cbp-l-clients-title-block, |
||
| 16 | .cbp-l-grid-masonry-projects-title, |
||
| 17 | .cbp-l-grid-masonry-projects-desc, |
||
| 18 | .cbp-l-grid-mosaic .cbp-l-caption-title, |
||
| 19 | .cbp-l-grid-mosaic .cbp-l-caption-desc, |
||
| 20 | .cbp-l-slider-title-block div, |
||
| 21 | .cbp-l-grid-slider-team-name, |
||
| 22 | .cbp-l-grid-slider-team-position, |
||
| 23 | .cbp-l-grid-slider-team-desc, |
||
| 24 | .cbp-l-grid-slider-testimonials-footer, |
||
| 25 | .cbp-l-testimonials-title-block, |
||
| 26 | .cbp-l-grid-testimonials-footer, |
||
| 27 | .cbp-caption-expand .cbp-caption-defaultWrap, |
||
| 28 | .cbp-caption-expand .cbp-l-caption-body { |
||
| 29 | font-family: "Open Sans", sans-serif !important; |
||
| 30 | } |
||
| 31 | |||
| 32 | .text-center{ |
||
| 33 | text-align: center; |
||
| 34 | } |
||
| 35 | |||
| 36 | .cbp-l-project-related-link:hover{ |
||
| 37 | text-decoration: none; |
||
| 38 | } |
||
| 39 | |||
| 40 | // COLOR OVERRIDE |
||
| 41 | .cbp-l-filters-button { |
||
| 42 | |||
| 43 | .cbp-filter-item.cbp-filter-item-active, |
||
| 44 | .cbp-filter-counter { |
||
| 45 | background-color: #2F353B; |
||
| 46 | border-color: #2F353B; |
||
| 47 | color:#fff; |
||
| 48 | |||
| 49 | &:before{ |
||
| 50 | border-top-color: #2F353B; |
||
| 51 | } |
||
| 52 | } |
||
| 53 | } |
||
| 54 | |||
| 55 | .cbp-l-project-desc-title span, |
||
| 56 | .cbp-l-project-details-title span { |
||
| 57 | border-bottom-color:#e7505a; |
||
| 58 | text-transform: uppercase; |
||
| 59 | font-weight: 600; |
||
| 60 | } |
||
| 61 | |||
| 62 | &.portfolio-2{ |
||
| 63 | .cbp-l-filters-button { |
||
| 64 | |||
| 65 | .cbp-filter-item.cbp-filter-item-active, |
||
| 66 | .cbp-filter-counter { |
||
| 67 | background-color: #32C5D2; |
||
| 68 | border-color: #32C5D2; |
||
| 69 | color:#fff; |
||
| 70 | |||
| 71 | &:before{ |
||
| 72 | border-top-color: #32C5D2; |
||
| 73 | } |
||
| 74 | } |
||
| 75 | } |
||
| 76 | |||
| 77 | .cbp-l-grid-mosaic .cbp-caption-activeWrap { |
||
| 78 | background-color: rgba(50,197,210, 0.9); |
||
| 79 | |||
| 80 | .cbp-l-caption-title, |
||
| 81 | .cbp-l-caption-desc{ |
||
| 82 | color: #fff; |
||
| 83 | } |
||
| 84 | } |
||
| 85 | } |
||
| 86 | |||
| 87 | &.portfolio-3{ |
||
| 88 | .cbp-l-filters-button { |
||
| 89 | |||
| 90 | .cbp-filter-item.cbp-filter-item-active, |
||
| 91 | .cbp-filter-counter { |
||
| 92 | background-color: #3598DC; |
||
| 93 | border-color: #3598DC; |
||
| 94 | color:#fff; |
||
| 95 | |||
| 96 | &:before{ |
||
| 97 | border-top-color: #3598DC; |
||
| 98 | } |
||
| 99 | } |
||
| 100 | } |
||
| 101 | |||
| 102 | .cbp-caption-zoom .cbp-caption-activeWrap{ |
||
| 103 | background-color: rgba(0,0,0, 0.7); |
||
| 104 | } |
||
| 105 | |||
| 106 | .cbp-l-project-desc-title span, |
||
| 107 | .cbp-l-project-details-title span { |
||
| 108 | border-bottom-color:#3598DC; |
||
| 109 | } |
||
| 110 | |||
| 111 | .cbp-l-filters-dropdown { |
||
| 112 | margin-bottom: 25px; |
||
| 113 | } |
||
| 114 | } |
||
| 115 | |||
| 116 | &.portfolio-4{ |
||
| 117 | .cbp-caption-zoom .cbp-caption-activeWrap{ |
||
| 118 | background-color: rgba(0,0,0, 0.7); |
||
| 119 | } |
||
| 120 | |||
| 121 | .cbp-l-filters-alignCenter{ |
||
| 122 | margin-bottom: 25px; |
||
| 123 | |||
| 124 | .cbp-filter-item{ |
||
| 125 | margin-bottom: 0; |
||
| 126 | } |
||
| 127 | } |
||
| 128 | |||
| 129 | } |
||
| 130 | |||
| 131 | |||
| 132 | // SIZE & POSITION OVERRIDE |
||
| 133 | .cbp-l-filters-dropdown-floated{ |
||
| 134 | margin-top: 0; |
||
| 135 | } |
||
| 136 | |||
| 137 | .cbp-l-filters-dropdownWrap { |
||
| 138 | .cbp-l-filters-dropdownHeader{ |
||
| 139 | line-height: 31px; |
||
| 140 | } |
||
| 141 | .cbp-l-filters-dropdownList { |
||
| 142 | .cbp-filter-item{ |
||
| 143 | line-height: 31px; |
||
| 144 | } |
||
| 145 | } |
||
| 146 | } |
||
| 147 | |||
| 148 | .cbp-popup-singlePage .cbp-popup-content{ |
||
| 149 | max-width: 1170px; |
||
| 150 | } |
||
| 151 | |||
| 152 | .cbp-l-filters-button{ |
||
| 153 | margin-bottom: 25px; |
||
| 154 | } |
||
| 155 | |||
| 156 | .cbp-l-loadMore-button{ |
||
| 157 | margin-bottom: 60px; |
||
| 158 | } |
||
| 159 | |||
| 160 | .btn{ |
||
| 161 | padding: 6px 12px; |
||
| 162 | } |
||
| 163 | |||
| 164 | } |
||
| 165 | |||
| 166 | .cbp-popup-wrap, |
||
| 167 | .cbp-popup-singlePage-open{ |
||
| 168 | z-index: $zindex-top + 5 !important; |
||
| 169 | } |
||
| 170 | |||
| 171 | |||
| 172 | .cbp-popup-singlePage .cbp-popup-navigation-wrap { |
||
| 173 | z-index: $zindex-top + 6 !important; |
||
| 174 | } |
||
| 175 | |||
| 176 | .portfolio-tile{ |
||
| 177 | margin-bottom: 30px; |
||
| 178 | } |
||
| 179 | |||
| 180 | .cbp-l-filters-dropdownWrap { |
||
| 181 | background: none; |
||
| 182 | border: 1px solid #2F353B; |
||
| 183 | |||
| 184 | .cbp-l-filters-dropdownHeader { |
||
| 185 | color: #2F353B; |
||
| 186 | font-size: 12px; |
||
| 187 | |||
| 188 | &:after{ |
||
| 189 | border-color: #2F353B transparent; |
||
| 190 | } |
||
| 191 | } |
||
| 192 | |||
| 193 | .cbp-l-filters-dropdownList { |
||
| 194 | background: #ffffff; |
||
| 195 | |||
| 196 | .cbp-filter-item { |
||
| 197 | font-size: 12px; |
||
| 198 | color: #2F353B; |
||
| 199 | border: 0; |
||
| 200 | |||
| 201 | &:hover { |
||
| 202 | background: lighten(#2F353B, 75%); |
||
| 203 | } |
||
| 204 | |||
| 205 | &.cbp-filter-item-active { |
||
| 206 | background: lighten(#2F353B, 70%); |
||
| 207 | } |
||
| 208 | } |
||
| 209 | } |
||
| 210 | } |