wp-admin/css/customize-controls-rtl.css

   1 body {
   2         overflow: hidden;
   3 }
   4
   5 #customize-controls a {
   6         text-decoration: none;
   7 }
   8
   9 #customize-controls h3 {
  10         font-size: 14px;
  11 }
  12
  13 #customize-controls .submit {
  14         text-align: center;
  15 }
  16
  17 #customize-controls .description {
  18         color: #666666;
  19 }
  20
  21 #customize-header-actions .button-primary {
  22         float: left;
  23         margin-top: 9px;
  24 }
  25
  26 #customize-header-actions .spinner {
  27         margin-top: 16px;
  28         margin-left: 4px;
  29 }
  30
  31 .saving #customize-header-actions .spinner {
  32         display: block;
  33 }
  34
  35 #customize-info {
  36         border: none;
  37         border-top: 1px solid #ddd;
  38 }
  39
  40 #customize-info .accordion-section-title {
  41         background-color: #fff;
  42         color: #666666;
  43         border-right: none;
  44         border-left: none;
  45         border-bottom: 1px solid #eeeeee;
  46 }
  47
  48 #customize-info.open .accordion-section-title,
  49 #customize-info .accordion-section-title:hover,
  50 #customize-info .accordion-section-title:focus {
  51         color: #555555;
  52 }
  53
  54 #customize-info.open .accordion-section-title:after,
  55 #customize-info .accordion-section-title:hover:after,
  56 #customize-info .accordion-section-title:focus:after {
  57         color: #555555;
  58 }
  59
  60 #customize-info.open .accordion-section-title {
  61         border-color: transparent;
  62 }
  63
  64 #customize-info .preview-notice {
  65         font-size: 13px;
  66         line-height: 24px;
  67 }
  68
  69 #customize-info .theme-name {
  70         font-size: 20px;
  71         font-weight: 200;
  72         line-height: 24px;
  73         display: block;
  74 }
  75
  76 #customize-info .theme-screenshot {
  77         width: 258px;
  78 }
  79
  80 #customize-info .theme-description {
  81         margin-top: 1em;
  82         color: #666666;
  83         line-height: 20px;
  84 }
  85
  86 #customize-theme-controls {
  87         -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
  88         box-shadow:         0px 1px 1px -1px rgba(0, 0, 0, 0.1);
  89 }
  90
  91 #customize-theme-controls .control-section {
  92         border: none;
  93 }
  94
  95 #customize-theme-controls .accordion-section-title {
  96         color: #555555;
  97         background-color: #fff;
  98         border-bottom: 1px solid #eeeeee;
  99 }
 100
 101 #customize-theme-controls .accordion-section-content {
 102         color: #555555;
 103         background: white;
 104 }
 105
 106 #customize-theme-controls .control-section:hover .accordion-section-title,
 107 #customize-theme-controls .control-section .accordion-section-title:hover,
 108 #customize-theme-controls .control-section.open .accordion-section-title,
 109 #customize-theme-controls .control-section .accordion-section-title:focus {
 110         color: #555555;
 111         background: #f5f5f5;
 112 }
 113
 114 .js .control-section:hover .accordion-section-title,
 115 .js .control-section .accordion-section-title:hover,
 116 .js .control-section.open .accordion-section-title,
 117 .js .control-section .accordion-section-title:focus {
 118         background: #f5f5f5;
 119 }
 120
 121 #customize-theme-controls .control-section:hover .accordion-section-title::after,
 122 #customize-theme-controls .control-section .accordion-section-title:hover::after,
 123 #customize-theme-controls .control-section.open .accordion-section-title::after,
 124 #customize-theme-controls .control-section .accordion-section-title:focus::after {
 125         color: #555555;
 126 }
 127
 128 #customize-theme-controls .control-section.open {
 129         border-bottom: 1px solid #eeeeee;
 130 }
 131
 132 #customize-theme-controls .control-section.open .accordion-section-title {
 133         border-bottom-color: #eeeeee !important;
 134 }
 135
 136 #customize-theme-controls .control-section:last-of-type.open,
 137 #customize-theme-controls .control-section:last-of-type .accordion-section-title {
 138         border-bottom-color: #ddd;
 139 }
 140
 141 #customize-theme-controls > ul,
 142 #customize-theme-controls .accordion-section-content {
 143         margin: 0;
 144 }
 145
 146 .customize-control {
 147         width: 100%;
 148         float: right;
 149         clear: both;
 150         margin-bottom: 8px;
 151 }
 152
 153 .customize-control select,
 154 .customize-control input[type="text"],
 155 .customize-control input[type="radio"],
 156 .customize-control input[type="checkbox"] {
 157         line-height: 28px;
 158 }
 159
 160 .customize-control input[type="text"] {
 161         width: 98%;
 162         line-height: 18px;
 163         margin: 0;
 164 }
 165
 166 .customize-control select {
 167         min-width: 50%;
 168         max-width: 100%;
 169         height: 28px;
 170         line-height: 28px;
 171 }
 172
 173 .customize-control-title {
 174         display: block;
 175         font-size: 14px;
 176         line-height: 24px;
 177         font-weight: 600;
 178         margin-bottom: 5px;
 179 }
 180
 181 .customize-control-color .color-picker,
 182 .customize-control-checkbox label,
 183 .customize-control-upload div {
 184         line-height: 28px;
 185 }
 186
 187 .customize-control-checkbox input {
 188         margin-left: 5px;
 189 }
 190
 191 .customize-control-radio {
 192         padding: 5px 0 10px;
 193 }
 194
 195 .customize-control-radio .customize-control-title {
 196         margin-bottom: 0;
 197         line-height: 22px;
 198 }
 199
 200 .customize-control-radio label {
 201         line-height: 32px;
 202 }
 203
 204 .customize-control-radio input {
 205         margin-left: 5px;
 206 }
 207
 208 #customize-preview iframe {
 209         width: 100%;
 210         height: 100%;
 211 }
 212
 213 .wp-full-overlay-sidebar {
 214         background: #eeeeee;
 215         border-left: 1px solid #ddd;
 216 }
 217
 218 .collapse-sidebar {
 219         background-color: transparent !important;
 220         border: none !important;
 221         box-shadow: none !important;
 222         border-radius: !important 0;
 223 }
 224
 225
 226 .collapse-sidebar:active,
 227 .collapse-sidebar:active .collapse-sidebar-label,
 228 .collapse-sidebar:active .collapse-sidebar-arrow:before {
 229         text-shadow: none;
 230 }
 231
 232 .collapsed .collapse-sidebar-arrow:before {
 233         color: #888;
 234 }
 235
 236 /* Style for custom settings */
 237
 238 /*
 239  * Dropdowns
 240  */
 241 .accordion-section .dropdown {
 242         float: right;
 243         display: block;
 244         position: relative;
 245         cursor: pointer;
 246 }
 247
 248 .accordion-section .dropdown-content {
 249         overflow: hidden;
 250         float: right;
 251         min-width: 30px;
 252         height: 16px;
 253         line-height: 16px;
 254         margin-left: 16px;
 255         padding: 4px 5px;
 256         border: 2px solid #eeeeee;
 257         -webkit-user-select: none;
 258         -moz-user-select: none;
 259         user-select: none;
 260 }
 261
 262 .customize-control .dropdown-arrow {
 263         position: absolute;
 264         top: 0;
 265         bottom: 0;
 266         left: 0;
 267         width: 20px;
 268         background: #eeeeee;
 269 }
 270
 271 .customize-control .dropdown-arrow:after {
 272         content: "\f140";
 273         font: normal 20px/1 'dashicons';
 274         speak: none;
 275         display: block;
 276         padding: 0;
 277         text-indent: 0;
 278         text-align: center;
 279         position: relative;
 280         -webkit-font-smoothing: antialiased;
 281         -moz-osx-font-smoothing: grayscale;
 282         text-decoration: none !important;
 283         color: #333;
 284 }
 285
 286 .customize-control .dropdown-status {
 287         color: #333;
 288         background: #eeeeee;
 289         display: none;
 290         max-width: 112px;
 291 }
 292
 293 /* Color Picker */
 294 .customize-control-color .color-picker-hex {
 295         display: none;
 296 }
 297
 298 .customize-control-color.open .color-picker-hex {
 299         display: block;
 300 }
 301
 302 .customize-control-color .dropdown {
 303         margin-left: 5px;
 304         margin-bottom: 5px;
 305 }
 306
 307 .customize-control-color .dropdown .dropdown-content {
 308         background-color: #555555;
 309         border: 1px solid rgba(0, 0, 0, 0.15);
 310 }
 311
 312 .customize-control-color .dropdown:hover .dropdown-content {
 313         border-color: rgba(0, 0, 0, 0.25);
 314 }
 315
 316 /*
 317  * Image Picker
 318  */
 319 .customize-control-image .library,
 320 .customize-control-image .actions {
 321         display: none;
 322         float: right;
 323         width: 100%;
 324 }
 325
 326 .customize-control-image.open .library,
 327 .customize-control-image.open .actions {
 328         display: block;
 329 }
 330
 331 .accordion-section .customize-control-image .dropdown-content {
 332         height: auto;
 333         min-height: 24px;
 334         min-width: 40px;
 335         padding: 0;
 336 }
 337
 338 .accordion-section .customize-control-image .dropdown-status {
 339         padding: 4px 5px;
 340 }
 341
 342 .accordion-section .customize-control-image .preview-thumbnail img {
 343         display: block;
 344         width: 100%;
 345         max-width: 122px;
 346         max-height: 98px;
 347         margin: 0 auto;
 348 }
 349
 350 .accordion-section .customize-control-image .actions {
 351         text-align: left;
 352 }
 353
 354 .accordion-section .customize-control-image .library ul {
 355         border-bottom: 1px solid #ddd;
 356         float: right;
 357         width: 100%;
 358         margin: 10px 0 0;
 359 }
 360
 361 .accordion-section .customize-control-image .library li {
 362         color: #ccc;
 363         float: right;
 364         padding: 3px 15px;
 365         margin: 0;
 366         border: 1px solid transparent;
 367 }
 368
 369 .accordion-section .customize-control-image .library li.library-selected {
 370         margin-bottom: -1px;
 371         padding-bottom: 4px;
 372         color: #666666;
 373         border-color: #ddd;
 374         border-bottom-color: #fff;
 375 }
 376
 377 .accordion-section .customize-control-image .library .thumbnail {
 378         display: block;
 379         width: 100%;
 380 }
 381
 382 .accordion-section .customize-control-image .library .thumbnail img {
 383         display: block;
 384         max-width: 90%;
 385         max-height: 80px;
 386         margin: 5px auto;
 387         padding: 2px;
 388         background: #666666;
 389 }
 390
 391 .accordion-section .customize-control-image .library .thumbnail:hover img {
 392         background-color: #2ea2cc;
 393 }
 394
 395 .accordion-section .customize-control-image .library-content {
 396         display: none;
 397         width: 100%;
 398         float: right;
 399         padding: 10px 0;
 400 }
 401
 402 .accordion-section .customize-control-image .library-content.library-selected {
 403         display: block;
 404 }
 405
 406 .accordion-section .customize-control-upload .upload-fallback,
 407 .accordion-section .customize-control-image .upload-fallback {
 408         display: none;
 409 }
 410
 411 .accordion-section .customize-control-upload .upload-dropzone,
 412 .accordion-section .customize-control-image .upload-dropzone {
 413         display: none;
 414         padding: 15px 10px;
 415         border: 3px dashed #dfdfdf;
 416         margin: 5px auto;
 417         text-align: center;
 418         position: relative;
 419         cursor: default;
 420 }
 421
 422 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop,
 423 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop {
 424         display: block;
 425         -webkit-transition: border-color 0.1s;
 426         -moz-transition:    border-color 0.1s;
 427         -ms-transition:     border-color 0.1s;
 428         -o-transition:      border-color 0.1s;
 429         transition:         border-color 0.1s;
 430 }
 431
 432 .accordion-section .customize-control-upload .library ul li,
 433 .accordion-section .customize-control-image .library ul li {
 434         cursor: pointer;
 435 }
 436
 437 .accordion-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over,
 438 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over {
 439         border-color: #83b4d8;
 440 }
 441
 442 /**
 443  * iOS can't scroll iframes,
 444  * instead it expands the iframe size to match the size of the content
 445  */
 446 .ios .wp-full-overlay {
 447         position: relative;
 448 }
 449
 450 .ios #customize-preview {
 451         position: relative;
 452 }
 453
 454 .ios #customize-controls .wp-full-overlay-sidebar-content {
 455         -webkit-overflow-scrolling: touch;
 456 }
 457
 458 /** Handle cheaters. */
 459 body.cheatin {
 460         min-width: 0;
 461         background: #f9f9f9;
 462         padding: 50px;
 463 }
 464
 465 body.cheatin p {
 466         max-width: 700px;
 467         margin: 0 auto;
 468         padding: 2em;
 469         font-size: 14px;
 470         background: #555555;
 471         border: 1px solid #dfdfdf;
 472         -webkit-border-radius: 3px;
 473         border-radius: 3px;
 474 }