wp-admin/css/press-this.css

   1 /*
   2 Press This styles :)
   3 */
   4
   5
   6 /**
   7 * Normalize
   8 *
   9 * normalize.css v3.0.0 | MIT License | git.io/normalize
  10 */
  11 html {
  12         font-family: sans-serif;
  13         -ms-text-size-adjust: 100%;
  14         -webkit-text-size-adjust: 100%;
  15 }
  16
  17 body {
  18         margin: 0;
  19 }
  20
  21 *,
  22 *:before,
  23 *:after {
  24         -webkit-box-sizing: border-box;
  25         -moz-box-sizing: border-box;
  26         box-sizing: border-box;
  27 }
  28 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  29         *,
  30         *:before,
  31         *:after {
  32                 -webkit-font-smoothing: antialiased;
  33         }
  34 }
  35
  36 article,
  37 aside,
  38 details,
  39 figcaption,
  40 figure,
  41 footer,
  42 header,
  43 hgroup,
  44 main,
  45 nav,
  46 section,
  47 summary {
  48         display: block;
  49 }
  50
  51 audio,
  52 canvas,
  53 progress,
  54 video {
  55         display: inline-block;
  56         vertical-align: baseline;
  57 }
  58
  59 audio:not([controls]) {
  60         display: none;
  61         height: 0;
  62 }
  63
  64 [hidden],
  65 template {
  66         display: none;
  67 }
  68
  69 a {
  70         background: transparent;
  71 }
  72
  73 a:active,
  74 a:hover {
  75         outline: 0;
  76 }
  77
  78 abbr[title] {
  79         border-bottom: 1px dotted;
  80 }
  81
  82 b,
  83 strong {
  84         font-weight: bold;
  85 }
  86
  87 dfn {
  88         font-style: italic;
  89 }
  90
  91 h1 {
  92         font-size: 2em;
  93         margin: 0.67em 0;
  94 }
  95
  96 mark {
  97         background: #ff0;
  98         color: #000;
  99 }
 100
 101 small {
 102         font-size: 80%;
 103 }
 104
 105 sub,
 106 sup {
 107         font-size: 75%;
 108         line-height: 0;
 109         position: relative;
 110         vertical-align: baseline;
 111 }
 112
 113 sup {
 114         top: -0.5em;
 115 }
 116
 117 sub {
 118         bottom: -0.25em;
 119 }
 120
 121 img {
 122         border: 0;
 123 }
 124
 125 svg:not(:root) {
 126         overflow: hidden;
 127 }
 128
 129 figure {
 130         margin: 1em 40px;
 131 }
 132
 133 hr {
 134         -webkit-box-sizing: content-box;
 135         -moz-box-sizing: content-box;
 136         box-sizing: content-box;
 137         height: 0;
 138 }
 139
 140 pre {
 141         overflow: auto;
 142 }
 143
 144 code,
 145 kbd,
 146 pre,
 147 samp {
 148         font-family: monospace, monospace;
 149         font-size: 1em;
 150 }
 151
 152 button,
 153 input,
 154 optgroup,
 155 select,
 156 textarea {
 157         color: inherit;
 158         font: inherit;
 159         margin: 0;
 160 }
 161
 162 button {
 163         overflow: visible;
 164 }
 165
 166 button,
 167 select {
 168         text-transform: none;
 169 }
 170
 171 button,
 172 html input[type="button"],
 173 input[type="reset"],
 174 input[type="submit"] {
 175         -webkit-appearance: button;
 176         cursor: pointer;
 177 }
 178
 179 button[disabled],
 180 html input[disabled] {
 181         cursor: default;
 182 }
 183
 184 button::-moz-focus-inner,
 185 input::-moz-focus-inner {
 186         border: 0;
 187         padding: 0;
 188 }
 189
 190 input {
 191         line-height: normal;
 192 }
 193
 194 input[type="checkbox"],
 195 input[type="radio"] {
 196         -webkit-box-sizing: border-box;
 197         -moz-box-sizing: border-box;
 198         box-sizing: border-box;
 199         padding: 0;
 200 }
 201
 202 input[type="number"]::-webkit-inner-spin-button,
 203 input[type="number"]::-webkit-outer-spin-button {
 204         height: auto;
 205 }
 206
 207 input[type="search"] {
 208         -webkit-appearance: textfield;
 209         -webkit-box-sizing: content-box;
 210         -moz-box-sizing: content-box;
 211         box-sizing: content-box;
 212 }
 213
 214 input[type="search"]::-webkit-search-cancel-button,
 215 input[type="search"]::-webkit-search-decoration {
 216         -webkit-appearance: none;
 217 }
 218
 219 fieldset {
 220         border: 0;
 221         margin: 0;
 222         padding: 0;
 223 }
 224
 225 legend {
 226         border: 0;
 227         padding: 0;
 228 }
 229
 230 textarea {
 231         overflow: auto;
 232 }
 233
 234 optgroup {
 235         font-weight: bold;
 236 }
 237
 238 table {
 239         border-collapse: collapse;
 240         border-spacing: 0;
 241 }
 242
 243 td,
 244 th {
 245         padding: 0;
 246 }
 247
 248 .clearfix:before,
 249 .clearfix:after {
 250         content: "";
 251         display: table;
 252 }
 253 .clearfix:after {
 254         clear: both;
 255 }
 256
 257 .hide-if-js {
 258         display: none;
 259 }
 260
 261 .screen-reader-text {
 262         position: absolute;
 263         margin: -1px;
 264         padding: 0;
 265         height: 1px;
 266         width: 1px;
 267         overflow: hidden;
 268         clip: rect(0 0 0 0);
 269         border: 0;
 270 }
 271
 272
 273 /**
 274 * Typography
 275 *
 276 * Base element typographic styles.
 277 */
 278 body,
 279 button,
 280 input,
 281 select,
 282 textarea {
 283         color: #404040;
 284         font-family: "Open Sans", Helvetica, Arial, sans-serif;
 285         font-size: 20px;
 286         font-weight: 400;
 287         line-height: 1.6;
 288 }
 289
 290 h1,
 291 h2,
 292 h3,
 293 h4,
 294 h5,
 295 h6 {
 296         clear: both;
 297 }
 298
 299 p {
 300         margin-bottom: 1.5em;
 301 }
 302
 303 b,
 304 strong {
 305         font-weight: 700;
 306 }
 307
 308
 309 /**
 310 * Buttons
 311 *
 312 * Pushing buttons is what I do.
 313 */
 314
 315 .button-subtle,
 316 .scan-submit {
 317         display: inline-block;
 318         margin: 0;
 319         padding: 0 10px 1px;
 320         border-width: 1px;
 321         border-style: solid;
 322         -webkit-border-radius: 3px;
 323         border-radius: 3px;
 324         font-size: 13px;
 325         line-height: 2;
 326         text-decoration: none;
 327         white-space: nowrap;
 328         cursor: pointer;
 329         -webkit-appearance: none;
 330 }
 331
 332 .button-subtle {
 333         background: none;
 334         border: 0;
 335         color: #0073aa;
 336 }
 337
 338 .button-subtle:visited {
 339         color: #0073aa;
 340 }
 341
 342 .button-subtle:focus,
 343 .button-subtle:hover,
 344 .button-subtle:active,
 345 .edit-post-link:focus,
 346 .edit-post-link:hover,
 347 .edit-post-link:active {
 348         color: #00a0d2;
 349 }
 350
 351 .button-subtle:focus,
 352 .button-subtle:active,
 353 .edit-post-link:focus,
 354 .edit-post-link:active {
 355         outline: 0;
 356         text-decoration: underline;
 357 }
 358
 359 .preview-button {
 360         margin-right: 5px;
 361 }
 362
 363 .button-reset {
 364         margin: 0;
 365         padding: 0;
 366         border: 0;
 367         background: none;
 368         cursor: pointer;
 369         -webkit-appearance: none;
 370 }
 371
 372 .button-reset:focus {
 373         outline: 0;
 374 }
 375
 376 .button-link {
 377         margin: 0;
 378         padding: 0;
 379         border: 0;
 380         background: none;
 381         color: #0073aa;
 382         cursor: pointer;
 383         -webkit-appearance: none;
 384 }
 385
 386 .button-link:hover,
 387 .button-link:active,
 388 .button-link:focus {
 389         color: #00a0d2;
 390         text-decoration: underline;
 391 }
 392
 393
 394 /**
 395 * Forms
 396 *
 397 * So many input types.
 398 */
 399 button,
 400 input,
 401 select,
 402 textarea {
 403         font-size: 100%;
 404         margin: 0;
 405         vertical-align: baseline;
 406         *vertical-align: middle;
 407 }
 408
 409 [type="checkbox"],
 410 [type="radio"] {
 411         padding: 0;
 412 }
 413
 414 [type="search"] {
 415         -webkit-appearance: textfield;
 416         -webkit-box-sizing: content-box;
 417         -moz-box-sizing: content-box;
 418         box-sizing: content-box;
 419 }
 420
 421 [type="search"]::-webkit-search-decoration {
 422         -webkit-appearance: none;
 423 }
 424
 425 button::-moz-focus-inner,
 426 input::-moz-focus-inner {
 427         border: 0;
 428         padding: 0;
 429 }
 430
 431 [type="text"],
 432 [type="email"],
 433 [type="url"],
 434 [type="password"],
 435 [type="search"],
 436 textarea {
 437         padding: 0.4em 0.75em;
 438         color: #32373c;
 439         border: 1px solid #ccc;
 440 }
 441
 442 [type="text"]:focus,
 443 [type="email"]:focus,
 444 [type="url"]:focus,
 445 [type="password"]:focus,
 446 [type="search"]:focus,
 447 textarea:focus {
 448         color: #32373c;
 449         outline: 0;
 450 }
 451
 452 textarea {
 453         overflow: auto;
 454         padding-left: 3px;
 455         vertical-align: top;
 456 }
 457
 458
 459 /**
 460 * Links
 461 */
 462 a {
 463         color: #0073aa;
 464 }
 465
 466 a:visited {
 467         color: #0073aa;
 468 }
 469
 470 a:hover,
 471 a:focus,
 472 a:active {
 473         color: #00a0d2;
 474 }
 475
 476
 477 /**
 478 * Lists
 479 */
 480 ul,
 481 ol {
 482         margin: 0 0 1.5em 3em;
 483 }
 484
 485 ul {
 486         list-style: disc;
 487 }
 488
 489 ol {
 490         list-style: decimal;
 491 }
 492
 493 li > ul,
 494 li > ol {
 495         margin-bottom: 0;
 496         margin-left: 1.5em;
 497 }
 498
 499 dt {
 500         font-weight: 700;
 501 }
 502
 503 dd {
 504         margin: 0 1.5em 1.5em;
 505 }
 506
 507
 508 /**
 509 * Post formats
 510 *
 511 * Complete styles for post formats UI
 512 */
 513 /* TODO if we remove the <br> during merge, this can go. */
 514 #post-formats-select br {
 515         display: none;
 516 }
 517
 518 .post-format {
 519         width: 1px;
 520         height: 1px;
 521         position: absolute;
 522         top: -9999px;
 523 }
 524
 525 .lt-ie9 .post-format {
 526         margin: 17px 12px 0 13px;
 527         width: auto;
 528         height: auto;
 529         position: static;
 530         top: auto;
 531         float: left;
 532         width: 16px;
 533         height: 16px;
 534 }
 535
 536 .post-format-icon {
 537         position: relative;
 538         display: block;
 539         padding: 13px 2px 14px 13px;
 540         cursor: pointer;
 541 }
 542
 543 .post-format-icon:before,
 544 .post-format-icon:after {
 545         content: "";
 546         display: inline-block;
 547         width: 20px;
 548         height: 20px;
 549         margin-right: 10px;
 550         font-size: 20px;
 551         line-height: 1;
 552         font-family: dashicons;
 553         text-decoration: inherit;
 554         color: #9ea7af;
 555         font-weight: 400;
 556         font-style: normal;
 557         vertical-align: top;
 558         text-align: center;
 559         -webkit-transition: color .1s ease-in 0;
 560         transition: color .1s ease-in 0;
 561         -webkit-font-smoothing: antialiased;
 562         -moz-osx-font-smoothing: grayscale;
 563 }
 564
 565 .post-format-icon:before {
 566         content: "\f109";
 567 }
 568
 569 .post-format-icon:after {
 570         display: none;
 571         content: "\f147";
 572         float: right;
 573 }
 574
 575 .post-format:checked + .post-format-icon {
 576         -webkit-box-shadow: inset 6px 0 0 #00a0d2;
 577         box-shadow: inset 6px 0 0 #00a0d2;
 578         background: rgba(46, 162, 204, 0.1);
 579 }
 580
 581 .post-format:checked + .post-format-icon:before,
 582 .post-format:checked + .post-format-icon:after {
 583         color: #32373c;
 584 }
 585
 586 .post-format:focus + .post-format-icon {
 587         background: #00a0d2;
 588         color: #fff;
 589 }
 590
 591 .post-format:focus + .post-format-icon:before,
 592 .post-format:focus + .post-format-icon:after {
 593         color: #fff;
 594 }
 595
 596 .post-format:checked + .post-format-icon:after {
 597         display: block;
 598 }
 599
 600 .lt-ie9 .post-format-icon {
 601         margin-left: 16px;
 602 }
 603
 604 .post-format-aside:before {
 605         content: "\f123";
 606 }
 607
 608 .post-format-image:before {
 609         content: "\f128";
 610 }
 611
 612 .post-format-video:before {
 613         content: "\f126";
 614 }
 615
 616 .post-format-audio:before {
 617         content: "\f127";
 618 }
 619
 620 .post-format-quote:before {
 621         content: "\f122";
 622 }
 623
 624 .post-format-link:before {
 625         content: "\f103";
 626 }
 627
 628 .post-format-gallery:before {
 629         content: "\f161";
 630 }
 631
 632
 633 /**
 634 * Tags
 635 *
 636 * Complete styles for tags UI
 637 */
 638 .tagsdiv p {
 639         margin: 0;
 640 }
 641
 642 .tagsdiv .ajaxtag {
 643         position: relative;
 644 }
 645
 646 .tagsdiv .newtag {
 647         display: block;
 648         position: relative;
 649         padding: 11px 58px 11px 16px;
 650         width: 100%;
 651         border: 0;
 652         border-bottom: 1px solid #e5e5e5;
 653         font-size: 16px;
 654 }
 655
 656 .tagsdiv .tagadd {
 657         position: absolute;
 658         top: 0;
 659         right: 0;
 660         bottom: 1px;
 661         border: 0;
 662         -webkit-border-radius: 0;
 663         border-radius: 0;
 664         margin: 0;
 665         padding: 0 16px;
 666         background: #f7f7f7;
 667         border-left: 1px solid #f1f1f1;
 668         -webkit-box-shadow: none;
 669         box-shadow: none;
 670 }
 671
 672 .tagsdiv .tagadd:hover,
 673 .tagsdiv .tagadd:active,
 674 .tagsdiv .tagadd:focus {
 675         outline: 0;
 676         background: #2991b7;
 677         border-color: #20708e;
 678         color: #fff;
 679         -webkit-box-shadow: none;
 680         box-shadow: none;
 681 }
 682
 683 .tagsdiv .howto {
 684         color: #727272;
 685         font-style: italic;
 686         margin: 10px 0 6px 16px;
 687 }
 688
 689
 690 /* Tag hint TODO needed? */
 691 /* Tag suggestions */
 692 .ac_results {
 693         padding: 0;
 694         margin: -1px 0 0 -1px;
 695         list-style: none;
 696         position: absolute;
 697         z-index: 10000;
 698         display: none;
 699         border: 1px solid #d8d8d8;
 700         background-color: #fff;
 701         font-size: 14px;
 702 }
 703
 704 .ac_results li {
 705         padding: 6px 16px;
 706         white-space: nowrap;
 707         color: #101010;
 708         text-align: left;
 709 }
 710
 711 .ac_results .ac_over {
 712         background-color: #e5e5e5;
 713         background-color: #00a0d2;
 714         color: #fff;
 715         cursor: pointer;
 716 }
 717
 718 .ac_match {
 719         text-decoration: underline;
 720 }
 721
 722 /* Tags */
 723 .tagchecklist {
 724         padding: 16px 28px 5px;
 725 }
 726
 727 .tagchecklist:before,
 728 .tagchecklist:after {
 729         content: "";
 730         display: table;
 731 }
 732
 733 .tagchecklist:after {
 734         clear: both;
 735 }
 736
 737 .tagchecklist span {
 738         display: block;
 739         margin-right: 25px;
 740         float: left;
 741         font-size: 13px;
 742         line-height: 1.8;
 743         white-space: nowrap;
 744         cursor: default;
 745 }
 746
 747 @media (max-width: 600px) {
 748         .tagchecklist span {
 749                 margin-bottom: 15px;
 750                 font-size: 16px;
 751                 line-height: 1.3;
 752         }
 753 }
 754
 755 .tagchecklist .ntdelbutton {
 756         margin: 1px 0 0 -17px;
 757         cursor: pointer;
 758         width: 20px;
 759         height: 20px;
 760         display: block;
 761         float: left;
 762         text-indent: 0;
 763         overflow: hidden;
 764         position: absolute;
 765         outline: 0;
 766 }
 767
 768 .tagchecklist .ntdelbutton:before {
 769         content: '\f153';
 770         display: block;
 771         margin: 2px 0;
 772         height: 20px;
 773         width: 20px;
 774         background: 0 0;
 775         color: #9ea7af;
 776         font: 400 16px/1 dashicons;
 777         text-align: center;
 778         speak: none;
 779         -webkit-font-smoothing: antialiased;
 780 }
 781
 782 .tagchecklist .ntdelbutton:focus:before {
 783         color: #00a0d2;
 784 }
 785
 786
 787 /* THE TAG CLOUD. */
 788 .tagsdiv + p {
 789         margin: 0;
 790 }
 791
 792 .tagcloud-link {
 793         display: block;
 794         padding: 0 16px;
 795         text-decoration: none;
 796         outline: 0;
 797 }
 798
 799 .tagcloud-link:focus {
 800         text-decoration: underline;
 801 }
 802
 803 .popular-tags {
 804         border: none;
 805         line-height: 2em;
 806         padding: 8px 12px 12px;
 807         text-align: justify;
 808 }
 809
 810 .popular-tags a {
 811         padding: 0 3px;
 812 }
 813
 814 .the-tagcloud {
 815         margin: 0;
 816         padding: 16px;
 817 }
 818
 819 .the-tagcloud a {
 820         text-decoration: none;
 821         outline: 0;
 822 }
 823
 824 .the-tagcloud a:focus {
 825         text-decoration: underline;
 826 }
 827
 828 .tagcloud h3 {
 829         margin: 2px 0 12px;
 830 }
 831
 832
 833 /**
 834 * Categories
 835 *
 836 * Complete styles for post categories UI
 837 */
 838 input[type="search"].categories-search,
 839 .add-category-name {
 840         display: block;
 841         width: 100%;
 842         padding: 0.85714em 1.07143em;
 843         border: 0;
 844         -webkit-border-radius: 0;
 845         border-radius: 0;
 846         border-bottom: 1px solid #e5e5e5;
 847         font-size: 14px;
 848         -webkit-appearance: none;
 849         appearance: none;
 850 }
 851
 852 @media (max-width: 600px) {
 853         input[type="search"].categories-search,
 854         .add-category-name {
 855                 /* Needs to be 16px to prevent zooming on iOS. Guh. */
 856                 font-size: 16px;
 857         }
 858 }
 859
 860 .add-cat-toggle {
 861         float: right;
 862         margin-top: -45px;
 863         line-height: 20px;
 864         padding: 12px 10px 8px;
 865 }
 866
 867 .add-cat-toggle:focus {
 868         text-decoration: none;
 869         color: #00a0d2;
 870 }
 871
 872 .add-cat-toggle.is-toggled {
 873         padding: 10px;
 874 }
 875
 876 .add-cat-toggle.is-toggled .dashicons:before {
 877         content: "\f179";
 878 }
 879
 880 .add-category {
 881         position: relative;
 882         border-bottom: 1px solid #e5e5e5;
 883 }
 884
 885 .add-category.is-hidden {
 886         display: none;
 887 }
 888
 889 .add-category .add-cat-submit {
 890         position: absolute;
 891         top: 0;
 892         right: 0;
 893         border: 0;
 894         -webkit-border-radius: 0;
 895         border-radius: 0;
 896         padding: 12px 16px;
 897         background: #f7f7f7;
 898         border-left: 1px solid #f1f1f1;
 899 }
 900
 901 .add-category .add-cat-submit:hover,
 902 .add-category .add-cat-submit:active,
 903 .add-category .add-cat-submit:focus {
 904         outline: 0;
 905         background: #2991b7;
 906         border-color: #20708e;
 907         color: #fff;
 908 }
 909
 910 /* Parent category select */
 911 .postform-wrapper {
 912         padding: 12px;
 913 }
 914
 915 .postform {
 916         display: block;
 917         margin: 0;
 918         width: 100%;
 919         height: 34px;
 920         border: 0;
 921         -webkit-border-radius: 0;
 922         border-radius: 0;
 923         border: 1px solid #e5e5e5;
 924         background: #fff;
 925         -webkit-background-size: 20px 20px;
 926         background-size: 20px 20px;
 927         overflow: hidden;
 928         line-height: 21px;
 929         text-overflow: ellipsis;
 930         text-decoration: none;
 931         vertical-align: top;
 932         white-space: nowrap;
 933         cursor: pointer;
 934         outline: 0;
 935 }
 936
 937 .postform:focus {
 938         border-color: #0073aa;
 939         -webkit-box-shadow: 0 0 0 3px #00a0d2;
 940         box-shadow: 0 0 0 3px #00a0d2;
 941         outline: 0;
 942         -moz-outline: none;
 943         -moz-user-focus: ignore;
 944 }
 945
 946 .postform::-ms-expand {
 947         display: none;
 948 }
 949
 950 .postform::-ms-value {
 951         background: none;
 952         color: #727272;
 953 }
 954
 955 .postform:-moz-focusring {
 956         color: transparent;
 957         text-shadow: 0 0 0 #727272;
 958 }
 959
 960 /* Category list */
 961 .categories-select {
 962         margin: 0;
 963         padding: 0;
 964         list-style: none;
 965 }
 966
 967 .categories-select ul {
 968         margin: 0;
 969         padding: 0;
 970         list-style: none;
 971 }
 972
 973 .category {
 974         position: relative;
 975         display: block;
 976         padding: 13px 16px 14px 16px;
 977         cursor: pointer;
 978         background: #fff;
 979 }
 980
 981 .category:focus,
 982 .category.selected:focus {
 983         outline: 0;
 984         background: #00a0d2;
 985         color: #fff;
 986 }
 987
 988 .category.selected {
 989         -webkit-box-shadow: inset 6px 0 0 #00a0d2;
 990         box-shadow: inset 6px 0 0 #00a0d2;
 991         background: #E9F5F9;
 992 }
 993
 994 .category.selected:after {
 995         display: inline-block;
 996         content: "\f147";
 997         position: absolute;
 998         top: 13px;
 999         right: 0;
1000         width: 20px;
1001         height: 20px;
1002         margin-right: 10px;
1003         font-size: 20px;
1004         line-height: 1;
1005         font-family: dashicons;
1006         text-decoration: inherit;
1007         color: #23282d;
1008         font-weight: 400;
1009         font-style: normal;
1010         vertical-align: top;
1011         text-align: center;
1012         -webkit-transition: color .1s ease-in 0;
1013         transition: color .1s ease-in 0;
1014         -webkit-font-smoothing: antialiased;
1015         -moz-osx-font-smoothing: grayscale;
1016 }
1017
1018 .category.selected:focus:after {
1019         color: #fff;
1020 }
1021
1022 .categories-select ul .category {
1023         padding-left: 24px;
1024 }
1025
1026 .categories-select ul ul .category {
1027         padding-left: 32px;
1028 }
1029
1030 .categories-select ul ul ul .category {
1031         padding-left: 40px;
1032 }
1033
1034 .categories-select ul ul ul ul .category {
1035         padding-left: 48px;
1036 }
1037
1038 .categories-select ul ul ul ul ul .category {
1039         padding-left: 56px;
1040 }
1041
1042 .categories-select ul ul ul ul ul ul .category {
1043         padding-left: 64px;
1044 }
1045
1046 .categories-select .is-hidden {
1047         display: none;
1048 }
1049
1050 .categories-select .is-hidden.searched-parent {
1051         display: block;
1052 }
1053
1054 /* Category search */
1055 .categories-search-wrapper {
1056         position: relative;
1057 }
1058
1059 .categories-search-wrapper.is-hidden {
1060         display: none;
1061 }
1062
1063 .categories-search-wrapper label {
1064         position: absolute;
1065         top: 50%;
1066         right: 10px;
1067         margin-top: -10px;
1068         color: #9ea7af;
1069 }
1070
1071
1072 /**
1073 * Main
1074 */
1075 html {
1076         overflow: auto;
1077 }
1078
1079 body {
1080         overflow-x: hidden;
1081         height: 100%;
1082 }
1083
1084 html {
1085         background: #fff;
1086         -webkit-box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3);
1087         box-shadow: -10px 0 0 rgba(0, 0, 0, 0.3);
1088 }
1089
1090 @media (max-width: 900px) {
1091         body {
1092                 font-size: 16px;
1093         }
1094 }
1095
1096 @media (max-width: 320px) {
1097         body {
1098                 font-size: 14px;
1099         }
1100 }
1101
1102 .lt-ie9 {
1103         overflow: visible;
1104 }
1105
1106 .adminbar {
1107         position: relative;
1108         width: 100%;
1109         padding: 0 0.8em;
1110         min-height: 3.2em;
1111         background: #23282d;
1112         color: #fff;
1113         z-index: 9999;
1114 }
1115
1116 .adminbar:before,
1117 .adminbar:after {
1118         content: "";
1119         display: table;
1120 }
1121
1122 .adminbar:after {
1123         clear: both;
1124 }
1125
1126 .adminbar .dashicons {
1127         color: #999;
1128 }
1129
1130 .adminbar button {
1131         position: absolute;
1132         top: 50%;
1133         right: 6px;
1134         margin-top: -13px;
1135 }
1136
1137 @media (max-width: 320px) {
1138         .adminbar {
1139                 min-height: 45px;
1140         }
1141 }
1142
1143 .current-site {
1144         margin-top: 0.5625em;
1145         font-size: 16px;
1146         line-height: 44px;
1147         font-weight: 400;
1148         overflow: hidden;
1149         white-space: nowrap;
1150         text-overflow: ellipsis;
1151 }
1152
1153 @media (max-width: 600px) {
1154         .current-site {
1155                 margin: 3px 0 0;
1156         }
1157 }
1158
1159 @media (max-width: 320px) {
1160         .current-site {
1161                 margin: 0;
1162                 font-size: 14px;
1163         }
1164 }
1165
1166 .current-site-link {
1167         text-decoration: none;
1168 }
1169
1170 .current-site-link:focus {
1171         outline: 0;
1172 }
1173
1174 .current-site-link:focus .current-site-name{
1175         text-decoration: underline;
1176 }
1177
1178 .current-site-name {
1179         color: #ededed;
1180 }
1181
1182 @media (max-width: 320px) {
1183         .current-site-name {
1184                 font-weight: 600;
1185         }
1186 }
1187
1188 .current-site .dashicons-wordpress {
1189         position: relative;
1190         top: -1px;
1191         margin-right: 10px;
1192         vertical-align: middle;
1193 }
1194
1195 .options,
1196 .options.open .on-closed,
1197 .options.closed .on-open {
1198         display: none;
1199 }
1200
1201 @media (max-width: 900px) {
1202         .options {
1203                 display: block;
1204         }
1205 }
1206
1207 .options-panel-back.is-hidden {
1208         display: none;
1209 }
1210
1211 .options:focus .dashicons {
1212         color: #fff;
1213         text-decoration: none;
1214 }
1215
1216 .options .dashicons {
1217         margin-top: 3px;
1218 }
1219
1220 .options {
1221         color: #00a0d2;
1222 }
1223
1224 .alert {
1225         position: relative;
1226         margin: 0;
1227         padding: 16px 50px;
1228         border-bottom: 1px solid #e5e5e5;
1229         font-size: 14px;
1230 }
1231
1232 .alert:before {
1233         content: '';
1234         position: absolute;
1235         top: 50%;
1236         left: 30px;
1237         width: 8px;
1238         height: 8px;
1239         margin-top: -4px;
1240         -webkit-border-radius: 50%;
1241         border-radius: 50%;
1242         background: #00a0d2;
1243 }
1244
1245 @media (max-width: 600px) {
1246         .alert {
1247                 padding: 16px 35px;
1248         }
1249         .alert:before {
1250                 left: 15px;
1251         }
1252 }
1253
1254 .alert.is-error:before {
1255         background: red;
1256 }
1257
1258 .scan {
1259         position: relative;
1260         border-bottom: 1px solid #e5e5e5;
1261 }
1262
1263 @media (max-width: 900px) {
1264         .scan form {
1265                 -webkit-transition: opacity .3s ease-in-out;
1266                 transition: opacity .3s ease-in-out;
1267         }
1268         .scan.is-hidden form {
1269                 opacity: .2;
1270                 pointer-events: none;
1271         }
1272 }
1273
1274 .scan-url {
1275         display: block;
1276         border: 0;
1277         padding: 0.85714em 1.07143em;
1278         font-size: 14px;
1279         width: 100%;
1280 }
1281
1282 @media (max-width: 600px) {
1283         .scan-url {
1284                 font-size: 16px;
1285         }
1286 }
1287
1288 .scan-submit {
1289         position: absolute;
1290         top: 0;
1291         right: 0;
1292         bottom: 0;
1293         padding: 0 1.07143em;
1294         background: #f7f7f7;
1295         border-color: #dedede;
1296         border: 0;
1297         border-left: 1px solid #f1f1f1;
1298         -webkit-border-radius: 0;
1299         border-radius: 0;
1300         color: #555;
1301         font-size: 14px;
1302         line-height: 1.6;
1303 }
1304
1305 .scan-submit:hover,
1306 .scan-submit:focus {
1307         background: #2991b7;
1308         border-color: #20708e;
1309         color: #fff;
1310         outline: 0;
1311 }
1312
1313 .scan-submit:active {
1314         background: #2581a2;
1315         border-color: #20708e;
1316         color: #fff;
1317 }
1318
1319 .scan-submit:visited {
1320         color: #555;
1321 }
1322
1323 .wrapper {
1324         position: relative;
1325         margin-bottom: 60px;
1326         margin-right: 320px;
1327 }
1328
1329 .wrapper:before,
1330 .wrapper:after {
1331         content: "";
1332         display: table;
1333 }
1334
1335 .wrapper:after {
1336         clear: both;
1337 }
1338
1339 @media (max-width: 900px) {
1340         .wrapper {
1341                 margin: 0;
1342                 width: 100%;
1343         }
1344 }
1345
1346 .editor-wrapper {
1347         overflow: auto;
1348         float: left;
1349         width: 100%;
1350 }
1351
1352 .editor-wrapper:before,
1353 .editor-wrapper:after {
1354         content: "";
1355         display: table;
1356 }
1357
1358 .editor-wrapper:after {
1359         clear: both;
1360 }
1361
1362 .editor {
1363         padding: 0 1.5em 4.75em;
1364         max-width: 700px;
1365         margin: 0 auto;
1366 }
1367
1368 .spinner {
1369         height: 20px;
1370         width: 20px;
1371         display: inline-block;
1372         visibility: hidden;
1373         background: url(../images/spinner.gif) no-repeat center;
1374         -webkit-background-size: 20px 20px;
1375         background-size: 20px 20px;
1376         opacity: 0.7;
1377         filter: alpha(opacity=70);
1378         line-height: 1;
1379         vertical-align: middle;
1380 }
1381
1382 @media print,
1383         (-webkit-min-device-pixel-ratio: 1.25),
1384         (min-resolution: 120dpi) {
1385
1386         .spinner {
1387                 background-image: url(../images/spinner-2x.gif);
1388         }
1389 }
1390
1391 .spinner.is-active {
1392         visibility: visible;
1393 }
1394
1395 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1396 #pressthis {
1397         color: #fff;
1398 }
1399
1400 @media (min-width: 901px) {
1401         .editor {
1402                 max-width: 760px;
1403         }
1404 }
1405
1406 @media (max-width: 320px) {
1407         .editor {
1408                 padding: 0;
1409         }
1410 }
1411
1412 .post-title,
1413 .post-title-placeholder {
1414         margin: 0;
1415         padding: .83em 0;
1416         width: 100%;
1417         border-bottom: 1px solid #e5e5e5;
1418         font-size: 32px;
1419         line-height: 1.4;
1420         font-weight: 700;
1421 }
1422
1423 .post-title:active,
1424 .post-title:focus,
1425 .post-title-placeholder:active,
1426 .post-title-placeholder:focus {
1427         outline: 0;
1428         -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1429         box-shadow: inset 0px -3px 0 #00a0d2;
1430         border-color: #00a0d2;
1431 }
1432
1433 @media (max-width: 900px) {
1434         .post-title,
1435         .post-title-placeholder {
1436                 font-size: 24px;
1437         }
1438 }
1439
1440 @media (max-height: 400px) {
1441         .post-title,
1442         .post-title-placeholder {
1443                 padding: 15px 0;
1444                 font-size: 16px;
1445         }
1446 }
1447
1448 @media (max-width: 320px) {
1449         .post-title,
1450         .post-title-placeholder {
1451                 font-size: 16px;
1452                 font-weight: 600;
1453                 padding: 1.14286em 1.42857em;
1454         }
1455 }
1456
1457 .post-title {
1458         /* IE8 fallback */
1459         background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1460         background: none, none;
1461 }
1462
1463 .post-title:before {
1464         /* Keeps empty container from collapsing */
1465         content: '\a0';
1466         display: inline-block;
1467         width: 0;
1468         speak: none;
1469 }
1470
1471 .post-title-placeholder {
1472         position: absolute;
1473         border: 0;
1474         color: #9ea7af;
1475         z-index: -1;
1476 }
1477
1478 .post-title-placeholder.is-hidden {
1479         display: none;
1480 }
1481
1482 /* Suggested images */
1483 .media-list-container {
1484         position: relative;
1485         padding: 2px 0;
1486         border-bottom: 1px solid #e5e5e5;
1487         display: none;
1488 }
1489
1490 .media-list-inner-container {
1491         overflow: auto;
1492         max-height: 150px;
1493         max-height: 40vw;
1494 }
1495
1496 .media-list-container.has-media {
1497         display: block;
1498 }
1499
1500 .media-list-inner-container:before,
1501 .media-list-inner-container:after {
1502         content: "";
1503         display: table;
1504 }
1505
1506 .media-list-inner-container:after {
1507         clear: both;
1508 }
1509
1510 .media-list {
1511         margin: 0;
1512         padding: 0;
1513 }
1514
1515 @media (min-width: 321px) {
1516         .media-list-inner-container {
1517                 max-height: 250px;
1518                 max-height: 40vw;
1519         }
1520 }
1521
1522 @media (min-width: 601px) {
1523         .media-list-inner-container {
1524                 max-height: 200px;
1525                 max-height: 18.75vw;
1526         }
1527 }
1528
1529 .wppt-all-media-list {
1530         list-style: none;
1531         margin: 0;
1532         padding: 0;
1533 }
1534
1535 .suggested-media-thumbnail:focus,
1536 .is-embed:focus {
1537         outline: 0;
1538         -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1539         box-shadow: inset 0 0 0 3px #00a0d2;
1540 }
1541
1542 .suggested-media-thumbnail {
1543         position: relative;
1544         display: block;
1545         float: left;
1546         width: 16.66%;
1547         padding: 16.66% 0 0 16.66%;
1548         background-position: center;
1549         background-repeat: no-repeat;
1550         -webkit-background-size: cover;
1551         background-size: cover;
1552         background-color: #d8d8d8;
1553         color: #fff;
1554         color: rgba(255, 255, 255, 0.6);
1555         cursor: pointer;
1556 }
1557
1558 .suggested-media-thumbnail:hover,
1559 .suggested-media-thumbnail:active,
1560 .suggested-media-thumbnail:focus {
1561         color: #fff;
1562 }
1563
1564 .suggested-media-thumbnail:before,
1565 .suggested-media-thumbnail:after {
1566         display: inline-block;
1567         position: absolute;
1568         font-size: 20px;
1569         line-height: 1;
1570         font-family: dashicons;
1571         text-decoration: inherit;
1572         font-weight: 400;
1573         font-style: normal;
1574         -webkit-transition: color .1s ease-in 0;
1575         transition: color .1s ease-in 0;
1576         -webkit-font-smoothing: antialiased;
1577         -moz-osx-font-smoothing: grayscale;
1578 }
1579
1580 .suggested-media-thumbnail:before {
1581         left: 50%;
1582         top: 50%;
1583         margin: -20px 0 0 -20px;
1584         font-size: 40px;
1585 }
1586
1587 .suggested-media-thumbnail:after {
1588         content: "\f132";
1589         right: 3%;
1590         bottom: 2%;
1591 }
1592
1593 @media (min-width: 601px) {
1594         .suggested-media-thumbnail {
1595                 width: 12.5%;
1596                 padding: 12.5% 0 0 12.5%;
1597         }
1598 }
1599
1600 .is-embed:before {
1601         content: "\f104";
1602         color: #fff;
1603         color: rgba(255, 255, 255, 0.9);
1604 }
1605
1606 .is-embed.is-audio:hover:before,
1607 .is-embed.is-audio:active:before,
1608 .is-embed.is-audio:focus:before,
1609 .is-embed.is-tweet:hover:before,
1610 .is-embed.is-tweet:active:before,
1611 .is-embed.is-tweet:focus:before {
1612         color: #fff;
1613 }
1614
1615 .is-embed.is-video {
1616         background-color: #23282d;
1617 }
1618
1619 .is-embed.is-video:hover:before,
1620 .is-embed.is-video:active:before,
1621 .is-embed.is-video:focus:before {
1622         color: rgba(255, 255, 255, 0.2);
1623 }
1624
1625 .is-embed.is-video:before {
1626         content: "\f236";
1627 }
1628
1629 .is-embed.is-audio {
1630         background-color: #ff7d44;
1631 }
1632
1633 .is-embed.is-audio:before {
1634         content: "\f127";
1635 }
1636
1637 .is-embed.is-tweet {
1638         background-color: #55acee;
1639 }
1640
1641 .is-embed.is-tweet:before {
1642         content: "\f301";
1643 }
1644
1645 .no-media {
1646         margin: 0;
1647         padding: 0;
1648         border: 0;
1649 }
1650
1651 /* Actions bar */
1652 .press-this-actions {
1653         position: fixed;
1654         bottom: 0;
1655         left: 0;
1656         width: 100%;
1657         background: #f1f1f1;
1658         background: rgba(241, 241, 241, 0.9);
1659         border-top: 1px solid #e5e5e5;
1660 }
1661
1662 @media (max-width: 900px) {
1663         .press-this-actions {
1664                 -webkit-transform: translateY(0);
1665                 -ms-transform: translateY(0);
1666                 transform: translateY(0);
1667                 -webkit-transition: -webkit-transform .3s ease-in-out;
1668                 transition: transform .3s ease-in-out;
1669         }
1670         .press-this-actions.is-hidden {
1671                 -webkit-transform: translateY(100%);
1672                 -ms-transform: translateY(100%);
1673                 transform: translateY(100%);
1674         }
1675 }
1676
1677 .add-media {
1678         float: left;
1679         margin: 14px 0 14px 30px;
1680         font-size: 0;
1681 }
1682
1683 @media (max-width: 320px) {
1684         .add-media {
1685                 margin: 10px 0 10px 10px;
1686         }
1687 }
1688
1689 .insert-media {
1690         color: #9ea7af;
1691         float: left;
1692         margin: 0;
1693         padding: 0;
1694         border: 0;
1695         border-right: 1px solid #e5e5e5;
1696         -webkit-border-radius: 0;
1697         border-radius: 0;
1698         background: none;
1699         -webkit-box-shadow: none;
1700         box-shadow: none;
1701         overflow: hidden;
1702 }
1703
1704 .insert-media:hover,
1705 .insert-media:focus,
1706 .insert-media:active {
1707         margin: 0;
1708         background: none;
1709         border-color: #e5e5e5;
1710         color: #23282d;
1711 }
1712
1713 .insert-media:focus,
1714 .insert-media:active {
1715         outline: 0;
1716         color: #00a0d2;
1717         text-decoration: none;
1718 }
1719
1720 .insert-media .dashicons {
1721         padding: 11px;
1722         width: 63px;
1723         height: 58px;
1724         font-size: 40px;
1725 }
1726
1727 @media (max-width: 320px) {
1728         .insert-media .dashicons {
1729                 width: 55px;
1730                 height: 49px;
1731                 padding: 14px;
1732                 font-size: 20px;
1733         }
1734 }
1735
1736 .post-actions {
1737         float: right;
1738         margin: 14px 30px 14px 0;
1739         font-size: 13px;
1740 }
1741
1742 @media (max-width: 320px) {
1743         .post-actions {
1744                 margin: 10px 10px 10px 0;
1745         }
1746 }
1747
1748 .edit-post-link {
1749         font-size: 13px;
1750         display: inline-block;
1751         text-decoration: none;
1752         padding: 0 10px;
1753 }
1754
1755 .draft-button.is-hidden,
1756 .draft-button .saving-draft,
1757 .draft-button.is-saving .save-draft {
1758         display: none;
1759 }
1760
1761 .draft-button.is-saving .saving-draft {
1762         display: inline;
1763 }
1764
1765 /* TinyMCE styles */
1766 .editor .wp-media-buttons {
1767         float: none;
1768 }
1769
1770 .editor div.mce-toolbar-grp {
1771         padding: 0.71429em 0;
1772         background: none;
1773         border: 0;
1774 }
1775
1776 @media (max-height: 400px), (max-width: 320px) {
1777         .editor div.mce-toolbar-grp {
1778                 padding: 0;
1779         }
1780 }
1781
1782 .mce-stack-layout:before,
1783 .mce-stack-layout:after {
1784         content: "";
1785         display: table;
1786 }
1787
1788 .mce-stack-layout:after {
1789         clear: both;
1790 }
1791
1792 .mce-container.mce-toolbar {
1793         float: left;
1794 }
1795
1796 .mce-container.mce-toolbar:nth-child(2) {
1797         float: right;
1798 }
1799
1800 @media (max-width: 600px) {
1801         .mce-first .mce-btn:nth-child(3),
1802         .mce-first .mce-btn:nth-child(4) {
1803                 position: absolute;
1804                 margin: -1px;
1805                 padding: 0;
1806                 height: 1px;
1807                 width: 1px;
1808                 overflow: hidden;
1809                 clip: rect(0 0 0 0);
1810                 border: 0;
1811         }
1812
1813         .mce-first .mce-btn:nth-child(3):focus,
1814         .mce-first .mce-btn:nth-child(4):focus {
1815                 position: static;
1816                 margin: 1px;
1817                 padding: inherit;
1818                 height: auto;
1819                 width: auto;
1820                 overflow: visible;
1821                 clip: auto;
1822                 border: 1px solid #999;
1823         }
1824 }
1825
1826 #wp-link-wrap {
1827         font-size: 13px;
1828 }
1829
1830 #wp-link-wrap input[type="text"] {
1831         padding: 3px 5px;
1832         margin: 1px;
1833 }
1834
1835 @media screen and (max-width: 782px) {
1836         #wp-link-wrap {
1837                 font-size: 14px;
1838         }
1839
1840         #wp-link-wrap input[type="text"] {
1841                 padding: 6px 10px;
1842         }
1843 }
1844
1845 #wp-link-wrap .howto {
1846         color: #666;
1847         font-style: italic;
1848 }
1849
1850 /* Options panel (sidebar) */
1851 .options-panel {
1852         position: relative;
1853         float: right;
1854         margin-right: -320px;
1855         width: 320px;
1856         border-left: 1px solid #e5e5e5;
1857         font-size: 14px;
1858         /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1859         -webkit-box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
1860         box-shadow: 5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
1861         outline: 0;
1862 }
1863
1864 .options-panel-back {
1865         position: absolute;
1866         top: 0;
1867         right: 0;
1868         bottom: 0;
1869         width: 320px;
1870         outline: 0;
1871 }
1872
1873 @media (max-width: 900px) {
1874         .options-panel {
1875                 background: #fff;
1876                 -webkit-transform: translateX(-100%);
1877                 -ms-transform: translateX(-100%);
1878                 transform: translateX(-100%);
1879                 -webkit-transition: -webkit-transform .3s ease-in-out;
1880                 transition: transform .3s ease-in-out;
1881         }
1882
1883         .options-panel.is-hidden {
1884                 visibility: hidden;
1885         }
1886
1887         .options-panel.is-off-screen {
1888                 -webkit-transform: translateX(0);
1889                 -ms-transform: translateX(0);
1890                 transform: translateX(0);
1891         }
1892 }
1893
1894 @media (max-width: 320px) {
1895         .options-panel {
1896                 margin-right: -100%;
1897                 width: 100%;
1898                 border: 0;
1899                 -webkit-box-shadow: 5001px 5000px 0 5000px #fff;
1900                 box-shadow: 5001px 5000px 0 5000px #fff;
1901         }
1902
1903         .options-panel-back {
1904                 width: 100%;
1905         }
1906 }
1907
1908 .post-options {
1909         background: #fff;
1910         position: absolute;
1911         right: 0;
1912         width: 100%;
1913         overflow-x: hidden;
1914 }
1915
1916 .post-options .post-option-contents {
1917         margin-left: 3px;
1918         color: #32373c;
1919 }
1920
1921 .post-option-forward:before {
1922         position: absolute;
1923         top: 50%;
1924         right: 8px;
1925         margin-top: -10px;
1926         content: "\f345"
1927 }
1928
1929 .post-option-back:before {
1930         content: "\f341";
1931 }
1932
1933 .lt-ie9 .options-panel,
1934 .lt-ie9 .post-options {
1935         border-left: 1px solid #e5e5e5;
1936 }
1937
1938 .lt-ie9 .post-options.is-off-screen {
1939         border: 0;
1940 }
1941
1942 .post-option {
1943         position: relative;
1944 }
1945
1946 .post-options .post-option {
1947         display: block;
1948         width: 100%;
1949         padding: 13px 37px 13px 14px;
1950         border-bottom: 1px solid #e5e5e5;
1951         text-decoration: none;
1952         text-align: left;
1953         color: #9ea7af;
1954         text-overflow: ellipsis;
1955         white-space: nowrap;
1956         overflow: hidden;
1957         -webkit-transition: -webkit-transform .3s ease-in-out;
1958         transition: transform .3s ease-in-out;
1959 }
1960
1961 .post-options .post-option:focus {
1962         outline: 0;
1963         -webkit-box-shadow: inset 5px 0 0 #00a0d2;
1964         box-shadow: inset 5px 0 0 #00a0d2;
1965 }
1966
1967 .is-off-screen > .post-option {
1968         right: 100%;
1969 }
1970
1971 .is-hidden > .post-option {
1972         visibility: hidden;
1973 }
1974
1975 @media (min-width: 1px) {
1976         .is-off-screen > .post-option {
1977                 right: auto;
1978                 -webkit-transform: translateX(-100%);
1979                 -ms-transform: translateX(-100%);
1980                 transform: translateX(-100%);
1981         }
1982 }
1983
1984 .post-option-title {
1985         display: inline-block;
1986         margin: 0 0 0 8px;
1987         font-size: 14px;
1988         font-weight: normal;
1989 }
1990
1991 .setting-modal {
1992         position: relative;
1993         top: 0;
1994         left: 0;
1995         width: 100%;
1996         overflow: hidden;
1997         -webkit-transition: -webkit-transform .3s ease-in-out;
1998         transition: transform .3s ease-in-out;
1999 }
2000
2001 .setting-modal.is-hidden {
2002         visibility: hidden;
2003         height: 0;
2004 }
2005
2006 .setting-modal.is-off-screen {
2007         left: 100%;
2008 }
2009
2010 @media (min-width: 1px) {
2011         .setting-modal.is-off-screen {
2012                 left: 0;
2013                 -webkit-transform: translateX(100%);
2014                 -ms-transform: translateX(100%);
2015                 transform: translateX(100%);
2016         }
2017 }
2018
2019 .modal-close {
2020         display: block;
2021         width: 100%;
2022         padding: 13px 14px;
2023         border-bottom: 1px solid #e5e5e5;
2024         color: #00a0d2;
2025         text-decoration: none;
2026         text-align: left;
2027 }
2028
2029 .modal-close:focus {
2030         outline: 0;
2031         -webkit-box-shadow: inset 5px 0 0 #00a0d2;
2032         box-shadow: inset 5px 0 0 #00a0d2;
2033 }
2034
2035 .setting-title {
2036         position: relative;
2037         top: -1px;
2038         margin-left: 11px;
2039 }