Файл: wordpress/wp-admin/css/dashboard.css
Строк: 893
#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;
}
/* @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 13px 3px 0;
padding:
12px 36px;
height: auto;
line-height: 1.4285714;
white-space:
normal;
}
.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: #82878c;
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;
}
.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 {
float:
right;
position: relative;
top: -5px;
margin-left: 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:
#82878c;
}
#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;
margin-left: 12px;
}
#activity-widget
#the-comment-list .comment-item {
background: #fafafa;
padding:
12px;
position: relative;
}
#activity-widget #the-comment-list .avatar
{
position: absolute;
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
{
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: #23282d;
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,
#activity-widget
#the-comment-list .pingback {
-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,
#description-wrap label {
cursor:
text;
}
#title-wrap #title {
padding: 2px 6px;
font-size:
1.3em;
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;
}
}