Changeset 2896742 for audio-playlist-for-woocommerce/trunk/vendor/htmlburger/carbon-fields/build/gutenberg/metaboxes.css
- Timestamp:
- 04/10/2023 06:35:30 PM (16 months ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
audio-playlist-for-woocommerce/trunk/vendor/htmlburger/carbon-fields/build/gutenberg/metaboxes.css
r2293266 r2896742 23 23 Complex 24 24 ========================================================================== */ 25 .postbox .cf-complex__inserter-menu {25 .postbox .cf-complex__inserter-menu { 26 26 margin: 0; 27 27 border-radius: 3px; 28 background-color: #191e23; } 29 .postbox .cf-complex__inserter-menu:before { 30 position: absolute; 31 top: 50%; 32 right: 100%; 33 width: 0; 34 height: 0; 35 border-width: 5px 5px 5px 0; 36 border-style: solid; 37 border-color: transparent #191e23; 38 margin-top: -5px; 39 content: ''; } 40 41 .postbox .cf-complex__inserter-item { 28 background-color: #191e23; 29 } 30 .postbox .cf-complex__inserter-menu:before, body[class*=taxonomy-] .cf-complex__inserter-menu:before { 31 position: absolute; 32 top: 50%; 33 right: 100%; 34 width: 0; 35 height: 0; 36 border-width: 5px 5px 5px 0; 37 border-style: solid; 38 border-color: transparent #191e23; 39 margin-top: -5px; 40 content: ""; 41 } 42 43 .postbox .cf-complex__inserter-item, body[class*=taxonomy-] .cf-complex__inserter-item { 42 44 font-weight: 600; 43 45 color: #fff; 44 transition: color 0.1s linear; } 45 .postbox .cf-complex__inserter-item:hover { 46 color: #00a0d2; } 47 48 .postbox .cf-complex__tabs .cf-complex__inserter-button { 46 transition: color 0.1s linear; 47 } 48 .postbox .cf-complex__inserter-item:hover, body[class*=taxonomy-] .cf-complex__inserter-item:hover { 49 color: #00a0d2; 50 } 51 52 .postbox .cf-complex__tabs .cf-complex__inserter-button, body[class*=taxonomy-] .cf-complex__tabs .cf-complex__inserter-button { 49 53 font-weight: 600; 50 color: #23282d; } 51 52 .postbox .cf-complex__tabs-item { 54 color: #23282d; 55 } 56 57 .postbox .cf-complex__tabs-item, body[class*=taxonomy] .cf-complex__tabs-item { 53 58 font-weight: 600; 54 color: #23282d; }55 59 color: #23282d; 60 } 56 61 /* ========================================================================== 57 62 Colors … … 83 88 border-width: 0 1px 0 0; 84 89 border-style: solid; 85 border-color: #e2e4e7; }86 90 border-color: #e2e4e7; 91 } 87 92 .cf-container .cf-field + .cf-field { 88 border-top-width: 1px; }89 90 .term-php .cf-container__fields > .cf-field:not(.cf-field--has-width) > .cf-field__head, 91 . cf-container-user-meta .cf-container__fields > .cf-field > .cf-field__head {93 border-top-width: 1px; 94 } 95 96 .cf-container-user-meta .cf-container__fields > .cf-field > .cf-field__head { 92 97 position: absolute; 93 98 left: 0; 94 font-weight: 600; } 99 font-weight: 600; 100 } 95 101 96 102 .cf-container .cf-field__label { 97 padding-bottom: 5px;103 padding-bottom: 5px; 98 104 font-weight: 600; 99 color: #23282d; }100 101 .cf-container-term-meta .cf-field__label, 102 .cf-container-user-meta .cf-field__label { 103 margin: 0 !important;}105 color: #23282d; 106 } 107 .cf-container-term-meta .cf-field__label, 108 margin: 0 !important; 109 } 104 110 105 111 .cf-field__help { 106 112 display: inline-block; 107 113 color: #666; 108 margin-top: 10px; }109 114 margin-top: 10px; 115 } 110 116 /* ========================================================================== 111 117 Colors … … 134 140 .postbox .cf-multiselect__control { 135 141 border-color: #ddd; 136 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; } 137 138 .postbox .cf-multiselect__control--is-focused, 139 .postbox .cf-multiselect__control--is-focused:hover { 140 box-shadow: 0 0 2px rgba(0, 115, 170, 0.8); } 141 142 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; 143 } 144 .postbox .cf-multiselect__control--is-focused, .postbox .cf-multiselect__control--is-focused:hover { 145 box-shadow: 0 0 2px rgba(0, 115, 170, 0.8); 146 } 142 147 /* ========================================================================== 143 148 Colors … … 165 170 ========================================================================== */ 166 171 .postbox .cf-media-gallery__inner { 167 border: 1px solid #e2e4e7; } 172 border: 1px solid #e2e4e7; 173 } 168 174 169 175 .postbox .cf-media-gallery__actions { 170 border-top: 1px solid #e2e4e7; }171 176 border-top: 1px solid #e2e4e7; 177 } 172 178 .cf-container-term-meta .cf-media-gallery__actions { 173 padding-left: 0; } 179 padding-left: 0; 180 } 174 181 175 182 .cf-container-term-meta .cf-media-gallery__list { 176 183 margin: 0 -8px; 177 max-height: 285px; } 184 max-height: 285px; 185 } 178 186 179 187 .cf-container-term-meta .cf-media-gallery__item { 180 flex-basis: 20%; }181 182 .postbox .cf-media-gallery__item-inner, 183 . cf-container-term-meta .cf-media-gallery__item-inner {184 border: 1px solid #e2e4e7; }185 186 .postbox .cf-media-gallery__item-preview, 187 . cf-container-term-meta .cf-media-gallery__item-preview {188 background-color: #f3f4f5; }189 190 .postbox .cf-media-gallery__item-name, 191 . cf-container-term-meta .cf-media-gallery__item-name {188 flex-basis: 20%; 189 } 190 191 .cf-container-term-meta .cf-media-gallery__item-inner { 192 border: 1px solid #e2e4e7; 193 } 194 195 .cf-container-term-meta .cf-media-gallery__item-preview { 196 background-color: #f3f4f5; 197 } 198 199 .cf-container-term-meta .cf-media-gallery__item-name { 192 200 border-top: 1px solid #e2e4e7; 193 background-color: #f3f4f5; }194 201 background-color: #f3f4f5; 202 } 195 203 /* ========================================================================== 196 204 Colors … … 218 226 ========================================================================== */ 219 227 .inside .cf-radio-image .cf-radio__input:focus ~ .cf-radio__label { 220 box-shadow: 0 0 2px rgba(0, 160, 210, 0.8); } 228 box-shadow: 0 0 2px rgba(0, 160, 210, 0.8); 229 } 221 230 222 231 .inside .cf-radio-image__image { 223 border: 1px solid #b5bcc2; } 224 225 .inside .cf-radio__input:focus ~ .cf-radio__label .cf-radio-image__image, 226 .inside .cf-radio__input:checked ~ .cf-radio__label .cf-radio-image__image { 227 outline: 4px solid #00a0d2; } 228 232 border: 1px solid #b5bcc2; 233 } 234 .inside .cf-radio__input:focus ~ .cf-radio__label .cf-radio-image__image, .inside .cf-radio__input:checked ~ .cf-radio__label .cf-radio-image__image { 235 outline: 4px solid #00a0d2; 236 } 229 237 /* ========================================================================== 230 238 Colors … … 252 260 ========================================================================== */ 253 261 .cf-container-widget { 254 margin-bottom: 13px; } 255 .cf-container-widget .cf-field { 256 margin: 1em 0 0; 257 padding: 0; 258 border-width: 0; } 259 .cf-container-widget .cf-field + .cf-field { 260 border-top-width: 0; } 261 .cf-container-widget .cf-complex__group-body { 262 border-width: 1px 1px 1px 1px; 263 margin-top: 0; } 264 .cf-container-widget .cf-complex__group-body .cf-field { 265 padding: 12px; } 266 .cf-container-widget .cf-complex__group-body .cf-field + .cf-field { 267 border-width: 1px 0 0 0; 268 padding-top: 1em; } 269 262 margin-bottom: 13px; 263 } 264 .cf-container-widget .cf-field { 265 margin: 1em 0 0; 266 padding: 0; 267 border-width: 0; 268 } 269 .cf-container-widget .cf-field + .cf-field { 270 border-top-width: 0; 271 } 272 .cf-container-widget .cf-complex__group-body { 273 border-width: 1px 1px 1px 1px; 274 margin-top: 0; 275 } 276 .cf-container-widget .cf-complex__group-body .cf-field { 277 padding: 12px; 278 } 279 .cf-container-widget .cf-complex__group-body .cf-field + .cf-field { 280 border-width: 1px 0 0 0; 281 padding-top: 1em; 282 } 270 283 /* ========================================================================== 271 284 Colors … … 292 305 Theme Options 293 306 ========================================================================== */ 294 .carbon-theme-options #post-body.columns-2 #postbox-container-1.fixed, 295 .carbon-network #post-body.columns-2 #postbox-container-1.fixed { 307 .carbon-theme-options #post-body.columns-2 #postbox-container-1.fixed, .carbon-network #post-body.columns-2 #postbox-container-1.fixed { 296 308 position: fixed; 297 309 right: 0; 298 margin-right: 20px; }299 310 margin-right: 20px; 311 } 300 312 /* ========================================================================== 301 313 Colors … … 323 335 ========================================================================== */ 324 336 .cf-container-user-meta { 325 max-width: 600px; }326 337 max-width: 600px; 338 } 327 339 /* ========================================================================== 328 340 Colors … … 350 362 ========================================================================== */ 351 363 .carbon-box.hide-if-js:not([hidden]) { 352 display: block; } 364 display: block; 365 } 353 366 354 367 #poststuff .carbon-box .inside, 355 368 .carbon-box .inside { 356 369 padding: 0; 357 margin: 0; } 370 margin: 0; 371 } 372 373 .cf-container--plain { 374 display: block; 375 } 376 .cf-container--tabbed { 377 display: flex; 378 } 379 .cf-container--tabbed-horizontal { 380 flex-direction: column; 381 } 382 .cf-container--tabbed-vertical { 383 flex-direction: row; 384 } 358 385 359 386 .cf-container__fields { 360 387 display: flex; 361 388 flex-wrap: wrap; 362 margin: -1px -1px 0 0; 363 background-color: #fff; } 364 .cf-container__fields[hidden] { 365 display: none; } 366 .block-editor .cf-container__fields { 367 border-left: 1px solid #e2e4e7; } 368 .cf-container-term-meta .cf-container__fields, 369 .cf-container-user-meta .cf-container__fields { 370 border-width: 0 0 1px 1px; 371 border-style: solid; 372 border-color: #e2e4e7; 373 margin: 0; } 389 flex: 1; 390 margin: 0 -1px 0 0; 391 background-color: #fff; 392 } 393 .cf-container__fields[hidden] { 394 display: none; 395 } 396 .block-editor .cf-container__fields { 397 border-left: 1px solid #e2e4e7; 398 } 399 .cf-container-term-meta .cf-container__fields, .cf-container-user-meta .cf-container__fields { 400 border-width: 0 0 1px 1px; 401 border-style: solid; 402 border-color: #e2e4e7; 403 margin: 0; 404 } 374 405 375 406 .cf-container__tabs { 376 407 position: relative; 377 408 z-index: 1; 378 padding: 12px 12px 0; 379 border-bottom: 1px solid #e2e4e7; 380 background-color: #fbfbfc; } 381 409 background-color: #fbfbfc; 410 } 382 411 .cf-container__tabs-list { 383 412 display: flex; 384 413 flex-wrap: wrap; 385 margin: 0 0 -1px; }386 387 .cf-container__tabs- item {414 margin: 0 0 -1px; 415 } 416 .cf-container__tabs-item { 388 417 display: flex; 389 418 align-items: center; 390 padding: 8px 12px;391 419 border: 1px solid #e2e4e7; 392 420 margin: 0 8px 0 0; 393 421 background-color: #fbfbfc; 394 font-size: 1 2px;422 font-size: 1px; 395 423 cursor: pointer; 396 transition: background-color 0.1s linear, border-color 0.1s linear; } 397 .cf-container__tabs-item:hover { 398 background-color: #fff; } 399 .cf-container__tabs-item--current { 400 background-color: #fff; 401 border-bottom-color: #fff; } 402 424 transition: background-color 0.1s linear, border-color 0.1s linear; 425 } 426 .cf-container__tabs-list .cf-container__tabs-item button { 427 background: 0; 428 border: 0; 429 padding: 10px 12px; 430 margin: 0; 431 flex: 1; 432 cursor: pointer; 433 display: flex; 434 align-items: center; 435 } 436 .cf-container__tabs-list .cf-container__tabs-item button span { 437 margin-right: 5px; 438 } 439 .cf-container__tabs-list .cf-container__tabs-item:hover { 440 background-color: #fff; 441 } 442 .cf-container__tabs-list .cf-container__tabs-item--current { 443 background-color: #fff; 444 border-bottom-color: #fff; 445 } 446 .cf-container__tabs--tabbed-horizontal { 447 padding: 12px 12px 0; 448 border-bottom: 1px solid #e2e4e7; 449 } 450 .cf-container__tabs--tabbed-horizontal .cf-container__tabs-list { 451 display: flex; 452 flex-direction: row; 453 } 454 .cf-container__tabs--tabbed-vertical { 455 width: 300px; 456 border-right: 1px solid #e2e4e7; 457 } 458 .cf-container__tabs--tabbed-vertical .cf-container__tabs-list { 459 display: flex; 460 flex-direction: column; 461 } 462 .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item { 463 margin: 0; 464 justify-content: flex-start; 465 border: 0; 466 border-top: 1px solid #e2e4e7; 467 border-bottom: 1px solid #e2e4e7; 468 } 469 .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item:first-of-type { 470 border-top: 0; 471 } 472 .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item button { 473 text-align: left; �� 474 font-weight: 500; 475 } 476 .cf-container__tabs--tabbed-vertical .cf-container__tabs-list .cf-container__tabs-item + .cf-container__tabs-item { 477 border-top: 0; 478 }
Note: See TracChangeset
for help on using the changeset viewer.