]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/dashboard.css
WordPress 3.9
[autoinstalls/wordpress.git] / wp-admin / css / dashboard.css
diff --git a/wp-admin/css/dashboard.css b/wp-admin/css/dashboard.css
new file mode 100644 (file)
index 0000000..bd94d96
--- /dev/null
@@ -0,0 +1,1135 @@
+#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
+       width: 100%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
+       width: 49.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
+       float: right;
+       width: 50.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
+       width: 33.5%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
+       width: 33%;
+}
+
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
+#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
+       float: right;
+}
+
+#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
+       width: 25%;
+}
+
+#dashboard-widgets .postbox-container {
+       width: 25%;
+}
+
+#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
+       border: none !important;
+}
+
+.ie8 #wpbody-content #dashboard-widgets .postbox-container {
+       width: 49.5%;
+}
+
+.ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
+.ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
+.ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
+       float: right;
+       width: 50.5%;
+}
+
+.ie8 #dashboard-widgets #postbox-container-3 .empty-container,
+.ie8 #dashboard-widgets #postbox-container-4 .empty-container {
+       border: 0 none;
+       height: 0;
+       min-height: 0;
+}
+
+/*------------------------------------------------------------------------------
+  9.0 - Dashboard
+------------------------------------------------------------------------------*/
+
+#dashboard-widgets-wrap {
+       overflow: hidden;
+       margin: 0 -8px;
+}
+
+#dashboard-widgets .postbox .inside {
+       margin-bottom: 0;
+}
+
+#dashboard-widgets .meta-box-sortables {
+       margin: 0 8px;
+       min-height: 100px;
+}
+
+h3.dashboard-widget-title,
+h3.dashboard-widget-title span,
+h3.dashboard-widget-title small {
+       color: #333;
+}
+
+h3.dashboard-widget-title small a {
+       color: #d7d7d7;
+}
+
+h3.dashboard-widget-title small a:hover {
+       color: #fff;
+}
+
+/* @todo: this was originally in this section, but likely belongs elsewhere */
+#the-comment-list td.comment p.comment-author {
+       margin-top: 0;
+       margin-left: 0;
+}
+
+#the-comment-list p.comment-author img {
+       float: left;
+       margin-right: 8px;
+}
+
+#the-comment-list p.comment-author strong a {
+       border: none;
+}
+
+#the-comment-list td {
+       vertical-align: top;
+}
+
+#the-comment-list td.comment {
+       word-wrap: break-word;
+}
+
+#the-comment-list td.comment img {
+       max-width: 100%;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+       position: relative;
+       overflow: auto;
+       margin: 16px 0;
+       padding: 23px 10px 0;
+       border: 1px solid #e5e5e5;
+       -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+       box-shadow: 0 1px 1px rgba(0,0,0,0.04);
+       background: #fff;
+       font-size: 13px;
+       line-height: 2.1em;
+}
+
+.welcome-panel h3 {
+       margin: 0;
+       font-size: 21px;
+       font-weight: normal;
+       line-height: 1.2;
+}
+
+.welcome-panel h4 {
+       margin: 1.33em 0 0;
+       font-size: 16px;
+}
+
+.welcome-panel li {
+       font-size: 14px;
+}
+
+.welcome-panel p {
+       color: #777;
+}
+
+.welcome-panel a {
+       text-decoration: none;
+}
+
+.welcome-panel .about-description {
+       font-size: 16px;
+       margin: 0;
+}
+
+.welcome-panel .welcome-panel-close {
+       position: absolute;
+       top: 5px;
+       right: 10px;
+       padding: 20px 15px 0 3px;
+       font-size: 13px;
+       text-decoration: none;
+       line-height: 1;
+}
+
+#welcome-panel.welcome-panel .welcome-panel-close::before {
+       position: absolute;
+       left: -18px;
+       margin-top: -2px;
+       -webkit-transition: all .1s ease-in-out;
+       transition: all .1s ease-in-out;
+}
+
+.wp-core-ui .welcome-panel .button.button-hero {
+       margin: 15px 0 3px;
+}
+
+.welcome-panel-content {
+       margin-left: 13px;
+       max-width: 1500px;
+}
+
+.welcome-panel .welcome-panel-column-container {
+       clear: both;
+       overflow: hidden;
+       position: relative;
+}
+
+.welcome-panel .welcome-panel-column {
+       width: 32%;
+       min-width: 200px;
+       float: left;
+}
+
+.ie8 .welcome-panel .welcome-panel-column {
+       min-width: 230px;
+}
+
+.welcome-panel .welcome-panel-column:first-child {
+       width: 36%;
+}
+
+.welcome-panel-column p.hide-if-no-customize {
+       margin-top: 10px;
+}
+
+.welcome-panel-column p {
+       margin-top: 7px;
+       color: #464646;
+}
+
+.welcome-panel .welcome-icon {
+       display: block;
+       padding: 0 0 8px;
+       background: transparent !important;
+}
+
+.welcome-panel .welcome-icon:before {
+       color: #888;
+       font: normal 20px/1 'dashicons';
+       speak: none;
+       display: inline-block;
+       padding: 0 10px 0 0;
+       top: -1px;
+       position: relative;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       text-decoration: none !important;
+       vertical-align: top;
+}
+
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+       content:'\f119';
+       top: -3px;
+}
+
+.welcome-panel .welcome-add-page:before {
+       content:'\f132';
+}
+
+.welcome-panel .welcome-view-site:before {
+       content:'\f115';
+       top: -2px;
+}
+
+.welcome-panel .welcome-widgets-menus:before {
+       content:'\f116';
+       top: -2px;
+}
+
+.welcome-panel .welcome-comments:before {
+       content:'\f117';
+       top: -1px;
+}
+
+.welcome-panel .welcome-learn-more:before {
+       content:'\f118';
+       top: -1px;
+}
+
+.welcome-panel .welcome-widgets-menus {
+       line-height: 16px;
+}
+
+.welcome-panel .welcome-panel-column ul {
+       margin: 0.8em 1em 1em 0;
+}
+
+.welcome-panel .welcome-panel-column li {
+       line-height: 16px;
+       list-style-type: none;
+}
+
+/* Dashboard WordPress news */
+
+#dashboard_primary .inside {
+       margin: 0;
+       padding: 0;
+}
+
+#dashboard_primary .widget-loading,
+#dashboard_primary .dashboard-widget-control-form {
+       padding: 12px 12px 0;
+}
+
+body #dashboard-widgets .postbox form .submit {
+       margin: 0;
+}
+
+.dashboard-widget-control-form {
+       overflow: hidden;
+}
+
+.dashboard-widget-control-form p {
+       margin-top: 0;
+}
+
+/* @todo: are these actually used anywhere? no non-CSS results in plugin search */
+div.dashboard-widget-error {
+       background-color: #c43;
+}
+
+div.dashboard-widget-notice {
+       background-color: #cfe1ef;
+}
+
+.rssSummary {
+       color: #777;
+       margin-top: 4px;
+}
+
+#dashboard_primary .rss-widget {
+       border-bottom: 1px solid #eee;
+       font-size: 13px;
+       padding: 8px 12px 10px;
+}
+
+#dashboard_primary .rss-widget:last-child {
+       border-bottom: none;
+       padding-bottom: 8px;
+}
+
+#dashboard_primary .rss-widget a {
+       font-weight: normal;
+}
+
+#dashboard_primary .rss-widget span,
+#dashboard_primary .rss-widget span.rss-date {
+       color: #777;
+}
+
+#dashboard_primary .rss-widget span.rss-date {
+       margin-left: 12px;
+}
+
+#dashboard_primary .rss-widget ul li {
+       margin-bottom: 8px;
+}
+
+/* Dashboard right now */
+
+#dashboard_right_now ul {
+       margin: 0;
+       overflow: hidden;
+}
+
+#dashboard_right_now li {
+       width: 50%;
+       float: left;
+       margin-bottom: 10px;
+}
+
+#dashboard_right_now .inside {
+       overflow: hidden;
+       padding: 0;
+}
+
+#dashboard_right_now .main {
+       overflow: hidden;
+       padding: 0 12px 11px;
+}
+
+#dashboard_right_now .main p {
+       margin: 0;
+}
+
+#dashboard_right_now #wp-version-message .button {
+       clear: right;
+       float: right;
+       position: relative;
+       top: -5px;
+}
+
+.mu-storage {
+       overflow: hidden;
+}
+
+#dashboard-widgets h4.mu-storage {
+       margin-bottom: 10px;
+}
+
+/* Dashboard right now - Colors */
+
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+       color: #888;
+}
+
+#dashboard_right_now .sub {
+       color: #777;
+       background: #f5f5f5;
+       border-top: 1px solid #eee;
+       padding: 10px 12px 6px 12px;
+}
+
+#dashboard_right_now .sub h4 {
+       color: #555;
+}
+
+#dashboard_right_now .sub p {
+       margin: 0 0 1em;
+}
+
+#dashboard_right_now .warning a:before,
+#dashboard_right_now .warning span:before {
+       color: #d54e21;
+}
+
+/* Dashboard right now - Icons */
+#dashboard_right_now li a:before,
+#dashboard_right_now li span:before {
+       content: '\f159';
+       font: normal 20px/1 'dashicons';
+       speak: none;
+       display: block;
+       float: left;
+       margin: 0 5px 0 0;
+       padding: 0;
+       text-indent: 0;
+       text-align: center;
+       position: relative;
+       -webkit-font-smoothing: antialiased;
+       text-decoration: none !important;
+}
+
+#dashboard_right_now .page-count a:before,
+#dashboard_right_now .page-count span:before {
+       content: '\f105';
+}
+
+#dashboard_right_now .post-count a:before,
+#dashboard_right_now .post-count span:before {
+       content: '\f109';
+}
+
+#dashboard_right_now .comment-count a:before {
+       content: '\f101';
+}
+
+#dashboard_right_now .comment-mod-count a:before {
+       content: '\f125';
+}
+
+#dashboard_right_now .storage-count a:before {
+       content: '\f104';
+}
+
+#dashboard_right_now .storage-count.warning a:before {
+       content: '\f153';
+}
+
+/* Dashboard Quick Draft */
+
+#dashboard_quick_press .inside {
+       margin: 0;
+       padding: 0;
+}
+
+#dashboard_quick_press div.updated {
+       margin-bottom: 10px;
+       border: 1px solid #eee;
+       border-width: 1px 1px 1px 0;
+}
+
+#dashboard_quick_press form {
+       overflow: hidden;
+       margin: 12px;
+}
+
+#dashboard_quick_press .drafts,
+#dashboard_quick_press .easy-blogging {
+       padding: 10px 0 0;
+}
+
+/* Dashboard Quick Draft - Form styling */
+
+input#save-post {
+       float: left;
+}
+
+form.initial-form.quickpress-open label.prompt {
+       font-style: normal;
+}
+
+form.initial-form.quickpress-open input#title {
+       height: auto;
+}
+
+#dashboard_quick_press input,
+#dashboard_quick_press textarea {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       margin: 0;
+}
+
+#dashboard_quick_press textarea {
+       resize: vertical;
+}
+
+#dashboard-widgets .postbox form .submit {
+       margin: -39px 0;
+       float: right;
+}
+
+#description-wrap {
+       margin-top: 12px;
+}
+
+#title-wrap #title-prompt-text,
+.textarea-wrap #content-prompt-text {
+       color: #777;
+}
+
+#title-wrap #title-prompt-text {
+       font-size: 1.1em;
+       padding: 7px 8px;
+}
+
+.input-text-wrap,
+.textarea-wrap {
+       position: relative;
+}
+
+.input-text-wrap .prompt,
+.textarea-wrap .prompt {
+       position: absolute;
+}
+
+.textarea-wrap #content-prompt-text {
+       font-size: 1.1em;
+       padding: 7px 8px;
+}
+
+.textarea-wrap textarea#content {
+       margin: 0 0 8px;
+       padding: 6px 7px;
+}
+
+#quick-press textarea#content {
+       min-height: 90px;
+       max-height: 1300px;
+       resize: none;
+}
+
+/* Dashboard Quick Draft - Drafts list */
+
+.js #dashboard_quick_press .drafts {
+       border-top: 1px solid #eee;
+}
+
+#dashboard_quick_press .drafts abbr {
+       border: none;
+}
+
+#dashboard_quick_press .drafts h4 {
+       margin: 0 12px 8px;
+       font-weight: normal;
+}
+
+#dashboard_quick_press .drafts .view-all {
+       float: right;
+       margin: 0 12px 0 0;
+}
+
+#dashboard_primary a.rsswidget {
+       font-weight: normal;
+}
+
+#dashboard_quick_press .drafts ul {
+       margin: 0 12px;
+}
+
+#dashboard_quick_press .drafts li {
+       margin-bottom: 1em;
+}
+#dashboard_quick_press .drafts li time {
+       color: #777;
+}
+
+#dashboard_quick_press .drafts p {
+       margin: 0;
+       word-wrap: break-word;
+}
+
+#dashboard_quick_press .draft-title {
+       overflow: hidden;
+}
+
+#dashboard_quick_press .draft-title a,
+#dashboard_quick_press .draft-title time {
+       float: left;
+       margin: 0 5px 0 0;
+}
+
+/* Dashboard activity widget */
+
+#dashboard-widgets #dashboard_activity h4 {
+       margin: 0 0 8px 12px;
+       font-weight: normal;
+}
+
+#dashboard-widgets #dashboard_activity h4.comment-meta {
+       margin: 0;
+}
+
+#dashboard_activity h4.comment-meta {
+       margin-bottom: 4px;
+}
+
+#dashboard_activity ul {
+       padding: 0 12px;
+}
+
+#dashboard_activity .comment-meta span.approve:before {
+       content: '\f227';
+       font: 20px/.5 "dashicons";
+       margin-left: 12px;
+       vertical-align: middle;
+       position: relative;
+       top: -1px;
+       margin-right: 2px;
+}
+
+#dashboard_activity .inside {
+       padding: 0;
+       margin: 0;
+}
+
+#dashboard_activity .no-activity {
+       overflow: hidden;
+       padding: 0 12px 12px;
+       text-align: center;
+}
+
+#dashboard_activity .no-activity p {
+       color: #999;
+       font-size: 16px;
+}
+
+#dashboard_activity .no-activity .smiley {
+       margin-top: 0;
+}
+
+#dashboard_activity .no-activity .smiley:before {
+       content: '\f328';
+       font: normal 120px/1 'dashicons';
+       speak: none;
+       display: block;
+       margin: 0 5px 0 0;
+       padding: 0;
+       text-indent: 0;
+       text-align: center;
+       position: relative;
+       -webkit-font-smoothing: antialiased;
+       text-decoration: none !important;
+}
+
+#dashboard_activity .subsubsub {
+       float: none;
+       border-top: 1px solid #eeeeee;
+       margin-top: 0;
+       padding: 8px 12px 4px;
+}
+
+#future-posts ul,
+#published-posts ul {
+       clear: both;
+       margin-bottom: 0;
+}
+
+#future-posts li,
+#published-posts li {
+       overflow: hidden;
+       margin-bottom: 8px;
+}
+
+#future-posts ul span,
+#published-posts ul span {
+       color: #777;
+       float: left;
+       margin-right: 8px;
+       min-width: 150px;
+}
+
+.activity-block {
+       border-bottom: 1px solid #eee;
+       overflow: hidden;
+       padding: 8px 0 4px;
+}
+
+.activity-block:last-child {
+       border-bottom: none;
+}
+
+.activity-block .subsubsub li {
+       color: #ddd;
+}
+
+/* Dashboard activity widget - Comments */
+/* @todo: needs serious de-duplication */
+
+#activity-widget #the-comment-list tr.undo,
+#activity-widget #the-comment-list div.undo {
+       background: none;
+       padding: 6px 0;
+}
+
+#activity-widget #the-comment-list .alternate,
+#activity-widget #the-comment-list .alt {
+       background: none;
+}
+
+#activity-widget #the-comment-list .comment-item {
+       background: #fafafa;
+       padding: 12px;
+       position: relative;
+}
+
+#activity-widget #the-comment-list img {
+       position: absolute;
+       left: 13px;
+       top: 13px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap {
+       padding-left: 63px;
+}
+
+#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
+       margin: 1em 0;
+}
+
+#activity-widget #the-comment-list .comment-item h4 {
+       font-size: 13px;
+       color: #999;
+}
+
+#activity-widget #the-comment-list .comment-item p.row-actions {
+       margin: 4px 0 0 0;
+}
+
+#activity-widget #the-comment-list .comment-item:first-child {
+       border-top: 1px solid #eeeeee;
+}
+
+#activity-widget #the-comment-list .unapproved {
+       background-color: #fef7f1;
+}
+
+#activity-widget #the-comment-list .unapproved:before {
+       content: "";
+       display: block;
+       position: absolute;
+       left: 0;
+       top: 0;
+       bottom: 0;
+       background: #d54e21;
+       width: 4px;
+}
+
+#activity-widget #the-comment-list .spam-undo-inside .avatar,
+#activity-widget #the-comment-list .trash-undo-inside .avatar {
+       margin-right: 20px;
+       position: relative;
+       top: 0;
+}
+
+/* Browse happy box */
+
+#dashboard-widgets #dashboard_browser_nag.postbox .inside {
+       margin: 10px;
+}
+
+.edit-box {
+       display: none;
+}
+
+h3:hover .edit-box {
+       display: inline;
+}
+
+#dashboard-widgets form .input-text-wrap input {
+       width: 100%;
+}
+
+#dashboard-widgets form .textarea-wrap textarea {
+       width: 100%;
+}
+
+#dashboard-widgets .postbox form .submit {
+       float: none;
+       margin: .5em 0 0;
+       padding: 0;
+       border: none;
+}
+
+#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
+       min-width: 0;
+}
+
+#dashboard-widgets a {
+       text-decoration: none;
+}
+
+#dashboard-widgets h3 a {
+       text-decoration: underline;
+}
+
+#dashboard-widgets h3 .postbox-title-action {
+       position: absolute;
+       right: 10px;
+       padding: 0;
+       top: 5px;
+}
+
+.js #dashboard-widgets h3 .postbox-title-action {
+       right: 33px;
+}
+
+#dashboard-widgets h4 {
+       color: #222;
+       font-weight: normal;
+       font-size: 14px;
+       margin: 0 0 .2em;
+       padding: 0;
+}
+
+#dashboard_plugins h5 {
+       font-size: 14px;
+}
+
+/* Recent Comments */
+
+#latest-comments #the-comment-list {
+       position: relative;
+}
+
+#activity-widget #the-comment-list .comment {
+       -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+       box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
+}
+
+#activity-widget .comments #the-comment-list .alt {
+       background-color: transparent;
+}
+
+#activity-widget #latest-comments #the-comment-list .comment-item {
+       padding: 1em 12px;
+}
+
+#latest-comments #the-comment-list .pingback {
+       padding-left: 12px !important;
+}
+
+#latest-comments #the-comment-list .comment-item:first-child {
+       border-top: none;
+}
+
+#latest-comments #the-comment-list .comment-item h4 {
+       line-height: 1.5em;
+       margin-top: 0;
+       color: #666;
+}
+
+#latest-comments #the-comment-list .comment-item h4 cite {
+       font-style: normal;
+       font-weight: normal;
+}
+
+#latest-comments #the-comment-list .comment-item blockquote,
+#latest-comments #the-comment-list .comment-item blockquote p {
+       margin: 0;
+       padding: 0;
+       display: inline;
+}
+
+#latest-comments #the-comment-list .comment-item p.row-actions {
+       margin: 3px 0 0;
+       padding: 0;
+       font-size: 13px;
+}
+
+/* QuickDraft */
+
+#title-wrap label {
+       cursor: text;
+}
+
+#title-wrap #title {
+       padding: 2px 6px;
+       font-size: 1.3em;
+       line-height: 100%;
+       outline: none;
+}
+
+#title-wrap #title-prompt-text {
+       font-size: 1.1em;
+       padding: 5px 8px;
+}
+
+/* Feeds */
+.rss-widget ul {
+       margin: 0;
+       padding: 0;
+       list-style: none;
+}
+
+a.rsswidget {
+       font-size: 14px;
+       font-weight: 600;
+       line-height: 1.7em;
+}
+
+.rss-widget ul li {
+       line-height: 1.5em;
+       margin-bottom: 12px;
+}
+
+.rss-widget span.rss-date {
+       color: #999;
+       font-size: 13px;
+       margin-left: 3px;
+}
+
+.rss-widget cite {
+       display: block;
+       text-align: right;
+       margin: 0 0 1em;
+       padding: 0;
+}
+
+.rss-widget cite:before {
+       content: '\2014';
+}
+
+.dashboard-comment-wrap {
+       overflow: hidden;
+       word-wrap: break-word;
+}
+
+/* Browser Nag */
+#dashboard_browser_nag a.update-browser-link {
+       font-size: 1.2em;
+       font-weight: 600;
+}
+
+#dashboard_browser_nag a {
+       text-decoration: underline;
+}
+
+#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
+       padding-right: 125px;
+}
+
+#dashboard_browser_nag .browser-icon {
+       margin-top: -35px;
+}
+
+#dashboard_browser_nag.postbox.browser-insecure {
+       background-color: #ac1b1b;
+       border-color: #ac1b1b;
+}
+
+#dashboard_browser_nag.postbox {
+       background-color: #e29808;
+       background-image: none;
+       border-color: #edc048;
+       color: #fff;
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+#dashboard_browser_nag.postbox.browser-insecure h3 {
+       border-bottom-color: #cd5a5a;
+       color: #fff;
+}
+
+#dashboard_browser_nag.postbox h3 {
+       border-bottom-color: #f6e2ac;
+       background: transparent none;
+       color: #fff;
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+#dashboard_browser_nag a {
+       color: #fff;
+}
+
+/* Make the browser nags easier to read with Open Sans */
+
+#dashboard_browser_nag h3.hndle {
+       border: none;
+       font-weight: 600;
+       font-size: 20px;
+       padding-top: 10px;
+}
+
+.postbox#dashboard_browser_nag p a.dismiss {
+       font-size: 14px;
+}
+
+.postbox#dashboard_browser_nag p,
+.postbox#dashboard_browser_nag a,
+.postbox#dashboard_browser_nag p.browser-update-nag {
+       font-size: 16px;
+}
+
+/* =Media Queries
+-------------------------------------------------------------- */
+
+/* one column on the dash */
+@media only screen and (max-width: 799px) {
+       #wpbody-content #dashboard-widgets .postbox-container {
+               width: 100%;
+       }
+}
+
+/* two columns on the dash, but keep the setting if one is selected */
+@media only screen and (min-width: 800px) and (max-width: 1499px) {
+       #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;
+       }
+}
+
+/* three columns on the dash */
+@media only screen and (min-width: 1500px) and (max-width: 1800px) {
+       #wpbody-content #dashboard-widgets .postbox-container {
+               width: 33.5%;
+       }
+
+       #wpbody-content #dashboard-widgets #postbox-container-1 {
+               width: 33%;
+       }
+
+       #wpbody-content #dashboard-widgets #postbox-container-3,
+       #wpbody-content #dashboard-widgets #postbox-container-4 {
+               float: right;
+       }
+
+       #dashboard-widgets #postbox-container-4 .empty-container {
+               border: 0 none;
+               height: 0;
+               min-height: 0;
+       }
+}
+
+@media screen and (max-width: 870px) {
+       .welcome-panel .welcome-panel-column,
+       .welcome-panel .welcome-panel-column:first-child {
+               display: block;
+               float: none;
+               width: 100%;
+       }
+
+       .welcome-panel .welcome-panel-column li {
+               display: inline-block;
+               margin-right: 13px;
+       }
+
+       .welcome-panel .welcome-panel-column ul {
+               margin: 0.4em 0 0;
+       }
+
+}
+
+@media screen and ( max-width: 782px ) {
+       #dashboard_recent_comments #the-comment-list .comment-item .avatar {
+               height: 30px;
+               width: 30px;
+               margin: 4px 10px 5px 0;
+       }
+}
+
+/* Smartphone */
+@media screen and (max-width: 600px) {
+       /* Keep the close icon from overlapping the Welcome text. */
+       .welcome-panel .welcome-panel-close {
+               overflow: hidden;
+               text-indent: 100%;
+               white-space: nowrap;
+               width: 20px;
+               height: 20px;
+               right: 0;
+               padding: 5px;
+       }
+
+       /* Make the close icon larger for tappability. */
+       #welcome-panel.welcome-panel .welcome-panel-close::before {
+               font-size: 20px;
+               margin: 0;
+       }
+}