wp-admin/css/press-this-rtl.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-left: 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-right: 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 3em 1.5em 0;
 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-right: 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 13px 0 12px;
 527         width: auto;
 528         height: auto;
 529         position: static;
 530         top: auto;
 531         float: right;
 532         width: 16px;
 533         height: 16px;
 534 }
 535
 536 .post-format-icon {
 537         position: relative;
 538         display: block;
 539         padding: 13px 13px 14px 2px;
 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-left: 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: left;
 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-right: 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 16px 11px 58px;
 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         left: 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-right: 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 16px 6px 0;
 687 }
 688
 689
 690 /* Tag hint TODO needed? */
 691 /* Tag suggestions */
 692 .ac_results {
 693         padding: 0;
 694         margin: -1px -1px 0 0;
 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: right;
 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-left: 25px;
 740         float: right;
 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 -17px 0 0;
 757         cursor: pointer;
 758         width: 20px;
 759         height: 20px;
 760         display: block;
 761         float: right;
 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: 100% 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         -moz-appearance: none;
 850         appearance: none;
 851 }
 852
 853 @media (max-width: 600px) {
 854         input[type="search"].categories-search,
 855         .add-category-name {
 856                 /* Needs to be 16px to prevent zooming on iOS. Guh. */
 857                 font-size: 16px;
 858         }
 859 }
 860
 861 .add-cat-toggle {
 862         float: left;
 863         margin-top: -45px;
 864         line-height: 20px;
 865         padding: 12px 10px 8px;
 866 }
 867
 868 .add-cat-toggle:focus {
 869         text-decoration: none;
 870         color: #00a0d2;
 871 }
 872
 873 .add-cat-toggle.is-toggled {
 874         padding: 10px;
 875 }
 876
 877 .add-cat-toggle.is-toggled .dashicons:before {
 878         content: "\f179";
 879 }
 880
 881 .add-category {
 882         position: relative;
 883         border-bottom: 1px solid #e5e5e5;
 884 }
 885
 886 .add-category.is-hidden {
 887         display: none;
 888 }
 889
 890 .add-category .add-cat-submit {
 891         position: absolute;
 892         top: 0;
 893         left: 0;
 894         border: 0;
 895         -webkit-border-radius: 0;
 896         border-radius: 0;
 897         padding: 12px 16px;
 898         background: #f7f7f7;
 899         border-right: 1px solid #f1f1f1;
 900 }
 901
 902 .add-category .add-cat-submit:hover,
 903 .add-category .add-cat-submit:active,
 904 .add-category .add-cat-submit:focus {
 905         outline: 0;
 906         background: #2991b7;
 907         border-color: #20708e;
 908         color: #fff;
 909 }
 910
 911 /* Parent category select */
 912 .postform-wrapper {
 913         padding: 12px;
 914 }
 915
 916 .postform {
 917         display: block;
 918         margin: 0;
 919         width: 100%;
 920         height: 34px;
 921         border: 0;
 922         -webkit-border-radius: 0;
 923         border-radius: 0;
 924         border: 1px solid #e5e5e5;
 925         background: #fff;
 926         -webkit-background-size: 20px 20px;
 927         background-size: 20px 20px;
 928         overflow: hidden;
 929         line-height: 21px;
 930         text-overflow: ellipsis;
 931         text-decoration: none;
 932         vertical-align: top;
 933         white-space: nowrap;
 934         cursor: pointer;
 935         outline: 0;
 936 }
 937
 938 .postform:focus {
 939         border-color: #0073aa;
 940         -webkit-box-shadow: 0 0 0 3px #00a0d2;
 941         box-shadow: 0 0 0 3px #00a0d2;
 942         outline: 0;
 943         -moz-outline: none;
 944         -moz-user-focus: ignore;
 945 }
 946
 947 .postform::-ms-expand {
 948         display: none;
 949 }
 950
 951 .postform::-ms-value {
 952         background: none;
 953         color: #727272;
 954 }
 955
 956 .postform:-moz-focusring {
 957         color: transparent;
 958         text-shadow: 0 0 0 #727272;
 959 }
 960
 961 /* Category list */
 962 .categories-select {
 963         margin: 0;
 964         padding: 0;
 965         list-style: none;
 966 }
 967
 968 .categories-select ul {
 969         margin: 0;
 970         padding: 0;
 971         list-style: none;
 972 }
 973
 974 .category {
 975         position: relative;
 976         display: block;
 977         padding: 13px 16px 14px 16px;
 978         cursor: pointer;
 979         background: #fff;
 980 }
 981
 982 .category:focus,
 983 .category.selected:focus {
 984         outline: 0;
 985         background: #00a0d2;
 986         color: #fff;
 987 }
 988
 989 .category.selected {
 990         -webkit-box-shadow: inset -6px 0 0 #00a0d2;
 991         box-shadow: inset -6px 0 0 #00a0d2;
 992         background: #E9F5F9;
 993 }
 994
 995 .category.selected:after {
 996         display: inline-block;
 997         content: "\f147";
 998         position: absolute;
 999         top: 13px;
1000         left: 0;
1001         width: 20px;
1002         height: 20px;
1003         margin-left: 10px;
1004         font-size: 20px;
1005         line-height: 1;
1006         font-family: dashicons;
1007         text-decoration: inherit;
1008         color: #23282d;
1009         font-weight: 400;
1010         font-style: normal;
1011         vertical-align: top;
1012         text-align: center;
1013         -webkit-transition: color .1s ease-in 0;
1014         transition: color .1s ease-in 0;
1015         -webkit-font-smoothing: antialiased;
1016         -moz-osx-font-smoothing: grayscale;
1017 }
1018
1019 .category.selected:focus:after {
1020         color: #fff;
1021 }
1022
1023 .categories-select ul .category {
1024         padding-right: 24px;
1025 }
1026
1027 .categories-select ul ul .category {
1028         padding-right: 32px;
1029 }
1030
1031 .categories-select ul ul ul .category {
1032         padding-right: 40px;
1033 }
1034
1035 .categories-select ul ul ul ul .category {
1036         padding-right: 48px;
1037 }
1038
1039 .categories-select ul ul ul ul ul .category {
1040         padding-right: 56px;
1041 }
1042
1043 .categories-select ul ul ul ul ul ul .category {
1044         padding-right: 64px;
1045 }
1046
1047 .categories-select .is-hidden {
1048         display: none;
1049 }
1050
1051 .categories-select .is-hidden.searched-parent {
1052         display: block;
1053 }
1054
1055 /* Category search */
1056 .categories-search-wrapper {
1057         position: relative;
1058 }
1059
1060 .categories-search-wrapper.is-hidden {
1061         display: none;
1062 }
1063
1064 .categories-search-wrapper label {
1065         position: absolute;
1066         top: 50%;
1067         left: 10px;
1068         margin-top: -10px;
1069         color: #9ea7af;
1070 }
1071
1072
1073 /**
1074 * Main
1075 */
1076 html {
1077         overflow: auto;
1078 }
1079
1080 body {
1081         overflow-x: hidden;
1082         height: 100%;
1083 }
1084
1085 html {
1086         background: #fff;
1087         -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1088         box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1089 }
1090
1091 @media (max-width: 900px) {
1092         body {
1093                 font-size: 16px;
1094         }
1095 }
1096
1097 @media (max-width: 320px) {
1098         body {
1099                 font-size: 14px;
1100         }
1101 }
1102
1103 .lt-ie9 {
1104         overflow: visible;
1105 }
1106
1107 .adminbar {
1108         position: relative;
1109         width: 100%;
1110         padding: 0 0.8em;
1111         min-height: 3.2em;
1112         background: #23282d;
1113         color: #fff;
1114         z-index: 9999;
1115 }
1116
1117 .adminbar:before,
1118 .adminbar:after {
1119         content: "";
1120         display: table;
1121 }
1122
1123 .adminbar:after {
1124         clear: both;
1125 }
1126
1127 .adminbar .dashicons {
1128         color: #999;
1129 }
1130
1131 .adminbar button {
1132         position: absolute;
1133         top: 50%;
1134         left: 6px;
1135         margin-top: -13px;
1136 }
1137
1138 @media (max-width: 320px) {
1139         .adminbar {
1140                 min-height: 45px;
1141         }
1142 }
1143
1144 .current-site {
1145         margin-top: 0.5625em;
1146         font-size: 16px;
1147         line-height: 44px;
1148         font-weight: 400;
1149         overflow: hidden;
1150         white-space: nowrap;
1151         text-overflow: ellipsis;
1152 }
1153
1154 @media (max-width: 600px) {
1155         .current-site {
1156                 margin: 3px 0 0;
1157         }
1158 }
1159
1160 @media (max-width: 320px) {
1161         .current-site {
1162                 margin: 0;
1163                 font-size: 14px;
1164         }
1165 }
1166
1167 .current-site-link {
1168         text-decoration: none;
1169 }
1170
1171 .current-site-link:focus {
1172         outline: 0;
1173 }
1174
1175 .current-site-link:focus .current-site-name{
1176         text-decoration: underline;
1177 }
1178
1179 .current-site-name {
1180         color: #ededed;
1181 }
1182
1183 @media (max-width: 320px) {
1184         .current-site-name {
1185                 font-weight: 600;
1186         }
1187 }
1188
1189 .current-site .dashicons-wordpress {
1190         position: relative;
1191         top: -1px;
1192         margin-left: 10px;
1193         vertical-align: middle;
1194 }
1195
1196 .options,
1197 .options.open .on-closed,
1198 .options.closed .on-open {
1199         display: none;
1200 }
1201
1202 @media (max-width: 900px) {
1203         .options {
1204                 display: block;
1205         }
1206 }
1207
1208 .options-panel-back.is-hidden {
1209         display: none;
1210 }
1211
1212 .options:focus .dashicons {
1213         color: #fff;
1214         text-decoration: none;
1215 }
1216
1217 .options .dashicons {
1218         margin-top: 3px;
1219 }
1220
1221 .options {
1222         color: #00a0d2;
1223 }
1224
1225 .alert {
1226         position: relative;
1227         margin: 0;
1228         padding: 16px 50px;
1229         border-bottom: 1px solid #e5e5e5;
1230         font-size: 14px;
1231 }
1232
1233 .alert:before {
1234         content: '';
1235         position: absolute;
1236         top: 50%;
1237         right: 30px;
1238         width: 8px;
1239         height: 8px;
1240         margin-top: -4px;
1241         -webkit-border-radius: 50%;
1242         border-radius: 50%;
1243         background: #00a0d2;
1244 }
1245
1246 @media (max-width: 600px) {
1247         .alert {
1248                 padding: 16px 35px;
1249         }
1250         .alert:before {
1251                 right: 15px;
1252         }
1253 }
1254
1255 .alert.is-error:before {
1256         background: red;
1257 }
1258
1259 .scan {
1260         position: relative;
1261         border-bottom: 1px solid #e5e5e5;
1262 }
1263
1264 @media (max-width: 900px) {
1265         .scan form {
1266                 -webkit-transition: opacity .3s ease-in-out;
1267                 transition: opacity .3s ease-in-out;
1268         }
1269         .scan.is-hidden form {
1270                 opacity: .2;
1271                 pointer-events: none;
1272         }
1273 }
1274
1275 .scan-url {
1276         display: block;
1277         border: 0;
1278         padding: 0.85714em 1.07143em;
1279         font-size: 14px;
1280         width: 100%;
1281 }
1282
1283 @media (max-width: 600px) {
1284         .scan-url {
1285                 font-size: 16px;
1286         }
1287 }
1288
1289 .scan-submit {
1290         position: absolute;
1291         top: 0;
1292         left: 0;
1293         bottom: 0;
1294         padding: 0 1.07143em;
1295         background: #f7f7f7;
1296         border-color: #dedede;
1297         border: 0;
1298         border-right: 1px solid #f1f1f1;
1299         -webkit-border-radius: 0;
1300         border-radius: 0;
1301         color: #555;
1302         font-size: 14px;
1303         line-height: 1.6;
1304 }
1305
1306 .scan-submit:hover,
1307 .scan-submit:focus {
1308         background: #2991b7;
1309         border-color: #20708e;
1310         color: #fff;
1311         outline: 0;
1312 }
1313
1314 .scan-submit:active {
1315         background: #2581a2;
1316         border-color: #20708e;
1317         color: #fff;
1318 }
1319
1320 .scan-submit:visited {
1321         color: #555;
1322 }
1323
1324 .wrapper {
1325         position: relative;
1326         margin-bottom: 60px;
1327         margin-left: 320px;
1328 }
1329
1330 .wrapper:before,
1331 .wrapper:after {
1332         content: "";
1333         display: table;
1334 }
1335
1336 .wrapper:after {
1337         clear: both;
1338 }
1339
1340 @media (max-width: 900px) {
1341         .wrapper {
1342                 margin: 0;
1343                 width: 100%;
1344         }
1345 }
1346
1347 .editor-wrapper {
1348         overflow: auto;
1349         float: right;
1350         width: 100%;
1351 }
1352
1353 .editor-wrapper:before,
1354 .editor-wrapper:after {
1355         content: "";
1356         display: table;
1357 }
1358
1359 .editor-wrapper:after {
1360         clear: both;
1361 }
1362
1363 .editor {
1364         padding: 0 1.5em 4.75em;
1365         max-width: 700px;
1366         margin: 0 auto;
1367 }
1368
1369 .spinner {
1370         height: 20px;
1371         width: 20px;
1372         display: inline-block;
1373         visibility: hidden;
1374         background: url(../images/spinner.gif) no-repeat center;
1375         -webkit-background-size: 20px 20px;
1376         background-size: 20px 20px;
1377         opacity: 0.7;
1378         filter: alpha(opacity=70);
1379         line-height: 1;
1380         vertical-align: middle;
1381 }
1382
1383 @media print,
1384         (-webkit-min-device-pixel-ratio: 1.25),
1385         (min-resolution: 120dpi) {
1386
1387         .spinner {
1388                 background-image: url(../images/spinner-2x.gif);
1389         }
1390 }
1391
1392 .spinner.is-active {
1393         visibility: visible;
1394 }
1395
1396 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1397 #pressthis {
1398         color: #fff;
1399 }
1400
1401 @media (min-width: 901px) {
1402         .editor {
1403                 max-width: 760px;
1404         }
1405 }
1406
1407 @media (max-width: 320px) {
1408         .editor {
1409                 padding: 0;
1410         }
1411 }
1412
1413 .post-title,
1414 .post-title-placeholder {
1415         margin: 0;
1416         padding: .83em 0;
1417         width: 100%;
1418         border-bottom: 1px solid #e5e5e5;
1419         font-size: 32px;
1420         line-height: 1.4;
1421         font-weight: 700;
1422 }
1423
1424 .post-title:active,
1425 .post-title:focus,
1426 .post-title-placeholder:active,
1427 .post-title-placeholder:focus {
1428         outline: 0;
1429         -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1430         box-shadow: inset 0px -3px 0 #00a0d2;
1431         border-color: #00a0d2;
1432 }
1433
1434 @media (max-width: 900px) {
1435         .post-title,
1436         .post-title-placeholder {
1437                 font-size: 24px;
1438         }
1439 }
1440
1441 @media (max-height: 400px) {
1442         .post-title,
1443         .post-title-placeholder {
1444                 padding: 15px 0;
1445                 font-size: 16px;
1446         }
1447 }
1448
1449 @media (max-width: 320px) {
1450         .post-title,
1451         .post-title-placeholder {
1452                 font-size: 16px;
1453                 font-weight: 600;
1454                 padding: 1.14286em 1.42857em;
1455         }
1456 }
1457
1458 .post-title {
1459         /* IE8 fallback */
1460         background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1461         background: none, none;
1462 }
1463
1464 .post-title:before {
1465         /* Keeps empty container from collapsing */
1466         content: '\a0';
1467         display: inline-block;
1468         width: 0;
1469         speak: none;
1470 }
1471
1472 .post-title-placeholder {
1473         position: absolute;
1474         border: 0;
1475         color: #9ea7af;
1476         z-index: -1;
1477 }
1478
1479 .post-title-placeholder.is-hidden {
1480         display: none;
1481 }
1482
1483 /* Suggested images */
1484 .media-list-container {
1485         position: relative;
1486         padding: 2px 0;
1487         border-bottom: 1px solid #e5e5e5;
1488         display: none;
1489 }
1490
1491 .media-list-inner-container {
1492         overflow: auto;
1493         max-height: 150px;
1494         max-height: 40vw;
1495 }
1496
1497 .media-list-container.has-media {
1498         display: block;
1499 }
1500
1501 .media-list-inner-container:before,
1502 .media-list-inner-container:after {
1503         content: "";
1504         display: table;
1505 }
1506
1507 .media-list-inner-container:after {
1508         clear: both;
1509 }
1510
1511 .media-list {
1512         margin: 0;
1513         padding: 0;
1514 }
1515
1516 @media (min-width: 321px) {
1517         .media-list-inner-container {
1518                 max-height: 250px;
1519                 max-height: 40vw;
1520         }
1521 }
1522
1523 @media (min-width: 601px) {
1524         .media-list-inner-container {
1525                 max-height: 200px;
1526                 max-height: 18.75vw;
1527         }
1528 }
1529
1530 .wppt-all-media-list {
1531         list-style: none;
1532         margin: 0;
1533         padding: 0;
1534 }
1535
1536 .suggested-media-thumbnail:focus,
1537 .is-embed:focus {
1538         outline: 0;
1539         -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1540         box-shadow: inset 0 0 0 3px #00a0d2;
1541 }
1542
1543 .suggested-media-thumbnail {
1544         position: relative;
1545         display: block;
1546         float: right;
1547         width: 16.66%;
1548         padding: 16.66% 16.66% 0 0;
1549         background-position: center;
1550         background-repeat: no-repeat;
1551         -webkit-background-size: cover;
1552         background-size: cover;
1553         background-color: #d8d8d8;
1554         color: #fff;
1555         color: rgba(255, 255, 255, 0.6);
1556         cursor: pointer;
1557 }
1558
1559 .suggested-media-thumbnail:hover,
1560 .suggested-media-thumbnail:active,
1561 .suggested-media-thumbnail:focus {
1562         color: #fff;
1563 }
1564
1565 .suggested-media-thumbnail:before,
1566 .suggested-media-thumbnail:after {
1567         display: inline-block;
1568         position: absolute;
1569         font-size: 20px;
1570         line-height: 1;
1571         font-family: dashicons;
1572         text-decoration: inherit;
1573         font-weight: 400;
1574         font-style: normal;
1575         -webkit-transition: color .1s ease-in 0;
1576         transition: color .1s ease-in 0;
1577         -webkit-font-smoothing: antialiased;
1578         -moz-osx-font-smoothing: grayscale;
1579 }
1580
1581 .suggested-media-thumbnail:before {
1582         right: 50%;
1583         top: 50%;
1584         margin: -20px -20px 0 0;
1585         font-size: 40px;
1586 }
1587
1588 .suggested-media-thumbnail:after {
1589         content: "\f132";
1590         left: 3%;
1591         bottom: 2%;
1592 }
1593
1594 @media (min-width: 601px) {
1595         .suggested-media-thumbnail {
1596                 width: 12.5%;
1597                 padding: 12.5% 12.5% 0 0;
1598         }
1599 }
1600
1601 .is-embed:before {
1602         content: "\f104";
1603         color: #fff;
1604         color: rgba(255, 255, 255, 0.9);
1605 }
1606
1607 .is-embed.is-audio:hover:before,
1608 .is-embed.is-audio:active:before,
1609 .is-embed.is-audio:focus:before,
1610 .is-embed.is-tweet:hover:before,
1611 .is-embed.is-tweet:active:before,
1612 .is-embed.is-tweet:focus:before {
1613         color: #fff;
1614 }
1615
1616 .is-embed.is-video {
1617         background-color: #23282d;
1618 }
1619
1620 .is-embed.is-video:hover:before,
1621 .is-embed.is-video:active:before,
1622 .is-embed.is-video:focus:before {
1623         color: rgba(255, 255, 255, 0.2);
1624 }
1625
1626 .is-embed.is-video:before {
1627         content: "\f236";
1628 }
1629
1630 .is-embed.is-audio {
1631         background-color: #ff7d44;
1632 }
1633
1634 .is-embed.is-audio:before {
1635         content: "\f127";
1636 }
1637
1638 .is-embed.is-tweet {
1639         background-color: #55acee;
1640 }
1641
1642 .is-embed.is-tweet:before {
1643         content: "\f301";
1644 }
1645
1646 .no-media {
1647         margin: 0;
1648         padding: 0;
1649         border: 0;
1650 }
1651
1652 /* Actions bar */
1653 .press-this-actions {
1654         position: fixed;
1655         bottom: 0;
1656         right: 0;
1657         width: 100%;
1658         background: #f1f1f1;
1659         background: rgba(241, 241, 241, 0.9);
1660         border-top: 1px solid #e5e5e5;
1661 }
1662
1663 @media (max-width: 900px) {
1664         .press-this-actions {
1665                 -webkit-transform: translateY(0);
1666                 -ms-transform: translateY(0);
1667                 transform: translateY(0);
1668                 -webkit-transition: -webkit-transform .3s ease-in-out;
1669                 transition: transform .3s ease-in-out;
1670         }
1671         .press-this-actions.is-hidden {
1672                 -webkit-transform: translateY(100%);
1673                 -ms-transform: translateY(100%);
1674                 transform: translateY(100%);
1675         }
1676 }
1677
1678 .add-media {
1679         float: right;
1680         margin: 14px 30px 14px 0;
1681         font-size: 0;
1682 }
1683
1684 @media (max-width: 320px) {
1685         .add-media {
1686                 margin: 10px 10px 10px 0;
1687         }
1688 }
1689
1690 .insert-media {
1691         color: #9ea7af;
1692         float: right;
1693         margin: 0;
1694         padding: 0;
1695         border: 0;
1696         border-left: 1px solid #e5e5e5;
1697         -webkit-border-radius: 0;
1698         border-radius: 0;
1699         background: none;
1700         -webkit-box-shadow: none;
1701         box-shadow: none;
1702         overflow: hidden;
1703 }
1704
1705 .insert-media:hover,
1706 .insert-media:focus,
1707 .insert-media:active {
1708         margin: 0;
1709         background: none;
1710         border-color: #e5e5e5;
1711         color: #23282d;
1712 }
1713
1714 .insert-media:focus,
1715 .insert-media:active {
1716         outline: 0;
1717         color: #00a0d2;
1718         text-decoration: none;
1719 }
1720
1721 .insert-media .dashicons {
1722         padding: 11px;
1723         width: 63px;
1724         height: 58px;
1725         font-size: 40px;
1726 }
1727
1728 @media (max-width: 320px) {
1729         .insert-media .dashicons {
1730                 width: 55px;
1731                 height: 49px;
1732                 padding: 14px;
1733                 font-size: 20px;
1734         }
1735 }
1736
1737 .post-actions {
1738         float: left;
1739         margin: 14px 0 14px 30px;
1740         font-size: 13px;
1741 }
1742
1743 @media (max-width: 320px) {
1744         .post-actions {
1745                 margin: 10px 0 10px 10px;
1746         }
1747 }
1748
1749 .edit-post-link {
1750         font-size: 13px;
1751         display: inline-block;
1752         text-decoration: none;
1753         padding: 0 10px;
1754 }
1755
1756 .draft-button.is-hidden,
1757 .draft-button .saving-draft,
1758 .draft-button.is-saving .save-draft {
1759         display: none;
1760 }
1761
1762 .draft-button.is-saving .saving-draft {
1763         display: inline;
1764 }
1765
1766 /* TinyMCE styles */
1767 .editor .wp-media-buttons {
1768         float: none;
1769 }
1770
1771 .editor div.mce-toolbar-grp {
1772         padding: 0.71429em 0;
1773         background: none;
1774         border: 0;
1775 }
1776
1777 @media (max-height: 400px), (max-width: 320px) {
1778         .editor div.mce-toolbar-grp {
1779                 padding: 0;
1780         }
1781 }
1782
1783 .mce-stack-layout:before,
1784 .mce-stack-layout:after {
1785         content: "";
1786         display: table;
1787 }
1788
1789 .mce-stack-layout:after {
1790         clear: both;
1791 }
1792
1793 .mce-container.mce-toolbar {
1794         float: right;
1795 }
1796
1797 .mce-container.mce-toolbar:nth-child(2) {
1798         float: left;
1799 }
1800
1801 @media (max-width: 600px) {
1802         .mce-first .mce-btn:nth-child(3),
1803         .mce-first .mce-btn:nth-child(4) {
1804                 position: absolute;
1805                 margin: -1px;
1806                 padding: 0;
1807                 height: 1px;
1808                 width: 1px;
1809                 overflow: hidden;
1810                 clip: rect(0 0 0 0);
1811                 border: 0;
1812         }
1813
1814         .mce-first .mce-btn:nth-child(3):focus,
1815         .mce-first .mce-btn:nth-child(4):focus {
1816                 position: static;
1817                 margin: 1px;
1818                 padding: inherit;
1819                 height: auto;
1820                 width: auto;
1821                 overflow: visible;
1822                 clip: auto;
1823                 border: 1px solid #999;
1824         }
1825 }
1826
1827 #wp-link-wrap {
1828         font-size: 13px;
1829 }
1830
1831 #wp-link-wrap input[type="text"] {
1832         padding: 3px 5px;
1833         margin: 1px;
1834 }
1835
1836 @media screen and (max-width: 782px) {
1837         #wp-link-wrap {
1838                 font-size: 14px;
1839         }
1840
1841         #wp-link-wrap input[type="text"] {
1842                 padding: 6px 10px;
1843         }
1844 }
1845
1846 #wp-link-wrap .howto {
1847         color: #666;
1848         font-style: italic;
1849 }
1850
1851 /* Options panel (sidebar) */
1852 .options-panel {
1853         position: relative;
1854         float: left;
1855         margin-left: -320px;
1856         width: 320px;
1857         border-right: 1px solid #e5e5e5;
1858         font-size: 14px;
1859         /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1860         -webkit-box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1861         box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1862         outline: 0;
1863 }
1864
1865 .options-panel-back {
1866         position: absolute;
1867         top: 0;
1868         left: 0;
1869         bottom: 0;
1870         width: 320px;
1871         outline: 0;
1872 }
1873
1874 @media (max-width: 900px) {
1875         .options-panel {
1876                 background: #fff;
1877                 -webkit-transform: translateX(100%);
1878                 -ms-transform: translateX(100%);
1879                 transform: translateX(100%);
1880                 -webkit-transition: -webkit-transform .3s ease-in-out;
1881                 transition: transform .3s ease-in-out;
1882         }
1883
1884         .options-panel.is-hidden {
1885                 visibility: hidden;
1886         }
1887
1888         .options-panel.is-off-screen {
1889                 -webkit-transform: translateX(0);
1890                 -ms-transform: translateX(0);
1891                 transform: translateX(0);
1892         }
1893 }
1894
1895 @media (max-width: 320px) {
1896         .options-panel {
1897                 margin-left: -100%;
1898                 width: 100%;
1899                 border: 0;
1900                 -webkit-box-shadow: -5001px 5000px 0 5000px #fff;
1901                 box-shadow: -5001px 5000px 0 5000px #fff;
1902         }
1903
1904         .options-panel-back {
1905                 width: 100%;
1906         }
1907 }
1908
1909 .post-options {
1910         background: #fff;
1911         position: absolute;
1912         left: 0;
1913         width: 100%;
1914         overflow-x: hidden;
1915 }
1916
1917 .post-options .post-option-contents {
1918         margin-right: 3px;
1919         color: #32373c;
1920 }
1921
1922 .post-option-forward:before {
1923         position: absolute;
1924         top: 50%;
1925         left: 8px;
1926         margin-top: -10px;
1927         content: "\f341"
1928 }
1929
1930 .post-option-back:before {
1931         content: "\f345";
1932 }
1933
1934 .lt-ie9 .options-panel,
1935 .lt-ie9 .post-options {
1936         border-right: 1px solid #e5e5e5;
1937 }
1938
1939 .lt-ie9 .post-options.is-off-screen {
1940         border: 0;
1941 }
1942
1943 .post-option {
1944         position: relative;
1945 }
1946
1947 .post-options .post-option {
1948         display: block;
1949         width: 100%;
1950         padding: 13px 14px 13px 37px;
1951         border-bottom: 1px solid #e5e5e5;
1952         text-decoration: none;
1953         text-align: right;
1954         color: #9ea7af;
1955         text-overflow: ellipsis;
1956         white-space: nowrap;
1957         overflow: hidden;
1958         -webkit-transition: -webkit-transform .3s ease-in-out;
1959         transition: transform .3s ease-in-out;
1960 }
1961
1962 .post-options .post-option:focus {
1963         outline: 0;
1964         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
1965         box-shadow: inset -5px 0 0 #00a0d2;
1966 }
1967
1968 .is-off-screen > .post-option {
1969         left: 100%;
1970 }
1971
1972 .is-hidden > .post-option {
1973         visibility: hidden;
1974 }
1975
1976 @media (min-width: 1px) {
1977         .is-off-screen > .post-option {
1978                 left: auto;
1979                 -webkit-transform: translateX(100%);
1980                 -ms-transform: translateX(100%);
1981                 transform: translateX(100%);
1982         }
1983 }
1984
1985 .post-option-title {
1986         display: inline-block;
1987         margin: 0 8px 0 0;
1988         font-size: 14px;
1989         font-weight: normal;
1990 }
1991
1992 .setting-modal {
1993         position: relative;
1994         top: 0;
1995         right: 0;
1996         width: 100%;
1997         overflow: hidden;
1998         -webkit-transition: -webkit-transform .3s ease-in-out;
1999         transition: transform .3s ease-in-out;
2000 }
2001
2002 .setting-modal.is-hidden {
2003         visibility: hidden;
2004         height: 0;
2005 }
2006
2007 .setting-modal.is-off-screen {
2008         right: 100%;
2009 }
2010
2011 @media (min-width: 1px) {
2012         .setting-modal.is-off-screen {
2013                 right: 0;
2014                 -webkit-transform: translateX(-100%);
2015                 -ms-transform: translateX(-100%);
2016                 transform: translateX(-100%);
2017         }
2018 }
2019
2020 .modal-close {
2021         display: block;
2022         width: 100%;
2023         padding: 13px 14px;
2024         border-bottom: 1px solid #e5e5e5;
2025         color: #00a0d2;
2026         text-decoration: none;
2027         text-align: right;
2028 }
2029
2030 .modal-close:focus {
2031         outline: 0;
2032         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2033         box-shadow: inset -5px 0 0 #00a0d2;
2034 }
2035
2036 .setting-title {
2037         position: relative;
2038         top: -1px;
2039         margin-right: 11px;
2040 }