Ticket #22862: 22862-sass.diff

new file wp-admin/css/scss/mixins.scss

@@ +1 @@
+@mixin linear-gradient-precise($start, $start_opacity, $end, $end_opacity) {
+        background: $end;
+        background-image: -webkit-gradient(linear, left bottom, left top, color-stop($start_opacity, $start), color-stop($end_opacity, $end));
+        background-image: -webkit-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
+        background-image:    -moz-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
+        background-image:      -o-linear-gradient(bottom, $start $start_opacity, $end $end_opacity);
+        background-image: linear-gradient(to top, $start $start_opacity, $end);
+}
+
+@mixin linear-gradient($start, $end) {
+        background: $end;
+        background-image: -webkit-gradient(linear, left bottom, left top, from($start), to($end));
+        background-image: -webkit-linear-gradient(bottom, $start, $end);
+        background-image:    -moz-linear-gradient(bottom, $start, $end);
+        background-image:      -o-linear-gradient(bottom, $start, $end);
+        background-image: linear-gradient(to top, $start, $end);
+}
+
+@mixin rounded($radius: 3px) {
+    border-radius: $radius;
+    -moz-border-radius: $radius;
+    -webkit-border-radius: $radius;
+}
+
+@mixin rounded-bottom($radius: 3px) {
+        border-bottom-left-radius: $radius;
+        border-bottom-right-radius: $radius;
+    -moz-border-bottom-left-radius: $radius;
+        -moz-border-bottom-right-radius: $radius;    
+        -webkit-border-bottom-left-radius: $radius;
+        -webkit-border-bottom-right-radius: $radius;
+}
+
+@mixin rounded-top($radius: 3px) {
+        border-top-left-radius: $radius;
+        border-top-right-radius: $radius;
+    -moz-border-top-left-radius: $radius;
+        -moz-border-top-right-radius: $radius;    
+        -webkit-border-top-left-radius: $radius;
+        -webkit-border-top-right-radius: $radius;
+}
+
+@mixin rounded-left($radius: 3px) {
+        border-top-left-radius: $radius;
+        border-bottom-left-radius: $radius;
+    -moz-border-top-left-radius: $radius;
+        -moz-border-bottom-left-radius: $radius;    
+        -webkit-border-top-left-radius: $radius;
+        -webkit-border-bottom-left-radius: $radius;
+}
+
+@mixin rounded-right($radius: 3px) {
+        border-top-right-radius: $radius;
+        border-bottom-right-radius: $radius;
+    -moz-border-top-right-radius: $radius;
+        -moz-border-bottom-right-radius: $radius;    
+        -webkit-border-top-right-radius: $radius;
+        -webkit-border-bottom-right-radius: $radius;
+}
+
+@mixin border-box() {
+        -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
+        -ms-box-sizing: border-box;
+        box-sizing: border-box;
+}
+
+@mixin transitions($duration: 0.2s) {
+        -webkit-transition-property: left, right, top, bottom, width, margin;
+        -moz-transition-property:    left, right, top, bottom, width, margin;
+        -ms-transition-property:     left, right, top, bottom, width, margin;
+        -o-transition-property:      left, right, top, bottom, width, margin;
+        transition-property:         left, right, top, bottom, width, margin;
+
+        -webkit-transition-duration: $duration;
+        -moz-transition-duration:    $duration;
+        -ms-transition-duration:     $duration;
+        -o-transition-duration:      $duration;
+        transition-duration:         $duration;
+}
+
+@mixin no-box-shadows {
+        -moz-box-shadow:        none;   
+        -webkit-box-shadow: none;
+        box-shadow:                     none;
+}
+
+@mixin no-user-select {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        user-select: none;
+}
+
+@mixin serif-font {
+        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+}
+
+@mixin sans-serif-font {
+        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+}
+
+@mixin normal-font($size: 12px, $height: 1) {
+        font-size: $size;
+        font-weight: normal;
+        line-height: $height;
+}
+
+@mixin bold-font($size: 12px, $height: normal) {
+        font-size: $size;
+        font-weight: bold;
+        line-height: $height;
+}
+
+@mixin about-font ($size: 20px) {
+        @include sans-serif-font();
+        @include normal-font($size, 1.6em);
+} 
+ No newline at end of file

new file wp-admin/css/scss/modules/about.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  22.0 - About Pages
+------------------------------------------------------------------------------*/
+
+/* WordPress Version Badge */
+
+.wp-badge {
+        padding-top: 142px;
+        height: 50px;
+        width: 173px;
+        @include bold-font(14px);
+        text-align: center;
+        margin: 0 -5px;
+        background: url('../images/wp-badge.png?ver=20111120') no-repeat;
+}
+
+.about-wrap {
+        position: relative;
+        margin: 25px 40px 0 20px;
+        max-width: 1050px; /* readability */
+        font-size: 15px;
+
+        div.updated,
+        div.error {
+                display: none !important;
+        }
+
+        /* Typography */
+        p {
+                line-height: 1.6em;
+        }
+
+        h1 {
+                margin: 0.2em 200px 0 0;
+                line-height: 1.2em;
+                font-size: 2.8em;
+                font-weight: 200;
+        }
+
+        h3 {
+                font-size: 24px;
+                margin-bottom: 1em;
+                padding-top: 20px;
+        }
+
+        code {
+                font-size: 14px;
+        }
+
+        li.wp-person a.web {
+                @include about-font;
+        }
+
+        /* Point Releases */
+
+        .point-releases {
+                margin-top: 5px;
+        }
+
+        .changelog.point-releases h3 {
+                padding-top: 35px;
+                
+                &:first-child {
+                        padding-top: 7px;
+                }
+        }
+
+        .wp-badge {
+                position: absolute;
+                top: 0;
+                right: 0;
+        }
+
+        /* Tabs */
+
+        h2 {
+                &.nav-tab-wrapper {
+                        padding-left: 6px;
+                }
+
+                & .nav-tab {
+                        padding: 4px 10px 6px;
+                        margin: 0 3px -1px 0;
+                        font-size: 18px;
+                        vertical-align: top;
+                }
+
+                & .nav-tab-active {
+                        font-weight: bold;
+                        padding-top: 3px;
+                }       
+        }
+
+        /* Changelog / Update screen */
+
+        .feature-section {
+                padding-bottom: 20px;
+                h4 {
+                        margin-bottom: 0.6em;
+                }
+
+                p {
+                        margin-top: 0.6em;
+                }
+
+                img,
+                .video {
+                        border: none;
+                        margin: 0 1.94% 10px 0;
+                        @include rounded(3px);
+                }
+
+                .video video {
+                        max-width: 100%;
+                }
+
+                &.three-col img {
+                        margin: 0.5em 0 0.5em 5px;
+                        max-width: 100%;
+                        float: none;
+                }
+
+                &.images-stagger-right img,
+                &.images-stagger-right .video {
+                        float: right;
+                        margin: 0 5px 12px 2em;
+                }
+
+                &.images-stagger-left img {
+                        float: left;
+                        margin: 0 2em 12px 5px;
+                }
+
+                .image-100 {
+                        margin: 0 0 2em 0;
+                        width: 100%;
+                }
+
+                .image-66 {
+                        width: 65%;
+                        &.video {
+                                max-width: 600px;
+                        }                       
+                }
+
+                .image-50 {
+                        max-width: 50%;
+                }
+
+                img.image-30 {
+                        max-width: 31.2381%;
+                }
+
+                &.col {
+                        margin-bottom: 0;
+                        h4 {
+                                margin:  0 0 0.6em 0;
+                        }
+
+                        .last-feature {
+                                margin-right: 0;
+                        }
+                }
+
+                &.two-col div, &.three-col div {
+                        margin-right: 4.999999999%;
+                        float: left;
+                }
+
+                &.two-col div {
+                        width: 47%;
+                }
+
+                &.three-col div {
+                        width: 30%;
+                }
+        }
+
+        .ie8 & .feature-section {
+                &.three-col img {
+                        margin-left: 0;
+                }
+
+                img {
+                        border-width: 1px;
+                        border-style: solid;
+                }
+        } 
+
+        .images-stagger-right img.image-30:nth-child(2) {
+                margin-left: 1em;
+        }
+
+        .three-col-images {
+                text-align: center;
+                img {
+                        margin: 0 0 10px;
+                }
+                .last-feature {
+                        float: right;
+                }
+
+                .first-feature {
+                        float: left;
+                }       
+        }
+
+        .changelog {
+                .feature-section {
+                        overflow: hidden;
+                }
+
+                li {
+                        list-style-type: disc;
+                        margin-left: 3em;
+                }
+        }
+
+        /* Return to Dashboard Home link */
+
+        .return-to-dashboard {
+                margin: 30px 0 0 -5px;
+                @include bold-font(14px);
+                a {
+                        text-decoration: none;
+                        padding: 0 5px;
+                }
+        }
+
+        /* Credits */
+
+        h4.wp-people-group {
+                margin-top: 2.6em;
+                font-size: 16px;
+        }
+
+        ul.wp-people-group {
+                overflow: hidden;
+                padding: 0 5px;
+                margin: 0 -15px 0 -5px;
+        }
+
+        li.wp-person {
+                float: left;
+                margin-right: 10px;
+        
+                img.gravatar {
+                        float: left;
+                        margin: 0 10px 10px 0;
+                        padding: 2px;
+                        width: 60px;
+                        height: 60px;
+                }
+        }
+
+        ul.compact {
+                margin-bottom: 0;
+
+                li.wp-person img.gravatar {
+                        width: 30px;
+                        height: 30px;
+                }       
+        }
+
+        li.wp-person {
+                height: 70px;
+                width: 280px;
+                padding-bottom: 15px;
+
+                ul.compact & {
+                        height: auto;
+                        width: 180px;
+                        padding-bottom: 0;
+                        margin-bottom: 0;
+                }       
+
+                a.web {
+                        display: block;
+                        margin: 6px 0 2px;
+                        font-size: 16px;
+                        text-decoration: none;
+                }
+        }
+
+        #wp-people-group-validators + p.wp-credits-list {
+                margin-top: 0;
+        }
+
+        p.wp-credits-list a {
+                white-space: nowrap;
+        }
+
+        /* Freedoms */
+
+        .freedoms-php & {
+                ol {
+                        margin: 40px 60px;
+                        li {
+                                list-style-type: decimal;
+                                font-weight: bold;
+                        }
+                        p {
+                                font-weight: normal;
+                                margin: 0.6em 0;
+                        }               
+                }
+        }
+}
+
+.about-description {
+        @include about-font;
+        margin-top: 1.4em;
+}
+
+.about-text {
+        @include about-font(24px);
+        margin: 1em 200px 1.4em 0;
+        min-height: 60px;
+}
+
+@media only screen and (max-width: 900px) {
+        .about-wrap .feature-section {
+                .images-stagger-left img,
+                .images-stagger-right img,
+                .images-stagger-right .video {
+                        clear: both;
+                }
+
+                .video.image-66 {
+                        float: none;
+                        width: 98%;
+                        max-width: 98%;
+                }
+
+                &.images-stagger-right .video.image-66 {
+                        margin-left: 3px;
+                }
+        }
+}
+
+@media only screen and (max-width: 768px) {
+        .about-wrap .feature-section {
+                .image-66 {
+                        float: none;
+                        width: 98%;
+                        max-width: 98%;
+                }
+                &.images-stagger-right .image-66 {
+                        margin-left: 3px;
+                }
+
+                &.images-stagger-left .image-66 {
+                        margin-right: 3px;
+                }
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/accordion.scss

@@ +1 @@
+/* Accordion */
+
+.accordion-section {
+        border-top: 1px solid #fff;
+        border-bottom: 1px solid $border-color;
+        margin: 0;
+
+        &:first-child {
+                border-top: 1px solid $border-color;
+        }
+
+        &:last-child {
+                box-shadow: 0 1px 0 0px #fff;
+        }       
+
+        &.open .accordion-section-content,
+        .no-js & .accordion-section-content {
+                display: block;
+        }
+
+        &.open:hover {
+                border-bottom-color: $border-color;
+        }
+}
+
+.accordion-section-content {
+        display: none;
+        padding: 10px 20px 15px;
+        overflow: hidden;
+        background: #fdfdfd;
+        border-left: 1px solid $border-color;
+        border-right: 1px solid $border-color;
+}
+
+.accordion-section-title {
+        margin: 0;
+        padding: 15px 20px;
+        position: relative;
+        border-left: 1px solid $border-color;
+        border-right: 1px solid $border-color;
+
+        @include no-user-select();
+
+        .js & {
+                cursor: pointer;
+        }
+
+        .js &:after {
+                content: '';
+                width: 0;
+                height: 0;
+                border-color: #ccc transparent;
+                border-style: solid;
+                border-width: 6px 6px 0;
+                position: absolute;
+                top: 25px;
+                right: 20px;
+                z-index: 1;
+        }
+
+        &:focus {
+                outline: none;
+        }
+
+        &:hover:after,
+        &:focus:after {
+                border-color: #aaa transparent;
+        }
+
+        .cannot-expand & {
+                cursor: auto;
+        }
+
+        .cannot-expand &:after {
+                display: none;
+        }
+
+        .control-section & {
+                padding: 10px 20px;
+                color: #464646;
+                @include serif-font();
+                @include normal-font(15px);
+                text-shadow: 0 1px 0 #fff;
+                @include linear-gradient(#eee, #f5f5f5);
+        }
+
+        .control-section &:after {
+                top: 15px;
+        }
+
+        .js .control-section:hover &,
+        .js .control-section &:hover,
+        .js .control-section.open &,
+        .js .control-section &:focus {
+                color: black;
+                @include linear-gradient(#ececec, #f9f9f9);
+        }
+
+        .control-section.open & {
+                border-bottom: 1px solid $border-color;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/actions.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  3.0 - Actions
+------------------------------------------------------------------------------*/
+
+#major-publishing-actions {
+        padding: 10px 10px 8px;
+        clear: both;
+        border-top: 1px solid #f5f5f5;
+        margin-top: -2px;
+}
+
+#delete-action {
+        line-height: 25px;
+        vertical-align: middle;
+        text-align: left;
+        float: left;
+}
+
+#publishing-action {
+        text-align: right;
+        float: right;
+        line-height: 23px;
+
+        .spinner {
+                float: left;
+        }
+}
+
+#misc-publishing-actions {
+        padding: 6px 0 0;
+}
+
+.misc-pub-section {
+        padding: 6px 10px 8px;
+        border-width: 1px 0;
+        border-style: solid;
+
+        &:first-child {
+                border-top-width: 0;
+        }
+}
+
+.misc-pub-section-last {
+        border-bottom-width: 0;
+}
+
+#minor-publishing-actions {
+        padding: 10px 10px 2px 8px;
+        text-align: right;
+}
+
+#minor-publishing {
+        border-bottom-width: 1px;
+        border-bottom-style: solid;
+        -webkit-box-shadow: 0 1px 0 #fff;
+        box-shadow: 0 1px 0 #fff;
+}
+
+#save-post {
+        float: left;
+}
+
+.preview {
+        float: right;
+}
+
+#sticky-span {
+        margin-left: 18px;
+}
+
+.side-info {
+        margin: 0;
+        padding: 4px;
+        font-size: 11px;
+
+        h5 {
+                padding-bottom: 7px;
+                font-size: 14px;
+                margin: 12px 2px 5px;
+                border-bottom-width: 1px;
+                border-bottom-style: solid;
+        }
+
+        ul {
+                margin: 0;
+                padding-left: 18px;
+                list-style: square;
+        }
+}
+
+.approve,
+.unapproved .unapprove {
+        display: none;
+}
+
+.unapproved .approve,
+.spam .approve,
+.trash .approve {
+        display: inline;
+}
+
+td.action-links,
+th.action-links {
+        text-align: right;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/categories.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  12.0 - Categories
+------------------------------------------------------------------------------*/
+
+.category-adder {
+        margin-left: 120px;
+        padding: 4px 0;
+
+        h4 {
+                margin: 0 0 8px;
+        }
+
+        #side-sortables & {
+                margin: 0;
+        }
+}
+
+#post-body ul.add-menu-item-tabs {
+        float: left;
+        width: 120px;
+        text-align: right;
+        /* Negative margin for the sake of those without JS: all tabs display */
+        margin: 0 -120px 0 5px;
+        padding: 0;
+
+        li {
+                padding: 8px;
+
+                &.tabs {
+                        @include rounded-left;
+                }
+        }
+}
+
+.wp-tab-panel,
+.categorydiv div.tabs-panel,
+.customlinkdiv div.tabs-panel,
+.posttypediv div.tabs-panel,
+.taxonomydiv div.tabs-panel {
+        min-height: 42px;
+        max-height: 200px;
+        overflow: auto;
+        padding: 0 0.9em;
+        border-style: solid;
+        border-width: 1px;
+}
+
+div.tabs-panel-active {
+        display: block;
+}
+
+div.tabs-panel-inactive {
+        display: none;
+}
+
+#front-page-warning,
+#front-static-pages ul,
+ul.export-filters,
+.inline-editor ul.cat-checklist ul,
+.categorydiv ul.categorychecklist ul,
+.customlinkdiv ul.categorychecklist ul,
+.posttypediv ul.categorychecklist ul,
+.taxonomydiv ul.categorychecklist ul {
+        margin-left: 18px;
+}
+
+ul.categorychecklist li {
+        margin: 0;
+        padding: 0;
+        line-height: 19px;
+        word-wrap: break-word;
+}
+
+.categorydiv .tabs-panel,
+.customlinkdiv .tabs-panel,
+.posttypediv .tabs-panel,
+.taxonomydiv .tabs-panel {
+        border-width: 3px;
+        border-style: solid;
+}
+
+.form-wrap {
+        p,
+        label {
+                font-size: 11px;
+        }
+
+        label {
+                display: block;
+                padding: 2px;
+                font-size: 12px;
+        }
+
+        .form-field {
+                margin: 0 0 10px;
+                padding: 8px 0;
+
+                #parent {
+                        max-width: 100%;
+                }       
+        }
+}
+
+.form-field input,
+.form-field textarea {
+        border-style: solid;
+        border-width: 1px;
+        width: 95%;
+}
+
+p.description,
+.form-wrap p {
+        margin: 2px 0 5px;
+}
+
+p.help,
+p.description,
+span.description,
+.form-wrap p {
+        font-size: 12px;
+        font-style: italic;
+        font-family: sans-serif;
+}
+
+.col-wrap {
+        h3 {
+                margin: 12px 0;
+                font-size: 1.1em;
+        }
+
+        p.submit {
+                margin-top: -10px;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/comments.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  15.0 - Comments Screen
+------------------------------------------------------------------------------*/
+
+.form-table {
+        border-collapse: collapse;
+        margin-top: 0.5em;
+        width: 100%;
+        margin-bottom: -8px;
+        clear: both;
+
+        td {
+                margin-bottom: 9px;
+                padding: 8px 10px;
+                line-height: 20px;
+                font-size: 12px;
+
+                p {
+                        margin-top: 4px;
+                }
+
+                .color-palette & {
+                        border-width: 1px 1px 0;
+                        border-style: solid solid none;
+                        height: 10px;
+                        line-height: 20px;
+                        width: 10px;
+                }
+        }
+
+        th {
+                vertical-align: top;
+                text-align: left;
+                padding: 10px;
+                width: 200px;
+
+                &.th-full {
+                        width: auto;
+                }
+        }
+
+        div.color-option {
+                display: block;
+                clear: both;
+                margin-top: 12px;
+        }
+
+        input.tog {
+                margin-top: 2px;
+                margin-right: 2px;
+                float: left;
+        }
+
+        table.color-palette {
+                vertical-align: bottom;
+                float: left;
+                margin: -12px 3px 11px;
+        }
+}
+
+.form-table th,
+.form-wrap label {
+        font-weight: normal;
+        text-shadow: #fff 0 1px 0;
+}
+
+.commentlist {
+        li {
+                padding: 1em 1em .2em;
+                margin: 0;
+                border-bottom-width: 1px;
+                border-bottom-style: solid;
+        
+                li {
+                        border-bottom: 0;
+                        padding: 0;
+                }
+        }
+
+        p {
+                padding: 0;
+                margin: 0 0 .8em;
+        }
+
+        .avatar {
+                vertical-align: text-top;
+        }
+}
+
+/* reply to comments */
+#replyrow {
+        input {
+                border-width: 1px;
+                border-style: solid;
+        }
+
+        td {
+                padding: 2px;
+        }
+
+        h5 {
+                margin: .2em 0 0;
+                padding: 0 5px;
+                line-height: 1.4em;
+                font-size: 1em;
+        }
+}
+
+#replysubmit {
+        margin: 0;
+        padding: 0 5px 3px;
+        text-align: center;
+
+        .spinner {
+                padding: 2px 0 0;
+                vertical-align: top;
+                float: right;
+        }
+
+        .button {
+                margin-right: 5px;
+        }
+
+        .error {
+                color: red;
+                line-height: 21px;
+                text-align: center;
+        }
+}
+
+#edithead {
+        .inside {
+                float: left;
+                padding: 3px 0 2px 5px;
+                margin: 0;
+                text-align: center;
+
+                input {
+                        width: 180px;
+                }
+        }
+
+        label {
+                padding: 2px 0;
+        }
+}
+
+#replycontainer {
+        padding: 5px;
+}
+
+#replycontent {
+        height: 120px;
+        @include no-box-shadows();
+}
+
+.comment-php .wp-editor-area {
+        height: 200px;
+}
+
+.comment-ays {
+        margin-bottom: 0;
+        border-style: solid;
+        border-width: 1px;
+
+        th {
+                border-right-style: solid;
+                border-right-width: 1px;
+        }
+}
+
+.trash-undo-inside,
+.spam-undo-inside {
+        margin: 1px 8px 1px 0;
+        line-height: 16px;
+
+        .avatar {
+                height: 20px;
+                width: 20px;
+                margin-right: 8px;
+                vertical-align: middle;
+        }
+}
+
+.stuffbox .editcomment {
+        clear: none;
+}
+
+#comment-status-radio {
+        p {
+                margin: 3px 0 5px;
+        }
+
+        input {
+                margin: 2px 3px 5px 0;
+                vertical-align: middle;
+        }
+
+        label {
+                padding: 5px 0;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/customize.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  24.0 - Customize Loader
+------------------------------------------------------------------------------*/
+
+.hide-if-customize {
+        .customize-support &,
+        .customize-support.wp-core-ui &,
+        .customize-support .wp-core-ui & {
+                display: none;
+        }
+}
+
+.hide-if-no-customize {
+        .no-customize-support &,
+        .no-customize-support.wp-core-ui &,
+        .no-customize-support .wp-core-ui &{
+                display: none;
+        }
+}
+
+#customize-container {
+        display: none;
+        background: #fff;
+        z-index: 500000;
+        position: fixed;
+        overflow: visible;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 100%;
+
+        .customize-active & {
+                display: block;
+        }
+
+        .customize-loading & {
+                background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
+                background-size: 16px 16px;
+        }
+
+        .customize-loading & iframe {
+                opacity: 0;
+        }
+
+        .collapse-sidebar {
+                bottom: 16px;
+        }
+}
+
+#customize-container iframe,
+#theme-installer iframe {
+        height: 100%;
+        width: 100%;
+        z-index: 20;
+
+        -webkit-transition: opacity 0.3s;
+        -moz-transition:    opacity 0.3s;
+        -ms-transition:     opacity 0.3s;
+        -o-transition:      opacity 0.3s;
+        transition:         opacity 0.3s;
+}
+
+#theme-installer {
+        display: none;
+
+        &.single-theme {
+                display: block;
+        }
+}
+
+.install-theme-info {
+
+        display: none;
+        padding: 10px 20px 20px;
+
+        .single-theme & {
+                padding-top: 15px;
+        }
+
+        #theme-installer & {
+                display: block;
+        }
+
+        .theme-install {
+                float: right;
+                margin-top: 18px;
+        }
+
+        .theme-name {
+                font-size: 16px;
+                line-height: 24px;
+                margin-bottom: 0;
+        }
+
+        .theme-screenshot {
+                margin-top: 15px;
+                width: 258px;
+                border: 1px solid #ccc;
+        }
+
+        .theme-details {
+                overflow: hidden;
+        }
+}
+
+.theme-details {
+        .theme-version {
+                margin: 15px 0;
+                float: left;
+        }
+
+        .star-holder {
+                margin: 14px 0;
+                float: right;
+        }
+
+        .theme-description {
+                float: left;
+                color: #777;
+                line-height: 20px;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/dashboard.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  9.0 - Dashboard
+------------------------------------------------------------------------------*/
+
+#dashboard-widgets-wrap {
+        margin: 0 -8px;
+}
+
+#wpbody-content .metabox-holder {
+        padding-top: 10px;
+}
+
+#dashboard-widgets .meta-box-sortables {
+        margin: 0 8px;
+}
+
+#dashboard_recent_comments div.undo {
+        border-top-style: solid;
+        border-top-width: 1px;
+        margin: 0 -10px;
+        padding: 3px 8px;
+        font-size: 11px;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+        position: relative;
+        overflow: auto;
+        margin: 20px 0;
+        padding: 23px 10px 12px;
+        border-width: 1px;
+        border-style: solid;
+        @include rounded(3px);
+        font-size: 13px;
+        line-height: 2.1em;
+
+        h3 {
+                margin: 0;
+                @include sans-serif-font();
+                @include normal-font(21px, 1.2);
+        }
+        h4 {
+                margin: 1.33em 0 0;
+                font-size: 13px;
+        }
+
+        .about-description {
+                font-size: 16px;
+                margin: 0;
+        }
+
+        .welcome-panel-close {
+                position: absolute;
+                top: 5px;
+                right: 10px;
+                padding: 8px 3px;
+                font-size: 13px;
+                text-decoration: none;
+                line-height: 1;
+        
+                &:before {
+                        content: ' ';
+                        position: absolute;
+                        left: -12px;
+                        width: 10px;
+                        height: 100%;
+                        background: url('../images/xit.gif') 0 17% no-repeat;
+                }
+        
+                &:hover:before {
+                        background-position: 100% 17%;
+                }
+        }
+
+        .wp-core-ui & .button.button-hero {
+                margin: 15px 0 3px;
+        }
+
+        .welcome-panel-column-container {
+                clear: both;
+                overflow: hidden;
+                position: relative;
+        }
+
+        .welcome-panel-column {
+                width: 32%;
+                min-width: 200px;
+                float: left;
+        
+                &:first-child {
+                        width: 36%;
+                }
+
+                ul {
+                        margin: 0.8em 1em 1em 0;
+                }
+
+                li {
+                        line-height: 16px;
+                        list-style-type: none;
+                }
+        }
+
+        .ie8 & .welcome-panel-column {
+                min-width: 230px;
+        }
+
+        .welcome-icon {
+                display: block;
+                padding: 2px 0 8px 32px;
+                background-image: url('../images/welcome-icons.png');
+                background-repeat: no-repeat;
+                background-size: 16px;
+        }
+
+        .welcome-add-page {
+                background-position: 0 2px;
+        }
+
+        .welcome-edit-page {
+                background-position: 0 -90px;
+        }
+
+        .welcome-learn-more {
+                background-position: 0 -136px;
+        }
+
+        .welcome-comments {
+                background-position: 0 -182px;
+        }
+
+        .welcome-view-site {
+                background-position: 0 -274px;
+        }
+
+        .welcome-widgets-menus {
+                background-position: 1px -229px;
+                line-height: 14px;
+        }
+
+        .welcome-write-blog {
+                background-position: 0 -44px;
+        }
+}
+
+.welcome-panel-content {
+        margin-left: 13px;
+        max-width: 1500px;
+
+        p {
+                margin-top: 7px;
+        }
+}
+
+@media screen and (max-width: 870px) {
+        .welcome-panel {
+                .welcome-panel-column,
+                .welcome-panel-column:first-child {
+                        display: block;
+                        float: none;
+                        width: 100%;
+                }
+
+                .welcome-panel-column li {
+                        display: inline-block;
+                        margin-right: 13px;
+                }
+
+                .welcome-panel-column ul {
+                        margin: 0.4em 0 0;
+                }
+
+                .welcome-icon {
+                        padding-left: 25px;
+                }
+        }
+}
+
+/* dashboard */
+.edit-box {
+        display: none;
+
+        h3:hover & {
+                display: inline;
+        }
+}
+
+#dashboard-widgets {
+        form .input-text-wrap input {
+                width: 100%;
+        }
+
+        form .textarea-wrap textarea {
+                width: 100%;
+        }
+
+        .postbox form .submit {
+                float: none;
+                margin: .5em 0 0;
+                padding: 0;
+                border: none;
+        }
+
+        #dashboard-widgets-wrap & .postbox form .submit #publish {
+                min-width: 0;
+        }
+
+        a {
+                text-decoration: none;
+        }
+
+        h3 a {
+                text-decoration: underline;
+        }
+
+        h3 .postbox-title-action {
+                position: absolute;
+                right: 10px;
+                padding: 0;
+                top: 5px;
+        }
+
+        .js & h3 .postbox-title-action {
+                right: 30px;
+        }
+
+        h4 {
+                @include normal-font(13px);
+                margin: 0 0 .2em;
+                padding: 0;
+        }
+}
+
+/* Right Now */
+#dashboard_right_now {
+        p.sub,
+        .table, .versions {
+                margin: -12px;
+        }
+
+        .inside {
+                font-size: 12px;
+                padding-top: 20px;
+        }
+
+        p.sub {
+                padding: 5px 0 15px;
+                color: #8f8f8f;
+                font-size: 14px;
+                position: absolute;
+                top: -17px;
+                left: 15px;
+        }
+
+        .table {
+                margin: 0;
+                padding: 0;
+                position: relative;
+        }
+
+        .table_content {
+                float: left;
+                border-top-width: 1px;
+                border-top-style: solid;
+                width: 45%;
+        }
+
+        .table_discussion {
+                float: right;
+                border-top-width: 1px;
+                border-top-style: solid;
+                width: 45%;
+        }
+
+        table td {
+                padding: 3px 0;
+                white-space: nowrap;
+        }
+
+        table tr.first td {
+                border-top: none;
+        }
+
+        td.b {
+                padding-right: 6px;
+                text-align: right;
+                font-size: 14px;
+                width: 1%;
+        }
+
+        td.b a {
+                font-size: 18px;
+        }
+
+        td.b a:hover {
+                color: #d54e21;
+        }
+
+        .t {
+                font-size: 12px;
+                padding-right: 12px;
+                padding-top: 6px;
+                color: #777;
+        }
+
+        .t a {
+                white-space: nowrap;
+        }
+
+        .spam {
+                color: red;
+        }
+
+        .waiting {
+                color: #e66f00;
+        }
+
+        .approved {
+                color: green;
+        }
+
+        .versions {
+                padding: 6px 10px 12px;
+                clear: both;
+        }
+
+        a.button {
+                float: right;
+                clear: right;
+                position: relative;
+                top: -5px;
+        }
+}
+
+/* Recent Comments */
+#dashboard_recent_comments {
+        h3 {
+                margin-bottom: 0;
+        }
+
+        .inside {
+                margin-top: 0;
+        }
+
+        .comment-meta .approve {
+                font-style: italic;
+                font-family: sans-serif;
+                font-size: 10px;
+        }
+
+        .subsubsub {
+                float: none;
+                white-space: normal;
+        }
+}
+
+#the-comment-list {
+        position: relative;
+
+        p.comment-author img {
+                float: left;
+                margin-right: 8px;
+        }
+
+        p.comment-author strong a {
+                border: none;
+        }
+
+        td {
+                vertical-align: top;
+        
+                &.comment {
+                        word-wrap: break-word;
+
+                        p.comment-author {
+                                margin-top: 0;
+                                margin-left: 0;
+                        }
+                }
+        }
+
+        .comment-item {
+                padding: 1em 10px;
+                border-top: 1px solid;
+
+                .avatar {
+                        float: left;
+                        margin: 0 10px 5px 0;
+                }
+
+                h4 {
+                        line-height: 1.7em;
+                        margin-top: -0.4em;
+                        color: #777;
+
+                        cite {
+                                font-style: normal;
+                                font-weight: normal;
+                        }               
+                }
+
+                &:first-child {
+                        border-top: none;
+                }
+
+                blockquote,
+                blockquote p {
+                        margin: 0;
+                        padding: 0;
+                        display: inline;
+                }
+
+                p.row-actions {
+                        margin: 3px 0 0;
+                        padding: 0;
+                        font-size: 12px;
+                }
+        }
+
+        .pingback {
+                padding-left: 9px !important;
+        }
+
+        .comment-item,
+        #replyrow {
+                margin: 0 -10px;
+        }
+
+        #dashboard_recent_comments & .trackback blockquote,
+        #dashboard_recent_comments & .pingback blockquote {
+                display: block;
+        }
+}
+
+/* QuickPress */
+#title-wrap label,
+#tags-input-wrap label {
+        cursor: text;
+}
+
+#title-wrap {
+        #title {
+                padding: 2px 6px;
+                font-size: 1.3em;
+                line-height: 100%;
+                outline: none;
+        }
+
+        #title-prompt-text {
+                font-size: 1.3em;
+                padding: 5px 8px;
+        }
+}
+
+#tags-input-wrap {
+        #tags-input {
+                outline: none;
+        }
+
+        #tags-input-prompt-text {
+                font-size: 1em;
+                padding: 4px 8px;
+        }
+}
+
+#dashboard_quick_press {
+        .no-js & {
+                display: none;
+        }
+
+        .easy-blogging {
+                padding: 0 8px;
+                text-align: left;
+        }
+
+        .input-text-wrap {
+                position: relative;
+        }
+
+        .prompt {
+                color: #bbb;
+                position: absolute;
+        }
+
+        div.updated  {
+                padding: 0 5px;
+        }
+
+        .input-text-wrap,
+        .textarea-wrap {
+                margin: 0 0 1em 0;
+        }
+
+        .wp-media-buttons {
+                margin: 0 0 .2em 1px;
+                padding: 0;
+        
+                a {
+                        color: #777;
+                }
+        }
+
+        #dashboard-widgets & form p.submit {
+                input {
+                        float: left;
+                }
+
+                #save-post {
+                        margin: 0 0.7em 0 1px;
+                }
+
+                #publish {
+                        float: right;
+                }
+
+                .spinner {
+                        vertical-align: middle;
+                        margin: 4px 6px 0 0;
+                }
+        }
+}
+
+/* Recent Drafts */
+#dashboard_recent_drafts {
+        ul,
+        p {
+                margin: 0;
+                padding: 0;
+                word-wrap: break-word;
+        }
+
+        ul {
+                list-style: none;
+                li {
+                        margin-bottom: 1em;
+                }
+        }
+
+        h4 {
+                line-height: 1.7em;
+                word-wrap: break-word;
+        
+                abbr {
+                        font-weight: normal;
+                        font-family: sans-serif;
+                        font-size: 12px;
+                        color: #999;
+                        margin-left: 3px;
+                }
+        }
+}
+
+/* Feeds */
+.rss-widget {
+        ul {
+                margin: 0;
+                padding: 0;
+                list-style: none;
+        
+                li {
+                        line-height: 1.5em;
+                        margin-bottom: 12px;
+                }
+        }
+
+        span.rss-date {
+                color: #999;
+                font-size: 12px;
+                margin-left: 3px;
+        }
+
+        cite {
+                display: block;
+                text-align: right;
+                margin: 0 0 1em;
+                padding: 0;
+
+                &:before {
+                        content: '\2014';
+                }
+        }
+}
+
+a.rsswidget {
+        font-size: 13px;
+        line-height: 1.7em;
+}
+
+/* Plugins */
+#dashboard_plugins {
+        h4 {
+                line-height: 1.7em;
+        }
+
+        h5 {
+                @include normal-font(13px, 1.4em);
+                margin: 0;
+                display: inline;
+        
+                a {
+                        line-height: 1.4em;
+                }
+        }
+
+        .inside span {
+                font-size: 12px;
+                padding-left: 5px;
+        }
+
+        p {
+                margin: 0.3em 0 1.4em;
+                line-height: 1.4em;
+        }
+}
+
+.dashboard-comment-wrap {
+        overflow: hidden;
+        word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag {
+        a {
+                color: white;
+                text-decoration: underline;
+                &.update-browser-link {
+                        @include bold-font(1.2em);
+                }
+
+                &.browse-happy-link,
+                &.update-browser-link {
+                        text-shadow: #d29a04 0 1px 0;
+                }
+        }
+
+        p.browser-update-nag.has-browser-icon {
+                padding-right: 125px;
+        }
+
+        .browser-icon {
+                margin-top: -35px;
+        }
+
+        &.postbox {
+                background-color: #e29808;
+                background-image: none;
+                border-color: #edc048;
+                color: white;
+                @include no-box-shadows();
+        
+                h3 {
+                        border-bottom-color: #f6e2ac;
+                        text-shadow: none;
+                        background: transparent none;
+                        color: white;
+                        @include no-box-shadows();
+                }
+
+                &.browser-insecure {
+                        background-color: #ac1b1b;
+                        border-color: #ac1b1b;
+                
+                        h3 {
+                                border-bottom-color: #cd5a5a;
+                                color: white;
+                        }
+                }
+        }
+
+        &.browser-insecure a.browse-happy-link,
+        &.browser-insecure a.update-browser-link {
+                text-shadow: #871b15 0 1px 0;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/edit-post.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  11.0 - Write/Edit Post Screen
+------------------------------------------------------------------------------*/
+
+#show-comments {
+        overflow: hidden;
+}
+
+#save-action .spinner,
+#show-comments a,
+#show-comments .spinner {
+        float: left;
+}
+
+#lost-connection-notice .spinner {
+        display: block;
+        float: left;
+        margin: 0 5px 0 0;
+}
+
+.rtl #lost-connection-notice .spinner {
+        float: right;
+        margin: 0 0 0 5px;
+}
+
+#titlediv {
+        position: relative;
+        margin-bottom: 5px;
+
+        label {
+                cursor: text;
+        }
+
+        div.inside {
+                margin: 0;
+        }
+
+        #title {
+                padding: 3px 8px;
+                font-size: 1.7em;
+                line-height: 100%;
+                height: 1.7em;
+                width: 100%;
+                outline: none;
+                margin: 1px 0;
+        }
+}
+
+#poststuff #titlewrap {
+        border: 0;
+        padding: 0;
+}
+
+#titlediv #title-prompt-text,
+#wp-fullscreen-title-prompt-text {
+        color: #bbb;
+        position: absolute;
+        font-size: 1.7em;
+        padding: 11px 10px;
+}
+
+#wp-fullscreen-save .fs-saved {
+        color: #999;
+        float: right;
+        margin-top: 4px;
+}
+
+#wp-fullscreen-title-prompt-text {
+        padding: 11px;
+}
+
+#poststuff .inside-submitbox,
+#side-sortables .inside-submitbox {
+        margin: 0 3px;
+        font-size: 11px;
+}
+
+input#link_description,
+input#link_url {
+        width: 98%;
+}
+
+#pending {
+        background: 0 none;
+        border: 0 none;
+        padding: 0;
+        font-size: 11px;
+        margin-top: -1px;
+}
+
+#edit-slug-box {
+        line-height: 24px;
+        min-height: 25px; /* Yes, line-height + 1 */
+        margin-top: 5px;
+        padding-right: 6px;
+
+        .cancel {
+                margin-right: 10px;
+                font-size: 11px;
+        }
+}
+
+#editable-post-name-full {
+        display: none;
+}
+
+#editable-post-name input {
+        width: 16em;
+}
+
+.postarea h3 label {
+        float: left;
+}
+
+.submitbox {
+        .submit {
+                text-align: left;
+                padding: 12px 10px 10px;
+                font-size: 11px;
+        }
+
+        .submitdelete {
+                text-decoration: none;
+                padding: 1px 2px;
+        }
+
+        .submitdelete,
+        .submit a:hover {
+                border-bottom-width: 1px;
+                border-bottom-style: solid;
+        }
+
+        .submit input {
+                margin-bottom: 8px;
+                margin-right: 4px;
+                padding: 6px;
+        }
+}
+
+.inside-submitbox #post_status {
+        margin: 2px 0 2px -2px;
+}
+
+#post-status-select {
+        line-height: 2.5em;
+        margin-top: 3px;
+}
+
+/* Post Screen */
+#post-body #normal-sortables {
+        min-height: 50px;
+}
+
+.postbox {
+        position: relative;
+        min-width: 255px;
+}
+
+#trackback_url {
+        width: 99%;
+}
+
+#normal-sortables .postbox .submit {
+        background: transparent none;
+        border: 0 none;
+        float: right;
+        padding: 0 12px;
+        margin:0;
+}
+
+.category-add input[type="text"],
+.category-add select {
+        width: 100%;
+        max-width: 260px;
+}
+
+.press-this #side-sortables .category-tabs li,
+ul.category-tabs li,
+#side-sortables .add-menu-item-tabs li,
+.wp-tab-bar li {
+        display: inline;
+        line-height: 1.35em;
+}
+
+.no-js .category-tabs li.hide-if-no-js {
+        display: none;
+}
+
+.category-tabs a,
+#side-sortables .add-menu-item-tabs a,
+.wp-tab-bar a {
+        text-decoration: none;
+}
+
+.category-tabs {
+        margin: 8px 0 3px;
+}
+
+#category-adder h4 {
+        margin: 10px 0;
+}
+
+#side-sortables .add-menu-item-tabs,
+.wp-tab-bar {
+        margin-bottom: 3px;
+}
+
+#normal-sortables .postbox #replyrow .submit {
+        float: none;
+        margin: 0;
+        padding: 0 7px 5px;
+}
+
+#side-sortables .submitbox .submit input,
+#side-sortables .submitbox .submit .preview,
+#side-sortables .submitbox .submit a.preview:hover {
+        border: 0 none;
+}
+
+#side-sortables .inside-submitbox .insidebox,
+.stuffbox .insidebox {
+        margin: 11px 0;
+}
+
+ul.category-tabs,
+ul.add-menu-item-tabs,
+ul.wp-tab-bar {
+        margin-top: 12px;
+}
+
+ul.category-tabs li {
+        border-style: solid;
+        border-width: 1px;
+        position: relative;
+}
+
+ul.add-menu-item-tabs li.tabs,
+.wp-tab-active {
+        border-style: solid solid none;
+        border-width: 1px 1px 0;
+}
+
+#post-body .add-menu-item-tabs li.tabs {
+        border-style: solid none solid solid;
+        border-width: 1px 0 1px 1px;
+        margin-right: -1px;
+}
+
+ul.category-tabs li,
+ul.add-menu-item-tabs li,
+ul.wp-tab-bar li {
+        padding: 3px 5px 5px;
+        @include rounded-top(3px);
+}
+
+/* positioning etc. */
+form#tags-filter {
+        position: relative;
+}
+
+/* Edit posts */
+td.post-title strong,
+td.plugin-title strong {
+        display: block;
+        margin-bottom: .2em;
+}
+
+td.post-title p,
+td.plugin-title p {
+        margin: 6px 0;
+}
+
+/* Global classes */
+.wp-hidden-children .wp-hidden-child,
+.ui-tabs-hide {
+        display: none;
+}
+
+.commentlist .avatar {
+        vertical-align: text-top;
+}
+
+#post-body .tagsdiv #newtag {
+        margin-right: 5px;
+        width: 16em;
+}
+
+#side-sortables input#post_password {
+        width: 94%;
+}
+
+#side-sortables .tagsdiv #newtag {
+        width: 68%;
+}
+
+#post-status-info {
+        border-width: 0 1px 1px;
+        border-style: none solid solid;
+        width: 100%;
+        @include rounded-bottom(3px);
+}
+
+#post-status-info td {
+        font-size: 12px;
+}
+
+.autosave-info {
+        padding: 2px 15px;
+        text-align: right;
+}
+
+#editorcontent #post-status-info {
+        border: none;
+}
+
+#post-body .wp_themeSkin .mceStatusbar a.mceResize {
+        display: block;
+        background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
+        width: 12px;
+        cursor: se-resize;
+        margin: 0 1px;
+        position: relative;
+        top: -2px;
+}
+
+#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
+        top: 20px;
+}
+
+#content-resize-handle {
+        background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
+        width: 12px;
+        cursor: se-resize;
+        position: absolute;
+        right: 2px;
+        height: 19px;
+
+        .press-this & {
+                bottom: 2px;
+        }
+
+        .tmce-active & {
+                display: none;
+        }
+}
+
+#wp-word-count {
+        display: block;
+        padding: 2px 10px;
+}
+
+#timestampdiv select {
+        height: 20px;
+        line-height: 14px;
+        padding: 0;
+        vertical-align: top;
+}
+
+#aa, #jj, #hh, #mn {
+        padding: 1px;
+        font-size: 12px;
+}
+
+#jj, #hh, #mn {
+        width: 2em;
+}
+
+#aa {
+        width: 3.4em;
+}
+
+.curtime #timestamp {
+        background-repeat: no-repeat;
+        background-position: left center;
+        padding: 2px 0 1px 20px;
+}
+
+#timestampdiv {
+        padding-top: 5px;
+        line-height: 23px;
+
+        p {
+                margin: 8px 0 6px;
+        }
+
+        input {
+                border-width: 1px;
+                border-style: solid;
+        }
+}
+
+.notification-dialog {
+        position: fixed;
+        top: 30%;
+        left: 50%;
+        width: 450px;
+        margin-left: -225px;
+        background: #fff;
+        line-height: 1.5;
+        z-index: 1000005;
+}
+
+.notification-dialog-background {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: #000;
+        opacity: 0.5;
+        filter: alpha(opacity=50);
+        z-index: 1000000;
+}
+
+#post-lock-dialog {
+        .post-locked-message,
+        .post-taken-over {
+                margin: 25px;
+        }
+
+        .post-locked-message a.button {
+                margin-right: 10px;
+        }
+
+        .post-locked-avatar {
+                float: left;
+                margin: 0 20px 20px 0;
+        }
+
+        .wp-tab-first {
+                outline: 0;
+        }
+
+        .locked-saving img {
+                float: left;
+                margin-right: 3px;
+        }
+
+        &.saving .locked-saving,
+        &.saved .locked-saved {
+                display: inline;
+        }
+}
+
+/*------------------------------------------------------------------------------
+  11.1 - Custom Fields
+------------------------------------------------------------------------------*/
+
+#postcustomstuff {
+        thead th {
+                padding: 5px 8px 8px;
+        }
+
+        #postcustom & .submit {
+                border: 0 none;
+                float: none;
+                padding: 0 8px 8px;
+        }
+
+        #side-sortables #postcustom & {
+                .submit {
+                        margin: 0;
+                        padding: 0;
+                }
+
+                #the-list textarea {
+                        height: 85px;
+                }
+
+                td.left input,
+                td.left select {
+                        margin: 3px 3px 0;
+                }
+        }
+
+        #side-sortables & #newmetaleft a {
+                margin: 3px 3px 0;
+        }
+
+        table {
+                margin: 0;
+                width: 100%;
+                border-width: 1px;
+                border-style: solid;
+                border-spacing: 0;
+        }
+
+        tr {
+                vertical-align: top;
+        }
+
+        table input,
+        table select,
+        table textarea {
+                width: 96%;
+                margin: 8px;
+        }
+
+        #side-sortables & table input,
+        #side-sortables & table select,
+        #side-sortables & table textarea {
+                margin: 3px;
+        }
+
+        th.left,
+        td.left {
+                width: 38%;
+        }
+
+        .submit input {
+                margin: 0;
+                width: auto;
+        }
+
+        #newmetaleft a {
+                display: inline-block;
+                margin: 0 8px 8px;
+                text-decoration: none;
+        }
+
+        .no-js & #enternew {
+                display: none;
+        }
+}
+
+#post-body-content .compat-attachment-fields {
+        margin-bottom: 20px;
+}
+
+.compat-attachment-fields th {
+        padding-top: 5px;
+        padding-right: 10px;
+}
+
+/*------------------------------------------------------------------------------
+  11.2 - Post Revisions
+------------------------------------------------------------------------------*/
+.revisions-control-frame,
+.revisions-diff-frame {
+        position: relative;
+}
+
+.revisions-controls {
+        padding-top: 40px;
+        height: 100px;
+        z-index: 1;
+
+        input[type="checkbox"] {
+                position: relative;
+                top: -1px;
+                vertical-align: text-bottom;
+        }
+
+        .revisions.pinned & {
+                position: fixed;
+                top: 0;
+                padding-bottom: 10px;
+        }
+
+        .author-card {
+                .date {
+                        color: #777;
+                }
+
+                .avatar,
+                .author-info {
+                        float: left;
+                        margin-left: 6px;
+                        margin-right: 6px;
+                }
+
+                &.autosave {
+                        color: #d54e21;
+                }
+
+                .author-name {
+                        font-weight: bold;
+                }
+
+                .byline {
+                        display: block;
+                        font-size: 12px;
+                }
+
+                .avatar {
+                        vertical-align: middle;
+                }
+        }
+
+        .wp-slider {
+                max-width: 70%;
+                margin: 0 auto;
+                top: -3px;
+        }
+
+}
+
+.revisions-tickmarks {
+        position: relative;
+        margin: 0 auto;
+        height: 0.8em;
+        top: 7px;
+        max-width: 70%;
+        @include border-box();
+
+        & > div {
+                position: absolute;
+                height: 100%;
+                border-style: solid;
+                border-width: 0 1px 0 0;
+                @include border-box();
+
+                &:first-child {
+                        border-width: 0;
+                }
+        }
+}
+
+.comparing-two-revisions .revisions-controls {
+        height: 140px;
+}
+
+.revisions .diff-error {
+        position: absolute;
+        text-align: center;
+        margin: 0 auto;
+        width: 100%;
+        display: none;
+}
+
+.revisions.diff-error .diff-error {
+        display: block;
+}
+
+.revisions {
+
+        .loading-indicator {
+                position: fixed;
+                vertical-align: middle;
+                opacity: 0;
+                width: 100%;
+                top: 50%;
+                margin-left: -90px;
+                -webkit-transition: opacity 0.5s;
+                -moz-transition:    opacity 0.5s;
+                -ms-transition:     opacity 0.5s;
+                -o-transition:      opacity 0.5s;
+                transition:         opacity 0.5s;
+                filter: alpha(opacity=0); /* ie8 and earlier */
+        }
+
+        body.folded & .loading-indicator {
+                margin-left: -32px;
+        }
+
+        .loading-indicator span.spinner {
+                display: block;
+                margin: 0 auto;
+                float: none;
+        }
+
+        &.loading .loading-indicator {
+                opacity: 1;
+                filter: alpha(opacity=100); /* ie8 and earlier */
+        }
+
+        .diff {
+                -webkit-transition: opacity 0.5s;
+                -moz-transition:    opacity 0.5s;
+                -ms-transition:     opacity 0.5s;
+                -o-transition:      opacity 0.5s;
+                transition:         opacity 0.5s;
+        }
+
+        &.loading .diff {
+                opacity: 0.5;
+                filter: alpha(opacity=50); /* ie8 and earlier */
+        }
+
+        &.diff-error .diff {
+                visibility: hidden;
+        }
+}
+
+.revisions-meta {
+        margin-top: 15px;
+}
+
+.revision-toggle-compare-mode {
+        position: absolute;
+        top: 0;
+        right: 0;
+}
+
+.comparing-two-revisions .revisions-previous,
+.comparing-two-revisions .revisions-next,
+.revisions-meta .diff-meta-to strong {
+        display: none;
+}
+
+.comparing-two-revisions .diff-meta-to strong {
+        display: block;
+}
+
+.revisions-previous,
+.revisions-next {
+        position: relative;
+        z-index: 1;
+}
+
+.revisions-previous {
+        float: left;
+}
+
+.revisions-next {
+        float: right;
+}
+
+/* Revision meta box */
+.post-revisions li img,
+#revisions-meta-restored img {
+        vertical-align: middle;
+}
+
+table.diff {
+        table-layout: fixed;
+        width: 100%;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+
+        col.content {
+                width: auto;
+        
+                &.diffsplit {
+                        width: 48%;
+                }
+
+                &.middle {
+                        width: auto;
+                }
+        }
+
+        col.ltype {
+                width: 30px;
+        }
+
+        tr {
+                background-color: transparent;
+        }
+
+        td,
+        th {
+                padding: .5em;
+                font-family: Consolas, Monaco, monospace;
+        }
+
+        .diff-deletedline del,
+        .diff-addedline ins {
+                text-decoration: none;
+        }
+}
+
+.diff-meta {
+        @include rounded(3px);
+        padding: 5px;
+        clear: both;
+        min-height: 32px;
+
+        input.restore-revision {
+                float: right;
+                margin-left: 6px;
+                margin-right: 6px;
+                margin-top: 4px;
+        }
+}
+
+.diff-title strong {
+        line-height: 32px;
+        min-width: 60px;
+        text-align: right;
+        float: left;
+        margin-right: 5px;
+}
+
+.diff-meta-from {
+        display: none;
+
+        .comparing-two-revisions & {
+                display: block;
+        }
+}
+
+.revisions-tooltip {
+        position: absolute;
+        bottom: 105px;
+        margin-right: 0;
+        margin-left: -69px;
+        z-index: 0;
+        max-width: 350px;
+        min-width: 130px;
+        padding: 8px 4px;
+        display: none;
+        opacity: 0;
+
+        &.flipped {
+                margin-left: 0;
+                margin-right: -70px;
+
+                .revisions-tooltip-arrow {
+                        margin-left: 0;
+                        margin-right: 35px;
+                        left: auto;
+                        right: 0;
+                }
+
+                .ie8 & .revisions-tooltip-arrow > span {
+                        right: 25px;
+                }
+        }
+
+        .revisions.pinned & {
+                display: none !important;
+        }
+
+        .comparing-two-revisions & {
+                bottom: 145px;
+        }
+}
+
+.revisions-tooltip-arrow {
+        width: 70px;
+        height: 15px;
+        overflow: hidden;
+        position: absolute;
+        left: 0;
+        margin-left: 35px;
+        bottom: -15px;
+
+        & > span {
+                content: "";
+                position: absolute;
+                left: 20px;
+                top: -20px;
+                width: 25px;
+                height: 25px;
+                -webkit-transform: rotate(45deg);
+                -moz-transform: rotate(45deg);
+                -ms-transform: rotate(45deg);
+                -o-transform: rotate(45deg);
+                tranform: rotate(45deg);
+
+                .revisions-tooltip.flipped & {
+                        left: auto;
+                        right: 20px;
+                }
+        }
+
+        .ie8 & > span {
+                left: 15px;
+                top: -25px;
+                -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
+        }
+}
+
+.revisions-tooltip,
+.revisions-tooltip-arrow > span {
+        border-width: 1px;
+        border-style: solid;
+}
+
+div.revisions-controls > .wp-slider > .ui-slider-handle {
+        margin-left: -10px;
+}
+
+ /* jQuery UI Slider */
+.wp-slider {
+        &.ui-slider {
+                position: relative;
+                border-width: 1px;
+                border-style: solid;
+                @include rounded(3px);
+                text-align: left;
+                cursor: pointer;
+        }
+
+        .ui-slider-handle {
+                position: absolute;
+                z-index: 2;
+                margin-top: -3px;
+                width: 19px;
+                height: 19px;
+                border-width: 1px;
+                border-style: solid;
+                @include rounded(50%);
+
+                &:before {
+                        content: "";
+                        position: absolute;
+                        top: 6px;
+                        left: 3px;
+                        height: 8px;
+                        width: 13px;
+                        background: url(../images/arrows-pr.png) no-repeat -2px -47px;
+                }
+
+                &.from-handle:before,
+                &.to-handle:before {
+                        height: 8px;
+                        width: 7px;
+                }
+
+                &.from-handle:before {
+                        background-position: -5px -84px;
+                        left: 7px;
+                }
+
+                &.to-handle:before {
+                        background-position: -4px -65px;
+                        left: 5px;
+                }
+        }
+
+        .ui-slider-range {
+                position: absolute;
+                font-size: .7em;
+                display: block;
+                border: 0;
+                background-color: transparent;
+                background-image: none;
+        }
+
+        &.ui-slider-horizontal {
+                height: .8em;
+
+                .ui-slider-handle {
+                        top: -.25em;
+                        margin-left: -.6em;
+                }
+
+                .ui-slider-range {
+                        top: 0;
+                        height: 100%;
+                }
+
+                .ui-slider-range-min {
+                        left: 0;
+                }
+
+                .ui-slider-range-max {
+                        right: 0;
+                }       
+        }
+}
+
+
+/*------------------------------------------------------------------------------
+  11.3 - Featured Images
+------------------------------------------------------------------------------*/
+
+#select-featured-image {
+        padding: 4px 0;
+        overflow: hidden;
+
+        img {
+                max-width: 100%;
+                height: auto;
+                margin-bottom: 10px;
+        }
+
+        a {
+                float: left;
+                clear: both;
+        }
+
+        .remove {
+                display: none;
+                margin-top: 10px;
+        }
+
+        .js &.has-featured-image .remove {
+                display: inline-block;
+        }
+
+        .no-js & .choose {
+                display: none;
+        }
+}
+
+/*------------------------------------------------------------------------------
+  11.4 - Post formats
+------------------------------------------------------------------------------*/
+
+a.post-state-format {
+        overflow: hidden;
+        display: inline-block;
+        vertical-align: middle;
+        height: 16px;
+        width: 16px;
+        margin-right: 5px;
+        background-repeat: no-repeat;
+        text-indent: -999em;
+}
+
+#post-formats-select {
+        line-height: 2em;
+}
+
+.post-format-icon {
+        margin-left: 5px;
+        padding: 2px 0 2px 21px;
+        line-height: 2em;
+
+        &.post-format-standard  {
+                background-position: 0 0;
+        }
+
+        &.post-format-image  {
+                background-position: 0 -32px;
+        }
+
+        &.post-format-gallery {
+                background-position: 0 -64px;
+        }
+
+        &.post-format-audio {
+                background-position: 0 -96px;
+        }
+
+        &.post-format-video {
+                background-position: 0 -128px;
+        }
+
+        &.post-format-chat {
+                background-position: 0 -160px;
+        }
+
+        &.post-format-status {
+                background-position: 0 -192px;
+        }
+
+        &.post-format-aside {
+                background-position: 0 -224px;
+        }
+
+        &.post-format-quote {
+                background-position: 0 -256px;
+        }
+
+        &.post-format-link {
+                background-position: 0 -288px;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/footer.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  21.0 - Admin Footer
+------------------------------------------------------------------------------*/
+
+#wpfooter {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding: 10px 0;
+        margin-right: 20px;
+        border-top-width: 1px;
+        border-top-style: solid;
+
+        p {
+                margin: 0;
+                line-height: 20px;
+        }
+
+        a {
+                text-decoration: none;
+
+                &:hover {
+                        text-decoration: underline;
+                }
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/forms.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  2.0 - Forms
+------------------------------------------------------------------------------*/
+
+
+.wp-admin select {
+        padding: 2px;
+        height: 2em;
+
+        &[multiple] {
+                height: auto;
+        }
+}
+
+.submit {
+        padding: 1.5em 0;
+        margin: 5px 0;
+        @include rounded-bottom(3px);
+}
+
+form p.submit a.cancel:hover {
+        text-decoration: none;
+}
+
+#minor-publishing-actions input,
+#major-publishing-actions input,
+#minor-publishing-actions .preview {
+        text-align: center;
+}
+
+textarea.all-options,
+input.all-options {
+        width: 250px;
+}
+
+input.large-text,
+textarea.large-text {
+        width: 99%;
+}
+
+input.regular-text,
+#adduser .form-field input {
+        width: 25em;
+}
+
+input.small-text {
+        width: 50px;
+
+        &[type="number"] {
+                width: 60px;
+        }
+}
+
+#doaction,
+#doaction2,
+#post-query-submit {
+        margin: 1px 8px 0 0;
+}
+
+.tablenav {
+        #changeit,
+        #delete_all,
+        #clear-recent-list {
+                margin-top: 1px;
+        }
+
+        .actions select {
+                float: left;
+                margin-right: 6px;
+                max-width: 200px;
+        }
+
+        .ie8 & .actions select {
+                width: 155px;
+        
+                &#cat {
+                        width: 200px;
+                }
+        }
+}
+
+#timezone_string option {
+        margin-left: 1em;
+}
+
+label,
+#your-profile label + a {
+        vertical-align: middle;
+}
+
+#misc-publishing-actions label {
+        vertical-align: baseline;
+}
+
+#pass-strength-result {
+        border-style: solid;
+        border-width: 1px;
+        float: left;
+        margin: 13px 5px 5px 1px;
+        padding: 3px 5px;
+        text-align: center;
+        width: 200px;
+        display: none;
+}
+.indicator-hint {
+        padding-top: 8px;
+}
+
+p.search-box {
+        float: right;
+        margin: 0;
+}
+
+.search-box input[name="s"],
+#search-plugins input[name="s"],
+.tagsdiv .newtag {
+        float: left;
+        height: 2em;
+        margin: 0 4px 0 0;
+}
+
+input[type="text"].ui-autocomplete-loading {
+        background: transparent url('../images/loading.gif') no-repeat right center;
+        visibility: visible;
+}
+
+ul#add-to-blog-users {
+        margin: 0 0 0 14px;
+}
+
+.ui-autocomplete-input.open {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+}
+
+.ui-autocomplete {
+        padding: 0;
+        margin: 0;
+        list-style: none;
+        position: absolute;
+        z-index: 10000;
+        border-bottom-right-radius: 3px;
+        border-bottom-left-radius: 3px;
+        border-width: 1px;
+        border-style: solid;
+
+        li {
+                margin-bottom: 0;
+                white-space: nowrap;
+                text-align: left;
+                a {
+                        display: block;
+                        height: 100%;
+                        padding: 4px 10px;
+                
+                        &.ui-state-focus {
+                                cursor: pointer;
+                        }
+                }       
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/full-overlay.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  23.0 - Full Overlay w/ Sidebar
+------------------------------------------------------------------------------*/
+
+body.full-overlay-active {
+        overflow: hidden;
+}
+
+.wp-full-overlay {
+        background: #fff;
+        z-index: 500000;
+        position: fixed;
+        overflow: visible;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 100%;
+        min-width: 0;
+
+        &.expanded {
+                margin-left: 300px;
+        }
+
+        /* Close Link */
+        .close-full-overlay {
+                text-decoration: none;
+        }
+
+        /* Collapse Button */
+        a.collapse-sidebar {
+                position: absolute;
+                bottom: 12px;
+                left: 0;
+                z-index: 50;
+                display: block;
+                width: 19px;
+                height: 19px;
+                margin-left: 15px;
+                padding: 0;
+                @include rounded(50%);
+                text-decoration: none;
+        }
+
+        .collapse-sidebar-arrow {
+                position: absolute;
+                margin-top: 2px;
+                margin-left: 2px;
+                display: block;
+                width: 15px;
+                height: 15px;
+                background: transparent url('../images/arrows.png') no-repeat -1px -73px;
+        }
+
+        .collapse-sidebar-label {
+                position: absolute;
+                left: 100%;
+                color: #808080;
+                line-height: 20px;
+                margin-left: 10px;
+        }
+
+        &.collapsed {
+                .collapse-sidebar {
+                        position: absolute;
+                        left: 100%;
+                }
+
+                .collapse-sidebar-arrow {
+                        background-position: -1px -109px;
+                }
+
+                .collapse-sidebar-label {
+                        display: none;
+                }
+        }
+
+        .collapse-sidebar:hover .collapse-sidebar-label {
+                color: #666;
+        }
+}
+
+.wp-full-overlay-sidebar {
+        @include border-box();
+        position: fixed;
+        width: 300px;
+        height: 100%;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        padding: 0;
+        margin: 0;
+        z-index: 10;
+        overflow: auto;
+        background: #f5f5f5;
+        border-right: 1px solid rgba( 0, 0, 0, 0.2 );
+
+        .wp-full-overlay.collapsed & {
+                overflow: visible;
+                margin-left: -300px;
+        }
+
+        &:after {
+                content: '';
+                display: block;
+                position: absolute;
+                top: 0;
+                bottom: 0;
+                right: 0;
+                width: 3px;
+                box-shadow: -5px 0 4px -4px rgba(0, 0, 0, 0.1) inset;
+                z-index: 1000;
+        }
+
+        .wp-full-overlay-header {
+                position: absolute;
+                left: 0;
+                right: 0;
+                height: 45px;
+                padding: 0 20px;
+                line-height: 45px;
+                z-index: 10;
+                margin: 0;
+                border-top: 0;
+                border-bottom: 1px solid #fff;
+                box-shadow: inset 0 -1px 0 0px $border-color;
+        }
+
+        .wp-full-overlay-footer {
+                bottom: 0;
+                border-bottom: 0;
+                border-top: 1px solid $border-color;
+                box-shadow: inset 0 1px 0 0px #fff;
+        }
+
+        .wp-full-overlay-sidebar-content {
+                position: absolute;
+                top: 45px;
+                bottom: 45px;
+                left: 0;
+                right: 0;
+                overflow: auto;
+
+                .accordion-section:first-child {
+                        border-top: 1px solid #fff;
+                }
+        }
+}
+
+.wp-full-overlay.collapsed,
+.wp-full-overlay.expanded .wp-full-overlay-sidebar {
+        margin-left: 0 !important;
+}
+
+.wp-full-overlay-main {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        height: 100%;
+}
+
+/* Animations */
+.wp-full-overlay,
+.wp-full-overlay-sidebar,
+.wp-full-overlay .collapse-sidebar,
+.wp-full-overlay-main {
+        @include transitions();
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/global.scss

@@ +1 @@
+/* 2 column liquid layout */
+#wpwrap {
+        height: auto;
+        min-height: 100%;
+        width: 100%;
+        position: relative;
+}
+
+#wpcontent {
+        height: 100%;
+}
+
+#wpcontent,
+#wpfooter {
+        margin-left: 165px;
+}
+
+.folded #wpcontent,
+.folded #wpfooter {
+        margin-left: 52px;
+}
+
+#wpbody-content {
+        padding-bottom: 65px;
+        float: left;
+        width: 100%;
+}
+
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu,
+#adminmenu .wp-submenu {
+        width: 145px;
+}
+
+#adminmenuback {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: -1;
+}
+
+#adminmenu {
+        clear: left;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+}
+
+.folded #adminmenuback,
+.folded #adminmenuwrap,
+.folded #adminmenu,
+.folded #adminmenu li.menu-top {
+        width: 32px;
+}
+
+/* inner 2 column liquid layout */
+
+.inner-sidebar {
+        float: right;
+        clear: right;
+        display: none;
+        width: 281px;
+        position: relative;
+
+        .columns-2 & {
+                margin-right: auto;
+                width: 286px;
+                display: block;
+        }
+
+        #side-sortables,
+        .columns-2 & #side-sortables {
+                min-height: 300px;
+                width: 280px;
+                padding: 0;
+        }
+
+        .has-right-sidebar & {
+                display: block;
+        }
+}
+
+.has-right-sidebar {
+        #post-body {
+                float: left;
+                clear: left;
+                width: 100%;
+                margin-right: -2000px;
+        }
+
+        #post-body-content {
+                margin-right: 300px;
+                float: none;
+                width: auto;
+        }
+}
+
+/* 2 columns main area */
+
+#col-container,
+#col-left,
+#col-right {
+        overflow: hidden;
+        padding: 0;
+        margin: 0;
+}
+
+#col-left {
+        width: 35%;
+}
+
+#col-right {
+        float: right;
+        clear: right;
+        width: 65%;
+}
+
+.col-wrap {
+        padding: 0 7px;
+}
+
+/* utility classes */
+.alignleft {
+        float: left;
+}
+
+.alignright {
+        float: right;
+}
+
+.textleft {
+        text-align: left;
+}
+
+.textright {
+        text-align: right;
+}
+
+.clear {
+        clear: both;
+}
+
+/* Hide visually but not from screen readers */
+.screen-reader-text,
+.screen-reader-text span,
+.ui-helper-hidden-accessible {
+        position: absolute;
+        left: -1000em;
+        top: -1000em;
+        height: 1px;
+        width: 1px;
+        overflow: hidden;
+}
+
+.screen-reader-shortcut {
+        position: absolute;
+        top: -1000em;
+
+        &:focus {
+                left: 6px;
+                top: -21px;
+                height: auto;
+                width: auto;
+                display: block;
+                @include bold-font(14px);
+                padding: 15px 23px 14px;
+                background: #f1f1f1;
+                color: #21759b;
+                @include rounded(3px);
+                z-index: 100000;
+                -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+                box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+                text-decoration: none;
+        }
+}
+
+.hidden,
+.js .closed .inside,
+.js .hide-if-js,
+.no-js .hide-if-no-js,
+.js.wp-core-ui .hide-if-js,
+.js .wp-core-ui .hide-if-js,
+.no-js.wp-core-ui .hide-if-no-js,
+.no-js .wp-core-ui .hide-if-no-js {
+        display: none;
+}
+
+/* include margin and padding in the width calculation of input and textarea */
+input[type="text"],
+input[type="password"],
+input[type="number"],
+input[type="search"],
+input[type="email"],
+input[type="url"],
+textarea {
+        @include border-box();
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+        vertical-align: text-top;
+        padding: 0;
+        margin: 1px 0 0;
+}
+
+input[type="search"] {
+        -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+        display: none;
+}
+
+/* general */
+html,
+body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+}
+
+body {
+        font-family: sans-serif;
+        font-size: 12px;
+        line-height: 1.4em;
+        min-width: 600px;
+
+        &.iframe {
+                min-width: 0;
+                padding-top: 1px;
+        }
+
+        &.login {
+                background: #fbfbfb;
+                min-width: 0;
+        }
+}
+
+iframe,
+img {
+        border: 0;
+}
+
+td,
+textarea,
+input,
+select,
+button {
+        font-family: inherit;
+        font-size: inherit;
+        font-weight: inherit;
+}
+
+td,
+textarea {
+        line-height: inherit;
+}
+
+input,
+select {
+        line-height: 15px;
+}
+
+a,
+input[type="text"],
+input[type="password"],
+input[type="number"],
+input[type="search"],
+input[type="email"],
+input[type="url"],
+select,
+textarea,
+div {
+        outline: 0;
+}
+
+a:focus,
+a:active {
+        outline: thin dotted;
+}
+
+#adminmenu a:focus,
+#adminmenu a:active,
+.screen-reader-text:focus {
+        outline: none;
+}
+
+blockquote,
+q {
+        quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+        content: '';
+        content: none;
+}
+
+p {
+        margin: 1em 0;
+}
+
+blockquote {
+        margin: 1em;
+}
+
+label {
+        cursor: pointer;
+}
+
+li,
+dd {
+        margin-bottom: 6px;
+}
+
+textarea,
+input,
+select {
+        margin: 1px;
+        padding: 3px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+        display: block;
+        font-weight: bold;
+}
+
+h1 {
+        font-size: 2em;
+        margin: .67em 0;
+}
+
+h2 {
+        font-size: 1.5em;
+        margin: .83em 0;
+}
+
+h3 {
+        font-size: 1.17em;
+        margin: 1em 0;
+}
+
+h4 {
+        font-size: 1em;
+        margin: 1.33em 0;
+}
+
+h5 {
+        font-size: 0.83em;
+        margin: 1.67em 0;
+}
+
+h6 {
+        font-size: 0.67em;
+        margin: 2.33em 0;
+}
+
+ul,
+ol {
+        padding: 0;
+}
+
+ul {
+        list-style: none;
+}
+
+ol {
+        list-style-type: decimal;
+        margin-left: 2em;
+}
+
+ul.ul-disc {
+        list-style: disc outside;
+}
+
+ul.ul-square {
+        list-style: square outside;
+}
+
+ol.ol-decimal {
+        list-style: decimal outside;
+}
+
+ul.ul-disc,
+ul.ul-square,
+ol.ol-decimal {
+        margin-left: 1.8em;
+}
+
+ul.ul-disc > li,
+ul.ul-square > li,
+ol.ol-decimal > li {
+        margin: 0 0 0.5em;
+}
+
+.code,
+code {
+        font-family: Consolas, Monaco, monospace;
+}
+
+kbd,
+code {
+        padding: 1px 3px;
+        margin: 0 1px;
+        font-size: 11px;
+}
+
+.subsubsub {
+        list-style: none;
+        margin: 8px 0 5px;
+        padding: 0;
+        font-size: 12px;
+        float: left;
+
+        a {
+                line-height: 2;
+                padding: .2em;
+                text-decoration: none;
+        }
+
+        a .count,
+        a.current .count {
+                color: #999;
+                font-weight: normal;
+        }
+
+        a.current {
+                font-weight: bold;
+                border: none;
+        }
+
+        li {
+                display: inline-block;
+                margin: 0;
+                padding: 0;
+                white-space: nowrap;
+        }
+}
+
+.widefat,
+div.updated,
+div.error,
+.wrap .add-new-h2,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="file"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="url"],
+select,
+.tablenav .tablenav-pages a,
+.tablenav-pages span.current,
+#titlediv #title,
+.postbox,
+#postcustomstuff table,
+#postcustomstuff input,
+#postcustomstuff textarea,
+.imgedit-menu div,
+.plugin-update-tr .update-message,
+#poststuff .inside .the-tagcloud,
+.login form,
+#login_error,
+.login .message,
+#menu-management .menu-edit,
+.nav-menus-php .list-container,
+.menu-item-handle,
+.link-to-original,
+.nav-menus-php .major-publishing-actions .form-invalid,
+.press-this #message,
+#TB_window,
+.tbtitle,
+.highlight,
+.feature-filter,
+#widget-list .widget-top,
+.editwidget .widget-inside {
+        @include rounded(3px);
+        border-width: 1px;
+        border-style: solid;
+}
+
+/* .widefat - main style for tables */
+.widefat {
+        border-spacing: 0;
+        width: 100%;
+        clear: both;
+        margin: 0;
+
+        * {
+                word-wrap: break-word;
+        }
+
+        a {
+                text-decoration: none;
+        }
+
+        thead th:first-of-type {
+                -moz-border-top-left-radius: 3px;
+                -webkit-border-top-left-radius: 3px;
+                border-top-left-radius: 3px;
+        }
+        thead th:last-of-type {
+                -moz-border-top-right-radius: 3px;
+                -webkit-border-top-right-radius: 3px;
+                border-top-right-radius: 3px;
+        }
+        tfoot th:first-of-type {
+                -moz-border-bottom-left-radius: 3px;
+                -webkit-border-bottom-left-radius: 3px;
+                border-bottom-left-radius: 3px;
+        }
+        tfoot th:last-of-type {
+                -moz-border-bottom-right-radius: 3px;
+                -webkit-border-bottom-right-radius: 3px;
+                border-bottom-right-radius: 3px;
+        }
+
+        td,
+        th {
+                border-width: 1px 0;
+                border-style: solid;
+        }
+        tfoot th {
+                border-bottom: none;
+        }
+
+        .no-items td {
+                border-bottom-width: 0;
+        }
+
+        td {
+                font-size: 12px;
+                padding: 4px 7px 2px;
+                vertical-align: top;
+        }
+
+        td p,
+        td ol,
+        td ul {
+                font-size: 12px;
+        }
+
+        th {
+                padding: 7px 7px 8px;
+                text-align: left;
+                line-height: 1.3em;
+                font-size: 14px;
+        }
+
+        th input {
+                margin: 0 0 0 8px;
+                padding: 0;
+                vertical-align: text-top;
+        }
+
+        .check-column {
+                width: 2.2em;
+                padding: 6px 0 25px;
+                vertical-align: top;
+        }
+
+        tbody th.check-column {
+                padding: 9px 0 22px;
+        }
+
+        &.media .check-column {
+                padding-top: 8px;
+        }
+
+        thead .check-column,
+        tfoot .check-column {
+                padding: 10px 0 0;
+        }
+
+        .no-js & thead .check-column input,
+        .no-js & tfoot .check-column input {
+                display: none;
+        }
+}
+
+.widefat .num,
+.column-comments,
+.column-links,
+.column-posts {
+        text-align: center;
+}
+
+.widefat th#comments {
+        vertical-align: middle;
+}
+
+.wrap {
+        margin: 4px 15px 0 0;
+}
+
+div.updated,
+div.error {
+        padding: 0 0.6em;
+        margin: 5px 15px 2px;
+}
+
+div.updated p,
+div.error p {
+        margin: 0.5em 0;
+        padding: 2px;
+}
+
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form div.error {
+        margin: 5px 0 15px;
+}
+
+.wrap h2,
+.subtitle {
+        font-weight: normal;
+        margin: 0;
+        text-shadow: #fff 0 1px 0;
+}
+
+.wrap h2 {
+        font-size: 23px;
+        padding: 9px 15px 4px 0;
+        line-height: 29px;
+}
+
+.subtitle {
+        font-size: 14px;
+        padding-left: 25px;
+}
+
+.wrap .add-new-h2 {
+        font-family: sans-serif;
+        margin-left: 4px;
+        padding: 3px 8px;
+        position: relative;
+        top: -3px;
+        text-decoration: none;
+        font-size: 12px;
+        border: 0 none;
+}
+
+.wrap h2.long-header {
+        padding-right: 0;
+}
+
+html,
+.wp-dialog {
+        background-color: white;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="file"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="url"],
+select {
+        background-color: white;
+        color: #333;
+}
+
+select {
+        color: black;
+}
+
+select[disabled] {
+        color: #7f7f7f;
+}
+
+select:focus {
+        border-color: #aaa;
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="file"]:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="url"]:focus,
+select:focus {
+        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+        box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+}
+
+input[readonly] {
+        background-color: #eee;
+}
+
+:-moz-placeholder,
+.wp-core-ui :-moz-placeholder {
+   color: #a9a9a9;
+}
+
+.postbox .spinner {
+        display: none;
+        vertical-align: middle;
+}
+
+.button-controls {
+        clear:both;
+        margin: 10px 0;
+}
+
+.show-all,
+.hide-all {
+        cursor: pointer;
+}
+
+.hide-all {
+        display: none;
+}
+
+img {
+        border: none;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/header.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  6.0 - Admin Header
+------------------------------------------------------------------------------*/
+#adminmenu a,
+#sidemenu a,
+#taglist a,
+#catlist a {
+        text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+  6.1 - Screen Options Tabs
+------------------------------------------------------------------------------*/
+
+#screen-options-wrap,
+#contextual-help-wrap {
+        margin: 0;
+        padding: 8px 20px 12px;
+        position: relative;
+}
+
+#contextual-help-wrap {
+        overflow: auto;
+}
+
+#screen-meta-links {
+        margin: 0 24px 0 0;
+
+        a:focus {
+                -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+                box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+                outline: none;
+        }
+
+        .screen-meta-toggle {
+                position: relative;
+                top: -1px;
+        }
+
+        a.show-settings {
+                text-decoration: none;
+                z-index: 1;
+                padding: 1px 16px 0 6px;
+                height: 22px;
+                line-height: 22px;
+                font-size: 12px;
+                display: block;
+                text-shadow: rgba(255,255,255,0.7) 0 1px 0;
+
+                &:hover {
+                        text-decoration: none;
+                }
+        }
+}
+
+/* screen options and help tabs revert */
+#screen-meta {
+        display: none;
+        position: relative;
+        margin: 0 15px 0 5px;
+        border-width: 0 1px 1px;
+        border-style: none solid solid;
+
+        .screen-reader-text {
+                visibility: hidden;
+        }
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap {
+        float: right;
+        height: 23px;
+        padding: 0;
+        margin: 0 0 0 6px;
+        font-family: sans-serif;
+}
+
+#screen-options-link-wrap,
+#contextual-help-link-wrap,
+#screen-meta {
+        @include rounded-bottom;
+}
+
+/* end screen options and help tabs */
+
+.toggle-arrow {
+        background-repeat: no-repeat;
+        background-position: top left;
+        background-color: transparent;
+        height: 22px;
+        line-height: 22px;
+        display: block;
+}
+
+.toggle-arrow-active {
+        background-position: bottom left;
+}
+
+#screen-options-wrap h5,
+#contextual-help-wrap h5 {
+        margin: 8px 0;
+        font-size: 13px;
+}
+
+.metabox-prefs {
+        label {
+                display: inline-block;
+                padding-right: 15px;
+                white-space: nowrap;
+                line-height: 30px;
+
+                input {
+                        margin: 0 5px 0 2px;
+                }
+        
+                a {
+                        display: none;
+                }       
+        }
+
+        .columns-prefs label input {
+                margin: 0 2px;
+        }
+}
+
+
+
+/*------------------------------------------------------------------------------
+  6.2 - Help Menu
+------------------------------------------------------------------------------*/
+
+#contextual-help-wrap {
+        padding: 0;
+        margin-left: -4px;
+}
+
+#contextual-help-columns {
+        position: relative;
+}
+
+#contextual-help-back {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 150px;
+        right: 170px;
+        border-width: 0 1px;
+        border-style: solid;
+
+        #contextual-help-wrap.no-sidebar & {
+                right: 0;
+
+                border-right-width: 0;
+                -moz-border-bottom-right-radius: 2px;
+                -webkit-border-bottom-right-radius: 2px;
+                border-bottom-right-radius: 2px;
+        }
+}
+
+.contextual-help-tabs {
+        float: left;
+        width: 150px;
+        margin: 0;
+
+        ul {
+                margin: 1em 0;
+        }
+
+        li {
+                margin-bottom: 0;
+                list-style-type: none;
+                border-style: solid;
+                border-width: 1px 0;
+                border-color: transparent;
+        }
+
+        a {
+                display: block;
+                padding: 5px 5px 5px 12px;
+                line-height: 18px;
+                text-decoration: none;
+        }
+
+        .active {
+                padding: 0;
+                margin: 0 -1px 0 0;
+                border-width: 1px 0 1px 1px;
+                border-style: solid;
+        }
+}
+
+.contextual-help-tabs-wrap {
+        padding: 0 20px;
+        overflow: auto;
+}
+
+.help-tab-content {
+        display: none;
+        margin: 0 22px 12px 0;
+        line-height: 1.6em;
+
+        &.active {
+                display: block;
+        }
+
+        ul li {
+                list-style-type: disc;
+                margin-left: 18px;
+        }
+}
+
+.contextual-help-sidebar {
+        width: 150px;
+        float: right;
+        padding: 0 8px 0 12px;
+        overflow: auto;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/hidpi.scss

@@ +1 @@
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-o-min-device-pixel-ratio: 5/4),
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+        .press-this .tagchecklist span a {
+                background-image: url('../images/xit-2x.gif');
+                background-size: 20px auto;
+         }
+
+        .js .postbox:hover .handlediv,
+        .js .stuffbox:hover .handlediv,
+        .widget-top a.widget-action {
+                background-image: url('../images/arrows-2x.png');
+                background-size: 15px 123px;
+         }
+
+        .widget-top a.widget-action:hover {
+                background-image: url('../images/arrows-dark-2x.png');
+                background-size: 15px 123px;
+        }
+
+        .post-com-count {
+                background-image: url('../images/bubble_bg-2x.gif');
+                background-size: 18px 100px;
+        }
+
+        tr.wp-locked .locked-indicator  {
+                background-image: url('../images/lock-2x.png');
+                background-size: 16px 16px;
+        }
+
+        th .comment-grey-bubble {
+                background-image: url('../images/comment-grey-bubble-2x.png');
+                background-size: 12px 12px;
+        }
+
+        .sorting-indicator {
+                background-image: url('../images/sort-2x.gif?ver=20130102');
+                background-size: 14px 4px;
+        }
+
+        #content-resize-handle,
+        #post-body .wp_themeSkin .mceStatusbar a.mceResize {
+                background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom;
+                background-size: 11px 11px;
+        }
+
+        div.star-holder {
+                background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom left;
+                background-size: 21px 37px;
+        }
+
+        div.star-holder .star-rating {
+                background: url('../images/stars-2x.png?ver=20121108') repeat-x top left;
+                background-size: 21px 37px;
+        }
+
+        .welcome-panel .welcome-panel-close:before {
+                background-image: url('../images/xit-2x.gif');
+                background-size: 20px auto;
+        }
+
+        .welcome-panel .welcome-icon {
+                background-image: url('../images/welcome-icons-2x.png');
+        }
+
+        .login h1 a {
+                background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
+                background-size: 274px 63px;
+        }
+
+        .wp-badge {
+                background-image: url('../images/wp-badge-2x.png?ver=20120516');
+                background-size: 173px 194px;
+        }
+
+        .wp-full-overlay .collapse-sidebar-arrow {
+                background-image: url('../images/arrows-2x.png');
+                background-size: 15px 123px;
+         }
+
+        .pressthis a span {
+                background-image: url(../images/press-this-2x.png?v=20121105);
+        }
+
+        .imgedit-crop,
+        .imgedit-rleft,
+        .imgedit-rright,
+        .imgedit-flipv,
+        .imgedit-fliph,
+        .imgedit-undo,
+        .imgedit-redo {
+                background-image: url('../images/imgedit-icons-2x.png');
+                background-size: 260px 64px;
+        }
+
+        .spinner,
+        .imgedit-wait,
+        .customize-loading #customize-container {
+                background-image: url(../images/wpspin_light-2x.gif);
+        }
+
+        .wp-slider .ui-slider-handle:before {
+                background-image: url(../images/arrows-pr-2x.png);
+                background-size: 16px 102px;
+        }
+
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/layout-blocks.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  8.0 - Layout Blocks
+------------------------------------------------------------------------------*/
+
+html.wp-toolbar {
+        padding-top: 28px;
+        @include border-box();
+}
+
+.narrow {
+        width: 70%;
+        margin-bottom: 40px;
+
+        p {
+                line-height: 150%;
+        }
+}
+
+.widefat {
+        th,
+        td {
+                overflow: hidden;
+        }
+
+        th {
+                font-weight: normal;
+        }
+
+        td p {
+                margin: 2px 0 0.8em;
+        }
+
+        .column-comment p {
+                margin: 0.6em 0;
+        }
+}
+
+/* Screens with postboxes */
+.postbox-container {
+        float: left;
+}
+
+#dashboard-widgets {
+        &.columns-1 .postbox-container {
+                width: 100%;
+        }
+
+        &.columns-2 {
+                .postbox-container {
+                        width: 49.5%;
+                }
+
+                #postbox-container-2,
+                #postbox-container-3,
+                #postbox-container-4 {
+                        float: right;
+                        width: 50.5%;
+                }
+        }
+
+        &.columns-3  {
+                .postbox-container {
+                        width: 33.5%;
+                }
+
+                #postbox-container-1 {
+                        width: 33%;
+                }
+
+                #postbox-container-3,
+                #postbox-container-4 {
+                        float: right;
+                }
+        } 
+
+        &.columns-4 .postbox-container {
+                width: 25%;
+        }
+}
+
+.postbox-container .meta-box-sortables {
+        @include border-box();
+}
+
+.metabox-holder .postbox-container .empty-container {
+        border: 3px dashed #ccc;
+        height: 250px;
+}
+
+.metabox-holder.columns-1 .postbox-container .empty-container,
+.columns-2 #postbox-container-3 .empty-container,
+.columns-2 #postbox-container-4 .empty-container,
+.columns-3 #postbox-container-4 .empty-container {
+        border: 0 none;
+        height: 0;
+        min-height: 0;
+}
+
+#poststuff {
+        padding-top: 10px;
+
+        #post-body {
+                padding: 0;
+        }
+
+        .postbox-container {
+                width: 100%;
+        }
+
+        #post-body.columns-2 {
+                margin-right: 300px;
+        }
+}
+
+#post-body-content {
+        width: 100%;
+        float: left;
+}
+
+#post-body.columns-2 #postbox-container-1 {
+        float: right;
+        margin-right: -300px;
+        width: 280px;
+}
+
+#post-body.columns-2 #side-sortables {
+        min-height: 250px;
+}
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+        #wpbody-content #dashboard-widgets .postbox-container {
+                width: 100%;
+        }
+
+        #wpbody-content .metabox-holder .postbox-container .empty-container {
+                border: 0 none;
+                height: 0;
+                min-height: 0;
+        }
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1200px) {
+        #wpbody-content #dashboard-widgets .postbox-container {
+                width: 49.5%;
+        }
+
+        #wpbody-content #dashboard-widgets #postbox-container-2,
+        #wpbody-content #dashboard-widgets #postbox-container-3,
+        #wpbody-content #dashboard-widgets #postbox-container-4 {
+                float: right;
+                width: 50.5%;
+        }
+
+        #dashboard-widgets #postbox-container-3 .empty-container,
+        #dashboard-widgets #postbox-container-4 .empty-container {
+                border: 0 none;
+                height: 0;
+                min-height: 0;
+        }
+
+        #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+                width: 100%;
+        }
+
+        #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
+                border: 0 none;
+                height: 0;
+                min-height: 0;
+        }
+
+        /* show the radio buttons for column prefs only for one or two columns */
+        .index-php .screen-layout,
+        .index-php .columns-prefs {
+                display: block;
+        }
+
+        .columns-prefs .columns-prefs-3,
+        .columns-prefs .columns-prefs-4 {
+                display: none;
+        }
+}
+
+/* one column on the post write/edit screen */
+@media only screen and (max-width: 850px) {
+        #wpbody-content #poststuff #post-body {
+                margin: 0;
+        }
+
+        #wpbody-content #post-body.columns-2 #postbox-container-1 {
+                margin-right: 0;
+                width: 100%;
+        }
+
+        #poststuff #postbox-container-1 .empty-container,
+        #poststuff #postbox-container-1 #side-sortables:empty {
+                border: 0 none;
+                height: 0;
+                min-height: 0;
+        }
+
+        #poststuff #post-body.columns-2 #side-sortables {
+                min-height: 0;
+        }
+
+        /* hide the radio buttons for column prefs */
+        .screen-layout,
+        .columns-prefs {
+                display: none;
+        }
+}
+
+.postbox .hndle {
+        @include rounded-top;
+}
+
+.js .postbox .hndle {
+        cursor: move;
+}
+
+.postbox.closed .hndle {
+        @include rounded(3px);
+}
+
+.hndle a {
+        font-size: 11px;
+        font-weight: normal;
+}
+
+.postbox .handlediv {
+        float: right;
+        width: 27px;
+        height: 30px;
+}
+
+.js .postbox .handlediv {
+        cursor: pointer;
+}
+
+.sortable-placeholder {
+        border-width: 1px;
+        border-style: dashed;
+        margin-bottom: 20px;
+}
+
+.widget,
+.postbox,
+.stuffbox {
+        margin-bottom: 20px;
+        padding: 0;
+        border-width: 1px;
+        border-style: solid;
+        line-height: 1;
+}
+
+.widget .widget-top,
+.postbox h3,
+.stuffbox h3 {
+        margin-top: 1px;
+        border-bottom-width: 1px;
+        border-bottom-style: solid;
+        @include no-user-select();
+}
+
+.js .widget .widget-top,
+.js .postbox h3 {
+        cursor: move;
+}
+
+.postbox .inside,
+.stuffbox .inside {
+        padding: 0 12px 0 10px;
+        line-height: 1.4em;
+}
+
+.postbox .inside {
+        margin: 10px 0;
+        position: relative;
+}
+
+.postbox.closed h3 {
+        border: none;
+        @include no-box-shadows();
+}
+
+.postbox table.form-table {
+        margin-bottom: 0;
+}
+
+.temp-border {
+        border: 1px dotted #ccc;
+}
+
+.columns-prefs label {
+        padding: 0 5px;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/list-posts.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  10.0 - List Posts (/Pages/etc)
+------------------------------------------------------------------------------*/
+
+table.fixed {
+        table-layout: fixed;
+}
+
+.fixed {
+        .column-rating,
+        .column-visible {
+                width: 8%;
+        }
+
+        .column-posts,
+        .column-date,
+        .column-parent,
+        .column-links,
+        .column-author,
+        .column-format {
+                width: 10%;
+        }
+
+        .column-response,
+        .column-categories,
+        .column-tags,
+        .column-rel,
+        .column-role {
+                width: 15%;
+        }
+
+        .column-slug {
+                width: 25%;
+        }
+
+        .column-locations {
+                width: 35%;
+        }
+
+        .column-comments {
+                width: 4em;
+                padding: 8px 0;
+                text-align: left;
+
+                .vers {
+                        padding-left: 3px;
+                }
+
+                a {
+                        float: left;
+                }
+        }
+
+        .column-icon {
+                width: 80px;
+        }
+
+        #comments-form & .column-author {
+                width: 20%;
+        }
+}
+
+#commentsdiv {
+        &.postbox .inside {
+                margin: 0;
+                padding: 0;
+        }
+
+        .inside .row-actions {
+                line-height:18px;
+        }
+
+        .inside .column-author {
+                width: 25%;
+        }
+
+        .column-comment p {
+                margin: 0.6em 0;
+                padding: 0;
+        }
+
+        #replyrow td {
+                padding: 0;
+        }
+
+        p {
+                padding: 8px 10px;
+                margin: 0;
+        }
+
+        #add-new-comment {
+                border-width: 0 0 1px;
+                border-style: none none solid;
+        }
+
+        .comments-box {
+                border: 0 none;
+
+                thead th {
+                        background: transparent;
+                        padding: 0 7px 4px;
+                        font-style: italic;
+                }
+
+                tr:last-child td {
+                        border-bottom: 0 none;
+                }
+        }
+
+        .spinner {
+                padding-left: 5px;
+        }
+}
+
+.sorting-indicator {
+        display: none;
+        width: 7px;
+        height: 4px;
+        margin-top: 8px;
+        margin-left: 7px;
+        background-image: url('../images/sort.gif');
+        background-repeat: no-repeat;
+}
+
+tr.wp-locked .locked-indicator {
+        background: url('../images/lock.png') no-repeat;
+        margin: -2px 0 0 6px;
+        height: 20px;
+        width: 16px;
+}
+
+tr.wp-locked .check-column label,
+tr.wp-locked .check-column input[type="checkbox"],
+tr.wp-locked .row-actions .inline,
+tr.wp-locked .row-actions .trash {
+        display: none;
+}
+
+tr .locked-info {
+        height: 0;
+        opacity: 0;
+}
+
+tr.wp-locked .locked-info {
+        height: auto;
+        opacity: 1;
+}
+
+tr.locked-info, tr.wp-locked .locked-info {
+        -webkit-transition: height 1s, opacity 500ms;
+        -moz-transition:    height 1s, opacity 500ms;
+        -ms-transition:     height 1s, opacity 500ms;
+        -o-transition:      height 1s, opacity 500ms;
+        transition:         height 1s, opacity 500ms;
+}
+
+.fixed .column-comments .sorting-indicator {
+        margin-top: 3px;
+}
+
+#menu-locations-wrap .widefat {
+        width: 60%;
+}
+
+.widefat th.sortable,
+.widefat th.sorted {
+        padding: 0;
+}
+
+th.sortable a,
+th.sorted a {
+        display: block;
+        overflow: hidden;
+        padding: 7px 7px 8px;
+}
+
+.fixed .column-comments.sortable a,
+.fixed .column-comments.sorted a {
+        padding: 8px 0;
+}
+
+th.sortable a span,
+th.sorted a span {
+        float: left;
+        cursor: pointer;
+}
+
+th.sorted.asc .sorting-indicator,
+th.desc:hover span.sorting-indicator {
+        display: block;
+        background-position: 0 0;
+}
+
+th.sorted.desc .sorting-indicator,
+th.asc:hover span.sorting-indicator {
+        display: block;
+        background-position: -7px 0;
+}
+
+/* Bulk Actions */
+.tablenav-pages a {
+        border-bottom-style: solid;
+        border-bottom-width: 2px;
+        font-weight: bold;
+        margin-right: 1px;
+        padding: 0 2px;
+}
+.tablenav-pages .current-page {
+        text-align: center;
+}
+.tablenav-pages .next-page {
+        margin-left: 2px;
+}
+
+.tablenav {
+        clear: both;
+        height: 30px;
+        margin: 6px 0 4px;
+        vertical-align: middle;
+
+
+        &.themes {
+                max-width: 98%;
+        }
+
+        a.button-secondary {
+                display: block;
+                margin: 3px 8px 0 0;
+        }
+
+        .tablenav-pages {
+                float: right;
+                display: block;
+                cursor: default;
+                height: 30px;
+                line-height: 30px;
+                font-size: 12px;
+
+                a.disabled:hover ,
+                a.disabled:active {
+                        cursor: default;
+                }
+        }
+
+        .no-pages,
+        .one-page .pagination-links {
+                display: none;
+        }
+
+        .displaying-num {
+                margin-right: 10px;
+                font-size: 12px;
+                font-style: italic;
+        }
+
+        .actions {
+                overflow: hidden;
+                padding: 2px 8px 0 0;
+        }
+
+        .delete {
+                margin-right: 20px;
+        }
+}
+
+.tablenav .tablenav-pages a,
+.tablenav-pages span.current  {
+        text-decoration: none;
+        padding: 3px 6px;
+}
+
+.view-switch {
+        float: right;
+        margin: 6px 8px 0;
+
+        a {
+                text-decoration: none;
+        }
+}
+
+.filter {
+        float: left;
+        margin: -5px 0 0 10px;
+
+        .subsubsub {
+                margin-left: -10px;
+                margin-top: 13px;
+        }
+}
+
+.screen-per-page {
+        width: 4em;
+}
+
+#posts-filter fieldset {
+        float: left;
+        margin: 0 1.5ex 1em 0;
+        padding: 0;
+}
+
+#posts-filter fieldset legend {
+        padding: 0 0 .2em 1px;
+}
+
+
+/*------------------------------------------------------------------------------
+  10.1 - Inline Editing
+------------------------------------------------------------------------------*/
+
+/*
+.quick-edit* is for Quick Edit
+.bulk-edit* is for Bulk Edit
+.inline-edit* is for everything
+*/
+
+/*      Layout */
+
+#wpbody-content {
+        .inline-edit-row fieldset {
+                font-size: 12px;
+                float: left;
+                margin: 0;
+                padding: 0;
+                width: 100%;
+        }
+
+        .quick-edit-row-post {
+                .inline-edit-col-left {
+                        width: 40%;
+                }
+
+                .inline-edit-col-right {
+                        width: 39%;
+                }
+        }
+
+        .quick-edit-row-page {
+                fieldset.inline-edit-col-right .inline-edit-col {
+                        border-width: 0 0 0 1px;
+                        border-style: none none none solid;
+                }
+
+                .inline-edit-col-left {
+                        width: 50%;
+                }
+        }
+
+        .inline-edit-row-post .inline-edit-col-center {
+                width: 20%;
+        }
+
+        .quick-edit-row-page .inline-edit-col-right,
+        .bulk-edit-row-post .inline-edit-col-right {
+                width: 49%;
+        }
+
+        .bulk-edit-row .inline-edit-col-left {
+                width: 30%;
+        }
+
+        .bulk-edit-row-page .inline-edit-col-right {
+                width: 69%;
+        }
+
+        .bulk-edit-row .inline-edit-col-bottom {
+                float: right;
+                width: 69%;
+        }
+
+        .inline-edit-row-page .inline-edit-col-right {
+                margin-top: 27px;
+        }
+}
+
+tr.inline-edit-row td,
+#wpbody-content .inline-edit-row fieldset .inline-edit-col {
+        padding: 0 0.5em;
+}
+
+.inline-edit-row {
+        fieldset .inline-edit-group {
+                clear: both;
+
+                &:after {
+                        content: ".";
+                        display: block;
+                        height: 0;
+                        clear: both;
+                        visibility: hidden;
+                }       
+        }
+
+        p.submit {
+                clear: both;
+                padding: 0.5em;
+                margin: 0.5em 0 0;
+        }
+
+        span.error {
+                line-height: 22px;
+                margin: 0 15px;
+                padding: 3px 5px;
+        }
+
+        /*      Positioning */
+        h4 {
+                margin: .2em 0;
+                padding: 0;
+                line-height: 23px;
+                text-transform: uppercase;
+        }
+
+        fieldset {
+                span.title,
+                span.checkbox-title {
+                        margin: 0;
+                        padding: 0;
+                        line-height: 27px;
+                        font-style: italic;
+                        line-height: 1.8em;
+                }
+
+                label,
+                span.inline-edit-categories-label {
+                        display: block;
+                        margin: .2em 0;
+                }
+
+                label.inline-edit-tags {
+                        margin-top: 0;
+                }
+
+                label.inline-edit-tags span.title {
+                        margin: .2em 0;
+                        width: auto;
+                }
+
+                label span.title {
+                        display: block;
+                        float: left;
+                        width: 5em;
+                }
+
+                label span.input-text-wrap {
+                        display: block;
+                        margin-left: 5em;
+                }
+
+                label input[type=checkbox] {
+                        vertical-align: text-bottom;
+                }
+
+                label textarea {
+                        width: 100%;
+                        height: 4em;
+                }
+
+                /*      Specific Elements */
+                input[type="text"],
+                textarea {
+                        border-style: solid;
+                        border-width: 1px;
+                }
+
+                .inline-edit-date {
+                        float: left;
+                }
+
+                input[name=jj],
+                input[name=hh],
+                input[name=mn] {
+                        font-size: 12px;
+                        width: 2.1em;
+                }
+
+                input[name=aa] {
+                        font-size: 12px;
+                        width: 3.5em;
+                }
+
+                label input.inline-edit-password-input {
+                        width: 8em;
+                }
+
+                ul.cat-checklist li,
+                ul.cat-checklist input {
+                        margin: 0;
+                }
+        
+                label input.inline-edit-menu-order-input {
+                        width: 3em;
+                }
+
+                label input.inline-edit-slug-input {
+                        width: 75%;
+                }
+        }
+
+        .input-text-wrap input[type=text] {
+                width: 100%;
+        }
+
+        fieldset ul.cat-checklist label,
+        #bulk-titles div {
+                font-family: sans-serif;
+                font-style: normal;
+                font-size: 11px;
+        }
+}
+
+.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
+        width: auto;
+        padding-right: 0.5em;
+}
+
+#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
+        max-width: 50%;
+}
+
+#wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
+        margin-right: 0.5em;
+}
+
+.inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
+        width: 6em;
+}
+
+.inline-edit-save .spinner {
+        padding: 4px 10px 0;
+        vertical-align: top;
+        float: right;
+}
+
+ul.cat-checklist {
+        height: 12em;
+        border-style: solid;
+        border-width: 1px;
+        overflow-y: scroll;
+        padding: 0 5px;
+        margin: 0;
+}
+
+#bulk-titles {
+        display: block;
+        height: 12em;
+        border-style: solid;
+        border-width: 1px;
+        overflow-y: scroll;
+        padding: 0 5px;
+        margin: 0 0 5px;
+}
+
+.quick-edit-row-post fieldset label.inline-edit-status {
+        float: left;
+}
+
+#bulk-titles {
+        line-height: 140%;
+
+        div {
+                margin: 0.2em 0.3em;
+
+                a {
+                        cursor: pointer;
+                        display: block;
+                        float: left;
+                        height: 10px;
+                        margin: 3px 3px 0 -2px;
+                        overflow: hidden;
+                        position: relative;
+                        text-indent: -9999px;
+                        width: 10px;
+                }
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/localized.scss

@@ +1 @@
+/* =Localized CSS
+-------------------------------------------------------------- */
+
+/* zh_CN: Remove italic properties. */
+.locale-zh-cn .howto,
+.locale-zh-cn .tablenav .displaying-num,
+.locale-zh-cn .js .input-with-default-title,
+.locale-zh-cn .link-to-original,
+.locale-zh-cn .inline-edit-row fieldset span.title,
+.locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
+.locale-zh-cn #utc-time,
+.locale-zh-cn #local-time,
+.locale-zh-cn p.install-help,
+.locale-zh-cn p.help,
+.locale-zh-cn p.description,
+.locale-zh-cn span.description,
+.locale-zh-cn .form-wrap p {
+        font-style: normal;
+}
+
+/* zh_CN: Enlarge dashboard widget 'Configure' link */
+.locale-zh-cn .hdnle a { font-size: 12px; }
+
+/* zn_CH: Enlarge font size, set font-size: normal */
+.locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
+
+/* Zn_CH: Distraction free writing.
+ *  More beautiful font for "Just write."
+ *  Larger text for HTML/Visual mode.
+ */
+.locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
+.locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
+
+/* zh_CN: Enlarge font-size. */
+.locale-zh-cn #sort-buttons { font-size: 1em !important; }
+
+/* ru_RU: Text needs more room to breathe. */
+.locale-ru-ru .inline-edit-row fieldset label span.title {
+        width: auto; /* default 5em */
+        min-width: 5em;
+}
+.locale-ru-ru.press-this .posting {
+        margin-right: 257px; /* default 212px + 45px */
+}
+.locale-ru-ru.press-this #photo-add-url-div input[type="text"]  {
+        width: 255px; /* default 300px - 45px */
+}
+.locale-ru-ru.press-this #side-sortables {
+        width: 245px; /* default 200px + 45px */
+}
+.locale-ru-ru #customize-header-actions .button {
+        padding: 0 8px 1px; /* default 0 10px 1px; */
+}
+
+/* lt_LT: QuickEdit */
+.locale-lt-lt .inline-edit-row fieldset label span.title {
+        width: 8em;
+}
+.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
+        margin-left: 8em;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/login.scss

@@ +1 @@
+/* login */
+
+.login { 
+        * {
+                margin: 0;
+                padding: 0;
+        }
+
+        h1 a {
+                background-image: url('../images/wordpress-logo.png?ver=20120216');
+                background-size: 274px 63px;
+                background-position: top center;
+                background-repeat: no-repeat;
+                width: 326px;
+                height: 67px;
+                text-indent: -9999px;
+                outline: none;
+                overflow: hidden;
+                padding-bottom: 15px;
+                display: block;
+        }
+
+        form {
+                margin-left: 8px;
+                padding: 26px 24px 46px;
+                font-weight: normal;
+                background: #fff;
+                border: 1px solid #e5e5e5;
+                -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
+                box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
+
+                .forgetmenot {
+                        float: left;
+                        margin-bottom: 0;
+
+                        label {
+                                @include normal-font(12px, 19px);
+                        }
+                }
+        }
+
+        .button-primary {
+                float: right;
+        }
+
+        label {
+                color: #777;
+                font-size: 14px;
+        }
+
+        #nav,
+        #backtoblog {
+                text-shadow: #fff 0 1px 0;
+                margin: 0 0 0 16px;
+                padding: 16px 16px 0;
+        }
+
+        form .input,
+        input[type="text"] {
+                color: #555;
+                font-weight: 200;
+                font-size: 24px;
+                line-height: 1;
+                width: 100%;
+                padding: 3px;
+                margin-top: 2px;
+                margin-right: 6px;
+                margin-bottom: 16px;
+                border: 1px solid #e5e5e5;
+                background: #fbfbfb;
+                outline: none;
+                -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
+                box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
+        }
+
+        #pass-strength-result {
+                width: 250px;
+                font-weight: bold;
+                border-style: solid;
+                border-width: 1px;
+                margin: 12px 0 6px;
+                padding: 6px 5px;
+                text-align: center;
+        }
+}
+
+#login {
+        width: 320px;
+        padding: 114px 0 0;
+        margin: auto;
+
+        form p {
+                margin-bottom: 0;
+
+                &.submit {
+                        padding: 0;
+                }
+        }
+}
+
+#login_error,
+.login .message {
+        margin: 0 0 16px 8px;
+        padding: 12px;
+}
+
+#backtoblog {
+        padding: 12px 16px 0;
+}
+
+.mobile #login {
+        padding: 20px 0;
+
+        #nav,
+        #backtoblog {
+                margin-left: 8px;
+        }
+
+        h1 a {
+                width: auto;
+        }
+}
+
+.mobile #login form,
+.mobile #login .message,
+.mobile #login_error {
+        margin-left: 0;
+}
+
+body.interim-login {
+        height: auto;
+}
+
+.interim-login {
+        #login {
+                padding: 0;
+                margin: 5px auto 20px;
+        }
+
+        &.login h1 a {
+                width: auto;
+        }
+
+        #login_error,
+        &.login .message {
+                margin: 0 0 16px;
+        }
+
+        &.login form {
+                margin: 0;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/media-queries.scss

@@ +1 @@
+/* =Media Queries
+-------------------------------------------------------------- */
+
+@media only screen and (max-width: 768px) {
+        /* categories */
+        #col-left {
+                width: 100%;
+        }
+
+        #col-right {
+                width: 100%;
+        }
+}
+
+@media only screen and (min-width: 769px) {
+        /* categories */
+        #col-left {
+                width: 35%;
+        }
+
+        #col-right {
+                width: 65%;
+        }
+}
+
+@media only screen and (max-width: 860px) {
+
+        /* categories */
+        #col-left {
+                width: 35%;
+        }
+
+        #col-right {
+                width: 65%;
+        }
+}
+
+@media only screen and (min-width: 980px) {
+
+        /* categories */
+        #col-left {
+                width: 35%;
+        }
+
+        #col-right {
+                width: 65%;
+        }
+}
+
+@media only screen and (max-width: 768px) {
+        /* categories */
+        #col-left {
+                width: 100%;
+        }
+
+        #col-right {
+                width: 100%;
+        }
+
+        .form-field input,
+        .form-field textarea {
+                width: 99%;
+        }
+
+        .form-wrap .form-field {
+                padding:0;
+        }
+
+        /* users */
+        #profile-page .form-table textarea {
+                max-width: 400px;
+                width: auto;
+        }
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/media.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  14.0 - Media Screen
+------------------------------------------------------------------------------*/
+
+.media-item {
+        .describe {
+                border-collapse: collapse;
+                width: 100%;
+                border-top-style: solid;
+                border-top-width: 1px;
+                clear: both;
+                cursor: default;
+
+                td {
+                        padding: 0 8px 8px 0;
+                        vertical-align: top;
+                }
+
+                th {
+                        vertical-align: top;
+                        text-align: left;
+                        padding: 5px 10px 10px;
+                        width: 140px;
+
+                        .align & {
+                                padding-top: 0;
+                        }
+                }
+        
+                input[type="text"],
+                textarea {
+                        width: 460px;
+                }
+
+                p.help {
+                        margin: 0;
+                        padding: 0 0 0 5px;
+                }               
+        }
+
+        &.media-blank .describe {
+                border: 0;
+        }
+
+        .media-item-info tr {
+                background-color: transparent;
+        }
+
+        thead.media-item-info td {
+                padding: 4px 10px 0;
+        }
+
+        .media-item-info .A1B1 {
+                padding: 0 0 0 10px;
+        }
+
+        td.savesend {
+                padding-bottom: 15px;
+        }
+
+        .thumbnail {
+                max-height: 128px;
+                max-width: 128px;
+        }
+
+        .filename {
+                line-height: 36px;
+                overflow: hidden;
+                padding: 0 10px;
+        }
+
+        .error-div {
+                padding-left: 10px;
+        }
+
+        .pinkynail {
+                float: left;
+                margin: 2px 2px 0;
+                max-width: 40px;
+                max-height: 32px;
+        }
+
+        .startopen,
+        .startclosed {
+                display: none;
+        }
+
+        .original {
+                position: relative;
+                height: 34px;
+        }
+
+        .progress {
+                float: right;
+                height: 22px;
+                margin: 6px 10px 0 0;
+                width: 200px;
+                line-height: 2em;
+                padding: 0;
+                overflow: hidden;
+                margin-bottom: 2px;
+                border: 1px solid #d1d1d1;
+                @include linear-gradient(#fff, #f7f7f7);
+                @include rounded(3px);
+                -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
+                -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
+                box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
+        }
+
+        .bar {
+                z-index: 9;
+                width: 0;
+                height: 100%;
+                margin-top: -24px;
+                @include linear-gradient(#72a7cf, #8cc1e9);
+                @include rounded(3px);
+                -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
+                -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
+                box-shadow: 0 0 3px rgba(0,0,0,0.3);
+        }
+
+        .progress .percent {
+                z-index: 10;
+                position: relative;
+                width: 200px;
+                padding: 0 8px;
+                text-shadow: 0 1px 0 rgba(255,255,255,0.4);
+                color: rgba(0,0,0,0.6);
+        }
+}
+
+#wpbody-content #async-upload-wrap a {
+        display: none;
+}
+
+.media-upload-form {
+        margin-top: 20px;
+
+        td label {
+                margin-right: 6px;
+                margin-left: 2px;
+        }
+
+        .align .field label {
+                display: inline;
+                padding: 0 0 0 23px;
+                margin: 0 1em 0 3px;
+                font-weight: bold;
+        }
+
+        tr.image-size label {
+                margin: 0 0 0 5px;
+                font-weight: bold;
+        }
+
+        th.label label {
+                @include bold-font(13px);
+                margin: 0.5em;
+        
+                span {
+                        padding: 0 5px;
+                }
+        }
+}
+
+abbr.required {
+        border: medium none;
+        text-decoration: none;
+}
+
+.media-item .edit-attachment,
+.describe-toggle-on,
+.describe-toggle-off {
+        display: block;
+        line-height: 36px;
+        float: right;
+        margin-right: 15px;
+}
+
+.media-item .describe-toggle-off,
+.media-item.open .describe-toggle-on {
+        display: none;
+}
+
+.media-item.open .describe-toggle-off {
+        display: block;
+}
+
+#media-items .media-item {
+        border-style: solid;
+        border-width: 1px;
+        min-height: 36px;
+        position: relative;
+        margin-top: -1px;
+        width: 100%;
+}
+
+#media-items {
+        width: 623px;
+}
+
+.media-new-php #media-items {
+        margin: 1em 0;
+}
+
+#media-items:empty {
+        border: 0 none;
+}
+
+.upload-php .fixed .column-parent {
+        width: 15%;
+}
+
+.js .html-uploader #plupload-upload-ui {
+        display: none;
+}
+
+.js .html-uploader #html-upload-ui {
+        display: block;
+}
+
+.media-upload-form .media-item.error {
+        margin: 0;
+        padding: 0;
+}
+
+.media-upload-form .media-item.error p,
+.media-item .error-div {
+        line-height: 16px;
+        margin: 5px 10px;
+        padding: 0;
+}
+
+.media-item .error-div a.dismiss {
+        display: block;
+        float: right;
+        margin: 5px 4px 0 15px;
+}
+
+/*------------------------------------------------------------------------------
+  14.1 - Media Library
+------------------------------------------------------------------------------*/
+
+.find-box {
+        width: 600px;
+        height: 300px;
+        overflow: hidden;
+        padding: 33px 0 51px;
+        position: absolute;
+        z-index: 1000;
+}
+
+.find-box-head {
+        cursor: move;
+        font-weight: bold;
+        height: 2em;
+        line-height: 2em;
+        padding: 1px 12px;
+        position: absolute;
+        top: 5px;
+        width: 100%;
+}
+
+.find-box-inside {
+        overflow: auto;
+        padding: 6px;
+        height: 100%;
+}
+
+.find-box-search {
+        overflow: hidden;
+        padding: 9px;
+        position: relative;
+
+        .spinner {
+                float: none;
+                left: 125px;
+                position: absolute;
+                top: 9px;
+        }
+}
+
+#find-posts-input {
+        float: left;
+        width: 140px;
+        height: 24px;
+}
+
+#find-posts-search {
+        float: left;
+        margin: 1px 4px 0 3px;
+}
+
+#find-posts-response {
+        margin: 8px 0;
+        padding: 0 1px 6px;
+}
+
+#find-posts-response table {
+        width: 100%;
+}
+
+#find-posts-response .found-radio {
+        padding: 3px 0 0 8px;
+        width: 15px;
+}
+
+.find-box-buttons {
+        padding: 8px;
+        overflow: hidden;
+}
+
+.find-box #resize-se {
+        position: absolute;
+        right: 1px;
+        bottom: 1px;
+}
+
+.ui-find-overlay {
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: black;
+        opacity: 0.6;
+        filter: alpha(opacity=60);
+}
+
+ul#dismissed-updates {
+        display: none;
+}
+
+form.upgrade {
+        margin-top: 8px;
+}
+
+form.upgrade .hint {
+        font-style: italic;
+        font-size: 85%;
+        margin: -0.5em 0 2em 0;
+}
+
+#poststuff .inside .the-tagcloud {
+        margin: 5px 0 10px;
+        padding: 8px;
+        border-width: 1px;
+        border-style: solid;
+        line-height: 1.8em;
+        word-spacing: 3px;
+        @include rounded(6px);
+}
+
+.drag-drop #drag-drop-area {
+        border: 4px dashed #DDDDDD;
+        height: 200px;
+}
+
+.drag-drop .drag-drop-inside {
+        margin: 70px auto 0;
+        width: 250px;
+}
+
+.drag-drop-inside p {
+        color: #aaa;
+        font-size: 14px;
+        margin: 5px 0;
+        display: none;
+}
+
+.drag-drop .drag-drop-inside p {
+        text-align: center;
+}
+
+.drag-drop-inside p.drag-drop-info {
+        font-size: 20px;
+}
+
+.drag-drop .drag-drop-inside p,
+.drag-drop-inside p.drag-drop-buttons {
+        display: block;
+}
+
+/*
+#drag-drop-area:-moz-drag-over {
+        border-color: #83b4d8;
+}
+borger color while dragging a file over the uploader drop area */
+.drag-drop.drag-over #drag-drop-area {
+        border-color: #83b4d8;
+}
+
+#plupload-upload-ui {
+        position: relative;
+}
+
+
+/*------------------------------------------------------------------------------
+  14.2 - Image Editor
+------------------------------------------------------------------------------*/
+
+.describe .image-editor {
+        vertical-align: top;
+}
+
+.imgedit-wrap {
+        position: relative;
+}
+
+.imgedit-settings p {
+        margin: 8px 0;
+}
+
+.post-php .imgedit-wrap table {
+        width: 100%;
+}
+
+.describe .imgedit-wrap table td,
+.wp_attachment_holder .imgedit-wrap table td {
+        vertical-align: top;
+        padding-top: 0;
+}
+
+.describe .imgedit-wrap table td.imgedit-settings {
+        padding: 0 5px;
+}
+
+.wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
+        width: 250px;
+}
+
+td.imgedit-settings input {
+        margin-top: 0;
+        vertical-align: middle;
+}
+
+.imgedit-wait {
+        position: absolute;
+        top: 0;
+        background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
+        background-size: 16px 16px;
+        opacity: 0.7;
+        filter: alpha(opacity=70);
+        width: 100%;
+        height: 500px;
+        display: none;
+}
+
+.spinner {
+        background: url(../images/wpspin_light.gif) no-repeat;
+        background-size: 16px 16px;
+        display: none;
+        float: right;
+        opacity: 0.7;
+        filter: alpha(opacity=70);
+        width: 16px;
+        height: 16px;
+        margin: 5px 5px 0;
+}
+
+.no-float {
+        float: none;
+}
+
+.media-disabled,
+.imgedit-settings .disabled  {
+        color: grey;
+}
+
+.wp_attachment_image,
+.A1B1 {
+        overflow: hidden;
+}
+
+.wp_attachment_image .button,
+.A1B1 .button {
+        float: left;
+}
+
+.no-js .wp_attachment_image .button {
+        display: none;
+}
+
+.wp_attachment_image .spinner,
+.A1B1 .spinner {
+        float: left;
+        padding: 0 4px 4px;
+        vertical-align: bottom;
+}
+
+.imgedit-menu {
+        margin: 0 0 12px;
+        min-width: 300px;
+
+        div {
+                float: left;
+                width: 32px;
+                height: 32px;
+        }
+}
+
+.imgedit-crop-wrap {
+        position: relative;
+}
+
+.imgedit-crop {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px;
+        margin: 0 8px 0 0;
+
+        &.disabled:hover {
+                background-position: -9px -31px;
+        }
+
+        &:hover {
+                background-position: -9px -1px;
+        }
+}
+
+.imgedit-rleft {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px;
+        margin: 0 3px;
+
+        &.disabled:hover {
+                background-position: -46px -31px;
+        }
+
+        &:hover {
+                background-position: -46px -1px;
+        }
+}
+
+.imgedit-rright {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px;
+        margin: 0 8px 0 3px;
+
+        &.disabled:hover {
+                background-position: -77px -31px;
+        }
+
+        &:hover {
+                background-position: -77px -1px;
+        }
+}
+
+.imgedit-flipv {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px;
+        margin: 0 3px;
+
+        &.disabled:hover {
+                background-position: -115px -31px;
+        }
+
+        &:hover {
+                background-position: -115px -1px;
+        }
+}
+
+.imgedit-fliph {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px;
+        margin: 0 8px 0 3px;
+
+        &.disabled:hover {
+                background-position: -147px -31px;
+        }
+
+        &:hover {
+                background-position: -147px -1px;
+        }
+}
+
+.imgedit-undo {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px;
+        margin: 0 3px;
+
+        &.disabled:hover {
+                background-position: -184px -31px;
+        }
+
+        &:hover {
+                background-position: -184px -1px;
+        }
+}
+
+.imgedit-redo {
+        background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px;
+        margin: 0 8px 0 3px;
+
+        &.disabled:hover {
+                background-position: -215px -31px;
+        }
+
+        &:hover {
+                background-position: -215px -1px;
+        }
+}
+
+.imgedit-applyto img {
+        margin: 0 8px 0 0;
+}
+
+.imgedit-group-top {
+        margin: 5px 0;
+}
+
+.imgedit-applyto .imgedit-label {
+        padding: 2px 0 0;
+        display: block;
+}
+
+.imgedit-help {
+        display: none;
+        font-style: italic;
+        margin-bottom: 8px;
+}
+
+a.imgedit-help-toggle {
+        text-decoration: none;
+}
+
+.form-table td.imgedit-response {
+        padding: 0;
+}
+
+.imgedit-submit {
+        margin: 8px 0;
+}
+
+.imgedit-submit-btn {
+        margin-left: 20px;
+}
+
+.imgedit-wrap .nowrap {
+        white-space: nowrap;
+}
+
+span.imgedit-scale-warn {
+        color: red;
+        font-size: 20px;
+        font-style: normal;
+        visibility: hidden;
+        vertical-align: middle;
+}
+
+.imgedit-group {
+        border-width: 1px;
+        border-style: solid;
+        @include rounded(3px);
+        margin-bottom: 8px;
+        padding: 2px 10px;
+}
+ No newline at end of file

new file wp-admin/css/scss/modules/misc.scss

@@ +1 @@
+/*------------------------------------------------------------------------------
+  25.0 - Misc
+------------------------------------------------------------------------------*/
+
+#excerpt,
+.attachmentlinks {
+        margin: 0;
+        height: 4em;
+        width: 98%;
+}
+
+#template div {
+        margin-right: 190px;
+}
+
+p.pagenav {
+        margin: 0;
+        display: inline;
+}
+
+.pagenav span {
+        font-weight: bold;
+        margin: 0 6px;
+}
+
+.row-title {
+        font-size: 13px !important;
+        font-weight: bold;
+}
+
+.column-author img, .column-username img {
+        float: left;
+        margin-right: 10px;
+        margin-top: 1px;
+}
+
+.row-actions {
+        visibility: hidden;
+        padding: 2px 0 0;
+}
+
+.mobile .row-actions {
+        visibility: visible;
+}
+
+tr:hover .row-actions,
+div.comment-item:hover .row-actions {
+        visibility: visible;
+}
+
+.row-actions-visible {
+        padding: 2px 0 0;
+}
+
+.form-table .pre {
+        padding: 8px;
+        margin: 0;
+}
+
+table.form-table td .updated {
+        font-size: 13px;
+}
+
+.tagchecklist {
+        margin-left: 14px;
+        font-size: 12px;
+        overflow: auto;
+
+        strong {
+                margin-left: -8px;
+                position: absolute;
+        }
+        span {
+                margin-right: 25px;
+                display: block;
+                float: left;
+                font-size: 11px;
+                line-height: 1.8em;
+                white-space: nowrap;
+                cursor: default;
+
+                a {
+                        margin: 6px 0pt 0pt -9px;
+                        cursor: pointer;
+                        width: 10px;
+                        height: 10px;
+                        display: block;
+                        float: left;
+                        text-indent: -9999px;
+                        overflow: hidden;
+                        position: absolute;
+                }
+        }
+}
+
+#poststuff h2 {
+        margin-top: 20px;
+        font-size: 1.5em;
+        margin-bottom: 15px;
+        padding: 0 0 3px;
+        clear: left;
+}
+
+#poststuff h3,
+.metabox-holder h3 {
+        @include normal-font(12px);
+        padding: 7px 10px;
+        margin: 0;
+}
+
+#poststuff .inside {
+        margin: 6px 0 8px;
+}
+
+#poststuff .inside #parent_id,
+#poststuff .inside #page_template {
+        max-width: 100%;
+}
+
+.inline-edit-row #post_parent,
+.inline-edit-row select[name="page_template"] {
+        max-width: 80%;
+}
+
+.ie8 #poststuff .inside #parent_id,
+.ie8 #poststuff .inside #page_template,
+.ie8 .inline-edit-row #post_parent,
+.ie8 .inline-edit-row select[name="page_template"] {
+        width: 250px;
+}
+
+#post-visibility-select {
+        line-height: 1.5em;
+        margin-top: 3px;
+}
+
+#poststuff #submitdiv .inside {
+        margin: 0;
+        padding: 0;
+}
+
+.edit-form-section {
+        margin-bottom: 20px;
+}
+
+#templateside ul li a {
+        text-decoration: none;
+}
+
+.tool-box .title {
+        margin: 8px 0;
+        @include normal-font(18px, 24px);
+}
+
+#sidemenu {
+        margin: -30px 15px 0 315px;
+        list-style: none;
+        position: relative;
+        float: right;
+        padding-left: 10px;
+        font-size: 12px;
+
+        a {
+                padding: 0 7px;
+                display: block;
+                float: left;
+                line-height: 28px;
+                border-top-width: 1px;
+                border-top-style: solid;
+                border-bottom-width: 1px;
+                border-bottom-style: solid;
+
+                &.current {
+                        font-weight: normal;
+                        padding-left: 6px;
+                        padding-right: 6px;
+                        @include rounded-top(3px);
+                        border-width: 1px;
+                        border-style: solid;
+                }       
+        }
+
+        li {
+                display: inline;
+                line-height: 200%;
+                list-style: none;
+                text-align: center;
+                white-space: nowrap;
+                margin: 0;
+                padding: 0;
+
+                a .count-0 {
+                        display: none;
+                }       
+        }
+}
+
+.plugin-install #description,
+.plugin-install-network #description {
+        width: 60%;
+}
+
+table .vers,
+table .column-visible,
+table .column-rating {
+        text-align: left;
+}
+
+.error-message {
+        color: red;
+        font-weight: bold;
+}
+
+/* Scrollbar fix for bulk upgrade iframe */
+body.iframe {
+        height: 98%;
+}
+
+
+/* - Only used once or twice in all of WP - deprecate for global style
+------------------------------------------------------------------------------*/
+td.media-icon {
+        text-align: center;
+        width: 80px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+
+        img {
+                max-width: 80px;
+                max-height: 60px;
+        }
+}
+
+#howto {
+        font-size: 11px;
+        margin: 0 5px;
+        display: block;
+}
+
+.importers {
+        font-size: 16px;
+        width: auto;
+        td {
+                padding-right: 14px;
+        }
+}
+
+#namediv {
+        table {
+                width: 100%;
+        }
+
+        td.first {
+                width: 10px;
+                white-space: nowrap;
+        }
+
+        input {
+                width: 98%;
+        }
+
+        p {
+                margin: 10px 0;
+        }
+}
+
+#submitdiv h3 {
+        margin-bottom: 0 !important;
+}
+
+/* - Used - but could/should be deprecated with a CSS reset
+------------------------------------------------------------------------------*/
+.zerosize {
+        height: 0;
+        width: 0;
+        margin: 0;
+        border: 0;
+        padding: 0;
+        overflow: hidden;
+        position: absolute;
+}
+
+br.clear {
+        height: 2px;
+        line-height: 2px;
+}
+
+.checkbox {
+        border: none;
+        margin: 0;
+        padding: 0;
+}
+
+fieldset {
+        border: 0;
+        padding: 0;
+        margin: 0;
+}
+
+.post-categories {
+        display: inline;
+        margin: 0;
+        padding: 0;
+}
+
+.post-categories li {
+        display: inline;
+}
+
+
+/*-----------------------------------------------------------------------------
+ MERGED
+-------------------------------------------------------------------------------*/
+
+
+/* ms */
+/* Dashboard: MS Specific Data */
+
+#dashboard_right_now {
+        p.musub {
+                margin-top: 12px;
+                border-top: 1px solid #ececec;
+                padding-left: 16px;
+                position: static;
+        }
+
+        .rtl & p.musub {
+                padding-left: 0;
+                padding-right: 16px;
+        }
+
+        td.b a.musublink {
+                font-size: 16px;
+        }
+
+        div.musubtable {
+                border-top: none;
+        }
+
+        div.musubtable .t {
+                white-space: normal;
+        }
+}
+
+/* Background Color for Site Status */
+.wp-list-table .site-deleted {
+        background: #ff8573;
+}
+.wp-list-table .site-spammed {
+        background: #faafaa;
+}
+.wp-list-table .site-archived {
+        background: #ffebe8;
+}
+.wp-list-table .site-mature {
+        background: #fecac2;
+}
+
+/* Star ratings */
+div.star-holder {
+        position: relative;
+        height: 17px;
+        width: 100px;
+        background: url('../images/stars.png?ver=20121108') repeat-x bottom left;
+
+        .star-rating {
+                background: url('../images/stars.png?ver=20121108') repeat-x top left;
+                height: 17px;
+                float: left;
+        }
+}
+
+div.action-links {
+        font-weight: normal;
+        margin: 6px 0 0;
+}
+
+/* Header on thickbox */
+#plugin-information-header {
+        margin: 0;
+        padding: 0 5px;
+        font-weight: bold;
+        position: relative;
+        border-bottom-width: 1px;
+        border-bottom-style: solid;
+        height: 2.5em;
+}
+
+#plugin-information {
+        ul#sidemenu {
+                font-weight: normal;
+                margin: 0 5px;
+                position: absolute;
+                left: 0;
+                bottom: -1px;
+        }
+
+        /* Install sidemenu */
+        p.action-button {
+                width: 100%;
+                padding-bottom: 0;
+                margin-bottom: 0;
+                margin-top: 10px;
+                @include rounded-left(3px);
+        }
+
+        .action-button a {
+                text-align: center;
+                font-weight: bold;
+                text-decoration: none;
+                display: block;
+                line-height: 2em;
+        }
+
+        h2 {
+                clear: none !important;
+                margin-right: 200px;
+        }
+
+        .fyi {
+                margin: 0 10px 50px;
+                width: 210px;
+        
+                h2 {
+                        font-size: 0.9em;
+                        margin-bottom: 0;
+                        margin-right: 0;
+                }
+
+                h2.mainheader {
+                        padding: 5px;
+                        -moz-border-top-left-radius: 3px;
+                        -webkit-border-top-left-radius: 3px;
+                        border-top-left-radius: 3px;
+                }
+
+                ul {
+                        padding: 10px 5px 10px 7px;
+                        margin: 0;
+                        list-style: none;
+                        -moz-border-bottom-left-radius: 3px;
+                        -webkit-border-bottom-left-radius: 3px;
+                        border-bottom-left-radius: 3px;
+                }
+
+                li {
+                        margin-right: 0;
+                }
+        }
+
+        #section-holder {
+                padding: 10px;
+        }
+
+        .section ul,
+        .section ol {
+                margin-left: 16px;
+                list-style-type: square;
+                list-style-image: none;
+        }
+
+        #section-screenshots ol {
+                list-style: none;
+                margin: 0;
+        }
+
+        #section-screenshots li img {
+                vertical-align: text-top;
+                max-width: 100%;
+                width: auto;
+                height: auto;
+        }
+
+        #section-screenshots li p {
+                font-style: italic;
+                padding-left: 20px;
+                padding-bottom: 2em;
+        }
+
+        #section-screenshots ol,
+        .updated,
+        pre {
+                margin-right: 215px;
+        }
+
+        pre {
+                padding: 7px;
+                overflow: auto;
+        }
+}
+
+#poststuff #editor-toolbar {
+        height: 30px;
+}
+
+div.zerosize {
+        border: 0 none;
+        height: 0;
+        margin: 0;
+        overflow: hidden;
+        padding: 0;
+        width: 0;
+}
+
+.posting {
+        margin-right: 212px;
+        position: relative;
+}
+
+
+
+h3.tb {
+        text-shadow: 0 1px 0 #fff;
+        @include bold-font();
+        margin-left: 5px;
+}
+
+#TB_window {
+        border: 1px solid #333;
+}
+
+.js .postbox:hover .handlediv,
+.js .stuffbox:hover .handlediv {
+        background: transparent url(../images/arrows.png) no-repeat 6px 7px;
+}
+
+.press-this #submitdiv:hover .handlediv {
+        background: none;
+}
+
+.tbtitle {
+        font-size: 1.7em;
+        outline: none;
+        padding: 3px 4px;
+        border-color: $border-color;
+}
+
+#extra-fields .button {
+        margin-right: 5px;
+}
+
+/* Photo Styles */
+#photo_saving {
+        margin: 0 8px 8px;
+        vertical-align: middle;
+}
+
+#img_container_container {
+        overflow: auto;
+}
+
+#extra-fields {
+        margin-top: 10px;
+        position: relative;
+
+        h2 {
+                margin: 12px;
+        }
+}
+
+#waiting {
+        margin-top: 10px;
+        overflow: hidden;
+
+        span {
+                float: right;
+                margin: 0 0 0 5px;
+        }
+
+        .spinner {
+                display: block;
+        }
+}
+
+#extra-fields .postbox {
+        margin-bottom: 5px;
+}
+
+#extra-fields .titlewrap {
+        padding: 0;
+        overflow: auto;
+        height: 100px;
+}
+
+#img_container {
+        a {
+                display: block;
+                float: left;
+                overflow: hidden;
+        }
+
+        img,
+        a {
+                width: 68px;
+                height: 68px;
+        }
+
+        img {
+                border: none;
+                background-color: #f4f4f4;
+                cursor: pointer;
+        }
+
+        a,
+        a:link,
+        a:visited {
+                border: 1px solid #ccc;
+                display: block;
+                position: relative;
+        }
+
+        a:hover,
+        a:active {
+                border-color: black;
+                z-index: 1000;
+                border-width: 2px;
+                margin: -1px;
+        }
+}
+
+
+/* Video */
+#embed-code {
+        width: 100%;
+        height: 98px;
+}
+
+#TB_ajaxContent #options {
+        position: absolute;
+        top: 20px;
+        right: 25px;
+        padding: 5px;
+}
+
+#TB_ajaxContent h3 {
+        margin-bottom: .25em;
+}
+
+.error a {
+        text-decoration: underline;
+}
+
+.updated a {
+        text-decoration: none;
+        padding-bottom: 2px;
+}
+
+/* tag hints */
+.taghint {
+        color: #aaa;
+        margin: -17px 0 0 7px;
+        visibility: hidden;
+}
+
+input.newtag ~ div.taghint {
+        visibility: visible;
+}
+
+input.newtag:focus ~ div.taghint {
+        visibility: hidden;
+}
+
+/* TinyMCE */
+#mce_fullscreen_container {
+        background: #fff;
+}
+
+#photo-add-url-div input[type="text"] {
+        width: 300px;
+}
+
+/* theme-editor */
+.alignleft h3 {
+        margin: 0;
+}
+
+h3 span {
+        font-weight: normal;
+}
+
+#template textarea {
+        font-family: Consolas, Monaco, monospace;
+        font-size: 12px;
+        width: 97%;
+        background: #f9f9f9;
+        outline: none;
+}
+
+#template p {
+        width: 97%;
+}
+
+#templateside {
+        float: right;
+        width: 190px;
+        word-wrap: break-word;
+}
+
+#templateside h3,
+#postcustomstuff p.submit {
+        margin: 0;
+}
+
+#templateside h4 {
+        margin: 1em 0 0;
+}
+
+#templateside ol,
+#templateside ul {
+        margin: .5em;
+        padding: 0;
+}
+
+#templateside li {
+        margin: 4px 0;
+}
+
+#templateside ul li a span.highlight {
+        display:block;
+}
+
+.nonessential {
+        font-size: 11px;
+        font-style: italic;
+        padding-left: 12px;
+}
+
+.highlight {
+        padding: 3px 3px 3px 12px;
+        margin-left: -12px;
+        font-weight: bold;
+        border: 0 none;
+}
+
+#documentation {
+        margin-top: 10px;
+}
+#documentation label {
+        line-height: 22px;
+        vertical-align: top;
+        font-weight: bold;
+}
+
+.fileedit-sub {
+        padding: 10px 0 8px;
+        line-height: 180%;
+}
+
+#filter-box {
+        clear: both;
+}
+
+.feature-filter {
+        padding: 8px 12px 0;
+}
+
+.feature-filter .feature-group {
+        float: left;
+        margin: 5px 10px 10px;
+}
+
+.feature-filter .feature-group li {
+        display: inline-block;
+        vertical-align: top;
+        list-style-type: none;
+        padding-right: 25px;
+        width: 150px;
+}
+
+.feature-container {
+        width: 100%;
+        overflow: auto;
+        margin-bottom: 10px;
+}
+
+/* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
+.ui-sortable,
+.ui-draggable {
+        -ms-touch-action: none;
+}

new file wp-admin/css/scss/modules/nav-menus.scss

@@ +1 @@
+/* nav-menu */
+
+.no-js #message {
+        display: block;
+}
+
+#nav-menu-meta ul.outer-border {
+        @include rounded(3px);
+}
+
+.accordion-section ul.category-tabs,
+.accordion-section ul.add-menu-item-tabs,
+.accordion-section ul.wp-tab-bar {
+        margin: 0;
+}
+
+.accordion-section .categorychecklist {
+        margin: 13px 0;
+}
+
+#nav-menu-meta .accordion-section-content {
+        padding: 18px 13px;
+}
+
+#nav-menu-meta .button-controls {
+        margin-bottom: 0;
+}
+
+#nav-menus-frame {
+        margin-left: 300px;
+        margin-top: 23px;
+}
+
+#wpbody-content #menu-settings-column {
+        display: inline;
+        width:281px;
+        margin-left: -300px;
+        clear: both;
+        float: left;
+        padding-top: 0;
+}
+