← Back to branch summary

~canonical-sysadmins/wordpress/4.7.3

« back to all changes in this revision

Viewing changes to wp-admin/css/common-rtl.css

  • Committer: Haw Loeung
  • Date: 2016-12-13 06:56:21 UTC
  • mfrom: (1.1.20 upstream)
  • Revision ID: haw.loeung@canonical.com-20161213065621-8tcu7u7vlxgs2s81
Merge WP4.7 from upstream.

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/common-rtl.css
572
572
        font-size: 23px;
573
573
        font-weight: 400;
574
574
        margin: 0;
575
 
        padding: 9px 0 4px 15px;
 
575
        padding: 9px 0 4px 0;
576
576
        line-height: 29px;
577
577
}
578
578
 
 
579
.wrap h1.wp-heading-inline {
 
580
        display: inline-block;
 
581
        margin-left: 5px;
 
582
}
 
583
 
 
584
.wp-header-end {
 
585
        visibility: hidden;
 
586
        margin: -2px 0 0;
 
587
}
 
588
 
579
589
.subtitle {
580
590
        margin: 0;
581
591
        padding-right: 25px;
608
618
        outline: 0;
609
619
}
610
620
 
 
621
.wrap .wp-heading-inline + .page-title-action {
 
622
        margin-right: 0;
 
623
}
 
624
 
611
625
.wrap .add-new-h2:hover, /* deprecated */
612
626
.wrap .page-title-action:hover {
613
627
        border-color: #008EC2;
680
694
}
681
695
 
682
696
.wp-ui-highlight {
683
 
        color: white;
 
697
        color: #fff;
684
698
        background-color: #1e8cbe;
685
699
}
686
700
.wp-ui-text-highlight {
759
773
 
760
774
/* @todo can we combine these into a class or use an existing dashicon one? */
761
775
.welcome-panel .welcome-panel-close:before,
762
 
.tagchecklist span a:before,
 
776
.tagchecklist .ntdelbutton .remove-tag-icon:before,
763
777
#bulk-titles div a:before,
764
778
.notice-dismiss:before {
765
779
        background: none;
779
793
        margin: 0;
780
794
}
781
795
 
782
 
.tagchecklist span a:before,
783
796
#bulk-titles div a:before {
784
797
        margin: 1px 0;
785
798
}
786
799
 
 
800
.tagchecklist .ntdelbutton .remove-tag-icon:before {
 
801
        margin-right: 2px;
 
802
        -webkit-border-radius: 50%;
 
803
        border-radius: 50%;
 
804
        color: #0073aa;
 
805
        /* vertically center the icon cross browsers */
 
806
        line-height: 1.28;
 
807
}
 
808
 
 
809
.tagchecklist .ntdelbutton:focus {
 
810
        outline: 0;
 
811
}
 
812
 
787
813
.welcome-panel .welcome-panel-close:hover:before,
788
814
.welcome-panel .welcome-panel-close:focus:before,
789
 
.tagchecklist span a:hover:before,
790
 
#bulk-titles div a:hover:before {
 
815
.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
 
816
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
 
817
#bulk-titles div a:hover:before,
 
818
#bulk-titles div a:focus:before {
791
819
        color: #c00;
792
820
}
793
821
 
 
822
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
 
823
        -webkit-box-shadow:
 
824
                0 0 0 1px #5b9dd9,
 
825
                0 0 2px 1px rgba(30, 140, 190, .8);
 
826
        box-shadow:
 
827
                0 0 0 1px #5b9dd9,
 
828
                0 0 2px 1px rgba(30, 140, 190, .8);
 
829
}
 
830
 
794
831
.key-labels label {
795
832
        line-height: 24px;
796
833
}
826
863
        border-bottom: 1px solid #fafafa;
827
864
}
828
865
 
 
866
.widget-control-remove,
 
867
.widget-control-remove:focus,
829
868
.row-actions span.delete a,
830
869
.row-actions span.trash a,
831
870
.row-actions span.spam a,
842
881
abbr.required,
843
882
span.required,
844
883
.file-error,
845
 
.widget-control-remove:hover,
846
884
.row-actions .delete a:hover,
847
885
.row-actions .trash a:hover,
848
886
.row-actions .spam a:hover,
854
892
#media-items a.delete-permanently:hover,
855
893
#nav-menu-footer .menu-delete:hover {
856
894
        color: #f00;
857
 
        text-decoration: none;
858
895
        border: none;
859
896
}
860
897
 
 
898
.widget-control-remove:hover {
 
899
        color: #f00;
 
900
}
 
901
 
861
902
/*------------------------------------------------------------------------------
862
903
  3.0 - Actions
863
904
------------------------------------------------------------------------------*/
870
911
}
871
912
 
872
913
#delete-action {
 
914
        float: right;
873
915
        line-height: 28px;
874
 
        vertical-align: middle;
875
 
        text-align: right;
876
 
        float: right;
877
916
}
878
917
 
879
918
#publishing-action {
1043
1082
        display: inline-block;
1044
1083
}
1045
1084
 
1046
 
.wp-filter .drawer-toggle {
1047
 
        display: inline-block;
1048
 
        margin: 0 10px;
1049
 
        padding: 4px 6px;
 
1085
.wp-filter .button.drawer-toggle {
 
1086
        margin: 10px 9px 0;
 
1087
        padding: 0 6px 0 10px;
 
1088
        border-color: transparent;
 
1089
        background-color: transparent;
1050
1090
        color: #666;
1051
 
        cursor: pointer;
 
1091
        vertical-align: baseline;
 
1092
        -webkit-box-shadow: none;
 
1093
        box-shadow: none;
1052
1094
}
1053
1095
 
1054
1096
.wp-filter .drawer-toggle:before {
1055
 
        display: inline-block;
1056
 
        vertical-align: top;
1057
1097
        content: "\f111";
1058
1098
        margin: 0 0 0 5px;
1059
 
        width: 16px;
1060
 
        height: 16px;
1061
1099
        color: #72777c;
1062
 
        -webkit-transition: color .1s ease-in 0;
1063
 
        transition: color .1s ease-in 0;
1064
 
        font-family: dashicons;
1065
 
        font-size: 16px;
1066
 
        line-height: 1;
1067
 
        text-align: center;
1068
 
        text-decoration: inherit;
1069
 
        font-weight: 400;
1070
 
        font-style: normal;
 
1100
        font: normal 16px/1 dashicons;
 
1101
        vertical-align: text-bottom;
1071
1102
        -webkit-font-smoothing: antialiased;
 
1103
        -moz-osx-font-smoothing: grayscale;
1072
1104
}
1073
1105
 
1074
 
.wp-filter .drawer-toggle:hover,
1075
 
.wp-filter .drawer-toggle:hover:before {
 
1106
.wp-filter .button.drawer-toggle:hover,
 
1107
.wp-filter .drawer-toggle:hover:before,
 
1108
.wp-filter .button.drawer-toggle:focus,
 
1109
.wp-filter .drawer-toggle:focus:before {
 
1110
        background-color: transparent;
1076
1111
        color: #00a0d2;
1077
1112
}
1078
1113
 
 
1114
.wp-filter .button.drawer-toggle:hover,
 
1115
.wp-filter .button.drawer-toggle:focus:active {
 
1116
        border-color: transparent;
 
1117
}
 
1118
 
 
1119
.wp-filter .button.drawer-toggle:focus {
 
1120
        border-color: #5b9dd9;
 
1121
}
 
1122
 
 
1123
.wp-filter .button.drawer-toggle:active {
 
1124
        background: transparent;
 
1125
        -webkit-box-shadow: none;
 
1126
        box-shadow: none;
 
1127
        -webkit-transform: none;
 
1128
        -ms-transform: none;
 
1129
        transform: none;
 
1130
}
 
1131
 
1079
1132
.wp-filter .drawer-toggle.current:before {
1080
1133
        color: #fff;
1081
1134
}
1090
1143
        width: 100%;
1091
1144
}
1092
1145
 
1093
 
.show-favorites-form .wp-filter .favorites-form {
 
1146
.show-favorites-form .favorites-form {
1094
1147
        display: block;
1095
1148
}
1096
1149
 
1108
1161
        width: 100%;
1109
1162
}
1110
1163
 
 
1164
.show-filters .filter-links a.current {
 
1165
        border-bottom: none;
 
1166
}
 
1167
 
 
1168
.show-filters .wp-filter .button.drawer-toggle {
 
1169
        -webkit-border-radius: 2px;
 
1170
        border-radius: 2px;
 
1171
        background: #72777c;
 
1172
        color: #fff;
 
1173
}
 
1174
 
1111
1175
.show-filters .wp-filter .drawer-toggle:hover,
1112
1176
.show-filters .wp-filter .drawer-toggle:focus {
1113
1177
        background: rgb(46, 162, 204);
1114
1178
}
1115
1179
 
1116
 
.show-filters .filter-links a.current {
1117
 
        border-bottom: none;
1118
 
}
1119
 
 
1120
 
.show-filters .wp-filter .drawer-toggle {
1121
 
        -webkit-border-radius: 2px;
1122
 
        border-radius: 2px;
1123
 
        border: none;
1124
 
        background: #72777c;
1125
 
        color: #fff;
1126
 
}
1127
 
 
1128
1180
.show-filters .wp-filter .drawer-toggle:before {
1129
1181
        color: #fff;
1130
1182
}
1168
1220
}
1169
1221
 
1170
1222
.filter-drawer .buttons {
 
1223
        clear: both;
1171
1224
        margin-bottom: 20px;
1172
1225
}
1173
1226
 
 
1227
.filter-drawer .filter-group + .buttons {
 
1228
        margin-bottom: 0;
 
1229
        padding-top: 20px;
 
1230
}
 
1231
 
1174
1232
.filter-drawer .buttons .button span {
1175
1233
        display: inline-block;
1176
1234
        opacity: 0.8;
1183
1241
        margin-right: 10px;
1184
1242
}
1185
1243
 
 
1244
.wp-filter .button-link.edit-filters {
 
1245
        color: #0073aa;
 
1246
        text-decoration: underline;
 
1247
        padding: 0 5px;
 
1248
        line-height: 28px;
 
1249
}
 
1250
 
 
1251
.wp-filter .button-link.edit-filters:hover {
 
1252
        color: #00a0d2;
 
1253
}
 
1254
 
 
1255
.wp-filter .button-link.edit-filters:focus {
 
1256
        color: #124964;
 
1257
}
 
1258
 
1186
1259
.filtered-by {
1187
1260
        display: none;
1188
1261
        margin: 0;
1224
1297
        padding: 20px;
1225
1298
}
1226
1299
 
 
1300
.show-filters .favorites-form,
1227
1301
.show-filters .content-filterable,
1228
1302
.show-filters.filters-applied.loading-content .content-filterable,
1229
1303
.loading-content .content-filterable,
2098
2172
        font-style: italic;
2099
2173
}
2100
2174
 
2101
 
#wpfooter a {
2102
 
        text-decoration: none;
2103
 
}
2104
 
 
2105
 
#wpfooter a:hover {
2106
 
        text-decoration: underline;
2107
 
}
2108
 
 
2109
2175
/*------------------------------------------------------------------------------
2110
2176
  25.0 - Tabbed Admin Screen Interface (Experimental)
2111
2177
------------------------------------------------------------------------------*/
2160
2226
 
2161
2227
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2162
2228
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2163
 
h3.nav-tab-wrapper {
 
2229
.nav-tab-wrapper {
2164
2230
        border-bottom: 1px solid #ccc;
2165
2231
        margin: 0;
2166
2232
        padding-top: 9px;
2823
2889
        font-size: 13px;
2824
2890
}
2825
2891
 
 
2892
/* For non-js plugin installation screen ticket #36430. */
 
2893
.update-php .button.button-primary {
 
2894
        margin-left: 1em;
 
2895
}
 
2896
 
2826
2897
@media screen and ( max-width: 771px ) {
2827
2898
        #plugin-information-title.with-banner {
2828
2899
                height: 100px;
2865
2936
        #section-holder {
2866
2937
                position: static;
2867
2938
                margin: 0;
2868
 
                padding-bottom: 70px; /* reset from the two column height fix, plus accomodate footer */
 
2939
                padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
2869
2940
        }
2870
2941
 
2871
2942
        #plugin-information .fyi h3,
3333
3404
        display: none;
3334
3405
}
3335
3406
 
3336
 
.control-section .accordion-section-title {
 
3407
.control-section .accordion-section-title,
 
3408
.customize-pane-child .accordion-section-title {
3337
3409
        border-right: none;
3338
3410
        border-left: none;
3339
3411
        padding: 10px 14px 11px 10px;
3341
3413
        background: #fff;
3342
3414
}
3343
3415
 
3344
 
.control-section .accordion-section-title:after {
 
3416
.control-section .accordion-section-title:after,
 
3417
.customize-pane-child .accordion-section-title:after {
3345
3418
        top: 11px;
3346
3419
}
3347
3420
 
3535
3608
        .sidebar-name-arrow,
3536
3609
        .sidebar-name:hover .sidebar-name-arrow,
3537
3610
        .meta-box-sortables .postbox:hover .handlediv,
3538
 
        .tagchecklist span a,
3539
3611
        #bulk-titles div a,
3540
 
        .tagchecklist span a:hover,
3541
3612
        #bulk-titles div a:hover {
3542
3613
                background: none !important;
3543
3614
        }
3597
3668
                display: none !important;
3598
3669
        }
3599
3670
 
 
3671
        .wrap h1.wp-heading-inline {
 
3672
                margin-bottom: 0.5em;
 
3673
        }
 
3674
 
3600
3675
        .wrap .add-new-h2, /* deprecated */
3601
3676
        .wrap .add-new-h2:active, /* deprecated */
3602
3677
        .wrap .page-title-action,
3722
3797
        .filter-drawer .filter-group-feature label {
3723
3798
                line-height: 25px;
3724
3799
        }
 
3800
 
 
3801
        .wp-filter .button.drawer-toggle {
 
3802
                font-size: 13px;
 
3803
                line-height: 26px;
 
3804
                height: 28px;
 
3805
        }
3725
3806
}
3726
3807
 
3727
3808
/* Smartphone */
3747
3828
 
3748
3829
        h1.nav-tab-wrapper,
3749
3830
        .wrap h2.nav-tab-wrapper,
3750
 
        h3.nav-tab-wrapper {
 
3831
        .nav-tab-wrapper {
3751
3832
                border-bottom: 0;
3752
3833
        }
3753
3834