WordPress.org

Make WordPress Core

Ticket #22862: 22862-sass.diff

File 22862-sass.diff, 718.8 KB (added by wonderboymusic, 6 years ago)
  • new file wp-admin/css/scss/mixins.scss

    diff --git a/wp-admin/css/scss/mixins.scss b/wp-admin/css/scss/mixins.scss
    new file mode 100644
    index 0000000..61b6ab3
    - +  
     1@mixin linear-gradient-precise($start, $start_opacity, $end, $end_opacity) {
     2        background: $end;
     3        background-image: -webkit-gradient(linear, left bottom, left top, color-stop($start_opacity, $start), color-stop($end_opacity, $end));
     4        background-image: -webkit-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
     5        background-image:    -moz-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
     6        background-image:      -o-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
     7        background-image: linear-gradient(to top, $start $start_opacity, $end);
     8}
     9
     10@mixin linear-gradient($start, $end) {
     11        background: $end;
     12        background-image: -webkit-gradient(linear, left bottom, left top, from($start), to($end));
     13        background-image: -webkit-linear-gradient(bottom, $start, $end);
     14        background-image:    -moz-linear-gradient(bottom, $start, $end);
     15        background-image:      -o-linear-gradient(bottom, $start, $end);
     16        background-image: linear-gradient(to top, $start, $end);
     17}
     18
     19@mixin rounded($radius: 3px) {
     20    border-radius: $radius;
     21    -moz-border-radius: $radius;
     22    -webkit-border-radius: $radius;
     23}
     24
     25@mixin rounded-bottom($radius: 3px) {
     26        border-bottom-left-radius: $radius;
     27        border-bottom-right-radius: $radius;
     28    -moz-border-bottom-left-radius: $radius;
     29        -moz-border-bottom-right-radius: $radius;   
     30        -webkit-border-bottom-left-radius: $radius;
     31        -webkit-border-bottom-right-radius: $radius;
     32}
     33
     34@mixin rounded-top($radius: 3px) {
     35        border-top-left-radius: $radius;
     36        border-top-right-radius: $radius;
     37    -moz-border-top-left-radius: $radius;
     38        -moz-border-top-right-radius: $radius;   
     39        -webkit-border-top-left-radius: $radius;
     40        -webkit-border-top-right-radius: $radius;
     41}
     42
     43@mixin rounded-left($radius: 3px) {
     44        border-top-left-radius: $radius;
     45        border-bottom-left-radius: $radius;
     46    -moz-border-top-left-radius: $radius;
     47        -moz-border-bottom-left-radius: $radius;   
     48        -webkit-border-top-left-radius: $radius;
     49        -webkit-border-bottom-left-radius: $radius;
     50}
     51
     52@mixin rounded-right($radius: 3px) {
     53        border-top-right-radius: $radius;
     54        border-bottom-right-radius: $radius;
     55    -moz-border-top-right-radius: $radius;
     56        -moz-border-bottom-right-radius: $radius;   
     57        -webkit-border-top-right-radius: $radius;
     58        -webkit-border-bottom-right-radius: $radius;
     59}
     60
     61@mixin border-box() {
     62        -moz-box-sizing: border-box;
     63        -webkit-box-sizing: border-box;
     64        -ms-box-sizing: border-box;
     65        box-sizing: border-box;
     66}
     67
     68@mixin transitions($duration: 0.2s) {
     69        -webkit-transition-property: left, right, top, bottom, width, margin;
     70        -moz-transition-property:    left, right, top, bottom, width, margin;
     71        -ms-transition-property:     left, right, top, bottom, width, margin;
     72        -o-transition-property:      left, right, top, bottom, width, margin;
     73        transition-property:         left, right, top, bottom, width, margin;
     74
     75        -webkit-transition-duration: $duration;
     76        -moz-transition-duration:    $duration;
     77        -ms-transition-duration:     $duration;
     78        -o-transition-duration:      $duration;
     79        transition-duration:         $duration;
     80}
     81
     82@mixin no-box-shadows {
     83        -moz-box-shadow:        none;   
     84        -webkit-box-shadow: none;
     85        box-shadow:                     none;
     86}
     87
     88@mixin no-user-select {
     89        -webkit-user-select: none;
     90        -moz-user-select: none;
     91        user-select: none;
     92}
     93
     94@mixin serif-font {
     95        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
     96}
     97
     98@mixin sans-serif-font {
     99        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
     100}
     101
     102@mixin normal-font($size: 12px, $height: 1) {
     103        font-size: $size;
     104        font-weight: normal;
     105        line-height: $height;
     106}
     107
     108@mixin bold-font($size: 12px, $height: normal) {
     109        font-size: $size;
     110        font-weight: bold;
     111        line-height: $height;
     112}
     113
     114@mixin about-font ($size: 20px) {
     115        @include sans-serif-font();
     116        @include normal-font($size, 1.6em);
     117}
     118 No newline at end of file
  • new file wp-admin/css/scss/modules/about.scss

    diff --git a/wp-admin/css/scss/modules/about.scss b/wp-admin/css/scss/modules/about.scss
    new file mode 100644
    index 0000000..9faa40a
    - +  
     1/*------------------------------------------------------------------------------
     2  22.0 - About Pages
     3------------------------------------------------------------------------------*/
     4
     5/* WordPress Version Badge */
     6
     7.wp-badge {
     8        padding-top: 142px;
     9        height: 50px;
     10        width: 173px;
     11        @include bold-font(14px);
     12        text-align: center;
     13        margin: 0 -5px;
     14        background: url('../images/wp-badge.png?ver=20111120') no-repeat;
     15}
     16
     17.about-wrap {
     18        position: relative;
     19        margin: 25px 40px 0 20px;
     20        max-width: 1050px; /* readability */
     21        font-size: 15px;
     22
     23        div.updated,
     24        div.error {
     25                display: none !important;
     26        }
     27
     28        /* Typography */
     29        p {
     30                line-height: 1.6em;
     31        }
     32
     33        h1 {
     34                margin: 0.2em 200px 0 0;
     35                line-height: 1.2em;
     36                font-size: 2.8em;
     37                font-weight: 200;
     38        }
     39
     40        h3 {
     41                font-size: 24px;
     42                margin-bottom: 1em;
     43                padding-top: 20px;
     44        }
     45
     46        code {
     47                font-size: 14px;
     48        }
     49
     50        li.wp-person a.web {
     51                @include about-font;
     52        }
     53
     54        /* Point Releases */
     55
     56        .point-releases {
     57                margin-top: 5px;
     58        }
     59
     60        .changelog.point-releases h3 {
     61                padding-top: 35px;
     62               
     63                &:first-child {
     64                        padding-top: 7px;
     65                }
     66        }
     67
     68        .wp-badge {
     69                position: absolute;
     70                top: 0;
     71                right: 0;
     72        }
     73
     74        /* Tabs */
     75
     76        h2 {
     77                &.nav-tab-wrapper {
     78                        padding-left: 6px;
     79                }
     80
     81                & .nav-tab {
     82                        padding: 4px 10px 6px;
     83                        margin: 0 3px -1px 0;
     84                        font-size: 18px;
     85                        vertical-align: top;
     86                }
     87
     88                & .nav-tab-active {
     89                        font-weight: bold;
     90                        padding-top: 3px;
     91                }       
     92        }
     93
     94        /* Changelog / Update screen */
     95
     96        .feature-section {
     97                padding-bottom: 20px;
     98                h4 {
     99                        margin-bottom: 0.6em;
     100                }
     101
     102                p {
     103                        margin-top: 0.6em;
     104                }
     105
     106                img,
     107                .video {
     108                        border: none;
     109                        margin: 0 1.94% 10px 0;
     110                        @include rounded(3px);
     111                }
     112
     113                .video video {
     114                        max-width: 100%;
     115                }
     116
     117                &.three-col img {
     118                        margin: 0.5em 0 0.5em 5px;
     119                        max-width: 100%;
     120                        float: none;
     121                }
     122
     123                &.images-stagger-right img,
     124                &.images-stagger-right .video {
     125                        float: right;
     126                        margin: 0 5px 12px 2em;
     127                }
     128
     129                &.images-stagger-left img {
     130                        float: left;
     131                        margin: 0 2em 12px 5px;
     132                }
     133
     134                .image-100 {
     135                        margin: 0 0 2em 0;
     136                        width: 100%;
     137                }
     138
     139                .image-66 {
     140                        width: 65%;
     141                        &.video {
     142                                max-width: 600px;
     143                        }                       
     144                }
     145
     146                .image-50 {
     147                        max-width: 50%;
     148                }
     149
     150                img.image-30 {
     151                        max-width: 31.2381%;
     152                }
     153
     154                &.col {
     155                        margin-bottom: 0;
     156                        h4 {
     157                                margin:  0 0 0.6em 0;
     158                        }
     159
     160                        .last-feature {
     161                                margin-right: 0;
     162                        }
     163                }
     164
     165                &.two-col div, &.three-col div {
     166                        margin-right: 4.999999999%;
     167                        float: left;
     168                }
     169
     170                &.two-col div {
     171                        width: 47%;
     172                }
     173
     174                &.three-col div {
     175                        width: 30%;
     176                }
     177        }
     178
     179        .ie8 & .feature-section {
     180                &.three-col img {
     181                        margin-left: 0;
     182                }
     183
     184                img {
     185                        border-width: 1px;
     186                        border-style: solid;
     187                }
     188        }
     189
     190        .images-stagger-right img.image-30:nth-child(2) {
     191                margin-left: 1em;
     192        }
     193
     194        .three-col-images {
     195                text-align: center;
     196                img {
     197                        margin: 0 0 10px;
     198                }
     199                .last-feature {
     200                        float: right;
     201                }
     202
     203                .first-feature {
     204                        float: left;
     205                }       
     206        }
     207
     208        .changelog {
     209                .feature-section {
     210                        overflow: hidden;
     211                }
     212
     213                li {
     214                        list-style-type: disc;
     215                        margin-left: 3em;
     216                }
     217        }
     218
     219        /* Return to Dashboard Home link */
     220
     221        .return-to-dashboard {
     222                margin: 30px 0 0 -5px;
     223                @include bold-font(14px);
     224                a {
     225                        text-decoration: none;
     226                        padding: 0 5px;
     227                }
     228        }
     229
     230        /* Credits */
     231
     232        h4.wp-people-group {
     233                margin-top: 2.6em;
     234                font-size: 16px;
     235        }
     236
     237        ul.wp-people-group {
     238                overflow: hidden;
     239                padding: 0 5px;
     240                margin: 0 -15px 0 -5px;
     241        }
     242
     243        li.wp-person {
     244                float: left;
     245                margin-right: 10px;
     246       
     247                img.gravatar {
     248                        float: left;
     249                        margin: 0 10px 10px 0;
     250                        padding: 2px;
     251                        width: 60px;
     252                        height: 60px;
     253                }
     254        }
     255
     256        ul.compact {
     257                margin-bottom: 0;
     258
     259                li.wp-person img.gravatar {
     260                        width: 30px;
     261                        height: 30px;
     262                }       
     263        }
     264
     265        li.wp-person {
     266                height: 70px;
     267                width: 280px;
     268                padding-bottom: 15px;
     269
     270                ul.compact & {
     271                        height: auto;
     272                        width: 180px;
     273                        padding-bottom: 0;
     274                        margin-bottom: 0;
     275                }       
     276
     277                a.web {
     278                        display: block;
     279                        margin: 6px 0 2px;
     280                        font-size: 16px;
     281                        text-decoration: none;
     282                }
     283        }
     284
     285        #wp-people-group-validators + p.wp-credits-list {
     286                margin-top: 0;
     287        }
     288
     289        p.wp-credits-list a {
     290                white-space: nowrap;
     291        }
     292
     293        /* Freedoms */
     294
     295        .freedoms-php & {
     296                ol {
     297                        margin: 40px 60px;
     298                        li {
     299                                list-style-type: decimal;
     300                                font-weight: bold;
     301                        }
     302                        p {
     303                                font-weight: normal;
     304                                margin: 0.6em 0;
     305                        }               
     306                }
     307        }
     308}
     309
     310.about-description {
     311        @include about-font;
     312        margin-top: 1.4em;
     313}
     314
     315.about-text {
     316        @include about-font(24px);
     317        margin: 1em 200px 1.4em 0;
     318        min-height: 60px;
     319}
     320
     321@media only screen and (max-width: 900px) {
     322        .about-wrap .feature-section {
     323                .images-stagger-left img,
     324                .images-stagger-right img,
     325                .images-stagger-right .video {
     326                        clear: both;
     327                }
     328
     329                .video.image-66 {
     330                        float: none;
     331                        width: 98%;
     332                        max-width: 98%;
     333                }
     334
     335                &.images-stagger-right .video.image-66 {
     336                        margin-left: 3px;
     337                }
     338        }
     339}
     340
     341@media only screen and (max-width: 768px) {
     342        .about-wrap .feature-section {
     343                .image-66 {
     344                        float: none;
     345                        width: 98%;
     346                        max-width: 98%;
     347                }
     348                &.images-stagger-right .image-66 {
     349                        margin-left: 3px;
     350                }
     351
     352                &.images-stagger-left .image-66 {
     353                        margin-right: 3px;
     354                }
     355        }
     356}
     357 No newline at end of file
  • new file wp-admin/css/scss/modules/accordion.scss

    diff --git a/wp-admin/css/scss/modules/accordion.scss b/wp-admin/css/scss/modules/accordion.scss
    new file mode 100644
    index 0000000..bd95492
    - +  
     1/* Accordion */
     2
     3.accordion-section {
     4        border-top: 1px solid #fff;
     5        border-bottom: 1px solid $border-color;
     6        margin: 0;
     7
     8        &:first-child {
     9                border-top: 1px solid $border-color;
     10        }
     11
     12        &:last-child {
     13                box-shadow: 0 1px 0 0px #fff;
     14        }       
     15
     16        &.open .accordion-section-content,
     17        .no-js & .accordion-section-content {
     18                display: block;
     19        }
     20
     21        &.open:hover {
     22                border-bottom-color: $border-color;
     23        }
     24}
     25
     26.accordion-section-content {
     27        display: none;
     28        padding: 10px 20px 15px;
     29        overflow: hidden;
     30        background: #fdfdfd;
     31        border-left: 1px solid $border-color;
     32        border-right: 1px solid $border-color;
     33}
     34
     35.accordion-section-title {
     36        margin: 0;
     37        padding: 15px 20px;
     38        position: relative;
     39        border-left: 1px solid $border-color;
     40        border-right: 1px solid $border-color;
     41
     42        @include no-user-select();
     43
     44        .js & {
     45                cursor: pointer;
     46        }
     47
     48        .js &:after {
     49                content: '';
     50                width: 0;
     51                height: 0;
     52                border-color: #ccc transparent;
     53                border-style: solid;
     54                border-width: 6px 6px 0;
     55                position: absolute;
     56                top: 25px;
     57                right: 20px;
     58                z-index: 1;
     59        }
     60
     61        &:focus {
     62                outline: none;
     63        }
     64
     65        &:hover:after,
     66        &:focus:after {
     67                border-color: #aaa transparent;
     68        }
     69
     70        .cannot-expand & {
     71                cursor: auto;
     72        }
     73
     74        .cannot-expand &:after {
     75                display: none;
     76        }
     77
     78        .control-section & {
     79                padding: 10px 20px;
     80                color: #464646;
     81                @include serif-font();
     82                @include normal-font(15px);
     83                text-shadow: 0 1px 0 #fff;
     84                @include linear-gradient(#eee, #f5f5f5);
     85        }
     86
     87        .control-section &:after {
     88                top: 15px;
     89        }
     90
     91        .js .control-section:hover &,
     92        .js .control-section &:hover,
     93        .js .control-section.open &,
     94        .js .control-section &:focus {
     95                color: black;
     96                @include linear-gradient(#ececec, #f9f9f9);
     97        }
     98
     99        .control-section.open & {
     100                border-bottom: 1px solid $border-color;
     101        }
     102}
     103 No newline at end of file
  • new file wp-admin/css/scss/modules/actions.scss

    diff --git a/wp-admin/css/scss/modules/actions.scss b/wp-admin/css/scss/modules/actions.scss
    new file mode 100644
    index 0000000..4d8dfe1
    - +  
     1/*------------------------------------------------------------------------------
     2  3.0 - Actions
     3------------------------------------------------------------------------------*/
     4
     5#major-publishing-actions {
     6        padding: 10px 10px 8px;
     7        clear: both;
     8        border-top: 1px solid #f5f5f5;
     9        margin-top: -2px;
     10}
     11
     12#delete-action {
     13        line-height: 25px;
     14        vertical-align: middle;
     15        text-align: left;
     16        float: left;
     17}
     18
     19#publishing-action {
     20        text-align: right;
     21        float: right;
     22        line-height: 23px;
     23
     24        .spinner {
     25                float: left;
     26        }
     27}
     28
     29#misc-publishing-actions {
     30        padding: 6px 0 0;
     31}
     32
     33.misc-pub-section {
     34        padding: 6px 10px 8px;
     35        border-width: 1px 0;
     36        border-style: solid;
     37
     38        &:first-child {
     39                border-top-width: 0;
     40        }
     41}
     42
     43.misc-pub-section-last {
     44        border-bottom-width: 0;
     45}
     46
     47#minor-publishing-actions {
     48        padding: 10px 10px 2px 8px;
     49        text-align: right;
     50}
     51
     52#minor-publishing {
     53        border-bottom-width: 1px;
     54        border-bottom-style: solid;
     55        -webkit-box-shadow: 0 1px 0 #fff;
     56        box-shadow: 0 1px 0 #fff;
     57}
     58
     59#save-post {
     60        float: left;
     61}
     62
     63.preview {
     64        float: right;
     65}
     66
     67#sticky-span {
     68        margin-left: 18px;
     69}
     70
     71.side-info {
     72        margin: 0;
     73        padding: 4px;
     74        font-size: 11px;
     75
     76        h5 {
     77                padding-bottom: 7px;
     78                font-size: 14px;
     79                margin: 12px 2px 5px;
     80                border-bottom-width: 1px;
     81                border-bottom-style: solid;
     82        }
     83
     84        ul {
     85                margin: 0;
     86                padding-left: 18px;
     87                list-style: square;
     88        }
     89}
     90
     91.approve,
     92.unapproved .unapprove {
     93        display: none;
     94}
     95
     96.unapproved .approve,
     97.spam .approve,
     98.trash .approve {
     99        display: inline;
     100}
     101
     102td.action-links,
     103th.action-links {
     104        text-align: right;
     105}
     106 No newline at end of file
  • new file wp-admin/css/scss/modules/categories.scss

    diff --git a/wp-admin/css/scss/modules/categories.scss b/wp-admin/css/scss/modules/categories.scss
    new file mode 100644
    index 0000000..7c3c5cc
    - +  
     1/*------------------------------------------------------------------------------
     2  12.0 - Categories
     3------------------------------------------------------------------------------*/
     4
     5.category-adder {
     6        margin-left: 120px;
     7        padding: 4px 0;
     8
     9        h4 {
     10                margin: 0 0 8px;
     11        }
     12
     13        #side-sortables & {
     14                margin: 0;
     15        }
     16}
     17
     18#post-body ul.add-menu-item-tabs {
     19        float: left;
     20        width: 120px;
     21        text-align: right;
     22        /* Negative margin for the sake of those without JS: all tabs display */
     23        margin: 0 -120px 0 5px;
     24        padding: 0;
     25
     26        li {
     27                padding: 8px;
     28
     29                &.tabs {
     30                        @include rounded-left;
     31                }
     32        }
     33}
     34
     35.wp-tab-panel,
     36.categorydiv div.tabs-panel,
     37.customlinkdiv div.tabs-panel,
     38.posttypediv div.tabs-panel,
     39.taxonomydiv div.tabs-panel {
     40        min-height: 42px;
     41        max-height: 200px;
     42        overflow: auto;
     43        padding: 0 0.9em;
     44        border-style: solid;
     45        border-width: 1px;
     46}
     47
     48div.tabs-panel-active {
     49        display: block;
     50}
     51
     52div.tabs-panel-inactive {
     53        display: none;
     54}
     55
     56#front-page-warning,
     57#front-static-pages ul,
     58ul.export-filters,
     59.inline-editor ul.cat-checklist ul,
     60.categorydiv ul.categorychecklist ul,
     61.customlinkdiv ul.categorychecklist ul,
     62.posttypediv ul.categorychecklist ul,
     63.taxonomydiv ul.categorychecklist ul {
     64        margin-left: 18px;
     65}
     66
     67ul.categorychecklist li {
     68        margin: 0;
     69        padding: 0;
     70        line-height: 19px;
     71        word-wrap: break-word;
     72}
     73
     74.categorydiv .tabs-panel,
     75.customlinkdiv .tabs-panel,
     76.posttypediv .tabs-panel,
     77.taxonomydiv .tabs-panel {
     78        border-width: 3px;
     79        border-style: solid;
     80}
     81
     82.form-wrap {
     83        p,
     84        label {
     85                font-size: 11px;
     86        }
     87
     88        label {
     89                display: block;
     90                padding: 2px;
     91                font-size: 12px;
     92        }
     93
     94        .form-field {
     95                margin: 0 0 10px;
     96                padding: 8px 0;
     97
     98                #parent {
     99                        max-width: 100%;
     100                }       
     101        }
     102}
     103
     104.form-field input,
     105.form-field textarea {
     106        border-style: solid;
     107        border-width: 1px;
     108        width: 95%;
     109}
     110
     111p.description,
     112.form-wrap p {
     113        margin: 2px 0 5px;
     114}
     115
     116p.help,
     117p.description,
     118span.description,
     119.form-wrap p {
     120        font-size: 12px;
     121        font-style: italic;
     122        font-family: sans-serif;
     123}
     124
     125.col-wrap {
     126        h3 {
     127                margin: 12px 0;
     128                font-size: 1.1em;
     129        }
     130
     131        p.submit {
     132                margin-top: -10px;
     133        }
     134}
     135 No newline at end of file
  • new file wp-admin/css/scss/modules/comments.scss

    diff --git a/wp-admin/css/scss/modules/comments.scss b/wp-admin/css/scss/modules/comments.scss
    new file mode 100644
    index 0000000..896d7dd
    - +  
     1/*------------------------------------------------------------------------------
     2  15.0 - Comments Screen
     3------------------------------------------------------------------------------*/
     4
     5.form-table {
     6        border-collapse: collapse;
     7        margin-top: 0.5em;
     8        width: 100%;
     9        margin-bottom: -8px;
     10        clear: both;
     11
     12        td {
     13                margin-bottom: 9px;
     14                padding: 8px 10px;
     15                line-height: 20px;
     16                font-size: 12px;
     17
     18                p {
     19                        margin-top: 4px;
     20                }
     21
     22                .color-palette & {
     23                        border-width: 1px 1px 0;
     24                        border-style: solid solid none;
     25                        height: 10px;
     26                        line-height: 20px;
     27                        width: 10px;
     28                }
     29        }
     30
     31        th {
     32                vertical-align: top;
     33                text-align: left;
     34                padding: 10px;
     35                width: 200px;
     36
     37                &.th-full {
     38                        width: auto;
     39                }
     40        }
     41
     42        div.color-option {
     43                display: block;
     44                clear: both;
     45                margin-top: 12px;
     46        }
     47
     48        input.tog {
     49                margin-top: 2px;
     50                margin-right: 2px;
     51                float: left;
     52        }
     53
     54        table.color-palette {
     55                vertical-align: bottom;
     56                float: left;
     57                margin: -12px 3px 11px;
     58        }
     59}
     60
     61.form-table th,
     62.form-wrap label {
     63        font-weight: normal;
     64        text-shadow: #fff 0 1px 0;
     65}
     66
     67.commentlist {
     68        li {
     69                padding: 1em 1em .2em;
     70                margin: 0;
     71                border-bottom-width: 1px;
     72                border-bottom-style: solid;
     73       
     74                li {
     75                        border-bottom: 0;
     76                        padding: 0;
     77                }
     78        }
     79
     80        p {
     81                padding: 0;
     82                margin: 0 0 .8em;
     83        }
     84
     85        .avatar {
     86                vertical-align: text-top;
     87        }
     88}
     89
     90/* reply to comments */
     91#replyrow {
     92        input {
     93                border-width: 1px;
     94                border-style: solid;
     95        }
     96
     97        td {
     98                padding: 2px;
     99        }
     100
     101        h5 {
     102                margin: .2em 0 0;
     103                padding: 0 5px;
     104                line-height: 1.4em;
     105                font-size: 1em;
     106        }
     107}
     108
     109#replysubmit {
     110        margin: 0;
     111        padding: 0 5px 3px;
     112        text-align: center;
     113
     114        .spinner {
     115                padding: 2px 0 0;
     116                vertical-align: top;
     117                float: right;
     118        }
     119
     120        .button {
     121                margin-right: 5px;
     122        }
     123
     124        .error {
     125                color: red;
     126                line-height: 21px;
     127                text-align: center;
     128        }
     129}
     130
     131#edithead {
     132        .inside {
     133                float: left;
     134                padding: 3px 0 2px 5px;
     135                margin: 0;
     136                text-align: center;
     137
     138                input {
     139                        width: 180px;
     140                }
     141        }
     142
     143        label {
     144                padding: 2px 0;
     145        }
     146}
     147
     148#replycontainer {
     149        padding: 5px;
     150}
     151
     152#replycontent {
     153        height: 120px;
     154        @include no-box-shadows();
     155}
     156
     157.comment-php .wp-editor-area {
     158        height: 200px;
     159}
     160
     161.comment-ays {
     162        margin-bottom: 0;
     163        border-style: solid;
     164        border-width: 1px;
     165
     166        th {
     167                border-right-style: solid;
     168                border-right-width: 1px;
     169        }
     170}
     171
     172.trash-undo-inside,
     173.spam-undo-inside {
     174        margin: 1px 8px 1px 0;
     175        line-height: 16px;
     176
     177        .avatar {
     178                height: 20px;
     179                width: 20px;
     180                margin-right: 8px;
     181                vertical-align: middle;
     182        }
     183}
     184
     185.stuffbox .editcomment {
     186        clear: none;
     187}
     188
     189#comment-status-radio {
     190        p {
     191                margin: 3px 0 5px;
     192        }
     193
     194        input {
     195                margin: 2px 3px 5px 0;
     196                vertical-align: middle;
     197        }
     198
     199        label {
     200                padding: 5px 0;
     201        }
     202}
     203 No newline at end of file
  • new file wp-admin/css/scss/modules/customize.scss

    diff --git a/wp-admin/css/scss/modules/customize.scss b/wp-admin/css/scss/modules/customize.scss
    new file mode 100644
    index 0000000..ec31a42
    - +  
     1/*------------------------------------------------------------------------------
     2  24.0 - Customize Loader
     3------------------------------------------------------------------------------*/
     4
     5.hide-if-customize {
     6        .customize-support &,
     7        .customize-support.wp-core-ui &,
     8        .customize-support .wp-core-ui & {
     9                display: none;
     10        }
     11}
     12
     13.hide-if-no-customize {
     14        .no-customize-support &,
     15        .no-customize-support.wp-core-ui &,
     16        .no-customize-support .wp-core-ui &{
     17                display: none;
     18        }
     19}
     20
     21#customize-container {
     22        display: none;
     23        background: #fff;
     24        z-index: 500000;
     25        position: fixed;
     26        overflow: visible;
     27        top: 0;
     28        bottom: 0;
     29        left: 0;
     30        right: 0;
     31        height: 100%;
     32
     33        .customize-active & {
     34                display: block;
     35        }
     36
     37        .customize-loading & {
     38                background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
     39                background-size: 16px 16px;
     40        }
     41
     42        .customize-loading & iframe {
     43                opacity: 0;
     44        }
     45
     46        .collapse-sidebar {
     47                bottom: 16px;
     48        }
     49}
     50
     51#customize-container iframe,
     52#theme-installer iframe {
     53        height: 100%;
     54        width: 100%;
     55        z-index: 20;
     56
     57        -webkit-transition: opacity 0.3s;
     58        -moz-transition:    opacity 0.3s;
     59        -ms-transition:     opacity 0.3s;
     60        -o-transition:      opacity 0.3s;
     61        transition:         opacity 0.3s;
     62}
     63
     64#theme-installer {
     65        display: none;
     66
     67        &.single-theme {
     68                display: block;
     69        }
     70}
     71
     72.install-theme-info {
     73
     74        display: none;
     75        padding: 10px 20px 20px;
     76
     77        .single-theme & {
     78                padding-top: 15px;
     79        }
     80
     81        #theme-installer & {
     82                display: block;
     83        }
     84
     85        .theme-install {
     86                float: right;
     87                margin-top: 18px;
     88        }
     89
     90        .theme-name {
     91                font-size: 16px;
     92                line-height: 24px;
     93                margin-bottom: 0;
     94        }
     95
     96        .theme-screenshot {
     97                margin-top: 15px;
     98                width: 258px;
     99                border: 1px solid #ccc;
     100        }
     101
     102        .theme-details {
     103                overflow: hidden;
     104        }
     105}
     106
     107.theme-details {
     108        .theme-version {
     109                margin: 15px 0;
     110                float: left;
     111        }
     112
     113        .star-holder {
     114                margin: 14px 0;
     115                float: right;
     116        }
     117
     118        .theme-description {
     119                float: left;
     120                color: #777;
     121                line-height: 20px;
     122        }
     123}
     124 No newline at end of file
  • new file wp-admin/css/scss/modules/dashboard.scss

    diff --git a/wp-admin/css/scss/modules/dashboard.scss b/wp-admin/css/scss/modules/dashboard.scss
    new file mode 100644
    index 0000000..1dec3e0
    - +  
     1/*------------------------------------------------------------------------------
     2  9.0 - Dashboard
     3------------------------------------------------------------------------------*/
     4
     5#dashboard-widgets-wrap {
     6        margin: 0 -8px;
     7}
     8
     9#wpbody-content .metabox-holder {
     10        padding-top: 10px;
     11}
     12
     13#dashboard-widgets .meta-box-sortables {
     14        margin: 0 8px;
     15}
     16
     17#dashboard_recent_comments div.undo {
     18        border-top-style: solid;
     19        border-top-width: 1px;
     20        margin: 0 -10px;
     21        padding: 3px 8px;
     22        font-size: 11px;
     23}
     24
     25/* Welcome Panel */
     26.welcome-panel {
     27        position: relative;
     28        overflow: auto;
     29        margin: 20px 0;
     30        padding: 23px 10px 12px;
     31        border-width: 1px;
     32        border-style: solid;
     33        @include rounded(3px);
     34        font-size: 13px;
     35        line-height: 2.1em;
     36
     37        h3 {
     38                margin: 0;
     39                @include sans-serif-font();
     40                @include normal-font(21px, 1.2);
     41        }
     42        h4 {
     43                margin: 1.33em 0 0;
     44                font-size: 13px;
     45        }
     46
     47        .about-description {
     48                font-size: 16px;
     49                margin: 0;
     50        }
     51
     52        .welcome-panel-close {
     53                position: absolute;
     54                top: 5px;
     55                right: 10px;
     56                padding: 8px 3px;
     57                font-size: 13px;
     58                text-decoration: none;
     59                line-height: 1;
     60       
     61                &:before {
     62                        content: ' ';
     63                        position: absolute;
     64                        left: -12px;
     65                        width: 10px;
     66                        height: 100%;
     67                        background: url('../images/xit.gif') 0 17% no-repeat;
     68                }
     69       
     70                &:hover:before {
     71                        background-position: 100% 17%;
     72                }
     73        }
     74
     75        .wp-core-ui & .button.button-hero {
     76                margin: 15px 0 3px;
     77        }
     78
     79        .welcome-panel-column-container {
     80                clear: both;
     81                overflow: hidden;
     82                position: relative;
     83        }
     84
     85        .welcome-panel-column {
     86                width: 32%;
     87                min-width: 200px;
     88                float: left;
     89       
     90                &:first-child {
     91                        width: 36%;
     92                }
     93
     94                ul {
     95                        margin: 0.8em 1em 1em 0;
     96                }
     97
     98                li {
     99                        line-height: 16px;
     100                        list-style-type: none;
     101                }
     102        }
     103
     104        .ie8 & .welcome-panel-column {
     105                min-width: 230px;
     106        }
     107
     108        .welcome-icon {
     109                display: block;
     110                padding: 2px 0 8px 32px;
     111                background-image: url('../images/welcome-icons.png');
     112                background-repeat: no-repeat;
     113                background-size: 16px;
     114        }
     115
     116        .welcome-add-page {
     117                background-position: 0 2px;
     118        }
     119
     120        .welcome-edit-page {
     121                background-position: 0 -90px;
     122        }
     123
     124        .welcome-learn-more {
     125                background-position: 0 -136px;
     126        }
     127
     128        .welcome-comments {
     129                background-position: 0 -182px;
     130        }
     131
     132        .welcome-view-site {
     133                background-position: 0 -274px;
     134        }
     135
     136        .welcome-widgets-menus {
     137                background-position: 1px -229px;
     138                line-height: 14px;
     139        }
     140
     141        .welcome-write-blog {
     142                background-position: 0 -44px;
     143        }
     144}
     145
     146.welcome-panel-content {
     147        margin-left: 13px;
     148        max-width: 1500px;
     149
     150        p {
     151                margin-top: 7px;
     152        }
     153}
     154
     155@media screen and (max-width: 870px) {
     156        .welcome-panel {
     157                .welcome-panel-column,
     158                .welcome-panel-column:first-child {
     159                        display: block;
     160                        float: none;
     161                        width: 100%;
     162                }
     163
     164                .welcome-panel-column li {
     165                        display: inline-block;
     166                        margin-right: 13px;
     167                }
     168
     169                .welcome-panel-column ul {
     170                        margin: 0.4em 0 0;
     171                }
     172
     173                .welcome-icon {
     174                        padding-left: 25px;
     175                }
     176        }
     177}
     178
     179/* dashboard */
     180.edit-box {
     181        display: none;
     182
     183        h3:hover & {
     184                display: inline;
     185        }
     186}
     187
     188#dashboard-widgets {
     189        form .input-text-wrap input {
     190                width: 100%;
     191        }
     192
     193        form .textarea-wrap textarea {
     194                width: 100%;
     195        }
     196
     197        .postbox form .submit {
     198                float: none;
     199                margin: .5em 0 0;
     200                padding: 0;
     201                border: none;
     202        }
     203
     204        #dashboard-widgets-wrap & .postbox form .submit #publish {
     205                min-width: 0;
     206        }
     207
     208        a {
     209                text-decoration: none;
     210        }
     211
     212        h3 a {
     213                text-decoration: underline;
     214        }
     215
     216        h3 .postbox-title-action {
     217                position: absolute;
     218                right: 10px;
     219                padding: 0;
     220                top: 5px;
     221        }
     222
     223        .js & h3 .postbox-title-action {
     224                right: 30px;
     225        }
     226
     227        h4 {
     228                @include normal-font(13px);
     229                margin: 0 0 .2em;
     230                padding: 0;
     231        }
     232}
     233
     234/* Right Now */
     235#dashboard_right_now {
     236        p.sub,
     237        .table, .versions {
     238                margin: -12px;
     239        }
     240
     241        .inside {
     242                font-size: 12px;
     243                padding-top: 20px;
     244        }
     245
     246        p.sub {
     247                padding: 5px 0 15px;
     248                color: #8f8f8f;
     249                font-size: 14px;
     250                position: absolute;
     251                top: -17px;
     252                left: 15px;
     253        }
     254
     255        .table {
     256                margin: 0;
     257                padding: 0;
     258                position: relative;
     259        }
     260
     261        .table_content {
     262                float: left;
     263                border-top-width: 1px;
     264                border-top-style: solid;
     265                width: 45%;
     266        }
     267
     268        .table_discussion {
     269                float: right;
     270                border-top-width: 1px;
     271                border-top-style: solid;
     272                width: 45%;
     273        }
     274
     275        table td {
     276                padding: 3px 0;
     277                white-space: nowrap;
     278        }
     279
     280        table tr.first td {
     281                border-top: none;
     282        }
     283
     284        td.b {
     285                padding-right: 6px;
     286                text-align: right;
     287                font-size: 14px;
     288                width: 1%;
     289        }
     290
     291        td.b a {
     292                font-size: 18px;
     293        }
     294
     295        td.b a:hover {
     296                color: #d54e21;
     297        }
     298
     299        .t {
     300                font-size: 12px;
     301                padding-right: 12px;
     302                padding-top: 6px;
     303                color: #777;
     304        }
     305
     306        .t a {
     307                white-space: nowrap;
     308        }
     309
     310        .spam {
     311                color: red;
     312        }
     313
     314        .waiting {
     315                color: #e66f00;
     316        }
     317
     318        .approved {
     319                color: green;
     320        }
     321
     322        .versions {
     323                padding: 6px 10px 12px;
     324                clear: both;
     325        }
     326
     327        a.button {
     328                float: right;
     329                clear: right;
     330                position: relative;
     331                top: -5px;
     332        }
     333}
     334
     335/* Recent Comments */
     336#dashboard_recent_comments {
     337        h3 {
     338                margin-bottom: 0;
     339        }
     340
     341        .inside {
     342                margin-top: 0;
     343        }
     344
     345        .comment-meta .approve {
     346                font-style: italic;
     347                font-family: sans-serif;
     348                font-size: 10px;
     349        }
     350
     351        .subsubsub {
     352                float: none;
     353                white-space: normal;
     354        }
     355}
     356
     357#the-comment-list {
     358        position: relative;
     359
     360        p.comment-author img {
     361                float: left;
     362                margin-right: 8px;
     363        }
     364
     365        p.comment-author strong a {
     366                border: none;
     367        }
     368
     369        td {
     370                vertical-align: top;
     371       
     372                &.comment {
     373                        word-wrap: break-word;
     374
     375                        p.comment-author {
     376                                margin-top: 0;
     377                                margin-left: 0;
     378                        }
     379                }
     380        }
     381
     382        .comment-item {
     383                padding: 1em 10px;
     384                border-top: 1px solid;
     385
     386                .avatar {
     387                        float: left;
     388                        margin: 0 10px 5px 0;
     389                }
     390
     391                h4 {
     392                        line-height: 1.7em;
     393                        margin-top: -0.4em;
     394                        color: #777;
     395
     396                        cite {
     397                                font-style: normal;
     398                                font-weight: normal;
     399                        }               
     400                }
     401
     402                &:first-child {
     403                        border-top: none;
     404                }
     405
     406                blockquote,
     407                blockquote p {
     408                        margin: 0;
     409                        padding: 0;
     410                        display: inline;
     411                }
     412
     413                p.row-actions {
     414                        margin: 3px 0 0;
     415                        padding: 0;
     416                        font-size: 12px;
     417                }
     418        }
     419
     420        .pingback {
     421                padding-left: 9px !important;
     422        }
     423
     424        .comment-item,
     425        #replyrow {
     426                margin: 0 -10px;
     427        }
     428
     429        #dashboard_recent_comments & .trackback blockquote,
     430        #dashboard_recent_comments & .pingback blockquote {
     431                display: block;
     432        }
     433}
     434
     435/* QuickPress */
     436#title-wrap label,
     437#tags-input-wrap label {
     438        cursor: text;
     439}
     440
     441#title-wrap {
     442        #title {
     443                padding: 2px 6px;
     444                font-size: 1.3em;
     445                line-height: 100%;
     446                outline: none;
     447        }
     448
     449        #title-prompt-text {
     450                font-size: 1.3em;
     451                padding: 5px 8px;
     452        }
     453}
     454
     455#tags-input-wrap {
     456        #tags-input {
     457                outline: none;
     458        }
     459
     460        #tags-input-prompt-text {
     461                font-size: 1em;
     462                padding: 4px 8px;
     463        }
     464}
     465
     466#dashboard_quick_press {
     467        .no-js & {
     468                display: none;
     469        }
     470
     471        .easy-blogging {
     472                padding: 0 8px;
     473                text-align: left;
     474        }
     475
     476        .input-text-wrap {
     477                position: relative;
     478        }
     479
     480        .prompt {
     481                color: #bbb;
     482                position: absolute;
     483        }
     484
     485        div.updated  {
     486                padding: 0 5px;
     487        }
     488
     489        .input-text-wrap,
     490        .textarea-wrap {
     491                margin: 0 0 1em 0;
     492        }
     493
     494        .wp-media-buttons {
     495                margin: 0 0 .2em 1px;
     496                padding: 0;
     497       
     498                a {
     499                        color: #777;
     500                }
     501        }
     502
     503        #dashboard-widgets & form p.submit {
     504                input {
     505                        float: left;
     506                }
     507
     508                #save-post {
     509                        margin: 0 0.7em 0 1px;
     510                }
     511
     512                #publish {
     513                        float: right;
     514                }
     515
     516                .spinner {
     517                        vertical-align: middle;
     518                        margin: 4px 6px 0 0;
     519                }
     520        }
     521}
     522
     523/* Recent Drafts */
     524#dashboard_recent_drafts {
     525        ul,
     526        p {
     527                margin: 0;
     528                padding: 0;
     529                word-wrap: break-word;
     530        }
     531
     532        ul {
     533                list-style: none;
     534                li {
     535                        margin-bottom: 1em;
     536                }
     537        }
     538
     539        h4 {
     540                line-height: 1.7em;
     541                word-wrap: break-word;
     542       
     543                abbr {
     544                        font-weight: normal;
     545                        font-family: sans-serif;
     546                        font-size: 12px;
     547                        color: #999;
     548                        margin-left: 3px;
     549                }
     550        }
     551}
     552
     553/* Feeds */
     554.rss-widget {
     555        ul {
     556                margin: 0;
     557                padding: 0;
     558                list-style: none;
     559       
     560                li {
     561                        line-height: 1.5em;
     562                        margin-bottom: 12px;
     563                }
     564        }
     565
     566        span.rss-date {
     567                color: #999;
     568                font-size: 12px;
     569                margin-left: 3px;
     570        }
     571
     572        cite {
     573                display: block;
     574                text-align: right;
     575                margin: 0 0 1em;
     576                padding: 0;
     577
     578                &:before {
     579                        content: '\2014';
     580                }
     581        }
     582}
     583
     584a.rsswidget {
     585        font-size: 13px;
     586        line-height: 1.7em;
     587}
     588
     589/* Plugins */
     590#dashboard_plugins {
     591        h4 {
     592                line-height: 1.7em;
     593        }
     594
     595        h5 {
     596                @include normal-font(13px, 1.4em);
     597                margin: 0;
     598                display: inline;
     599       
     600                a {
     601                        line-height: 1.4em;
     602                }
     603        }
     604
     605        .inside span {
     606                font-size: 12px;
     607                padding-left: 5px;
     608        }
     609
     610        p {
     611                margin: 0.3em 0 1.4em;
     612                line-height: 1.4em;
     613        }
     614}
     615
     616.dashboard-comment-wrap {
     617        overflow: hidden;
     618        word-wrap: break-word;
     619}
     620
     621/* Browser Nag */
     622#dashboard_browser_nag {
     623        a {
     624                color: white;
     625                text-decoration: underline;
     626                &.update-browser-link {
     627                        @include bold-font(1.2em);
     628                }
     629
     630                &.browse-happy-link,
     631                &.update-browser-link {
     632                        text-shadow: #d29a04 0 1px 0;
     633                }
     634        }
     635
     636        p.browser-update-nag.has-browser-icon {
     637                padding-right: 125px;
     638        }
     639
     640        .browser-icon {
     641                margin-top: -35px;
     642        }
     643
     644        &.postbox {
     645                background-color: #e29808;
     646                background-image: none;
     647                border-color: #edc048;
     648                color: white;
     649                @include no-box-shadows();
     650       
     651                h3 {
     652                        border-bottom-color: #f6e2ac;
     653                        text-shadow: none;
     654                        background: transparent none;
     655                        color: white;
     656                        @include no-box-shadows();
     657                }
     658
     659                &.browser-insecure {
     660                        background-color: #ac1b1b;
     661                        border-color: #ac1b1b;
     662               
     663                        h3 {
     664                                border-bottom-color: #cd5a5a;
     665                                color: white;
     666                        }
     667                }
     668        }
     669
     670        &.browser-insecure a.browse-happy-link,
     671        &.browser-insecure a.update-browser-link {
     672                text-shadow: #871b15 0 1px 0;
     673        }
     674}
     675 No newline at end of file
  • new file wp-admin/css/scss/modules/edit-post.scss

    diff --git a/wp-admin/css/scss/modules/edit-post.scss b/wp-admin/css/scss/modules/edit-post.scss
    new file mode 100644
    index 0000000..d6fc95a
    - +  
     1/*------------------------------------------------------------------------------
     2  11.0 - Write/Edit Post Screen
     3------------------------------------------------------------------------------*/
     4
     5#show-comments {
     6        overflow: hidden;
     7}
     8
     9#save-action .spinner,
     10#show-comments a,
     11#show-comments .spinner {
     12        float: left;
     13}
     14
     15#lost-connection-notice .spinner {
     16        display: block;
     17        float: left;
     18        margin: 0 5px 0 0;
     19}
     20
     21.rtl #lost-connection-notice .spinner {
     22        float: right;
     23        margin: 0 0 0 5px;
     24}
     25
     26#titlediv {
     27        position: relative;
     28        margin-bottom: 5px;
     29
     30        label {
     31                cursor: text;
     32        }
     33
     34        div.inside {
     35                margin: 0;
     36        }
     37
     38        #title {
     39                padding: 3px 8px;
     40                font-size: 1.7em;
     41                line-height: 100%;
     42                height: 1.7em;
     43                width: 100%;
     44                outline: none;
     45                margin: 1px 0;
     46        }
     47}
     48
     49#poststuff #titlewrap {
     50        border: 0;
     51        padding: 0;
     52}
     53
     54#titlediv #title-prompt-text,
     55#wp-fullscreen-title-prompt-text {
     56        color: #bbb;
     57        position: absolute;
     58        font-size: 1.7em;
     59        padding: 11px 10px;
     60}
     61
     62#wp-fullscreen-save .fs-saved {
     63        color: #999;
     64        float: right;
     65        margin-top: 4px;
     66}
     67
     68#wp-fullscreen-title-prompt-text {
     69        padding: 11px;
     70}
     71
     72#poststuff .inside-submitbox,
     73#side-sortables .inside-submitbox {
     74        margin: 0 3px;
     75        font-size: 11px;
     76}
     77
     78input#link_description,
     79input#link_url {
     80        width: 98%;
     81}
     82
     83#pending {
     84        background: 0 none;
     85        border: 0 none;
     86        padding: 0;
     87        font-size: 11px;
     88        margin-top: -1px;
     89}
     90
     91#edit-slug-box {
     92        line-height: 24px;
     93        min-height: 25px; /* Yes, line-height + 1 */
     94        margin-top: 5px;
     95        padding-right: 6px;
     96
     97        .cancel {
     98                margin-right: 10px;
     99                font-size: 11px;
     100        }
     101}
     102
     103#editable-post-name-full {
     104        display: none;
     105}
     106
     107#editable-post-name input {
     108        width: 16em;
     109}
     110
     111.postarea h3 label {
     112        float: left;
     113}
     114
     115.submitbox {
     116        .submit {
     117                text-align: left;
     118                padding: 12px 10px 10px;
     119                font-size: 11px;
     120        }
     121
     122        .submitdelete {
     123                text-decoration: none;
     124                padding: 1px 2px;
     125        }
     126
     127        .submitdelete,
     128        .submit a:hover {
     129                border-bottom-width: 1px;
     130                border-bottom-style: solid;
     131        }
     132
     133        .submit input {
     134                margin-bottom: 8px;
     135                margin-right: 4px;
     136                padding: 6px;
     137        }
     138}
     139
     140.inside-submitbox #post_status {
     141        margin: 2px 0 2px -2px;
     142}
     143
     144#post-status-select {
     145        line-height: 2.5em;
     146        margin-top: 3px;
     147}
     148
     149/* Post Screen */
     150#post-body #normal-sortables {
     151        min-height: 50px;
     152}
     153
     154.postbox {
     155        position: relative;
     156        min-width: 255px;
     157}
     158
     159#trackback_url {
     160        width: 99%;
     161}
     162
     163#normal-sortables .postbox .submit {
     164        background: transparent none;
     165        border: 0 none;
     166        float: right;
     167        padding: 0 12px;
     168        margin:0;
     169}
     170
     171.category-add input[type="text"],
     172.category-add select {
     173        width: 100%;
     174        max-width: 260px;
     175}
     176
     177.press-this #side-sortables .category-tabs li,
     178ul.category-tabs li,
     179#side-sortables .add-menu-item-tabs li,
     180.wp-tab-bar li {
     181        display: inline;
     182        line-height: 1.35em;
     183}
     184
     185.no-js .category-tabs li.hide-if-no-js {
     186        display: none;
     187}
     188
     189.category-tabs a,
     190#side-sortables .add-menu-item-tabs a,
     191.wp-tab-bar a {
     192        text-decoration: none;
     193}
     194
     195.category-tabs {
     196        margin: 8px 0 3px;
     197}
     198
     199#category-adder h4 {
     200        margin: 10px 0;
     201}
     202
     203#side-sortables .add-menu-item-tabs,
     204.wp-tab-bar {
     205        margin-bottom: 3px;
     206}
     207
     208#normal-sortables .postbox #replyrow .submit {
     209        float: none;
     210        margin: 0;
     211        padding: 0 7px 5px;
     212}
     213
     214#side-sortables .submitbox .submit input,
     215#side-sortables .submitbox .submit .preview,
     216#side-sortables .submitbox .submit a.preview:hover {
     217        border: 0 none;
     218}
     219
     220#side-sortables .inside-submitbox .insidebox,
     221.stuffbox .insidebox {
     222        margin: 11px 0;
     223}
     224
     225ul.category-tabs,
     226ul.add-menu-item-tabs,
     227ul.wp-tab-bar {
     228        margin-top: 12px;
     229}
     230
     231ul.category-tabs li {
     232        border-style: solid;
     233        border-width: 1px;
     234        position: relative;
     235}
     236
     237ul.add-menu-item-tabs li.tabs,
     238.wp-tab-active {
     239        border-style: solid solid none;
     240        border-width: 1px 1px 0;
     241}
     242
     243#post-body .add-menu-item-tabs li.tabs {
     244        border-style: solid none solid solid;
     245        border-width: 1px 0 1px 1px;
     246        margin-right: -1px;
     247}
     248
     249ul.category-tabs li,
     250ul.add-menu-item-tabs li,
     251ul.wp-tab-bar li {
     252        padding: 3px 5px 5px;
     253        @include rounded-top(3px);
     254}
     255
     256/* positioning etc. */
     257form#tags-filter {
     258        position: relative;
     259}
     260
     261/* Edit posts */
     262td.post-title strong,
     263td.plugin-title strong {
     264        display: block;
     265        margin-bottom: .2em;
     266}
     267
     268td.post-title p,
     269td.plugin-title p {
     270        margin: 6px 0;
     271}
     272
     273/* Global classes */
     274.wp-hidden-children .wp-hidden-child,
     275.ui-tabs-hide {
     276        display: none;
     277}
     278
     279.commentlist .avatar {
     280        vertical-align: text-top;
     281}
     282
     283#post-body .tagsdiv #newtag {
     284        margin-right: 5px;
     285        width: 16em;
     286}
     287
     288#side-sortables input#post_password {
     289        width: 94%;
     290}
     291
     292#side-sortables .tagsdiv #newtag {
     293        width: 68%;
     294}
     295
     296#post-status-info {
     297        border-width: 0 1px 1px;
     298        border-style: none solid solid;
     299        width: 100%;
     300        @include rounded-bottom(3px);
     301}
     302
     303#post-status-info td {
     304        font-size: 12px;
     305}
     306
     307.autosave-info {
     308        padding: 2px 15px;
     309        text-align: right;
     310}
     311
     312#editorcontent #post-status-info {
     313        border: none;
     314}
     315
     316#post-body .wp_themeSkin .mceStatusbar a.mceResize {
     317        display: block;
     318        background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
     319        width: 12px;
     320        cursor: se-resize;
     321        margin: 0 1px;
     322        position: relative;
     323        top: -2px;
     324}
     325
     326#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
     327        top: 20px;
     328}
     329
     330#content-resize-handle {
     331        background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
     332        width: 12px;
     333        cursor: se-resize;
     334        position: absolute;
     335        right: 2px;
     336        height: 19px;
     337
     338        .press-this & {
     339                bottom: 2px;
     340        }
     341
     342        .tmce-active & {
     343                display: none;
     344        }
     345}
     346
     347#wp-word-count {
     348        display: block;
     349        padding: 2px 10px;
     350}
     351
     352#timestampdiv select {
     353        height: 20px;
     354        line-height: 14px;
     355        padding: 0;
     356        vertical-align: top;
     357}
     358
     359#aa, #jj, #hh, #mn {
     360        padding: 1px;
     361        font-size: 12px;
     362}
     363
     364#jj, #hh, #mn {
     365        width: 2em;
     366}
     367
     368#aa {
     369        width: 3.4em;
     370}
     371
     372.curtime #timestamp {
     373        background-repeat: no-repeat;
     374        background-position: left center;
     375        padding: 2px 0 1px 20px;
     376}
     377
     378#timestampdiv {
     379        padding-top: 5px;
     380        line-height: 23px;
     381
     382        p {
     383                margin: 8px 0 6px;
     384        }
     385
     386        input {
     387                border-width: 1px;
     388                border-style: solid;
     389        }
     390}
     391
     392.notification-dialog {
     393        position: fixed;
     394        top: 30%;
     395        left: 50%;
     396        width: 450px;
     397        margin-left: -225px;
     398        background: #fff;
     399        line-height: 1.5;
     400        z-index: 1000005;
     401}
     402
     403.notification-dialog-background {
     404        position: fixed;
     405        top: 0;
     406        left: 0;
     407        right: 0;
     408        bottom: 0;
     409        background: #000;
     410        opacity: 0.5;
     411        filter: alpha(opacity=50);
     412        z-index: 1000000;
     413}
     414
     415#post-lock-dialog {
     416        .post-locked-message,
     417        .post-taken-over {
     418                margin: 25px;
     419        }
     420
     421        .post-locked-message a.button {
     422                margin-right: 10px;
     423        }
     424
     425        .post-locked-avatar {
     426                float: left;
     427                margin: 0 20px 20px 0;
     428        }
     429
     430        .wp-tab-first {
     431                outline: 0;
     432        }
     433
     434        .locked-saving img {
     435                float: left;
     436                margin-right: 3px;
     437        }
     438
     439        &.saving .locked-saving,
     440        &.saved .locked-saved {
     441                display: inline;
     442        }
     443}
     444
     445/*------------------------------------------------------------------------------
     446  11.1 - Custom Fields
     447------------------------------------------------------------------------------*/
     448
     449#postcustomstuff {
     450        thead th {
     451                padding: 5px 8px 8px;
     452        }
     453
     454        #postcustom & .submit {
     455                border: 0 none;
     456                float: none;
     457                padding: 0 8px 8px;
     458        }
     459
     460        #side-sortables #postcustom & {
     461                .submit {
     462                        margin: 0;
     463                        padding: 0;
     464                }
     465
     466                #the-list textarea {
     467                        height: 85px;
     468                }
     469
     470                td.left input,
     471                td.left select {
     472                        margin: 3px 3px 0;
     473                }
     474        }
     475
     476        #side-sortables & #newmetaleft a {
     477                margin: 3px 3px 0;
     478        }
     479
     480        table {
     481                margin: 0;
     482                width: 100%;
     483                border-width: 1px;
     484                border-style: solid;
     485                border-spacing: 0;
     486        }
     487
     488        tr {
     489                vertical-align: top;
     490        }
     491
     492        table input,
     493        table select,
     494        table textarea {
     495                width: 96%;
     496                margin: 8px;
     497        }
     498
     499        #side-sortables & table input,
     500        #side-sortables & table select,
     501        #side-sortables & table textarea {
     502                margin: 3px;
     503        }
     504
     505        th.left,
     506        td.left {
     507                width: 38%;
     508        }
     509
     510        .submit input {
     511                margin: 0;
     512                width: auto;
     513        }
     514
     515        #newmetaleft a {
     516                display: inline-block;
     517                margin: 0 8px 8px;
     518                text-decoration: none;
     519        }
     520
     521        .no-js & #enternew {
     522                display: none;
     523        }
     524}
     525
     526#post-body-content .compat-attachment-fields {
     527        margin-bottom: 20px;
     528}
     529
     530.compat-attachment-fields th {
     531        padding-top: 5px;
     532        padding-right: 10px;
     533}
     534
     535/*------------------------------------------------------------------------------
     536  11.2 - Post Revisions
     537------------------------------------------------------------------------------*/
     538.revisions-control-frame,
     539.revisions-diff-frame {
     540        position: relative;
     541}
     542
     543.revisions-controls {
     544        padding-top: 40px;
     545        height: 100px;
     546        z-index: 1;
     547
     548        input[type="checkbox"] {
     549                position: relative;
     550                top: -1px;
     551                vertical-align: text-bottom;
     552        }
     553
     554        .revisions.pinned & {
     555                position: fixed;
     556                top: 0;
     557                padding-bottom: 10px;
     558        }
     559
     560        .author-card {
     561                .date {
     562                        color: #777;
     563                }
     564
     565                .avatar,
     566                .author-info {
     567                        float: left;
     568                        margin-left: 6px;
     569                        margin-right: 6px;
     570                }
     571
     572                &.autosave {
     573                        color: #d54e21;
     574                }
     575
     576                .author-name {
     577                        font-weight: bold;
     578                }
     579
     580                .byline {
     581                        display: block;
     582                        font-size: 12px;
     583                }
     584
     585                .avatar {
     586                        vertical-align: middle;
     587                }
     588        }
     589
     590        .wp-slider {
     591                max-width: 70%;
     592                margin: 0 auto;
     593                top: -3px;
     594        }
     595
     596}
     597
     598.revisions-tickmarks {
     599        position: relative;
     600        margin: 0 auto;
     601        height: 0.8em;
     602        top: 7px;
     603        max-width: 70%;
     604        @include border-box();
     605
     606        & > div {
     607                position: absolute;
     608                height: 100%;
     609                border-style: solid;
     610                border-width: 0 1px 0 0;
     611                @include border-box();
     612
     613                &:first-child {
     614                        border-width: 0;
     615                }
     616        }
     617}
     618
     619.comparing-two-revisions .revisions-controls {
     620        height: 140px;
     621}
     622
     623.revisions .diff-error {
     624        position: absolute;
     625        text-align: center;
     626        margin: 0 auto;
     627        width: 100%;
     628        display: none;
     629}
     630
     631.revisions.diff-error .diff-error {
     632        display: block;
     633}
     634
     635.revisions {
     636
     637        .loading-indicator {
     638                position: fixed;
     639                vertical-align: middle;
     640                opacity: 0;
     641                width: 100%;
     642                top: 50%;
     643                margin-left: -90px;
     644                -webkit-transition: opacity 0.5s;
     645                -moz-transition:    opacity 0.5s;
     646                -ms-transition:     opacity 0.5s;
     647                -o-transition:      opacity 0.5s;
     648                transition:         opacity 0.5s;
     649                filter: alpha(opacity=0); /* ie8 and earlier */
     650        }
     651
     652        body.folded & .loading-indicator {
     653                margin-left: -32px;
     654        }
     655
     656        .loading-indicator span.spinner {
     657                display: block;
     658                margin: 0 auto;
     659                float: none;
     660        }
     661
     662        &.loading .loading-indicator {
     663                opacity: 1;
     664                filter: alpha(opacity=100); /* ie8 and earlier */
     665        }
     666
     667        .diff {
     668                -webkit-transition: opacity 0.5s;
     669                -moz-transition:    opacity 0.5s;
     670                -ms-transition:     opacity 0.5s;
     671                -o-transition:      opacity 0.5s;
     672                transition:         opacity 0.5s;
     673        }
     674
     675        &.loading .diff {
     676                opacity: 0.5;
     677                filter: alpha(opacity=50); /* ie8 and earlier */
     678        }
     679
     680        &.diff-error .diff {
     681                visibility: hidden;
     682        }
     683}
     684
     685.revisions-meta {
     686        margin-top: 15px;
     687}
     688
     689.revision-toggle-compare-mode {
     690        position: absolute;
     691        top: 0;
     692        right: 0;
     693}
     694
     695.comparing-two-revisions .revisions-previous,
     696.comparing-two-revisions .revisions-next,
     697.revisions-meta .diff-meta-to strong {
     698        display: none;
     699}
     700
     701.comparing-two-revisions .diff-meta-to strong {
     702        display: block;
     703}
     704
     705.revisions-previous,
     706.revisions-next {
     707        position: relative;
     708        z-index: 1;
     709}
     710
     711.revisions-previous {
     712        float: left;
     713}
     714
     715.revisions-next {
     716        float: right;
     717}
     718
     719/* Revision meta box */
     720.post-revisions li img,
     721#revisions-meta-restored img {
     722        vertical-align: middle;
     723}
     724
     725table.diff {
     726        table-layout: fixed;
     727        width: 100%;
     728        white-space: pre-wrap;
     729        word-wrap: break-word;
     730
     731        col.content {
     732                width: auto;
     733       
     734                &.diffsplit {
     735                        width: 48%;
     736                }
     737
     738                &.middle {
     739                        width: auto;
     740                }
     741        }
     742
     743        col.ltype {
     744                width: 30px;
     745        }
     746
     747        tr {
     748                background-color: transparent;
     749        }
     750
     751        td,
     752        th {
     753                padding: .5em;
     754                font-family: Consolas, Monaco, monospace;
     755        }
     756
     757        .diff-deletedline del,
     758        .diff-addedline ins {
     759                text-decoration: none;
     760        }
     761}
     762
     763.diff-meta {
     764        @include rounded(3px);
     765        padding: 5px;
     766        clear: both;
     767        min-height: 32px;
     768
     769        input.restore-revision {
     770                float: right;
     771                margin-left: 6px;
     772                margin-right: 6px;
     773                margin-top: 4px;
     774        }
     775}
     776
     777.diff-title strong {
     778        line-height: 32px;
     779        min-width: 60px;
     780        text-align: right;
     781        float: left;
     782        margin-right: 5px;
     783}
     784
     785.diff-meta-from {
     786        display: none;
     787
     788        .comparing-two-revisions & {
     789                display: block;
     790        }
     791}
     792
     793.revisions-tooltip {
     794        position: absolute;
     795        bottom: 105px;
     796        margin-right: 0;
     797        margin-left: -69px;
     798        z-index: 0;
     799        max-width: 350px;
     800        min-width: 130px;
     801        padding: 8px 4px;
     802        display: none;
     803        opacity: 0;
     804
     805        &.flipped {
     806                margin-left: 0;
     807                margin-right: -70px;
     808
     809                .revisions-tooltip-arrow {
     810                        margin-left: 0;
     811                        margin-right: 35px;
     812                        left: auto;
     813                        right: 0;
     814                }
     815
     816                .ie8 & .revisions-tooltip-arrow > span {
     817                        right: 25px;
     818                }
     819        }
     820
     821        .revisions.pinned & {
     822                display: none !important;
     823        }
     824
     825        .comparing-two-revisions & {
     826                bottom: 145px;
     827        }
     828}
     829
     830.revisions-tooltip-arrow {
     831        width: 70px;
     832        height: 15px;
     833        overflow: hidden;
     834        position: absolute;
     835        left: 0;
     836        margin-left: 35px;
     837        bottom: -15px;
     838
     839        & > span {
     840                content: "";
     841                position: absolute;
     842                left: 20px;
     843                top: -20px;
     844                width: 25px;
     845                height: 25px;
     846                -webkit-transform: rotate(45deg);
     847                -moz-transform: rotate(45deg);
     848                -ms-transform: rotate(45deg);
     849                -o-transform: rotate(45deg);
     850                tranform: rotate(45deg);
     851
     852                .revisions-tooltip.flipped & {
     853                        left: auto;
     854                        right: 20px;
     855                }
     856        }
     857
     858        .ie8 & > span {
     859                left: 15px;
     860                top: -25px;
     861                -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
     862        }
     863}
     864
     865.revisions-tooltip,
     866.revisions-tooltip-arrow > span {
     867        border-width: 1px;
     868        border-style: solid;
     869}
     870
     871div.revisions-controls > .wp-slider > .ui-slider-handle {
     872        margin-left: -10px;
     873}
     874
     875 /* jQuery UI Slider */
     876.wp-slider {
     877        &.ui-slider {
     878                position: relative;
     879                border-width: 1px;
     880                border-style: solid;
     881                @include rounded(3px);
     882                text-align: left;
     883                cursor: pointer;
     884        }
     885
     886        .ui-slider-handle {
     887                position: absolute;
     888                z-index: 2;
     889                margin-top: -3px;
     890                width: 19px;
     891                height: 19px;
     892                border-width: 1px;
     893                border-style: solid;
     894                @include rounded(50%);
     895
     896                &:before {
     897                        content: "";
     898                        position: absolute;
     899                        top: 6px;
     900                        left: 3px;
     901                        height: 8px;
     902                        width: 13px;
     903                        background: url(../images/arrows-pr.png) no-repeat -2px -47px;
     904                }
     905
     906                &.from-handle:before,
     907                &.to-handle:before {
     908                        height: 8px;
     909                        width: 7px;
     910                }
     911
     912                &.from-handle:before {
     913                        background-position: -5px -84px;
     914                        left: 7px;
     915                }
     916
     917                &.to-handle:before {
     918                        background-position: -4px -65px;
     919                        left: 5px;
     920                }
     921        }
     922
     923        .ui-slider-range {
     924                position: absolute;
     925                font-size: .7em;
     926                display: block;
     927                border: 0;
     928                background-color: transparent;
     929                background-image: none;
     930        }
     931
     932        &.ui-slider-horizontal {
     933                height: .8em;
     934
     935                .ui-slider-handle {
     936                        top: -.25em;
     937                        margin-left: -.6em;
     938                }
     939
     940                .ui-slider-range {
     941                        top: 0;
     942                        height: 100%;
     943                }
     944
     945                .ui-slider-range-min {
     946                        left: 0;
     947                }
     948
     949                .ui-slider-range-max {
     950                        right: 0;
     951                }       
     952        }
     953}
     954
     955
     956/*------------------------------------------------------------------------------
     957  11.3 - Featured Images
     958------------------------------------------------------------------------------*/
     959
     960#select-featured-image {
     961        padding: 4px 0;
     962        overflow: hidden;
     963
     964        img {
     965                max-width: 100%;
     966                height: auto;
     967                margin-bottom: 10px;
     968        }
     969
     970        a {
     971                float: left;
     972                clear: both;
     973        }
     974
     975        .remove {
     976                display: none;
     977                margin-top: 10px;
     978        }
     979
     980        .js &.has-featured-image .remove {
     981                display: inline-block;
     982        }
     983
     984        .no-js & .choose {
     985                display: none;
     986        }
     987}
     988
     989/*------------------------------------------------------------------------------
     990  11.4 - Post formats
     991------------------------------------------------------------------------------*/
     992
     993a.post-state-format {
     994        overflow: hidden;
     995        display: inline-block;
     996        vertical-align: middle;
     997        height: 16px;
     998        width: 16px;
     999        margin-right: 5px;
     1000        background-repeat: no-repeat;
     1001        text-indent: -999em;
     1002}
     1003
     1004#post-formats-select {
     1005        line-height: 2em;
     1006}
     1007
     1008.post-format-icon {
     1009        margin-left: 5px;
     1010        padding: 2px 0 2px 21px;
     1011        line-height: 2em;
     1012
     1013        &.post-format-standard  {
     1014                background-position: 0 0;
     1015        }
     1016
     1017        &.post-format-image  {
     1018                background-position: 0 -32px;
     1019        }
     1020
     1021        &.post-format-gallery {
     1022                background-position: 0 -64px;
     1023        }
     1024
     1025        &.post-format-audio {
     1026                background-position: 0 -96px;
     1027        }
     1028
     1029        &.post-format-video {
     1030                background-position: 0 -128px;
     1031        }
     1032
     1033        &.post-format-chat {
     1034                background-position: 0 -160px;
     1035        }
     1036
     1037        &.post-format-status {
     1038                background-position: 0 -192px;
     1039        }
     1040
     1041        &.post-format-aside {
     1042                background-position: 0 -224px;
     1043        }
     1044
     1045        &.post-format-quote {
     1046                background-position: 0 -256px;
     1047        }
     1048
     1049        &.post-format-link {
     1050                background-position: 0 -288px;
     1051        }
     1052}
     1053 No newline at end of file
  • new file wp-admin/css/scss/modules/footer.scss

    diff --git a/wp-admin/css/scss/modules/footer.scss b/wp-admin/css/scss/modules/footer.scss
    new file mode 100644
    index 0000000..886238e
    - +  
     1/*------------------------------------------------------------------------------
     2  21.0 - Admin Footer
     3------------------------------------------------------------------------------*/
     4
     5#wpfooter {
     6        position: absolute;
     7        bottom: 0;
     8        left: 0;
     9        right: 0;
     10        padding: 10px 0;
     11        margin-right: 20px;
     12        border-top-width: 1px;
     13        border-top-style: solid;
     14
     15        p {
     16                margin: 0;
     17                line-height: 20px;
     18        }
     19
     20        a {
     21                text-decoration: none;
     22
     23                &:hover {
     24                        text-decoration: underline;
     25                }
     26        }
     27}
     28 No newline at end of file
  • new file wp-admin/css/scss/modules/forms.scss

    diff --git a/wp-admin/css/scss/modules/forms.scss b/wp-admin/css/scss/modules/forms.scss
    new file mode 100644
    index 0000000..297561a
    - +  
     1/*------------------------------------------------------------------------------
     2  2.0 - Forms
     3------------------------------------------------------------------------------*/
     4
     5
     6.wp-admin select {
     7        padding: 2px;
     8        height: 2em;
     9
     10        &[multiple] {
     11                height: auto;
     12        }
     13}
     14
     15.submit {
     16        padding: 1.5em 0;
     17        margin: 5px 0;
     18        @include rounded-bottom(3px);
     19}
     20
     21form p.submit a.cancel:hover {
     22        text-decoration: none;
     23}
     24
     25#minor-publishing-actions input,
     26#major-publishing-actions input,
     27#minor-publishing-actions .preview {
     28        text-align: center;
     29}
     30
     31textarea.all-options,
     32input.all-options {
     33        width: 250px;
     34}
     35
     36input.large-text,
     37textarea.large-text {
     38        width: 99%;
     39}
     40
     41input.regular-text,
     42#adduser .form-field input {
     43        width: 25em;
     44}
     45
     46input.small-text {
     47        width: 50px;
     48
     49        &[type="number"] {
     50                width: 60px;
     51        }
     52}
     53
     54#doaction,
     55#doaction2,
     56#post-query-submit {
     57        margin: 1px 8px 0 0;
     58}
     59
     60.tablenav {
     61        #changeit,
     62        #delete_all,
     63        #clear-recent-list {
     64                margin-top: 1px;
     65        }
     66
     67        .actions select {
     68                float: left;
     69                margin-right: 6px;
     70                max-width: 200px;
     71        }
     72
     73        .ie8 & .actions select {
     74                width: 155px;
     75       
     76                &#cat {
     77                        width: 200px;
     78                }
     79        }
     80}
     81
     82#timezone_string option {
     83        margin-left: 1em;
     84}
     85
     86label,
     87#your-profile label + a {
     88        vertical-align: middle;
     89}
     90
     91#misc-publishing-actions label {
     92        vertical-align: baseline;
     93}
     94
     95#pass-strength-result {
     96        border-style: solid;
     97        border-width: 1px;
     98        float: left;
     99        margin: 13px 5px 5px 1px;
     100        padding: 3px 5px;
     101        text-align: center;
     102        width: 200px;
     103        display: none;
     104}
     105.indicator-hint {
     106        padding-top: 8px;
     107}
     108
     109p.search-box {
     110        float: right;
     111        margin: 0;
     112}
     113
     114.search-box input[name="s"],
     115#search-plugins input[name="s"],
     116.tagsdiv .newtag {
     117        float: left;
     118        height: 2em;
     119        margin: 0 4px 0 0;
     120}
     121
     122input[type="text"].ui-autocomplete-loading {
     123        background: transparent url('../images/loading.gif') no-repeat right center;
     124        visibility: visible;
     125}
     126
     127ul#add-to-blog-users {
     128        margin: 0 0 0 14px;
     129}
     130
     131.ui-autocomplete-input.open {
     132        border-bottom-right-radius: 0;
     133        border-bottom-left-radius: 0;
     134}
     135
     136.ui-autocomplete {
     137        padding: 0;
     138        margin: 0;
     139        list-style: none;
     140        position: absolute;
     141        z-index: 10000;
     142        border-bottom-right-radius: 3px;
     143        border-bottom-left-radius: 3px;
     144        border-width: 1px;
     145        border-style: solid;
     146
     147        li {
     148                margin-bottom: 0;
     149                white-space: nowrap;
     150                text-align: left;
     151                a {
     152                        display: block;
     153                        height: 100%;
     154                        padding: 4px 10px;
     155               
     156                        &.ui-state-focus {
     157                                cursor: pointer;
     158                        }
     159                }       
     160        }
     161}
     162 No newline at end of file
  • new file wp-admin/css/scss/modules/full-overlay.scss

    diff --git a/wp-admin/css/scss/modules/full-overlay.scss b/wp-admin/css/scss/modules/full-overlay.scss
    new file mode 100644
    index 0000000..136022b
    - +  
     1/*------------------------------------------------------------------------------
     2  23.0 - Full Overlay w/ Sidebar
     3------------------------------------------------------------------------------*/
     4
     5body.full-overlay-active {
     6        overflow: hidden;
     7}
     8
     9.wp-full-overlay {
     10        background: #fff;
     11        z-index: 500000;
     12        position: fixed;
     13        overflow: visible;
     14        top: 0;
     15        bottom: 0;
     16        left: 0;
     17        right: 0;
     18        height: 100%;
     19        min-width: 0;
     20
     21        &.expanded {
     22                margin-left: 300px;
     23        }
     24
     25        /* Close Link */
     26        .close-full-overlay {
     27                text-decoration: none;
     28        }
     29
     30        /* Collapse Button */
     31        a.collapse-sidebar {
     32                position: absolute;
     33                bottom: 12px;
     34                left: 0;
     35                z-index: 50;
     36                display: block;
     37                width: 19px;
     38                height: 19px;
     39                margin-left: 15px;
     40                padding: 0;
     41                @include rounded(50%);
     42                text-decoration: none;
     43        }
     44
     45        .collapse-sidebar-arrow {
     46                position: absolute;
     47                margin-top: 2px;
     48                margin-left: 2px;
     49                display: block;
     50                width: 15px;
     51                height: 15px;
     52                background: transparent url('../images/arrows.png') no-repeat -1px -73px;
     53        }
     54
     55        .collapse-sidebar-label {
     56                position: absolute;
     57                left: 100%;
     58                color: #808080;
     59                line-height: 20px;
     60                margin-left: 10px;
     61        }
     62
     63        &.collapsed {
     64                .collapse-sidebar {
     65                        position: absolute;
     66                        left: 100%;
     67                }
     68
     69                .collapse-sidebar-arrow {
     70                        background-position: -1px -109px;
     71                }
     72
     73                .collapse-sidebar-label {
     74                        display: none;
     75                }
     76        }
     77
     78        .collapse-sidebar:hover .collapse-sidebar-label {
     79                color: #666;
     80        }
     81}
     82
     83.wp-full-overlay-sidebar {
     84        @include border-box();
     85        position: fixed;
     86        width: 300px;
     87        height: 100%;
     88        top: 0;
     89        bottom: 0;
     90        left: 0;
     91        padding: 0;
     92        margin: 0;
     93        z-index: 10;
     94        overflow: auto;
     95        background: #f5f5f5;
     96        border-right: 1px solid rgba( 0, 0, 0, 0.2 );
     97
     98        .wp-full-overlay.collapsed & {
     99                overflow: visible;
     100                margin-left: -300px;
     101        }
     102
     103        &:after {
     104                content: '';
     105                display: block;
     106                position: absolute;
     107                top: 0;
     108                bottom: 0;
     109                right: 0;
     110                width: 3px;
     111                box-shadow: -5px 0 4px -4px rgba(0, 0, 0, 0.1) inset;
     112                z-index: 1000;
     113        }
     114
     115        .wp-full-overlay-header {
     116                position: absolute;
     117                left: 0;
     118                right: 0;
     119                height: 45px;
     120                padding: 0 20px;
     121                line-height: 45px;
     122                z-index: 10;
     123                margin: 0;
     124                border-top: 0;
     125                border-bottom: 1px solid #fff;
     126                box-shadow: inset 0 -1px 0 0px $border-color;
     127        }
     128
     129        .wp-full-overlay-footer {
     130                bottom: 0;
     131                border-bottom: 0;
     132                border-top: 1px solid $border-color;
     133                box-shadow: inset 0 1px 0 0px #fff;
     134        }
     135
     136        .wp-full-overlay-sidebar-content {
     137                position: absolute;
     138                top: 45px;
     139                bottom: 45px;
     140                left: 0;
     141                right: 0;
     142                overflow: auto;
     143
     144                .accordion-section:first-child {
     145                        border-top: 1px solid #fff;
     146                }
     147        }
     148}
     149
     150.wp-full-overlay.collapsed,
     151.wp-full-overlay.expanded .wp-full-overlay-sidebar {
     152        margin-left: 0 !important;
     153}
     154
     155.wp-full-overlay-main {
     156        position: absolute;
     157        left: 0;
     158        right: 0;
     159        top: 0;
     160        bottom: 0;
     161        height: 100%;
     162}
     163
     164/* Animations */
     165.wp-full-overlay,
     166.wp-full-overlay-sidebar,
     167.wp-full-overlay .collapse-sidebar,
     168.wp-full-overlay-main {
     169        @include transitions();
     170}
     171 No newline at end of file
  • new file wp-admin/css/scss/modules/global.scss

    diff --git a/wp-admin/css/scss/modules/global.scss b/wp-admin/css/scss/modules/global.scss
    new file mode 100644
    index 0000000..5a3adf2
    - +  
     1/* 2 column liquid layout */
     2#wpwrap {
     3        height: auto;
     4        min-height: 100%;
     5        width: 100%;
     6        position: relative;
     7}
     8
     9#wpcontent {
     10        height: 100%;
     11}
     12
     13#wpcontent,
     14#wpfooter {
     15        margin-left: 165px;
     16}
     17
     18.folded #wpcontent,
     19.folded #wpfooter {
     20        margin-left: 52px;
     21}
     22
     23#wpbody-content {
     24        padding-bottom: 65px;
     25        float: left;
     26        width: 100%;
     27}
     28
     29#adminmenuback,
     30#adminmenuwrap,
     31#adminmenu,
     32#adminmenu .wp-submenu {
     33        width: 145px;
     34}
     35
     36#adminmenuback {
     37        position: absolute;
     38        top: 0;
     39        bottom: 0;
     40        z-index: -1;
     41}
     42
     43#adminmenu {
     44        clear: left;
     45        margin: 0;
     46        padding: 0;
     47        list-style: none;
     48}
     49
     50.folded #adminmenuback,
     51.folded #adminmenuwrap,
     52.folded #adminmenu,
     53.folded #adminmenu li.menu-top {
     54        width: 32px;
     55}
     56
     57/* inner 2 column liquid layout */
     58
     59.inner-sidebar {
     60        float: right;
     61        clear: right;
     62        display: none;
     63        width: 281px;
     64        position: relative;
     65
     66        .columns-2 & {
     67                margin-right: auto;
     68                width: 286px;
     69                display: block;
     70        }
     71
     72        #side-sortables,
     73        .columns-2 & #side-sortables {
     74                min-height: 300px;
     75                width: 280px;
     76                padding: 0;
     77        }
     78
     79        .has-right-sidebar & {
     80                display: block;
     81        }
     82}
     83
     84.has-right-sidebar {
     85        #post-body {
     86                float: left;
     87                clear: left;
     88                width: 100%;
     89                margin-right: -2000px;
     90        }
     91
     92        #post-body-content {
     93                margin-right: 300px;
     94                float: none;
     95                width: auto;
     96        }
     97}
     98
     99/* 2 columns main area */
     100
     101#col-container,
     102#col-left,
     103#col-right {
     104        overflow: hidden;
     105        padding: 0;
     106        margin: 0;
     107}
     108
     109#col-left {
     110        width: 35%;
     111}
     112
     113#col-right {
     114        float: right;
     115        clear: right;
     116        width: 65%;
     117}
     118
     119.col-wrap {
     120        padding: 0 7px;
     121}
     122
     123/* utility classes */
     124.alignleft {
     125        float: left;
     126}
     127
     128.alignright {
     129        float: right;
     130}
     131
     132.textleft {
     133        text-align: left;
     134}
     135
     136.textright {
     137        text-align: right;
     138}
     139
     140.clear {
     141        clear: both;
     142}
     143
     144/* Hide visually but not from screen readers */
     145.screen-reader-text,
     146.screen-reader-text span,
     147.ui-helper-hidden-accessible {
     148        position: absolute;
     149        left: -1000em;
     150        top: -1000em;
     151        height: 1px;
     152        width: 1px;
     153        overflow: hidden;
     154}
     155
     156.screen-reader-shortcut {
     157        position: absolute;
     158        top: -1000em;
     159
     160        &:focus {
     161                left: 6px;
     162                top: -21px;
     163                height: auto;
     164                width: auto;
     165                display: block;
     166                @include bold-font(14px);
     167                padding: 15px 23px 14px;
     168                background: #f1f1f1;
     169                color: #21759b;
     170                @include rounded(3px);
     171                z-index: 100000;
     172                -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
     173                box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
     174                text-decoration: none;
     175        }
     176}
     177
     178.hidden,
     179.js .closed .inside,
     180.js .hide-if-js,
     181.no-js .hide-if-no-js,
     182.js.wp-core-ui .hide-if-js,
     183.js .wp-core-ui .hide-if-js,
     184.no-js.wp-core-ui .hide-if-no-js,
     185.no-js .wp-core-ui .hide-if-no-js {
     186        display: none;
     187}
     188
     189/* include margin and padding in the width calculation of input and textarea */
     190input[type="text"],
     191input[type="password"],
     192input[type="number"],
     193input[type="search"],
     194input[type="email"],
     195input[type="url"],
     196textarea {
     197        @include border-box();
     198}
     199
     200input[type="checkbox"],
     201input[type="radio"] {
     202        vertical-align: text-top;
     203        padding: 0;
     204        margin: 1px 0 0;
     205}
     206
     207input[type="search"] {
     208        -webkit-appearance: textfield;
     209}
     210
     211input[type="search"]::-webkit-search-decoration {
     212        display: none;
     213}
     214
     215/* general */
     216html,
     217body {
     218        height: 100%;
     219        margin: 0;
     220        padding: 0;
     221}
     222
     223body {
     224        font-family: sans-serif;
     225        font-size: 12px;
     226        line-height: 1.4em;
     227        min-width: 600px;
     228
     229        &.iframe {
     230                min-width: 0;
     231                padding-top: 1px;
     232        }
     233
     234        &.login {
     235                background: #fbfbfb;
     236                min-width: 0;
     237        }
     238}
     239
     240iframe,
     241img {
     242        border: 0;
     243}
     244
     245td,
     246textarea,
     247input,
     248select,
     249button {
     250        font-family: inherit;
     251        font-size: inherit;
     252        font-weight: inherit;
     253}
     254
     255td,
     256textarea {
     257        line-height: inherit;
     258}
     259
     260input,
     261select {
     262        line-height: 15px;
     263}
     264
     265a,
     266input[type="text"],
     267input[type="password"],
     268input[type="number"],
     269input[type="search"],
     270input[type="email"],
     271input[type="url"],
     272select,
     273textarea,
     274div {
     275        outline: 0;
     276}
     277
     278a:focus,
     279a:active {
     280        outline: thin dotted;
     281}
     282
     283#adminmenu a:focus,
     284#adminmenu a:active,
     285.screen-reader-text:focus {
     286        outline: none;
     287}
     288
     289blockquote,
     290q {
     291        quotes: none;
     292}
     293
     294blockquote:before,
     295blockquote:after,
     296q:before,
     297q:after {
     298        content: '';
     299        content: none;
     300}
     301
     302p {
     303        margin: 1em 0;
     304}
     305
     306blockquote {
     307        margin: 1em;
     308}
     309
     310label {
     311        cursor: pointer;
     312}
     313
     314li,
     315dd {
     316        margin-bottom: 6px;
     317}
     318
     319textarea,
     320input,
     321select {
     322        margin: 1px;
     323        padding: 3px;
     324}
     325
     326h1,
     327h2,
     328h3,
     329h4,
     330h5,
     331h6 {
     332        display: block;
     333        font-weight: bold;
     334}
     335
     336h1 {
     337        font-size: 2em;
     338        margin: .67em 0;
     339}
     340
     341h2 {
     342        font-size: 1.5em;
     343        margin: .83em 0;
     344}
     345
     346h3 {
     347        font-size: 1.17em;
     348        margin: 1em 0;
     349}
     350
     351h4 {
     352        font-size: 1em;
     353        margin: 1.33em 0;
     354}
     355
     356h5 {
     357        font-size: 0.83em;
     358        margin: 1.67em 0;
     359}
     360
     361h6 {
     362        font-size: 0.67em;
     363        margin: 2.33em 0;
     364}
     365
     366ul,
     367ol {
     368        padding: 0;
     369}
     370
     371ul {
     372        list-style: none;
     373}
     374
     375ol {
     376        list-style-type: decimal;
     377        margin-left: 2em;
     378}
     379
     380ul.ul-disc {
     381        list-style: disc outside;
     382}
     383
     384ul.ul-square {
     385        list-style: square outside;
     386}
     387
     388ol.ol-decimal {
     389        list-style: decimal outside;
     390}
     391
     392ul.ul-disc,
     393ul.ul-square,
     394ol.ol-decimal {
     395        margin-left: 1.8em;
     396}
     397
     398ul.ul-disc > li,
     399ul.ul-square > li,
     400ol.ol-decimal > li {
     401        margin: 0 0 0.5em;
     402}
     403
     404.code,
     405code {
     406        font-family: Consolas, Monaco, monospace;
     407}
     408
     409kbd,
     410code {
     411        padding: 1px 3px;
     412        margin: 0 1px;
     413        font-size: 11px;
     414}
     415
     416.subsubsub {
     417        list-style: none;
     418        margin: 8px 0 5px;
     419        padding: 0;
     420        font-size: 12px;
     421        float: left;
     422
     423        a {
     424                line-height: 2;
     425                padding: .2em;
     426                text-decoration: none;
     427        }
     428
     429        a .count,
     430        a.current .count {
     431                color: #999;
     432                font-weight: normal;
     433        }
     434
     435        a.current {
     436                font-weight: bold;
     437                border: none;
     438        }
     439
     440        li {
     441                display: inline-block;
     442                margin: 0;
     443                padding: 0;
     444                white-space: nowrap;
     445        }
     446}
     447
     448.widefat,
     449div.updated,
     450div.error,
     451.wrap .add-new-h2,
     452textarea,
     453input[type="text"],
     454input[type="password"],
     455input[type="file"],
     456input[type="email"],
     457input[type="number"],
     458input[type="search"],
     459input[type="tel"],
     460input[type="url"],
     461select,
     462.tablenav .tablenav-pages a,
     463.tablenav-pages span.current,
     464#titlediv #title,
     465.postbox,
     466#postcustomstuff table,
     467#postcustomstuff input,
     468#postcustomstuff textarea,
     469.imgedit-menu div,
     470.plugin-update-tr .update-message,
     471#poststuff .inside .the-tagcloud,
     472.login form,
     473#login_error,
     474.login .message,
     475#menu-management .menu-edit,
     476.nav-menus-php .list-container,
     477.menu-item-handle,
     478.link-to-original,
     479.nav-menus-php .major-publishing-actions .form-invalid,
     480.press-this #message,
     481#TB_window,
     482.tbtitle,
     483.highlight,
     484.feature-filter,
     485#widget-list .widget-top,
     486.editwidget .widget-inside {
     487        @include rounded(3px);
     488        border-width: 1px;
     489        border-style: solid;
     490}
     491
     492/* .widefat - main style for tables */
     493.widefat {
     494        border-spacing: 0;
     495        width: 100%;
     496        clear: both;
     497        margin: 0;
     498
     499        * {
     500                word-wrap: break-word;
     501        }
     502
     503        a {
     504                text-decoration: none;
     505        }
     506
     507        thead th:first-of-type {
     508                -moz-border-top-left-radius: 3px;
     509                -webkit-border-top-left-radius: 3px;
     510                border-top-left-radius: 3px;
     511        }
     512        thead th:last-of-type {
     513                -moz-border-top-right-radius: 3px;
     514                -webkit-border-top-right-radius: 3px;
     515                border-top-right-radius: 3px;
     516        }
     517        tfoot th:first-of-type {
     518                -moz-border-bottom-left-radius: 3px;
     519                -webkit-border-bottom-left-radius: 3px;
     520                border-bottom-left-radius: 3px;
     521        }
     522        tfoot th:last-of-type {
     523                -moz-border-bottom-right-radius: 3px;
     524                -webkit-border-bottom-right-radius: 3px;
     525                border-bottom-right-radius: 3px;
     526        }
     527
     528        td,
     529        th {
     530                border-width: 1px 0;
     531                border-style: solid;
     532        }
     533        tfoot th {
     534                border-bottom: none;
     535        }
     536
     537        .no-items td {
     538                border-bottom-width: 0;
     539        }
     540
     541        td {
     542                font-size: 12px;
     543                padding: 4px 7px 2px;
     544                vertical-align: top;
     545        }
     546
     547        td p,
     548        td ol,
     549        td ul {
     550                font-size: 12px;
     551        }
     552
     553        th {
     554                padding: 7px 7px 8px;
     555                text-align: left;
     556                line-height: 1.3em;
     557                font-size: 14px;
     558        }
     559
     560        th input {
     561                margin: 0 0 0 8px;
     562                padding: 0;
     563                vertical-align: text-top;
     564        }
     565
     566        .check-column {
     567                width: 2.2em;
     568                padding: 6px 0 25px;
     569                vertical-align: top;
     570        }
     571
     572        tbody th.check-column {
     573                padding: 9px 0 22px;
     574        }
     575
     576        &.media .check-column {
     577                padding-top: 8px;
     578        }
     579
     580        thead .check-column,
     581        tfoot .check-column {
     582                padding: 10px 0 0;
     583        }
     584
     585        .no-js & thead .check-column input,
     586        .no-js & tfoot .check-column input {
     587                display: none;
     588        }
     589}
     590
     591.widefat .num,
     592.column-comments,
     593.column-links,
     594.column-posts {
     595        text-align: center;
     596}
     597
     598.widefat th#comments {
     599        vertical-align: middle;
     600}
     601
     602.wrap {
     603        margin: 4px 15px 0 0;
     604}
     605
     606div.updated,
     607div.error {
     608        padding: 0 0.6em;
     609        margin: 5px 15px 2px;
     610}
     611
     612div.updated p,
     613div.error p {
     614        margin: 0.5em 0;
     615        padding: 2px;
     616}
     617
     618.wrap div.updated,
     619.wrap div.error,
     620.media-upload-form div.error {
     621        margin: 5px 0 15px;
     622}
     623
     624.wrap h2,
     625.subtitle {
     626        font-weight: normal;
     627        margin: 0;
     628        text-shadow: #fff 0 1px 0;
     629}
     630
     631.wrap h2 {
     632        font-size: 23px;
     633        padding: 9px 15px 4px 0;
     634        line-height: 29px;
     635}
     636
     637.subtitle {
     638        font-size: 14px;
     639        padding-left: 25px;
     640}
     641
     642.wrap .add-new-h2 {
     643        font-family: sans-serif;
     644        margin-left: 4px;
     645        padding: 3px 8px;
     646        position: relative;
     647        top: -3px;
     648        text-decoration: none;
     649        font-size: 12px;
     650        border: 0 none;
     651}
     652
     653.wrap h2.long-header {
     654        padding-right: 0;
     655}
     656
     657html,
     658.wp-dialog {
     659        background-color: white;
     660}
     661
     662textarea,
     663input[type="text"],
     664input[type="password"],
     665input[type="file"],
     666input[type="email"],
     667input[type="number"],
     668input[type="search"],
     669input[type="tel"],
     670input[type="url"],
     671select {
     672        background-color: white;
     673        color: #333;
     674}
     675
     676select {
     677        color: black;
     678}
     679
     680select[disabled] {
     681        color: #7f7f7f;
     682}
     683
     684select:focus {
     685        border-color: #aaa;
     686}
     687
     688textarea:focus,
     689input[type="text"]:focus,
     690input[type="password"]:focus,
     691input[type="file"]:focus,
     692input[type="email"]:focus,
     693input[type="number"]:focus,
     694input[type="search"]:focus,
     695input[type="tel"]:focus,
     696input[type="url"]:focus,
     697select:focus {
     698        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
     699        box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
     700}
     701
     702input[readonly] {
     703        background-color: #eee;
     704}
     705
     706:-moz-placeholder,
     707.wp-core-ui :-moz-placeholder {
     708   color: #a9a9a9;
     709}
     710
     711.postbox .spinner {
     712        display: none;
     713        vertical-align: middle;
     714}
     715
     716.button-controls {
     717        clear:both;
     718        margin: 10px 0;
     719}
     720
     721.show-all,
     722.hide-all {
     723        cursor: pointer;
     724}
     725
     726.hide-all {
     727        display: none;
     728}
     729
     730img {
     731        border: none;
     732}
     733 No newline at end of file
  • new file wp-admin/css/scss/modules/header.scss

    diff --git a/wp-admin/css/scss/modules/header.scss b/wp-admin/css/scss/modules/header.scss
    new file mode 100644
    index 0000000..66ad215
    - +  
     1/*------------------------------------------------------------------------------
     2  6.0 - Admin Header
     3------------------------------------------------------------------------------*/
     4#adminmenu a,
     5#sidemenu a,
     6#taglist a,
     7#catlist a {
     8        text-decoration: none;
     9}
     10
     11/*------------------------------------------------------------------------------
     12  6.1 - Screen Options Tabs
     13------------------------------------------------------------------------------*/
     14
     15#screen-options-wrap,
     16#contextual-help-wrap {
     17        margin: 0;
     18        padding: 8px 20px 12px;
     19        position: relative;
     20}
     21
     22#contextual-help-wrap {
     23        overflow: auto;
     24}
     25
     26#screen-meta-links {
     27        margin: 0 24px 0 0;
     28
     29        a:focus {
     30                -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
     31                box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
     32                outline: none;
     33        }
     34
     35        .screen-meta-toggle {
     36                position: relative;
     37                top: -1px;
     38        }
     39
     40        a.show-settings {
     41                text-decoration: none;
     42                z-index: 1;
     43                padding: 1px 16px 0 6px;
     44                height: 22px;
     45                line-height: 22px;
     46                font-size: 12px;
     47                display: block;
     48                text-shadow: rgba(255,255,255,0.7) 0 1px 0;
     49
     50                &:hover {
     51                        text-decoration: none;
     52                }
     53        }
     54}
     55
     56/* screen options and help tabs revert */
     57#screen-meta {
     58        display: none;
     59        position: relative;
     60        margin: 0 15px 0 5px;
     61        border-width: 0 1px 1px;
     62        border-style: none solid solid;
     63
     64        .screen-reader-text {
     65                visibility: hidden;
     66        }
     67}
     68
     69#screen-options-link-wrap,
     70#contextual-help-link-wrap {
     71        float: right;
     72        height: 23px;
     73        padding: 0;
     74        margin: 0 0 0 6px;
     75        font-family: sans-serif;
     76}
     77
     78#screen-options-link-wrap,
     79#contextual-help-link-wrap,
     80#screen-meta {
     81        @include rounded-bottom;
     82}
     83
     84/* end screen options and help tabs */
     85
     86.toggle-arrow {
     87        background-repeat: no-repeat;
     88        background-position: top left;
     89        background-color: transparent;
     90        height: 22px;
     91        line-height: 22px;
     92        display: block;
     93}
     94
     95.toggle-arrow-active {
     96        background-position: bottom left;
     97}
     98
     99#screen-options-wrap h5,
     100#contextual-help-wrap h5 {
     101        margin: 8px 0;
     102        font-size: 13px;
     103}
     104
     105.metabox-prefs {
     106        label {
     107                display: inline-block;
     108                padding-right: 15px;
     109                white-space: nowrap;
     110                line-height: 30px;
     111
     112                input {
     113                        margin: 0 5px 0 2px;
     114                }
     115       
     116                a {
     117                        display: none;
     118                }       
     119        }
     120
     121        .columns-prefs label input {
     122                margin: 0 2px;
     123        }
     124}
     125
     126
     127
     128/*------------------------------------------------------------------------------
     129  6.2 - Help Menu
     130------------------------------------------------------------------------------*/
     131
     132#contextual-help-wrap {
     133        padding: 0;
     134        margin-left: -4px;
     135}
     136
     137#contextual-help-columns {
     138        position: relative;
     139}
     140
     141#contextual-help-back {
     142        position: absolute;
     143        top: 0;
     144        bottom: 0;
     145        left: 150px;
     146        right: 170px;
     147        border-width: 0 1px;
     148        border-style: solid;
     149
     150        #contextual-help-wrap.no-sidebar & {
     151                right: 0;
     152
     153                border-right-width: 0;
     154                -moz-border-bottom-right-radius: 2px;
     155                -webkit-border-bottom-right-radius: 2px;
     156                border-bottom-right-radius: 2px;
     157        }
     158}
     159
     160.contextual-help-tabs {
     161        float: left;
     162        width: 150px;
     163        margin: 0;
     164
     165        ul {
     166                margin: 1em 0;
     167        }
     168
     169        li {
     170                margin-bottom: 0;
     171                list-style-type: none;
     172                border-style: solid;
     173                border-width: 1px 0;
     174                border-color: transparent;
     175        }
     176
     177        a {
     178                display: block;
     179                padding: 5px 5px 5px 12px;
     180                line-height: 18px;
     181                text-decoration: none;
     182        }
     183
     184        .active {
     185                padding: 0;
     186                margin: 0 -1px 0 0;
     187                border-width: 1px 0 1px 1px;
     188                border-style: solid;
     189        }
     190}
     191
     192.contextual-help-tabs-wrap {
     193        padding: 0 20px;
     194        overflow: auto;
     195}
     196
     197.help-tab-content {
     198        display: none;
     199        margin: 0 22px 12px 0;
     200        line-height: 1.6em;
     201
     202        &.active {
     203                display: block;
     204        }
     205
     206        ul li {
     207                list-style-type: disc;
     208                margin-left: 18px;
     209        }
     210}
     211
     212.contextual-help-sidebar {
     213        width: 150px;
     214        float: right;
     215        padding: 0 8px 0 12px;
     216        overflow: auto;
     217}
     218 No newline at end of file
  • new file wp-admin/css/scss/modules/hidpi.scss

    diff --git a/wp-admin/css/scss/modules/hidpi.scss b/wp-admin/css/scss/modules/hidpi.scss
    new file mode 100644
    index 0000000..7d3e3ea
    - +  
     1/**
     2 * HiDPI Displays
     3 */
     4@media print,
     5  (-o-min-device-pixel-ratio: 5/4),
     6  (-webkit-min-device-pixel-ratio: 1.25),
     7  (min-resolution: 120dpi) {
     8
     9        .press-this .tagchecklist span a {
     10                background-image: url('../images/xit-2x.gif');
     11                background-size: 20px auto;
     12         }
     13
     14        .js .postbox:hover .handlediv,
     15        .js .stuffbox:hover .handlediv,
     16        .widget-top a.widget-action {
     17                background-image: url('../images/arrows-2x.png');
     18                background-size: 15px 123px;
     19         }
     20
     21        .widget-top a.widget-action:hover {
     22                background-image: url('../images/arrows-dark-2x.png');
     23                background-size: 15px 123px;
     24        }
     25
     26        .post-com-count {
     27                background-image: url('../images/bubble_bg-2x.gif');
     28                background-size: 18px 100px;
     29        }
     30
     31        tr.wp-locked .locked-indicator  {
     32                background-image: url('../images/lock-2x.png');
     33                background-size: 16px 16px;
     34        }
     35
     36        th .comment-grey-bubble {
     37                background-image: url('../images/comment-grey-bubble-2x.png');
     38                background-size: 12px 12px;
     39        }
     40
     41        .sorting-indicator {
     42                background-image: url('../images/sort-2x.gif?ver=20130102');
     43                background-size: 14px 4px;
     44        }
     45
     46        #content-resize-handle,
     47        #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     48                background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
     49                background-size: 11px 11px;
     50        }
     51
     52        div.star-holder {
     53                background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
     54                background-size: 21px 37px;
     55        }
     56
     57        div.star-holder .star-rating {
     58                background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
     59                background-size: 21px 37px;
     60        }
     61
     62        .welcome-panel .welcome-panel-close:before {
     63                background-image: url('../images/xit-2x.gif');
     64                background-size: 20px auto;
     65        }
     66
     67        .welcome-panel .welcome-icon {
     68                background-image: url('../images/welcome-icons-2x.png');
     69        }
     70
     71        .login h1 a {
     72                background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
     73                background-size: 274px 63px;
     74        }
     75
     76        .wp-badge {
     77                background-image: url('../images/wp-badge-2x.png?ver=20120516');
     78                background-size: 173px 194px;
     79        }
     80
     81        .wp-full-overlay .collapse-sidebar-arrow {
     82                background-image: url('../images/arrows-2x.png');
     83                background-size: 15px 123px;
     84         }
     85
     86        .pressthis a span {
     87                background-image: url(../images/press-this-2x.png?v=20121105);
     88        }
     89
     90        .imgedit-crop,
     91        .imgedit-rleft,
     92        .imgedit-rright,
     93        .imgedit-flipv,
     94        .imgedit-fliph,
     95        .imgedit-undo,
     96        .imgedit-redo {
     97                background-image: url('../images/imgedit-icons-2x.png');
     98                background-size: 260px 64px;
     99        }
     100
     101        .spinner,
     102        .imgedit-wait,
     103        .customize-loading #customize-container {
     104                background-image: url(../images/wpspin_light-2x.gif);
     105        }
     106
     107        .wp-slider .ui-slider-handle:before {
     108                background-image: url(../images/arrows-pr-2x.png);
     109                background-size: 16px 102px;
     110        }
     111
     112}
     113 No newline at end of file
  • new file wp-admin/css/scss/modules/layout-blocks.scss

    diff --git a/wp-admin/css/scss/modules/layout-blocks.scss b/wp-admin/css/scss/modules/layout-blocks.scss
    new file mode 100644
    index 0000000..0f0ffdc
    - +  
     1/*------------------------------------------------------------------------------
     2  8.0 - Layout Blocks
     3------------------------------------------------------------------------------*/
     4
     5html.wp-toolbar {
     6        padding-top: 28px;
     7        @include border-box();
     8}
     9
     10.narrow {
     11        width: 70%;
     12        margin-bottom: 40px;
     13
     14        p {
     15                line-height: 150%;
     16        }
     17}
     18
     19.widefat {
     20        th,
     21        td {
     22                overflow: hidden;
     23        }
     24
     25        th {
     26                font-weight: normal;
     27        }
     28
     29        td p {
     30                margin: 2px 0 0.8em;
     31        }
     32
     33        .column-comment p {
     34                margin: 0.6em 0;
     35        }
     36}
     37
     38/* Screens with postboxes */
     39.postbox-container {
     40        float: left;
     41}
     42
     43#dashboard-widgets {
     44        &.columns-1 .postbox-container {
     45                width: 100%;
     46        }
     47
     48        &.columns-2 {
     49                .postbox-container {
     50                        width: 49.5%;
     51                }
     52
     53                #postbox-container-2,
     54                #postbox-container-3,
     55                #postbox-container-4 {
     56                        float: right;
     57                        width: 50.5%;
     58                }
     59        }
     60
     61        &.columns-3  {
     62                .postbox-container {
     63                        width: 33.5%;
     64                }
     65
     66                #postbox-container-1 {
     67                        width: 33%;
     68                }
     69
     70                #postbox-container-3,
     71                #postbox-container-4 {
     72                        float: right;
     73                }
     74        }
     75
     76        &.columns-4 .postbox-container {
     77                width: 25%;
     78        }
     79}
     80
     81.postbox-container .meta-box-sortables {
     82        @include border-box();
     83}
     84
     85.metabox-holder .postbox-container .empty-container {
     86        border: 3px dashed #ccc;
     87        height: 250px;
     88}
     89
     90.metabox-holder.columns-1 .postbox-container .empty-container,
     91.columns-2 #postbox-container-3 .empty-container,
     92.columns-2 #postbox-container-4 .empty-container,
     93.columns-3 #postbox-container-4 .empty-container {
     94        border: 0 none;
     95        height: 0;
     96        min-height: 0;
     97}
     98
     99#poststuff {
     100        padding-top: 10px;
     101
     102        #post-body {
     103                padding: 0;
     104        }
     105
     106        .postbox-container {
     107                width: 100%;
     108        }
     109
     110        #post-body.columns-2 {
     111                margin-right: 300px;
     112        }
     113}
     114
     115#post-body-content {
     116        width: 100%;
     117        float: left;
     118}
     119
     120#post-body.columns-2 #postbox-container-1 {
     121        float: right;
     122        margin-right: -300px;
     123        width: 280px;
     124}
     125
     126#post-body.columns-2 #side-sortables {
     127        min-height: 250px;
     128}
     129
     130/* one column on the dash */
     131@media only screen and (max-width: 799px) {
     132        #wpbody-content #dashboard-widgets .postbox-container {
     133                width: 100%;
     134        }
     135
     136        #wpbody-content .metabox-holder .postbox-container .empty-container {
     137                border: 0 none;
     138                height: 0;
     139                min-height: 0;
     140        }
     141}
     142
     143/* two columns on the dash, but keep the setting if one is selected */
     144@media only screen and (min-width: 800px) and (max-width: 1200px) {
     145        #wpbody-content #dashboard-widgets .postbox-container {
     146                width: 49.5%;
     147        }
     148
     149        #wpbody-content #dashboard-widgets #postbox-container-2,
     150        #wpbody-content #dashboard-widgets #postbox-container-3,
     151        #wpbody-content #dashboard-widgets #postbox-container-4 {
     152                float: right;
     153                width: 50.5%;
     154        }
     155
     156        #dashboard-widgets #postbox-container-3 .empty-container,
     157        #dashboard-widgets #postbox-container-4 .empty-container {
     158                border: 0 none;
     159                height: 0;
     160                min-height: 0;
     161        }
     162
     163        #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
     164                width: 100%;
     165        }
     166
     167        #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
     168                border: 0 none;
     169                height: 0;
     170                min-height: 0;
     171        }
     172
     173        /* show the radio buttons for column prefs only for one or two columns */
     174        .index-php .screen-layout,
     175        .index-php .columns-prefs {
     176                display: block;
     177        }
     178
     179        .columns-prefs .columns-prefs-3,
     180        .columns-prefs .columns-prefs-4 {
     181                display: none;
     182        }
     183}
     184
     185/* one column on the post write/edit screen */
     186@media only screen and (max-width: 850px) {
     187        #wpbody-content #poststuff #post-body {
     188                margin: 0;
     189        }
     190
     191        #wpbody-content #post-body.columns-2 #postbox-container-1 {
     192                margin-right: 0;
     193                width: 100%;
     194        }
     195
     196        #poststuff #postbox-container-1 .empty-container,
     197        #poststuff #postbox-container-1 #side-sortables:empty {
     198                border: 0 none;
     199                height: 0;
     200                min-height: 0;
     201        }
     202
     203        #poststuff #post-body.columns-2 #side-sortables {
     204                min-height: 0;
     205        }
     206
     207        /* hide the radio buttons for column prefs */
     208        .screen-layout,
     209        .columns-prefs {
     210                display: none;
     211        }
     212}
     213
     214.postbox .hndle {
     215        @include rounded-top;
     216}
     217
     218.js .postbox .hndle {
     219        cursor: move;
     220}
     221
     222.postbox.closed .hndle {
     223        @include rounded(3px);
     224}
     225
     226.hndle a {
     227        font-size: 11px;
     228        font-weight: normal;
     229}
     230
     231.postbox .handlediv {
     232        float: right;
     233        width: 27px;
     234        height: 30px;
     235}
     236
     237.js .postbox .handlediv {
     238        cursor: pointer;
     239}
     240
     241.sortable-placeholder {
     242        border-width: 1px;
     243        border-style: dashed;
     244        margin-bottom: 20px;
     245}
     246
     247.widget,
     248.postbox,
     249.stuffbox {
     250        margin-bottom: 20px;
     251        padding: 0;
     252        border-width: 1px;
     253        border-style: solid;
     254        line-height: 1;
     255}
     256
     257.widget .widget-top,
     258.postbox h3,
     259.stuffbox h3 {
     260        margin-top: 1px;
     261        border-bottom-width: 1px;
     262        border-bottom-style: solid;
     263        @include no-user-select();
     264}
     265
     266.js .widget .widget-top,
     267.js .postbox h3 {
     268        cursor: move;
     269}
     270
     271.postbox .inside,
     272.stuffbox .inside {
     273        padding: 0 12px 0 10px;
     274        line-height: 1.4em;
     275}
     276
     277.postbox .inside {
     278        margin: 10px 0;
     279        position: relative;
     280}
     281
     282.postbox.closed h3 {
     283        border: none;
     284        @include no-box-shadows();
     285}
     286
     287.postbox table.form-table {
     288        margin-bottom: 0;
     289}
     290
     291.temp-border {
     292        border: 1px dotted #ccc;
     293}
     294
     295.columns-prefs label {
     296        padding: 0 5px;
     297}
     298 No newline at end of file
  • new file wp-admin/css/scss/modules/list-posts.scss

    diff --git a/wp-admin/css/scss/modules/list-posts.scss b/wp-admin/css/scss/modules/list-posts.scss
    new file mode 100644
    index 0000000..99a92d5
    - +  
     1/*------------------------------------------------------------------------------
     2  10.0 - List Posts (/Pages/etc)
     3------------------------------------------------------------------------------*/
     4
     5table.fixed {
     6        table-layout: fixed;
     7}
     8
     9.fixed {
     10        .column-rating,
     11        .column-visible {
     12                width: 8%;
     13        }
     14
     15        .column-posts,
     16        .column-date,
     17        .column-parent,
     18        .column-links,
     19        .column-author,
     20        .column-format {
     21                width: 10%;
     22        }
     23
     24        .column-response,
     25        .column-categories,
     26        .column-tags,
     27        .column-rel,
     28        .column-role {
     29                width: 15%;
     30        }
     31
     32        .column-slug {
     33                width: 25%;
     34        }
     35
     36        .column-locations {
     37                width: 35%;
     38        }
     39
     40        .column-comments {
     41                width: 4em;
     42                padding: 8px 0;
     43                text-align: left;
     44
     45                .vers {
     46                        padding-left: 3px;
     47                }
     48
     49                a {
     50                        float: left;
     51                }
     52        }
     53
     54        .column-icon {
     55                width: 80px;
     56        }
     57
     58        #comments-form & .column-author {
     59                width: 20%;
     60        }
     61}
     62
     63#commentsdiv {
     64        &.postbox .inside {
     65                margin: 0;
     66                padding: 0;
     67        }
     68
     69        .inside .row-actions {
     70                line-height:18px;
     71        }
     72
     73        .inside .column-author {
     74                width: 25%;
     75        }
     76
     77        .column-comment p {
     78                margin: 0.6em 0;
     79                padding: 0;
     80        }
     81
     82        #replyrow td {
     83                padding: 0;
     84        }
     85
     86        p {
     87                padding: 8px 10px;
     88                margin: 0;
     89        }
     90
     91        #add-new-comment {
     92                border-width: 0 0 1px;
     93                border-style: none none solid;
     94        }
     95
     96        .comments-box {
     97                border: 0 none;
     98
     99                thead th {
     100                        background: transparent;
     101                        padding: 0 7px 4px;
     102                        font-style: italic;
     103                }
     104
     105                tr:last-child td {
     106                        border-bottom: 0 none;
     107                }
     108        }
     109
     110        .spinner {
     111                padding-left: 5px;
     112        }
     113}
     114
     115.sorting-indicator {
     116        display: none;
     117        width: 7px;
     118        height: 4px;
     119        margin-top: 8px;
     120        margin-left: 7px;
     121        background-image: url('../images/sort.gif');
     122        background-repeat: no-repeat;
     123}
     124
     125tr.wp-locked .locked-indicator {
     126        background: url('../images/lock.png') no-repeat;
     127        margin: -2px 0 0 6px;
     128        height: 20px;
     129        width: 16px;
     130}
     131
     132tr.wp-locked .check-column label,
     133tr.wp-locked .check-column input[type="checkbox"],
     134tr.wp-locked .row-actions .inline,
     135tr.wp-locked .row-actions .trash {
     136        display: none;
     137}
     138
     139tr .locked-info {
     140        height: 0;
     141        opacity: 0;
     142}
     143
     144tr.wp-locked .locked-info {
     145        height: auto;
     146        opacity: 1;
     147}
     148
     149tr.locked-info, tr.wp-locked .locked-info {
     150        -webkit-transition: height 1s, opacity 500ms;
     151        -moz-transition:    height 1s, opacity 500ms;
     152        -ms-transition:     height 1s, opacity 500ms;
     153        -o-transition:      height 1s, opacity 500ms;
     154        transition:         height 1s, opacity 500ms;
     155}
     156
     157.fixed .column-comments .sorting-indicator {
     158        margin-top: 3px;
     159}
     160
     161#menu-locations-wrap .widefat {
     162        width: 60%;
     163}
     164
     165.widefat th.sortable,
     166.widefat th.sorted {
     167        padding: 0;
     168}
     169
     170th.sortable a,
     171th.sorted a {
     172        display: block;
     173        overflow: hidden;
     174        padding: 7px 7px 8px;
     175}
     176
     177.fixed .column-comments.sortable a,
     178.fixed .column-comments.sorted a {
     179        padding: 8px 0;
     180}
     181
     182th.sortable a span,
     183th.sorted a span {
     184        float: left;
     185        cursor: pointer;
     186}
     187
     188th.sorted.asc .sorting-indicator,
     189th.desc:hover span.sorting-indicator {
     190        display: block;
     191        background-position: 0 0;
     192}
     193
     194th.sorted.desc .sorting-indicator,
     195th.asc:hover span.sorting-indicator {
     196        display: block;
     197        background-position: -7px 0;
     198}
     199
     200/* Bulk Actions */
     201.tablenav-pages a {
     202        border-bottom-style: solid;
     203        border-bottom-width: 2px;
     204        font-weight: bold;
     205        margin-right: 1px;
     206        padding: 0 2px;
     207}
     208.tablenav-pages .current-page {
     209        text-align: center;
     210}
     211.tablenav-pages .next-page {
     212        margin-left: 2px;
     213}
     214
     215.tablenav {
     216        clear: both;
     217        height: 30px;
     218        margin: 6px 0 4px;
     219        vertical-align: middle;
     220
     221
     222        &.themes {
     223                max-width: 98%;
     224        }
     225
     226        a.button-secondary {
     227                display: block;
     228                margin: 3px 8px 0 0;
     229        }
     230
     231        .tablenav-pages {
     232                float: right;
     233                display: block;
     234                cursor: default;
     235                height: 30px;
     236                line-height: 30px;
     237                font-size: 12px;
     238
     239                a.disabled:hover ,
     240                a.disabled:active {
     241                        cursor: default;
     242                }
     243        }
     244
     245        .no-pages,
     246        .one-page .pagination-links {
     247                display: none;
     248        }
     249
     250        .displaying-num {
     251                margin-right: 10px;
     252                font-size: 12px;
     253                font-style: italic;
     254        }
     255
     256        .actions {
     257                overflow: hidden;
     258                padding: 2px 8px 0 0;
     259        }
     260
     261        .delete {
     262                margin-right: 20px;
     263        }
     264}
     265
     266.tablenav .tablenav-pages a,
     267.tablenav-pages span.current  {
     268        text-decoration: none;
     269        padding: 3px 6px;
     270}
     271
     272.view-switch {
     273        float: right;
     274        margin: 6px 8px 0;
     275
     276        a {
     277                text-decoration: none;
     278        }
     279}
     280
     281.filter {
     282        float: left;
     283        margin: -5px 0 0 10px;
     284
     285        .subsubsub {
     286                margin-left: -10px;
     287                margin-top: 13px;
     288        }
     289}
     290
     291.screen-per-page {
     292        width: 4em;
     293}
     294
     295#posts-filter fieldset {
     296        float: left;
     297        margin: 0 1.5ex 1em 0;
     298        padding: 0;
     299}
     300
     301#posts-filter fieldset legend {
     302        padding: 0 0 .2em 1px;
     303}
     304
     305
     306/*------------------------------------------------------------------------------
     307  10.1 - Inline Editing
     308------------------------------------------------------------------------------*/
     309
     310/*
     311.quick-edit* is for Quick Edit
     312.bulk-edit* is for Bulk Edit
     313.inline-edit* is for everything
     314*/
     315
     316/*      Layout */
     317
     318#wpbody-content {
     319        .inline-edit-row fieldset {
     320                font-size: 12px;
     321                float: left;
     322                margin: 0;
     323                padding: 0;
     324                width: 100%;
     325        }
     326
     327        .quick-edit-row-post {
     328                .inline-edit-col-left {
     329                        width: 40%;
     330                }
     331
     332                .inline-edit-col-right {
     333                        width: 39%;
     334                }
     335        }
     336
     337        .quick-edit-row-page {
     338                fieldset.inline-edit-col-right .inline-edit-col {
     339                        border-width: 0 0 0 1px;
     340                        border-style: none none none solid;
     341                }
     342
     343                .inline-edit-col-left {
     344                        width: 50%;
     345                }
     346        }
     347
     348        .inline-edit-row-post .inline-edit-col-center {
     349                width: 20%;
     350        }
     351
     352        .quick-edit-row-page .inline-edit-col-right,
     353        .bulk-edit-row-post .inline-edit-col-right {
     354                width: 49%;
     355        }
     356
     357        .bulk-edit-row .inline-edit-col-left {
     358                width: 30%;
     359        }
     360
     361        .bulk-edit-row-page .inline-edit-col-right {
     362                width: 69%;
     363        }
     364
     365        .bulk-edit-row .inline-edit-col-bottom {
     366                float: right;
     367                width: 69%;
     368        }
     369
     370        .inline-edit-row-page .inline-edit-col-right {
     371                margin-top: 27px;
     372        }
     373}
     374
     375tr.inline-edit-row td,
     376#wpbody-content .inline-edit-row fieldset .inline-edit-col {
     377        padding: 0 0.5em;
     378}
     379
     380.inline-edit-row {
     381        fieldset .inline-edit-group {
     382                clear: both;
     383
     384                &:after {
     385                        content: ".";
     386                        display: block;
     387                        height: 0;
     388                        clear: both;
     389                        visibility: hidden;
     390                }       
     391        }
     392
     393        p.submit {
     394                clear: both;
     395                padding: 0.5em;
     396                margin: 0.5em 0 0;
     397        }
     398
     399        span.error {
     400                line-height: 22px;
     401                margin: 0 15px;
     402                padding: 3px 5px;
     403        }
     404
     405        /*      Positioning */
     406        h4 {
     407                margin: .2em 0;
     408                padding: 0;
     409                line-height: 23px;
     410                text-transform: uppercase;
     411        }
     412
     413        fieldset {
     414                span.title,
     415                span.checkbox-title {
     416                        margin: 0;
     417                        padding: 0;
     418                        line-height: 27px;
     419                        font-style: italic;
     420                        line-height: 1.8em;
     421                }
     422
     423                label,
     424                span.inline-edit-categories-label {
     425                        display: block;
     426                        margin: .2em 0;
     427                }
     428
     429                label.inline-edit-tags {
     430                        margin-top: 0;
     431                }
     432
     433                label.inline-edit-tags span.title {
     434                        margin: .2em 0;
     435                        width: auto;
     436                }
     437
     438                label span.title {
     439                        display: block;
     440                        float: left;
     441                        width: 5em;
     442                }
     443
     444                label span.input-text-wrap {
     445                        display: block;
     446                        margin-left: 5em;
     447                }
     448
     449                label input[type=checkbox] {
     450                        vertical-align: text-bottom;
     451                }
     452
     453                label textarea {
     454                        width: 100%;
     455                        height: 4em;
     456                }
     457
     458                /*      Specific Elements */
     459                input[type="text"],
     460                textarea {
     461                        border-style: solid;
     462                        border-width: 1px;
     463                }
     464
     465                .inline-edit-date {
     466                        float: left;
     467                }
     468
     469                input[name=jj],
     470                input[name=hh],
     471                input[name=mn] {
     472                        font-size: 12px;
     473                        width: 2.1em;
     474                }
     475
     476                input[name=aa] {
     477                        font-size: 12px;
     478                        width: 3.5em;
     479                }
     480
     481                label input.inline-edit-password-input {
     482                        width: 8em;
     483                }
     484
     485                ul.cat-checklist li,
     486                ul.cat-checklist input {
     487                        margin: 0;
     488                }
     489       
     490                label input.inline-edit-menu-order-input {
     491                        width: 3em;
     492                }
     493
     494                label input.inline-edit-slug-input {
     495                        width: 75%;
     496                }
     497        }
     498
     499        .input-text-wrap input[type=text] {
     500                width: 100%;
     501        }
     502
     503        fieldset ul.cat-checklist label,
     504        #bulk-titles div {
     505                font-family: sans-serif;
     506                font-style: normal;
     507                font-size: 11px;
     508        }
     509}
     510
     511.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
     512        width: auto;
     513        padding-right: 0.5em;
     514}
     515
     516#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
     517        max-width: 50%;
     518}
     519
     520#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
     521        margin-right: 0.5em;
     522}
     523
     524.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
     525        width: 6em;
     526}
     527
     528.inline-edit-save .spinner {
     529        padding: 4px 10px 0;
     530        vertical-align: top;
     531        float: right;
     532}
     533
     534ul.cat-checklist {
     535        height: 12em;
     536        border-style: solid;
     537        border-width: 1px;
     538        overflow-y: scroll;
     539        padding: 0 5px;
     540        margin: 0;
     541}
     542
     543#bulk-titles {
     544        display: block;
     545        height: 12em;
     546        border-style: solid;
     547        border-width: 1px;
     548        overflow-y: scroll;
     549        padding: 0 5px;
     550        margin: 0 0 5px;
     551}
     552
     553.quick-edit-row-post fieldset label.inline-edit-status {
     554        float: left;
     555}
     556
     557#bulk-titles {
     558        line-height: 140%;
     559
     560        div {
     561                margin: 0.2em 0.3em;
     562
     563                a {
     564                        cursor: pointer;
     565                        display: block;
     566                        float: left;
     567                        height: 10px;
     568                        margin: 3px 3px 0 -2px;
     569                        overflow: hidden;
     570                        position: relative;
     571                        text-indent: -9999px;
     572                        width: 10px;
     573                }
     574        }
     575}
     576 No newline at end of file
  • new file wp-admin/css/scss/modules/localized.scss

    diff --git a/wp-admin/css/scss/modules/localized.scss b/wp-admin/css/scss/modules/localized.scss
    new file mode 100644
    index 0000000..d5abc10
    - +  
     1/* =Localized CSS
     2-------------------------------------------------------------- */
     3
     4/* zh_CN: Remove italic properties. */
     5.locale-zh-cn .howto,
     6.locale-zh-cn .tablenav .displaying-num,
     7.locale-zh-cn .js .input-with-default-title,
     8.locale-zh-cn .link-to-original,
     9.locale-zh-cn .inline-edit-row fieldset span.title,
     10.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
     11.locale-zh-cn #utc-time,
     12.locale-zh-cn #local-time,
     13.locale-zh-cn p.install-help,
     14.locale-zh-cn p.help,
     15.locale-zh-cn p.description,
     16.locale-zh-cn span.description,
     17.locale-zh-cn .form-wrap p {
     18        font-style: normal;
     19}
     20
     21/* zh_CN: Enlarge dashboard widget 'Configure' link */
     22.locale-zh-cn .hdnle a { font-size: 12px; }
     23
     24/* zn_CH: Enlarge font size, set font-size: normal */
     25.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
     26
     27/* Zn_CH: Distraction free writing.
     28 *  More beautiful font for "Just write."
     29 *  Larger text for HTML/Visual mode.
     30 */
     31.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
     32.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
     33
     34/* zh_CN: Enlarge font-size. */
     35.locale-zh-cn #sort-buttons { font-size: 1em !important; }
     36
     37/* ru_RU: Text needs more room to breathe. */
     38.locale-ru-ru .inline-edit-row fieldset label span.title {
     39        width: auto; /* default 5em */
     40        min-width: 5em;
     41}
     42.locale-ru-ru.press-this .posting {
     43        margin-right: 257px; /* default 212px + 45px */
     44}
     45.locale-ru-ru.press-this #photo-add-url-div input[type="text"]  {
     46        width: 255px; /* default 300px - 45px */
     47}
     48.locale-ru-ru.press-this #side-sortables {
     49        width: 245px; /* default 200px + 45px */
     50}
     51.locale-ru-ru #customize-header-actions .button {
     52        padding: 0 8px 1px; /* default 0 10px 1px; */
     53}
     54
     55/* lt_LT: QuickEdit */
     56.locale-lt-lt .inline-edit-row fieldset label span.title {
     57        width: 8em;
     58}
     59.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
     60        margin-left: 8em;
     61}
     62 No newline at end of file
  • new file wp-admin/css/scss/modules/login.scss

    diff --git a/wp-admin/css/scss/modules/login.scss b/wp-admin/css/scss/modules/login.scss
    new file mode 100644
    index 0000000..1cfa7a5
    - +  
     1/* login */
     2
     3.login {
     4        * {
     5                margin: 0;
     6                padding: 0;
     7        }
     8
     9        h1 a {
     10                background-image: url('../images/wordpress-logo.png?ver=20120216');
     11                background-size: 274px 63px;
     12                background-position: top center;
     13                background-repeat: no-repeat;
     14                width: 326px;
     15                height: 67px;
     16                text-indent: -9999px;
     17                outline: none;
     18                overflow: hidden;
     19                padding-bottom: 15px;
     20                display: block;
     21        }
     22
     23        form {
     24                margin-left: 8px;
     25                padding: 26px 24px 46px;
     26                font-weight: normal;
     27                background: #fff;
     28                border: 1px solid #e5e5e5;
     29                -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
     30                box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
     31
     32                .forgetmenot {
     33                        float: left;
     34                        margin-bottom: 0;
     35
     36                        label {
     37                                @include normal-font(12px, 19px);
     38                        }
     39                }
     40        }
     41
     42        .button-primary {
     43                float: right;
     44        }
     45
     46        label {
     47                color: #777;
     48                font-size: 14px;
     49        }
     50
     51        #nav,
     52        #backtoblog {
     53                text-shadow: #fff 0 1px 0;
     54                margin: 0 0 0 16px;
     55                padding: 16px 16px 0;
     56        }
     57
     58        form .input,
     59        input[type="text"] {
     60                color: #555;
     61                font-weight: 200;
     62                font-size: 24px;
     63                line-height: 1;
     64                width: 100%;
     65                padding: 3px;
     66                margin-top: 2px;
     67                margin-right: 6px;
     68                margin-bottom: 16px;
     69                border: 1px solid #e5e5e5;
     70                background: #fbfbfb;
     71                outline: none;
     72                -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
     73                box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
     74        }
     75
     76        #pass-strength-result {
     77                width: 250px;
     78                font-weight: bold;
     79                border-style: solid;
     80                border-width: 1px;
     81                margin: 12px 0 6px;
     82                padding: 6px 5px;
     83                text-align: center;
     84        }
     85}
     86
     87#login {
     88        width: 320px;
     89        padding: 114px 0 0;
     90        margin: auto;
     91
     92        form p {
     93                margin-bottom: 0;
     94
     95                &.submit {
     96                        padding: 0;
     97                }
     98        }
     99}
     100
     101#login_error,
     102.login .message {
     103        margin: 0 0 16px 8px;
     104        padding: 12px;
     105}
     106
     107#backtoblog {
     108        padding: 12px 16px 0;
     109}
     110
     111.mobile #login {
     112        padding: 20px 0;
     113
     114        #nav,
     115        #backtoblog {
     116                margin-left: 8px;
     117        }
     118
     119        h1 a {
     120                width: auto;
     121        }
     122}
     123
     124.mobile #login form,
     125.mobile #login .message,
     126.mobile #login_error {
     127        margin-left: 0;
     128}
     129
     130body.interim-login {
     131        height: auto;
     132}
     133
     134.interim-login {
     135        #login {
     136                padding: 0;
     137                margin: 5px auto 20px;
     138        }
     139
     140        &.login h1 a {
     141                width: auto;
     142        }
     143
     144        #login_error,
     145        &.login .message {
     146                margin: 0 0 16px;
     147        }
     148
     149        &.login form {
     150                margin: 0;
     151        }
     152}
     153 No newline at end of file
  • new file wp-admin/css/scss/modules/media-queries.scss

    diff --git a/wp-admin/css/scss/modules/media-queries.scss b/wp-admin/css/scss/modules/media-queries.scss
    new file mode 100644
    index 0000000..0b7eac2
    - +  
     1/* =Media Queries
     2-------------------------------------------------------------- */
     3
     4@media only screen and (max-width: 768px) {
     5        /* categories */
     6        #col-left {
     7                width: 100%;
     8        }
     9
     10        #col-right {
     11                width: 100%;
     12        }
     13}
     14
     15@media only screen and (min-width: 769px) {
     16        /* categories */
     17        #col-left {
     18                width: 35%;
     19        }
     20
     21        #col-right {
     22                width: 65%;
     23        }
     24}
     25
     26@media only screen and (max-width: 860px) {
     27
     28        /* categories */
     29        #col-left {
     30                width: 35%;
     31        }
     32
     33        #col-right {
     34                width: 65%;
     35        }
     36}
     37
     38@media only screen and (min-width: 980px) {
     39
     40        /* categories */
     41        #col-left {
     42                width: 35%;
     43        }
     44
     45        #col-right {
     46                width: 65%;
     47        }
     48}
     49
     50@media only screen and (max-width: 768px) {
     51        /* categories */
     52        #col-left {
     53                width: 100%;
     54        }
     55
     56        #col-right {
     57                width: 100%;
     58        }
     59
     60        .form-field input,
     61        .form-field textarea {
     62                width: 99%;
     63        }
     64
     65        .form-wrap .form-field {
     66                padding:0;
     67        }
     68
     69        /* users */
     70        #profile-page .form-table textarea {
     71                max-width: 400px;
     72                width: auto;
     73        }
     74}
     75 No newline at end of file
  • new file wp-admin/css/scss/modules/media.scss

    diff --git a/wp-admin/css/scss/modules/media.scss b/wp-admin/css/scss/modules/media.scss
    new file mode 100644
    index 0000000..868a499
    - +  
     1/*------------------------------------------------------------------------------
     2  14.0 - Media Screen
     3------------------------------------------------------------------------------*/
     4
     5.media-item {
     6        .describe {
     7                border-collapse: collapse;
     8                width: 100%;
     9                border-top-style: solid;
     10                border-top-width: 1px;
     11                clear: both;
     12                cursor: default;
     13
     14                td {
     15                        padding: 0 8px 8px 0;
     16                        vertical-align: top;
     17                }
     18
     19                th {
     20                        vertical-align: top;
     21                        text-align: left;
     22                        padding: 5px 10px 10px;
     23                        width: 140px;
     24
     25                        .align & {
     26                                padding-top: 0;
     27                        }
     28                }
     29       
     30                input[type="text"],
     31                textarea {
     32                        width: 460px;
     33                }
     34
     35                p.help {
     36                        margin: 0;
     37                        padding: 0 0 0 5px;
     38                }               
     39        }
     40
     41        &.media-blank .describe {
     42                border: 0;
     43        }
     44
     45        .media-item-info tr {
     46                background-color: transparent;
     47        }
     48
     49        thead.media-item-info td {
     50                padding: 4px 10px 0;
     51        }
     52
     53        .media-item-info .A1B1 {
     54                padding: 0 0 0 10px;
     55        }
     56
     57        td.savesend {
     58                padding-bottom: 15px;
     59        }
     60
     61        .thumbnail {
     62                max-height: 128px;
     63                max-width: 128px;
     64        }
     65
     66        .filename {
     67                line-height: 36px;
     68                overflow: hidden;
     69                padding: 0 10px;
     70        }
     71
     72        .error-div {
     73                padding-left: 10px;
     74        }
     75
     76        .pinkynail {
     77                float: left;
     78                margin: 2px 2px 0;
     79                max-width: 40px;
     80                max-height: 32px;
     81        }
     82
     83        .startopen,
     84        .startclosed {
     85                display: none;
     86        }
     87
     88        .original {
     89                position: relative;
     90                height: 34px;
     91        }
     92
     93        .progress {
     94                float: right;
     95                height: 22px;
     96                margin: 6px 10px 0 0;
     97                width: 200px;
     98                line-height: 2em;
     99                padding: 0;
     100                overflow: hidden;
     101                margin-bottom: 2px;
     102                border: 1px solid #d1d1d1;
     103                @include linear-gradient(#fff, #f7f7f7);
     104                @include rounded(3px);
     105                -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
     106                -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
     107                box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
     108        }
     109
     110        .bar {
     111                z-index: 9;
     112                width: 0;
     113                height: 100%;
     114                margin-top: -24px;
     115                @include linear-gradient(#72a7cf, #8cc1e9);
     116                @include rounded(3px);
     117                -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
     118                -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
     119                box-shadow: 0 0 3px rgba(0,0,0,0.3);
     120        }
     121
     122        .progress .percent {
     123                z-index: 10;
     124                position: relative;
     125                width: 200px;
     126                padding: 0 8px;
     127                text-shadow: 0 1px 0 rgba(255,255,255,0.4);
     128                color: rgba(0,0,0,0.6);
     129        }
     130}
     131
     132#wpbody-content #async-upload-wrap a {
     133        display: none;
     134}
     135
     136.media-upload-form {
     137        margin-top: 20px;
     138
     139        td label {
     140                margin-right: 6px;
     141                margin-left: 2px;
     142        }
     143
     144        .align .field label {
     145                display: inline;
     146                padding: 0 0 0 23px;
     147                margin: 0 1em 0 3px;
     148                font-weight: bold;
     149        }
     150
     151        tr.image-size label {
     152                margin: 0 0 0 5px;
     153                font-weight: bold;
     154        }
     155
     156        th.label label {
     157                @include bold-font(13px);
     158                margin: 0.5em;
     159       
     160                span {
     161                        padding: 0 5px;
     162                }
     163        }
     164}
     165
     166abbr.required {
     167        border: medium none;
     168        text-decoration: none;
     169}
     170
     171.media-item .edit-attachment,
     172.describe-toggle-on,
     173.describe-toggle-off {
     174        display: block;
     175        line-height: 36px;
     176        float: right;
     177        margin-right: 15px;
     178}
     179
     180.media-item .describe-toggle-off,
     181.media-item.open .describe-toggle-on {
     182        display: none;
     183}
     184
     185.media-item.open .describe-toggle-off {
     186        display: block;
     187}
     188
     189#media-items .media-item {
     190        border-style: solid;
     191        border-width: 1px;
     192        min-height: 36px;
     193        position: relative;
     194        margin-top: -1px;
     195        width: 100%;
     196}
     197
     198#media-items {
     199        width: 623px;
     200}
     201
     202.media-new-php #media-items {
     203        margin: 1em 0;
     204}
     205
     206#media-items:empty {
     207        border: 0 none;
     208}
     209
     210.upload-php .fixed .column-parent {
     211        width: 15%;
     212}
     213
     214.js .html-uploader #plupload-upload-ui {
     215        display: none;
     216}
     217
     218.js .html-uploader #html-upload-ui {
     219        display: block;
     220}
     221
     222.media-upload-form .media-item.error {
     223        margin: 0;
     224        padding: 0;
     225}
     226
     227.media-upload-form .media-item.error p,
     228.media-item .error-div {
     229        line-height: 16px;
     230        margin: 5px 10px;
     231        padding: 0;
     232}
     233
     234.media-item .error-div a.dismiss {
     235        display: block;
     236        float: right;
     237        margin: 5px 4px 0 15px;
     238}
     239
     240/*------------------------------------------------------------------------------
     241  14.1 - Media Library
     242------------------------------------------------------------------------------*/
     243
     244.find-box {
     245        width: 600px;
     246        height: 300px;
     247        overflow: hidden;
     248        padding: 33px 0 51px;
     249        position: absolute;
     250        z-index: 1000;
     251}
     252
     253.find-box-head {
     254        cursor: move;
     255        font-weight: bold;
     256        height: 2em;
     257        line-height: 2em;
     258        padding: 1px 12px;
     259        position: absolute;
     260        top: 5px;
     261        width: 100%;
     262}
     263
     264.find-box-inside {
     265        overflow: auto;
     266        padding: 6px;
     267        height: 100%;
     268}
     269
     270.find-box-search {
     271        overflow: hidden;
     272        padding: 9px;
     273        position: relative;
     274
     275        .spinner {
     276                float: none;
     277                left: 125px;
     278                position: absolute;
     279                top: 9px;
     280        }
     281}
     282
     283#find-posts-input {
     284        float: left;
     285        width: 140px;
     286        height: 24px;
     287}
     288
     289#find-posts-search {
     290        float: left;
     291        margin: 1px 4px 0 3px;
     292}
     293
     294#find-posts-response {
     295        margin: 8px 0;
     296        padding: 0 1px 6px;
     297}
     298
     299#find-posts-response table {
     300        width: 100%;
     301}
     302
     303#find-posts-response .found-radio {
     304        padding: 3px 0 0 8px;
     305        width: 15px;
     306}
     307
     308.find-box-buttons {
     309        padding: 8px;
     310        overflow: hidden;
     311}
     312
     313.find-box #resize-se {
     314        position: absolute;
     315        right: 1px;
     316        bottom: 1px;
     317}
     318
     319.ui-find-overlay {
     320        position: absolute;
     321        top: 0;
     322        left: 0;
     323        background-color: black;
     324        opacity: 0.6;
     325        filter: alpha(opacity=60);
     326}
     327
     328ul#dismissed-updates {
     329        display: none;
     330}
     331
     332form.upgrade {
     333        margin-top: 8px;
     334}
     335
     336form.upgrade .hint {
     337        font-style: italic;
     338        font-size: 85%;
     339        margin: -0.5em 0 2em 0;
     340}
     341
     342#poststuff .inside .the-tagcloud {
     343        margin: 5px 0 10px;
     344        padding: 8px;
     345        border-width: 1px;
     346        border-style: solid;
     347        line-height: 1.8em;
     348        word-spacing: 3px;
     349        @include rounded(6px);
     350}
     351
     352.drag-drop #drag-drop-area {
     353        border: 4px dashed #DDDDDD;
     354        height: 200px;
     355}
     356
     357.drag-drop .drag-drop-inside {
     358        margin: 70px auto 0;
     359        width: 250px;
     360}
     361
     362.drag-drop-inside p {
     363        color: #aaa;
     364        font-size: 14px;
     365        margin: 5px 0;
     366        display: none;
     367}
     368
     369.drag-drop .drag-drop-inside p {
     370        text-align: center;
     371}
     372
     373.drag-drop-inside p.drag-drop-info {
     374        font-size: 20px;
     375}
     376
     377.drag-drop .drag-drop-inside p,
     378.drag-drop-inside p.drag-drop-buttons {
     379        display: block;
     380}
     381
     382/*
     383#drag-drop-area:-moz-drag-over {
     384        border-color: #83b4d8;
     385}
     386borger color while dragging a file over the uploader drop area */
     387.drag-drop.drag-over #drag-drop-area {
     388        border-color: #83b4d8;
     389}
     390
     391#plupload-upload-ui {
     392        position: relative;
     393}
     394
     395
     396/*------------------------------------------------------------------------------
     397  14.2 - Image Editor
     398------------------------------------------------------------------------------*/
     399
     400.describe .image-editor {
     401        vertical-align: top;
     402}
     403
     404.imgedit-wrap {
     405        position: relative;
     406}
     407
     408.imgedit-settings p {
     409        margin: 8px 0;
     410}
     411
     412.post-php .imgedit-wrap table {
     413        width: 100%;
     414}
     415
     416.describe .imgedit-wrap table td,
     417.wp_attachment_holder .imgedit-wrap table td {
     418        vertical-align: top;
     419        padding-top: 0;
     420}
     421
     422.describe .imgedit-wrap table td.imgedit-settings {
     423        padding: 0 5px;
     424}
     425
     426.wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
     427        width: 250px;
     428}
     429
     430td.imgedit-settings input {
     431        margin-top: 0;
     432        vertical-align: middle;
     433}
     434
     435.imgedit-wait {
     436        position: absolute;
     437        top: 0;
     438        background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
     439        background-size: 16px 16px;
     440        opacity: 0.7;
     441        filter: alpha(opacity=70);
     442        width: 100%;
     443        height: 500px;
     444        display: none;
     445}
     446
     447.spinner {
     448        background: url(../images/wpspin_light.gif) no-repeat;
     449        background-size: 16px 16px;
     450        display: none;
     451        float: right;
     452        opacity: 0.7;
     453        filter: alpha(opacity=70);
     454        width: 16px;
     455        height: 16px;
     456        margin: 5px 5px 0;
     457}
     458
     459.no-float {
     460        float: none;
     461}
     462
     463.media-disabled,
     464.imgedit-settings .disabled  {
     465        color: grey;
     466}
     467
     468.wp_attachment_image,
     469.A1B1 {
     470        overflow: hidden;
     471}
     472
     473.wp_attachment_image .button,
     474.A1B1 .button {
     475        float: left;
     476}
     477
     478.no-js .wp_attachment_image .button {
     479        display: none;
     480}
     481
     482.wp_attachment_image .spinner,
     483.A1B1 .spinner {
     484        float: left;
     485        padding: 0 4px 4px;
     486        vertical-align: bottom;
     487}
     488
     489.imgedit-menu {
     490        margin: 0 0 12px;
     491        min-width: 300px;
     492
     493        div {
     494                float: left;
     495                width: 32px;
     496                height: 32px;
     497        }
     498}
     499
     500.imgedit-crop-wrap {
     501        position: relative;
     502}
     503
     504.imgedit-crop {
     505        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px;
     506        margin: 0 8px 0 0;
     507
     508        &.disabled:hover {
     509                background-position: -9px -31px;
     510        }
     511
     512        &:hover {
     513                background-position: -9px -1px;
     514        }
     515}
     516
     517.imgedit-rleft {
     518        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px;
     519        margin: 0 3px;
     520
     521        &.disabled:hover {
     522                background-position: -46px -31px;
     523        }
     524
     525        &:hover {
     526                background-position: -46px -1px;
     527        }
     528}
     529
     530.imgedit-rright {
     531        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px;
     532        margin: 0 8px 0 3px;
     533
     534        &.disabled:hover {
     535                background-position: -77px -31px;
     536        }
     537
     538        &:hover {
     539                background-position: -77px -1px;
     540        }
     541}
     542
     543.imgedit-flipv {
     544        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px;
     545        margin: 0 3px;
     546
     547        &.disabled:hover {
     548                background-position: -115px -31px;
     549        }
     550
     551        &:hover {
     552                background-position: -115px -1px;
     553        }
     554}
     555
     556.imgedit-fliph {
     557        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px;
     558        margin: 0 8px 0 3px;
     559
     560        &.disabled:hover {
     561                background-position: -147px -31px;
     562        }
     563
     564        &:hover {
     565                background-position: -147px -1px;
     566        }
     567}
     568
     569.imgedit-undo {
     570        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px;
     571        margin: 0 3px;
     572
     573        &.disabled:hover {
     574                background-position: -184px -31px;
     575        }
     576
     577        &:hover {
     578                background-position: -184px -1px;
     579        }
     580}
     581
     582.imgedit-redo {
     583        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px;
     584        margin: 0 8px 0 3px;
     585
     586        &.disabled:hover {
     587                background-position: -215px -31px;
     588        }
     589
     590        &:hover {
     591                background-position: -215px -1px;
     592        }
     593}
     594
     595.imgedit-applyto img {
     596        margin: 0 8px 0 0;
     597}
     598
     599.imgedit-group-top {
     600        margin: 5px 0;
     601}
     602
     603.imgedit-applyto .imgedit-label {
     604        padding: 2px 0 0;
     605        display: block;
     606}
     607
     608.imgedit-help {
     609        display: none;
     610        font-style: italic;
     611        margin-bottom: 8px;
     612}
     613
     614a.imgedit-help-toggle {
     615        text-decoration: none;
     616}
     617
     618.form-table td.imgedit-response {
     619        padding: 0;
     620}
     621
     622.imgedit-submit {
     623        margin: 8px 0;
     624}
     625
     626.imgedit-submit-btn {
     627        margin-left: 20px;
     628}
     629
     630.imgedit-wrap .nowrap {
     631        white-space: nowrap;
     632}
     633
     634span.imgedit-scale-warn {
     635        color: red;
     636        font-size: 20px;
     637        font-style: normal;
     638        visibility: hidden;
     639        vertical-align: middle;
     640}
     641
     642.imgedit-group {
     643        border-width: 1px;
     644        border-style: solid;
     645        @include rounded(3px);
     646        margin-bottom: 8px;
     647        padding: 2px 10px;
     648}
     649 No newline at end of file
  • new file wp-admin/css/scss/modules/misc.scss

    diff --git a/wp-admin/css/scss/modules/misc.scss b/wp-admin/css/scss/modules/misc.scss
    new file mode 100644
    index 0000000..8c5a9d8
    - +  
     1/*------------------------------------------------------------------------------
     2  25.0 - Misc
     3------------------------------------------------------------------------------*/
     4
     5#excerpt,
     6.attachmentlinks {
     7        margin: 0;
     8        height: 4em;
     9        width: 98%;
     10}
     11
     12#template div {
     13        margin-right: 190px;
     14}
     15
     16p.pagenav {
     17        margin: 0;
     18        display: inline;
     19}
     20
     21.pagenav span {
     22        font-weight: bold;
     23        margin: 0 6px;
     24}
     25
     26.row-title {
     27        font-size: 13px !important;
     28        font-weight: bold;
     29}
     30
     31.column-author img, .column-username img {
     32        float: left;
     33        margin-right: 10px;
     34        margin-top: 1px;
     35}
     36
     37.row-actions {
     38        visibility: hidden;
     39        padding: 2px 0 0;
     40}
     41
     42.mobile .row-actions {
     43        visibility: visible;
     44}
     45
     46tr:hover .row-actions,
     47div.comment-item:hover .row-actions {
     48        visibility: visible;
     49}
     50
     51.row-actions-visible {
     52        padding: 2px 0 0;
     53}
     54
     55.form-table .pre {
     56        padding: 8px;
     57        margin: 0;
     58}
     59
     60table.form-table td .updated {
     61        font-size: 13px;
     62}
     63
     64.tagchecklist {
     65        margin-left: 14px;
     66        font-size: 12px;
     67        overflow: auto;
     68
     69        strong {
     70                margin-left: -8px;
     71                position: absolute;
     72        }
     73        span {
     74                margin-right: 25px;
     75                display: block;
     76                float: left;
     77                font-size: 11px;
     78                line-height: 1.8em;
     79                white-space: nowrap;
     80                cursor: default;
     81
     82                a {
     83                        margin: 6px 0pt 0pt -9px;
     84                        cursor: pointer;
     85                        width: 10px;
     86                        height: 10px;
     87                        display: block;
     88                        float: left;
     89                        text-indent: -9999px;
     90                        overflow: hidden;
     91                        position: absolute;
     92                }
     93        }
     94}
     95
     96#poststuff h2 {
     97        margin-top: 20px;
     98        font-size: 1.5em;
     99        margin-bottom: 15px;
     100        padding: 0 0 3px;
     101        clear: left;
     102}
     103
     104#poststuff h3,
     105.metabox-holder h3 {
     106        @include normal-font(12px);
     107        padding: 7px 10px;
     108        margin: 0;
     109}
     110
     111#poststuff .inside {
     112        margin: 6px 0 8px;
     113}
     114
     115#poststuff .inside #parent_id,
     116#poststuff .inside #page_template {
     117        max-width: 100%;
     118}
     119
     120.inline-edit-row #post_parent,
     121.inline-edit-row select[name="page_template"] {
     122        max-width: 80%;
     123}
     124
     125.ie8 #poststuff .inside #parent_id,
     126.ie8 #poststuff .inside #page_template,
     127.ie8 .inline-edit-row #post_parent,
     128.ie8 .inline-edit-row select[name="page_template"] {
     129        width: 250px;
     130}
     131
     132#post-visibility-select {
     133        line-height: 1.5em;
     134        margin-top: 3px;
     135}
     136
     137#poststuff #submitdiv .inside {
     138        margin: 0;
     139        padding: 0;
     140}
     141
     142.edit-form-section {
     143        margin-bottom: 20px;
     144}
     145
     146#templateside ul li a {
     147        text-decoration: none;
     148}
     149
     150.tool-box .title {
     151        margin: 8px 0;
     152        @include normal-font(18px, 24px);
     153}
     154
     155#sidemenu {
     156        margin: -30px 15px 0 315px;
     157        list-style: none;
     158        position: relative;
     159        float: right;
     160        padding-left: 10px;
     161        font-size: 12px;
     162
     163        a {
     164                padding: 0 7px;
     165                display: block;
     166                float: left;
     167                line-height: 28px;
     168                border-top-width: 1px;
     169                border-top-style: solid;
     170                border-bottom-width: 1px;
     171                border-bottom-style: solid;
     172
     173                &.current {
     174                        font-weight: normal;
     175                        padding-left: 6px;
     176                        padding-right: 6px;
     177                        @include rounded-top(3px);
     178                        border-width: 1px;
     179                        border-style: solid;
     180                }       
     181        }
     182
     183        li {
     184                display: inline;
     185                line-height: 200%;
     186                list-style: none;
     187                text-align: center;
     188                white-space: nowrap;
     189                margin: 0;
     190                padding: 0;
     191
     192                a .count-0 {
     193                        display: none;
     194                }       
     195        }
     196}
     197
     198.plugin-install #description,
     199.plugin-install-network #description {
     200        width: 60%;
     201}
     202
     203table .vers,
     204table .column-visible,
     205table .column-rating {
     206        text-align: left;
     207}
     208
     209.error-message {
     210        color: red;
     211        font-weight: bold;
     212}
     213
     214/* Scrollbar fix for bulk upgrade iframe */
     215body.iframe {
     216        height: 98%;
     217}
     218
     219
     220/* - Only used once or twice in all of WP - deprecate for global style
     221------------------------------------------------------------------------------*/
     222td.media-icon {
     223        text-align: center;
     224        width: 80px;
     225        padding-top: 8px;
     226        padding-bottom: 8px;
     227
     228        img {
     229                max-width: 80px;
     230                max-height: 60px;
     231        }
     232}
     233
     234#howto {
     235        font-size: 11px;
     236        margin: 0 5px;
     237        display: block;
     238}
     239
     240.importers {
     241        font-size: 16px;
     242        width: auto;
     243        td {
     244                padding-right: 14px;
     245        }
     246}
     247
     248#namediv {
     249        table {
     250                width: 100%;
     251        }
     252
     253        td.first {
     254                width: 10px;
     255                white-space: nowrap;
     256        }
     257
     258        input {
     259                width: 98%;
     260        }
     261
     262        p {
     263                margin: 10px 0;
     264        }
     265}
     266
     267#submitdiv h3 {
     268        margin-bottom: 0 !important;
     269}
     270
     271/* - Used - but could/should be deprecated with a CSS reset
     272------------------------------------------------------------------------------*/
     273.zerosize {
     274        height: 0;
     275        width: 0;
     276        margin: 0;
     277        border: 0;
     278        padding: 0;
     279        overflow: hidden;
     280        position: absolute;
     281}
     282
     283br.clear {
     284        height: 2px;
     285        line-height: 2px;
     286}
     287
     288.checkbox {
     289        border: none;
     290        margin: 0;
     291        padding: 0;
     292}
     293
     294fieldset {
     295        border: 0;
     296        padding: 0;
     297        margin: 0;
     298}
     299
     300.post-categories {
     301        display: inline;
     302        margin: 0;
     303        padding: 0;
     304}
     305
     306.post-categories li {
     307        display: inline;
     308}
     309
     310
     311/*-----------------------------------------------------------------------------
     312 MERGED
     313-------------------------------------------------------------------------------*/
     314
     315
     316/* ms */
     317/* Dashboard: MS Specific Data */
     318
     319#dashboard_right_now {
     320        p.musub {
     321                margin-top: 12px;
     322                border-top: 1px solid #ececec;
     323                padding-left: 16px;
     324                position: static;
     325        }
     326
     327        .rtl & p.musub {
     328                padding-left: 0;
     329                padding-right: 16px;
     330        }
     331
     332        td.b a.musublink {
     333                font-size: 16px;
     334        }
     335
     336        div.musubtable {
     337                border-top: none;
     338        }
     339
     340        div.musubtable .t {
     341                white-space: normal;
     342        }
     343}
     344
     345/* Background Color for Site Status */
     346.wp-list-table .site-deleted {
     347        background: #ff8573;
     348}
     349.wp-list-table .site-spammed {
     350        background: #faafaa;
     351}
     352.wp-list-table .site-archived {
     353        background: #ffebe8;
     354}
     355.wp-list-table .site-mature {
     356        background: #fecac2;
     357}
     358
     359/* Star ratings */
     360div.star-holder {
     361        position: relative;
     362        height: 17px;
     363        width: 100px;
     364        background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
     365
     366        .star-rating {
     367                background: url('../images/stars.png?ver=20121108') repeat-x top left;
     368                height: 17px;
     369                float: left;
     370        }
     371}
     372
     373div.action-links {
     374        font-weight: normal;
     375        margin: 6px 0 0;
     376}
     377
     378/* Header on thickbox */
     379#plugin-information-header {
     380        margin: 0;
     381        padding: 0 5px;
     382        font-weight: bold;
     383        position: relative;
     384        border-bottom-width: 1px;
     385        border-bottom-style: solid;
     386        height: 2.5em;
     387}
     388
     389#plugin-information {
     390        ul#sidemenu {
     391                font-weight: normal;
     392                margin: 0 5px;
     393                position: absolute;
     394                left: 0;
     395                bottom: -1px;
     396        }
     397
     398        /* Install sidemenu */
     399        p.action-button {
     400                width: 100%;
     401                padding-bottom: 0;
     402                margin-bottom: 0;
     403                margin-top: 10px;
     404                @include rounded-left(3px);
     405        }
     406
     407        .action-button a {
     408                text-align: center;
     409                font-weight: bold;
     410                text-decoration: none;
     411                display: block;
     412                line-height: 2em;
     413        }
     414
     415        h2 {
     416                clear: none !important;
     417                margin-right: 200px;
     418        }
     419
     420        .fyi {
     421                margin: 0 10px 50px;
     422                width: 210px;
     423       
     424                h2 {
     425                        font-size: 0.9em;
     426                        margin-bottom: 0;
     427                        margin-right: 0;
     428                }
     429
     430                h2.mainheader {
     431                        padding: 5px;
     432                        -moz-border-top-left-radius: 3px;
     433                        -webkit-border-top-left-radius: 3px;
     434                        border-top-left-radius: 3px;
     435                }
     436
     437                ul {
     438                        padding: 10px 5px 10px 7px;
     439                        margin: 0;
     440                        list-style: none;
     441                        -moz-border-bottom-left-radius: 3px;
     442                        -webkit-border-bottom-left-radius: 3px;
     443                        border-bottom-left-radius: 3px;
     444                }
     445
     446                li {
     447                        margin-right: 0;
     448                }
     449        }
     450
     451        #section-holder {
     452                padding: 10px;
     453        }
     454
     455        .section ul,
     456        .section ol {
     457                margin-left: 16px;
     458                list-style-type: square;
     459                list-style-image: none;
     460        }
     461
     462        #section-screenshots ol {
     463                list-style: none;
     464                margin: 0;
     465        }
     466
     467        #section-screenshots li img {
     468                vertical-align: text-top;
     469                max-width: 100%;
     470                width: auto;
     471                height: auto;
     472        }
     473
     474        #section-screenshots li p {
     475                font-style: italic;
     476                padding-left: 20px;
     477                padding-bottom: 2em;
     478        }
     479
     480        #section-screenshots ol,
     481        .updated,
     482        pre {
     483                margin-right: 215px;
     484        }
     485
     486        pre {
     487                padding: 7px;
     488                overflow: auto;
     489        }
     490}
     491
     492#poststuff #editor-toolbar {
     493        height: 30px;
     494}
     495
     496div.zerosize {
     497        border: 0 none;
     498        height: 0;
     499        margin: 0;
     500        overflow: hidden;
     501        padding: 0;
     502        width: 0;
     503}
     504
     505.posting {
     506        margin-right: 212px;
     507        position: relative;
     508}
     509
     510
     511
     512h3.tb {
     513        text-shadow: 0 1px 0 #fff;
     514        @include bold-font();
     515        margin-left: 5px;
     516}
     517
     518#TB_window {
     519        border: 1px solid #333;
     520}
     521
     522.js .postbox:hover .handlediv,
     523.js .stuffbox:hover .handlediv {
     524        background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     525}
     526
     527.press-this #submitdiv:hover .handlediv {
     528        background: none;
     529}
     530
     531.tbtitle {
     532        font-size: 1.7em;
     533        outline: none;
     534        padding: 3px 4px;
     535        border-color: $border-color;
     536}
     537
     538#extra-fields .button {
     539        margin-right: 5px;
     540}
     541
     542/* Photo Styles */
     543#photo_saving {
     544        margin: 0 8px 8px;
     545        vertical-align: middle;
     546}
     547
     548#img_container_container {
     549        overflow: auto;
     550}
     551
     552#extra-fields {
     553        margin-top: 10px;
     554        position: relative;
     555
     556        h2 {
     557                margin: 12px;
     558        }
     559}
     560
     561#waiting {
     562        margin-top: 10px;
     563        overflow: hidden;
     564
     565        span {
     566                float: right;
     567                margin: 0 0 0 5px;
     568        }
     569
     570        .spinner {
     571                display: block;
     572        }
     573}
     574
     575#extra-fields .postbox {
     576        margin-bottom: 5px;
     577}
     578
     579#extra-fields .titlewrap {
     580        padding: 0;
     581        overflow: auto;
     582        height: 100px;
     583}
     584
     585#img_container {
     586        a {
     587                display: block;
     588                float: left;
     589                overflow: hidden;
     590        }
     591
     592        img,
     593        a {
     594                width: 68px;
     595                height: 68px;
     596        }
     597
     598        img {
     599                border: none;
     600                background-color: #f4f4f4;
     601                cursor: pointer;
     602        }
     603
     604        a,
     605        a:link,
     606        a:visited {
     607                border: 1px solid #ccc;
     608                display: block;
     609                position: relative;
     610        }
     611
     612        a:hover,
     613        a:active {
     614                border-color: black;
     615                z-index: 1000;
     616                border-width: 2px;
     617                margin: -1px;
     618        }
     619}
     620
     621
     622/* Video */
     623#embed-code {
     624        width: 100%;
     625        height: 98px;
     626}
     627
     628#TB_ajaxContent #options {
     629        position: absolute;
     630        top: 20px;
     631        right: 25px;
     632        padding: 5px;
     633}
     634
     635#TB_ajaxContent h3 {
     636        margin-bottom: .25em;
     637}
     638
     639.error a {
     640        text-decoration: underline;
     641}
     642
     643.updated a {
     644        text-decoration: none;
     645        padding-bottom: 2px;
     646}
     647
     648/* tag hints */
     649.taghint {
     650        color: #aaa;
     651        margin: -17px 0 0 7px;
     652        visibility: hidden;
     653}
     654
     655input.newtag ~ div.taghint {
     656        visibility: visible;
     657}
     658
     659input.newtag:focus ~ div.taghint {
     660        visibility: hidden;
     661}
     662
     663/* TinyMCE */
     664#mce_fullscreen_container {
     665        background: #fff;
     666}
     667
     668#photo-add-url-div input[type="text"] {
     669        width: 300px;
     670}
     671
     672/* theme-editor */
     673.alignleft h3 {
     674        margin: 0;
     675}
     676
     677h3 span {
     678        font-weight: normal;
     679}
     680
     681#template textarea {
     682        font-family: Consolas, Monaco, monospace;
     683        font-size: 12px;
     684        width: 97%;
     685        background: #f9f9f9;
     686        outline: none;
     687}
     688
     689#template p {
     690        width: 97%;
     691}
     692
     693#templateside {
     694        float: right;
     695        width: 190px;
     696        word-wrap: break-word;
     697}
     698
     699#templateside h3,
     700#postcustomstuff p.submit {
     701        margin: 0;
     702}
     703
     704#templateside h4 {
     705        margin: 1em 0 0;
     706}
     707
     708#templateside ol,
     709#templateside ul {
     710        margin: .5em;
     711        padding: 0;
     712}
     713
     714#templateside li {
     715        margin: 4px 0;
     716}
     717
     718#templateside ul li a span.highlight {
     719        display:block;
     720}
     721
     722.nonessential {
     723        font-size: 11px;
     724        font-style: italic;
     725        padding-left: 12px;
     726}
     727
     728.highlight {
     729        padding: 3px 3px 3px 12px;
     730        margin-left: -12px;
     731        font-weight: bold;
     732        border: 0 none;
     733}
     734
     735#documentation {
     736        margin-top: 10px;
     737}
     738#documentation label {
     739        line-height: 22px;
     740        vertical-align: top;
     741        font-weight: bold;
     742}
     743
     744.fileedit-sub {
     745        padding: 10px 0 8px;
     746        line-height: 180%;
     747}
     748
     749#filter-box {
     750        clear: both;
     751}
     752
     753.feature-filter {
     754        padding: 8px 12px 0;
     755}
     756
     757.feature-filter .feature-group {
     758        float: left;
     759        margin: 5px 10px 10px;
     760}
     761
     762.feature-filter .feature-group li {
     763        display: inline-block;
     764        vertical-align: top;
     765        list-style-type: none;
     766        padding-right: 25px;
     767        width: 150px;
     768}
     769
     770.feature-container {
     771        width: 100%;
     772        overflow: auto;
     773        margin-bottom: 10px;
     774}
     775
     776/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
     777.ui-sortable,
     778.ui-draggable {
     779        -ms-touch-action: none;
     780}
  • new file wp-admin/css/scss/modules/nav-menus.scss

    diff --git a/wp-admin/css/scss/modules/nav-menus.scss b/wp-admin/css/scss/modules/nav-menus.scss
    new file mode 100644
    index 0000000..4325280
    </
    - +  
     1/* nav-menu */
     2
     3.no-js #message {
     4        display: block;
     5}
     6
     7#nav-menu-meta ul.outer-border {
     8        @include rounded(3px);
     9}
     10
     11.accordion-section ul.category-tabs,
     12.accordion-section ul.add-menu-item-tabs,
     13.accordion-section ul.wp-tab-bar {
     14        margin: 0;
     15}
     16
     17.accordion-section .categorychecklist {
     18        margin: 13px 0;
     19}
     20
     21#nav-menu-meta .accordion-section-content {
     22        padding: 18px 13px;
     23}
     24
     25#nav-menu-meta .button-controls {
     26        margin-bottom: 0;
     27}
     28
     29#nav-menus-frame {
     30        margin-left: 300px;
     31        margin-top: 23px;
     32}
     33
     34#wpbody-content #menu-settings-column {
     35        display: inline;
     36        width:281px;
     37        margin-left: -300px;
     38        clear: both;
     39        float: left;
     40        padding-top: 0;
     41}