Dashboard styling from mdawaffe. see #5750

git-svn-id: http://svn.automattic.com/wordpress/trunk@6810 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan 2008-02-13 10:07:57 +00:00
parent 664235e23b
commit 30c5b7473e
5 changed files with 224 additions and 232 deletions

216
wp-admin/css/dashboard.css Normal file
View File

@ -0,0 +1,216 @@
#rightnow {
border: 1px solid #ccc;
padding: 2px;
margin-top: 10px;
}
#rightnow .reallynow {
background: #d54e21;
padding: 12px;
color: #fff;
font-size: 15px;
margin: 0;
}
#rightnow .rbutton {
background: #ebebeb;
-moz-border-radius: 5px;
padding: 6px;
font-weight: normal;
color: #264761;
border-bottom: none;
}
#rightnow .reallynow a {
float: right;
margin-left: 5px;
font-size: 14px;
margin-top: -24px;
}
#rightnow .youhave {
background: #f0f6fb;
font-size: 14px;
padding: 10px;
}
#rightnow p {
padding: 0 10px;
}
#rightnow a {
color: #448abd;
font-weight: bold;
border-bottom: 1px solid #448abd;
}
div#dashboard-widgets {
position: relative;
left: 20px;
margin: -20px 0 0 -20px;
}
div.dashboard-widget-holder {
margin-top: 20px;
width: 50%;
float: left;
}
div.dashboard-widget-holder.third {
width: 33.3%;
}
div.dashboard-widget-holder.fourth {
width: 25%;
}
div.dashboard-widget-holder.full {
width: 100%;
}
div.dashboard-widget-holder.double div.dashboard-widget {
height: 53em;
padding-bottom: 28px /* lame */
}
div.dashboard-widget {
position: relative;
margin-right: 20px;
border: 1px solid #ccc;
padding: 2px;
height: 26em;
overflow: auto;
}
h3.dashboard-widget-title {
background-color: #eaf3fa;
margin: 0;
padding: 0 10px;
font-size: 1.2em;
line-height: 2;
}
h3.dashboard-widget-title span {
background-color: #eaf3fa;
display: block;
text-align: left;
float: left;
}
h3.dashboard-widget-title small {
background-color: #eaf3fa;
display: block;
text-align: right;
float: right;
font-size: 75%;
line-height: 2.67; /* math: it works */
}
h3.dashboard-widget-title img.rss-icon {
vertical-align: middle;
}
div.dashboard-widget-notice {
background-color: #cfe1ef;
padding: 0 20px;
font-size: 1.2em;
line-height: 2;
}
div.dashboard-widget-error {
background-color: #c43;
padding: 0 20px;
font-size: 1.2em;
line-height: 2;
}
div.dashboard-widget-content {
padding: 10px 15px;
}
div.dashboard-widget-submit {
border-top: 1px solid #ccc;
margin: 10px 15px;
padding-top: 10px;
}
div.dashboard-widget-content ul, div.dashboard-widget-content ol, div.dashboard-widget-content dl {
margin: 0;
text-indent: 0;
padding-left: 15px;
}
div.dashboard-widget-content li {
margin: .5em 0 1em;
}
div.dashboard-widget-content blockquote {
margin: -1em 0;
}
div.dashboard-widget-content .comment-meta {
font-size: 95%;
}
#dashboard_secondary div.dashboard-widget-content ul {
list-style: none;
padding: 0;
}
#dashboard_secondary div.dashboard-widget-content ul li {
display: block;
width: 19.95%;
height: 6em;
padding-bottom: 20px;
margin: 0;
float: left;
font-size: 95%;
}
#dashboard_secondary div.dashboard-widget-content {
margin: 10px 5px;
padding: 0;
}
#dashboard_secondary div.dashboard-widget-content ul li .post {
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
height:60px;
overflow:hidden;
}
#dashboard_secondary div.dashboard-widget-content ul li a {
background:#DDDDDD none repeat scroll 0%;
display:block;
height:100%;
overflow:hidden;
margin: 5px 10px;
padding: .5em;
}
#dashboard_secondary div.dashboard-widget-content ul li a cite {
display: block;
}
#dashboard-widgets .widget_rss ul {
list-style: none;
padding: 0;
}
#dashboard-widgets .widget_rss ul li {
clear: both;
}
#dashboard-widgets .widget_rss ul li span.rss-date {
float: left;
margin: 0 0 1em;
}
#dashboard-widgets .widget_rss ul li a {
float: left;
margin: 0 .5em 1em 0;
font-weight: bold;
}
#dashboard-widgets .widget_rss ul li div {
clear: both;
}

View File

@ -323,188 +323,4 @@ function wp_dashboard_rss_control( $args ) {
wp_widget_rss_form( $widget_options[$widget_id], $form_inputs );
}
// Move this into wp-admin.css
function temp_dashboard_css() {
?>
<style type="text/css">
/* <![CDATA[ */
div#dashboard-widgets {
position: relative;
left: 20px;
margin-left: -20px;
}
div.dashboard-widget-holder {
margin-top: 20px;
width: 50%;
float: left;
}
div.dashboard-widget-holder.third {
width: 33.3%;
}
div.dashboard-widget-holder.fourth {
width: 25%;
}
div.dashboard-widget-holder.full {
width: 100%;
}
div.dashboard-widget-holder.double div.dashboard-widget {
height: 52em;
padding-bottom: 28px /* lame */
}
div.dashboard-widget {
position: relative;
margin-right: 20px;
border: 1px solid #ccc;
padding: 2px;
height: 26em;
overflow: auto;
}
h3.dashboard-widget-title {
background-color: #eaf3fa;
margin: 0;
position: relative;
padding: 0 10px;
font-size: 1.2em;
line-height: 2;
}
h3.dashboard-widget-title span {
background-color: #eaf3fa;
display: block;
text-align: left;
float: left;
}
h3.dashboard-widget-title small {
background-color: #eaf3fa;
display: block;
text-align: right;
float: right;
font-size: 75%;
line-height: 2.67; /* math: it works */
margin-top: 2px;
}
h3.dashboard-widget-title img.rss-icon {
vertical-align: middle;
}
div.dashboard-widget-notice {
background-color: #cfe1ef;
padding: 0 20px;
font-size: 1.2em;
line-height: 2;
}
div.dashboard-widget-error {
background-color: #c43;
padding: 0 20px;
font-size: 1.2em;
line-height: 2;
}
div.dashboard-widget-content {
margin: 10px 15px;
}
div.dashboard-widget-submit {
border-top: 1px solid #ccc;
margin: 10px 15px;
padding-top: 10px;
}
div.dashboard-widget-content ul, div.dashboard-widget-content ol, div.dashboard-widget-content dl {
text-indent: 0;
padding-left: 15px;
}
div.dashboard-widget-content blockquote {
margin: 0 0 -1em;
}
div.dashboard-widget-content .comment-meta {
font-size: 95%;
}
#dashboard_secondary div.dashboard-widget-content ul {
list-style: none;
padding: 0;
margin: 0;
}
#dashboard_secondary div.dashboard-widget-content ul li {
display: block;
width: 20%;
height: 6em;
padding-bottom: 20px;
margin: 0;
float: left;
font-size: 95%;
}
#dashboard_secondary div.dashboard-widget-content {
margin: 10px 5px;
padding: 0;
}
#dashboard_secondary div.dashboard-widget-content ul li .post {
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
height:60px;
overflow:hidden;
}
#dashboard_secondary div.dashboard-widget-content ul li a {
background:#DDDDDD none repeat scroll 0%;
display:block;
height:100%;
overflow:hidden;
margin: 10px;
padding: .5em;
}
#dashboard_secondary div.dashboard-widget-content ul li a cite {
display: block;
}
#dashboard-widgets .widget_rss ul {
list-style: none;
padding: 0;
margin: 0;
}
#dashboard-widgets .widget_rss ul li {
clear: both;
}
#dashboard-widgets .widget_rss ul li span.rss-date {
float: left;
margin: .5em 0 1em;
}
#dashboard-widgets .widget_rss ul li a {
float: left;
margin: .5em .5em 1em 0;
font-weight: bold;
}
#dashboard-widgets .widget_rss ul li div {
clear: both;
}
/* ]]> */
</style>
<?php
}
add_action( 'admin_head', 'temp_dashboard_css' );
?>

View File

@ -95,6 +95,7 @@ $post = preg_replace( '|.+?:(.+)|s', '$1', $item['title'] );
}
?>
</ul>
<br class="clear" />
<?php
}
break;

View File

@ -20,6 +20,11 @@ function index_js() {
}
add_action( 'admin_head', 'index_js' );
function index_css() {
wp_admin_css( 'css/dashboard' );
}
add_action( 'admin_head', 'index_css' );
wp_enqueue_script( 'jquery' );
$title = __('Dashboard');
@ -80,6 +85,8 @@ $widgets_text = sprintf( __ngettext( '%d widget', '%d widgets', $num_widgets ),
<?php do_action( 'activity_box_end' ); ?>
</div><!-- rightnow -->
<br class="clear" />
<?php wp_dashboard(); ?>
</div><!-- wrap -->

View File

@ -895,54 +895,6 @@ html, body {
background: #eaf3fa;
}
/* Dashboard stuff, possibly to go in separate file? */
#rightnow {
border: 1px solid #ccc;
padding: 2px;
margin-top: 10px;
}
#rightnow .reallynow {
background: #d54e21;
padding: 12px;
color: #fff;
font-size: 15px;
margin: 0;
}
#rightnow .rbutton {
background: #ebebeb;
-moz-border-radius: 5px;
padding: 6px;
font-weight: normal;
color: #264761;
border-bottom: none;
}
#rightnow .reallynow a {
float: right;
margin-left: 5px;
font-size: 14px;
margin-top: -24px;
}
#rightnow .youhave {
background: #f0f6fb;
font-size: 14px;
padding: 10px;
}
#rightnow p {
padding: 0 10px;
}
#rightnow a {
color: #448abd;
font-weight: bold;
border-bottom: 1px solid #448abd;
}
/* Post Screen */
#tagchecklist {