[Summary view] [Print] [Text view]

   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  }