editor.css
7 years ago
elementor-editor.css
6 years ago
elementor-widgets.css
8 years ago
index.php
10 years ago
elementor-editor.css
314 lines
| 1 | |
| 2 | /* visual selector |
| 3 | --------------------------*/ |
| 4 | .axi-visual-select { height: auto; display: inline-block; width: 100%; max-width: 900px; } |
| 5 | .axi-visual-select:after { content: ""; display: table; clear: both; } |
| 6 | .axi-visual-select .axi-select-item { float: left; border: 3px solid #d8d8d8; margin: 0 5px 5px 0; cursor: pointer; } |
| 7 | .axi-visual-select .axi-select-item.axi-selected { border-color: #0077a3; } |
| 8 | .axi-visual-select .axi-select-item.axi-selected img[src*="svg"] { -webkit-filter: brightness(40%) sepia(100%) hue-rotate(170deg) saturate(250%); filter: brightness(40%) sepia(100%) hue-rotate(170deg) saturate(250%); } |
| 9 | .axi-visual-select .axi-select-item img { display: block; clear: both; } |
| 10 | .axi-visual-select .axi-select-item video { display: block; } |
| 11 | .axi-visual-select .axi-select-item.aux-small-height img, .axi-visual-select .axi-select-item.aux-small-height video { max-height: 82px; height: 82px; } |
| 12 | .axi-visual-select .axi-select-item.aux-medium-height img, .axi-visual-select .axi-select-item.aux-medium-height video { max-height: 100px; height: 100px; } |
| 13 | .axi-visual-select .axi-select-caption { display: block; font-size: 11px; padding: 2px 5px; background: #eee; margin-top: 2px; } |
| 14 | |
| 15 | /* visual selector color |
| 16 | --------------------------*/ |
| 17 | .axi-visual-select .aux-color-selector { width: 22px; height: 22px; border: 2px solid #d8d8d8; } |
| 18 | |
| 19 | .aux-visual-selector-black { background-color: #3D3D3D; } |
| 20 | |
| 21 | .aux-visual-selector-white { background-color: #FFFFFF; } |
| 22 | |
| 23 | .aux-visual-selector-masala { background-color: #3D3D3D; } |
| 24 | |
| 25 | .aux-visual-selector-dark-gray { background-color: #AAAAAA; } |
| 26 | |
| 27 | .aux-visual-selector-ball-blue { background-color: #1BB0CE; } |
| 28 | |
| 29 | .aux-visual-selector-fountain-blue { background-color: #5BACBA; } |
| 30 | |
| 31 | .aux-visual-selector-shamrock { background-color: #2CC990; } |
| 32 | |
| 33 | .aux-visual-selector-curios-blue { background-color: #2C82C9; } |
| 34 | |
| 35 | .aux-visual-selector-light-sea-green { background-color: #1ABC9C; } |
| 36 | |
| 37 | .aux-visual-selector-emerald { background-color: #4EBA6F; } |
| 38 | |
| 39 | .aux-visual-selector-energy-yellow { background-color: #EEE657; } |
| 40 | |
| 41 | .aux-visual-selector-mikado-yellow { background-color: #FCCD0F; } |
| 42 | |
| 43 | .aux-visual-selector-pink-salmon { background-color: #FF91A9; } |
| 44 | |
| 45 | .aux-visual-selector-wisteria { background-color: #9E69AF; } |
| 46 | |
| 47 | .aux-visual-selector-lilac { background-color: #CEACD2; } |
| 48 | |
| 49 | .aux-visual-selector-pale-sky { background-color: #5F7487; } |
| 50 | |
| 51 | .aux-visual-selector-tower-gray { background-color: #ADBCC3; } |
| 52 | |
| 53 | .aux-visual-selector-william { background-color: #3A5F6F; } |
| 54 | |
| 55 | .aux-visual-selector-carmine-pink { background-color: #E74C3C; } |
| 56 | |
| 57 | .aux-visual-selector-persimmon { background-color: #FF6A55; } |
| 58 | |
| 59 | .aux-visual-selector-tan-hide { background-color: #FF9F55; } |
| 60 | |
| 61 | .aux-visual-selector-wild-watermelon { background-color: #FF6E78; } |
| 62 | |
| 63 | .aux-visual-selector-iceberg { background-color: #73B1D6; } |
| 64 | |
| 65 | .aux-visual-selector-dark-lavender { background-color: #745A90; } |
| 66 | |
| 67 | .aux-visual-selector-viking { background-color: #5CD5E6; } |
| 68 | |
| 69 | .aux-visual-selector-tiffany-blue { background-color: #00B5B5; } |
| 70 | |
| 71 | .aux-visual-selector-pastel-orange { background-color: #FCB941; } |
| 72 | |
| 73 | .aux-visual-selector-east-bay { background-color: #395781; } |
| 74 | |
| 75 | .aux-visual-selector-steel-blue { background-color: #4589B0; } |
| 76 | |
| 77 | .aux-visual-selector-half-backed { background-color: #84CCD1; } |
| 78 | |
| 79 | .aux-visual-selector-tapestry { background-color: #B95A84; } |
| 80 | |
| 81 | .aux-visual-selector-fire-engine-red { background-color: #CD2C24; } |
| 82 | |
| 83 | .aux-visual-selector-dark-orange { background-color: #FF8C00; } |
| 84 | |
| 85 | .aux-visual-selector-brick-red { background-color: #CC4452; } |
| 86 | |
| 87 | .aux-visual-selector-khaki { background-color: khaki; } |
| 88 | |
| 89 | /* Control media |
| 90 | --------------------------*/ |
| 91 | .aux-elementor-control-media { |
| 92 | padding: 7px; |
| 93 | border: 1px solid; |
| 94 | height: 150px; } |
| 95 | .aux-elementor-control-media:not(:hover) { |
| 96 | border-color: #d5dadf; } |
| 97 | .aux-elementor-control-media:not(:hover) .aux-elementor-control-media-upload-button { |
| 98 | background-color: #d5dadf; } |
| 99 | .aux-elementor-control-media:hover { |
| 100 | border-color: #a4afb7; } |
| 101 | .aux-elementor-control-media:hover .aux-elementor-control-media-upload-button { |
| 102 | background-color: #a4afb7; } |
| 103 | .aux-elementor-control-media.elementor-media-empty .aux-elementor-control-media-attachment-area { |
| 104 | display: none; } |
| 105 | .aux-elementor-control-media:not(.elementor-media-empty) .aux-elementor-control-media-upload-button { |
| 106 | display: none; } |
| 107 | .aux-elementor-control-media > * { |
| 108 | height: 100%; |
| 109 | cursor: pointer; |
| 110 | position: relative; } |
| 111 | |
| 112 | .aux-elementor-control-media .fa-plus-circle { |
| 113 | position: absolute; |
| 114 | top: 50%; |
| 115 | left: 50%; |
| 116 | -webkit-transform: translateX(-50%) translateY(-50%); |
| 117 | -ms-transform: translateX(-50%) translateY(-50%); |
| 118 | transform: translateX(-50%) translateY(-50%); |
| 119 | color: #fff; |
| 120 | font-size: 20px; } |
| 121 | |
| 122 | .aux-elementor-control-media-attachment-area:not(:hover) .aux-elementor-control-media-delete { |
| 123 | display: none; } |
| 124 | |
| 125 | .aux-elementor-control-media-attachment-area:hover .aux-elementor-control-media-attachment { |
| 126 | opacity: .5; } |
| 127 | |
| 128 | .aux-elementor-control-media-delete { |
| 129 | position: absolute; |
| 130 | bottom: 0; |
| 131 | left: 0; |
| 132 | right: 0; |
| 133 | text-align: center; |
| 134 | padding: 9.5px; |
| 135 | font-size: 11px; |
| 136 | color: #fff; |
| 137 | background-color: #a4afb7; |
| 138 | text-transform: uppercase; } |
| 139 | |
| 140 | .aux-elementor-control-media-attachment { |
| 141 | height: 100%; |
| 142 | -webkit-background-size: auto; |
| 143 | background-size: auto; |
| 144 | background-position: center; |
| 145 | background-repeat: no-repeat; |
| 146 | } |
| 147 | |
| 148 | /* Select2 icons issue |
| 149 | --------------------------*/ |
| 150 | .select2-container [class^="auxicon-"]::before, .select2-container [class*=" auxicon-"]::before { |
| 151 | font-size: inherit; |
| 152 | padding-top: 0; |
| 153 | } |
| 154 | |
| 155 | |
| 156 | /* Badge for auxin elementor elements |
| 157 | --------------------------*/ |
| 158 | .elementor-element{ |
| 159 | position: relative; |
| 160 | } |
| 161 | .elementor-element .auxin-badge:after, |
| 162 | .elementor-element .auxin-badge-pro:after, |
| 163 | .auxin .elementor-element .icon .bdt-widget-icon:after{ |
| 164 | position: absolute; |
| 165 | top: 0; |
| 166 | right: 0; |
| 167 | z-index: 1; |
| 168 | padding: 3px 4px 2px; |
| 169 | border-style: solid; |
| 170 | font-weight: 600; |
| 171 | font-size: 9px; |
| 172 | text-align: right; |
| 173 | border-width: 0 0 1px 1px; |
| 174 | border-color: #eee; |
| 175 | border-bottom-left-radius: 2px; |
| 176 | text-transform: uppercase; |
| 177 | font-family: "Open Sans",Roboto,Helvetica,Arial,sans-serif; |
| 178 | } |
| 179 | .elementor-element .auxin-badge:after{ |
| 180 | content: "Phlox"; |
| 181 | } |
| 182 | |
| 183 | .elementor-element .auxin-badge-pro{ |
| 184 | color: #b7084e; |
| 185 | } |
| 186 | .elementor-element .auxin-badge-pro:after{ |
| 187 | content: "Phlox Pro"; |
| 188 | padding-bottom: 1px; |
| 189 | border-color: rgba(183, 8, 78, 0.2); |
| 190 | } |
| 191 | |
| 192 | /* '.auxin-pro' is available when pro plugin is activated */ |
| 193 | .auxin-pro .elementor-element .auxin-badge-pro:after{ |
| 194 | content: "Phlox"; |
| 195 | } |
| 196 | |
| 197 | .auxin-pro .elementor-element .auxin-badge-pro, |
| 198 | div[id*="elementor-panel-category-auxin-"] .elementor-element .icon, |
| 199 | div[id*="elementor-panel-category-auxin-"] .elementor-element .title { |
| 200 | color: #888; |
| 201 | } |
| 202 | |
| 203 | .auxin-pro .elementor-element:hover .auxin-badge-pro, |
| 204 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .icon, |
| 205 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .title { |
| 206 | color: #4599c1 !important; |
| 207 | } |
| 208 | |
| 209 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .icon > i:after { |
| 210 | border-color: rgba(20, 171, 244, 0.2); |
| 211 | } |
| 212 | |
| 213 | |
| 214 | .auxin #elementor-panel-category-element-pack .elementor-element .icon{ |
| 215 | color: #000; |
| 216 | } |
| 217 | .auxin #elementor-panel-category-element-pack .elementor-element:hover .icon, |
| 218 | .auxin #elementor-panel-category-element-pack .elementor-element:hover .title{ |
| 219 | color: #4599c1; |
| 220 | } |
| 221 | .auxin .elementor-element .icon .bdt-widget-icon:after{ |
| 222 | content: "Phlox EP"; |
| 223 | opacity:1; |
| 224 | } |
| 225 | |
| 226 | |
| 227 | /* Changing the featured color of Elementor |
| 228 | --------------------------*/ |
| 229 | .auxin-pro .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active, |
| 230 | .auxin-pro .elementor-template-library-menu-item.elementor-active{ |
| 231 | border-bottom-color: #4599c1; |
| 232 | } |
| 233 | .auxin-pro .elementor-panel #elementor-panel-header{ |
| 234 | background-color: #4599c1; |
| 235 | } |
| 236 | |
| 237 | /* Badge on auxin global sections |
| 238 | --------------------------*/ |
| 239 | div[class*="elementor-control-aux_"]:before{ |
| 240 | position: absolute; |
| 241 | top: 13px; |
| 242 | right: 8px; |
| 243 | text-transform: uppercase; |
| 244 | font-size: 9px; |
| 245 | padding: 2px 2px 1px; |
| 246 | border: 1px solid #ddd; |
| 247 | font-weight: 400; |
| 248 | letter-spacing: 0.1em; |
| 249 | color: #aaa; |
| 250 | } |
| 251 | |
| 252 | div[class*="elementor-control-aux_core"]:before{ |
| 253 | content: 'Phlox'; |
| 254 | } |
| 255 | div[class*="elementor-control-aux_pro"]:before{ |
| 256 | content: 'Phlox Pro'; |
| 257 | color: #b7084e; |
| 258 | } |
| 259 | |
| 260 | .auxin-pro div[class*="elementor-control-aux_core"]:before, |
| 261 | .auxin-pro div[class*="elementor-control-aux_pro"]:before{ |
| 262 | content: 'Phlox'; |
| 263 | letter-spacing: 0.1em; |
| 264 | color: #aaa; |
| 265 | } |
| 266 | |
| 267 | @media (prefers-color-scheme: dark) { |
| 268 | .elementor-element .auxin-badge:after, |
| 269 | .elementor-element .auxin-badge-pro:after, |
| 270 | .auxin .elementor-element .icon .bdt-widget-icon:after, |
| 271 | .auxin-pro div[class*="elementor-control-aux_core"]:before, |
| 272 | .auxin-pro div[class*="elementor-control-aux_pro"]:before{ |
| 273 | border-color:#555; |
| 274 | color: #999; |
| 275 | } |
| 276 | |
| 277 | .auxin-pro .elementor-element .auxin-badge-pro, |
| 278 | div[id*="elementor-panel-category-auxin-"] .elementor-element .icon, |
| 279 | div[id*="elementor-panel-category-auxin-"] .elementor-element .title { |
| 280 | color: #e0e1e3; |
| 281 | } |
| 282 | } |
| 283 | |
| 284 | /* Go pro notice in pro control sections |
| 285 | --------------------------*/ |
| 286 | .auxin-elementor-panel-notice{ |
| 287 | text-align:center; |
| 288 | color:#3d3d3d; |
| 289 | font-style:normal; |
| 290 | } |
| 291 | .auxin-elementor-upgrade-notice-icon{ |
| 292 | font-size:60px !important; |
| 293 | color:#6e90bb; |
| 294 | margin-bottom:12px; |
| 295 | } |
| 296 | .auxin-elementor-panel-notice-title{ |
| 297 | font-weight:500; |
| 298 | font-size:16px; |
| 299 | margin-bottom:12px; |
| 300 | } |
| 301 | .auxin-elementor-panel-notice-message{ |
| 302 | font-size:13px; |
| 303 | } |
| 304 | .auxin-elementor-panel-notice-link{ |
| 305 | font-size:14px; |
| 306 | height: 35px; |
| 307 | line-height: 23px; |
| 308 | margin-top: 15px; |
| 309 | letter-spacing: 0.05em; |
| 310 | } |
| 311 | .auxin-elementor-go-pro-link{ |
| 312 | background-color: #0089ff !important; |
| 313 | } |
| 314 |