Draggable dash, first cut. Props mdawaffe. see #7552

git-svn-id: http://svn.automattic.com/wordpress/trunk@9103 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryan
2008-10-08 23:32:34 +00:00
parent 5d1f8b93eb
commit 637cca38da
25 changed files with 462 additions and 787 deletions

View File

@@ -7,7 +7,7 @@
#footer {
background-position:99% 10px;
}
#poststuff .closed .togbox, #poststuff .togbox {
.metabox-holder .closed .togbox, .metabox-holder .togbox, #poststuff .closed .togbox, #poststuff .togbox {
background-image: url(../images/toggle-arrow-rtl.gif) !important;
}
.bar {

View File

@@ -62,7 +62,7 @@ li.widget-list-control-item h4.widget-title a,
}
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, #replyhandle,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap,
#wpbody-content .describe tr, #edithead, #replyhead {
background-color: #cfebf7;
@@ -498,23 +498,23 @@ input.readonly {
color: #333;
}
#poststuff .closed .togbox {
.metabox-holder .closed .togbox, #poststuff .closed .togbox {
background-color: #2583ad;
background-image: url(../images/toggle-arrow.gif);
}
#poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
.metabox-holder .postbox, #poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
border-color: #ebebeb;
border-right-color: #ccc;
border-bottom-color: #ccc;
}
#poststuff .togbox {
.metabox-holder .togbox, #poststuff .togbox {
background-color: #b2b2b2;
background-image: url(../images/toggle-arrow.gif);
}
#poststuff .postbox {
.metabox-holder .postbox, #poststuff .postbox {
background-color: #FFF;
}

View File

@@ -15,7 +15,7 @@
border-right-color: transparent;
border-left-color: #ccc;
}
#poststuff .closed .togbox, #poststuff .togbox {
.metabox-holder .closed .togbox, .metabox-holder .togbox, #poststuff .closed .togbox, #poststuff .togbox {
background-image: url(../images/toggle-arrow-rtl.gif);
}
#upload-menu li.current {

View File

@@ -62,7 +62,7 @@ li.widget-list-control-item h4.widget-title a,
}
li.widget-list-control-item, div.nav, .tablenav, #dashboard-widgets p.dashboard-widget-links,
.form-table tr, #poststuff h3, #replyhandle,
.form-table tr, #poststuff h3, .metabox-holder h3, #replyhandle,
.login form, h3.info-box-title, #post-status-info, #edit-settings-wrap,
#wpbody-content .describe tr, #edithead, #replyhead {
background-color: #eaf3fa;
@@ -482,23 +482,23 @@ input.readonly {
color: #333;
}
#poststuff .closed .togbox {
.metabox-holder .closed .togbox, #poststuff .closed .togbox {
background-color: #2583ad;
background-image: url(../images/toggle-arrow.gif);
}
#poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
.metabox-holder .postbox, #poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox {
border-color: #ebebeb;
border-right-color: #ccc;
border-bottom-color: #ccc;
}
#poststuff .togbox {
.metabox-holder .togbox, #poststuff .togbox {
background-color: #b2b2b2;
background-image: url(../images/toggle-arrow.gif);
}
#poststuff .postbox {
.metabox-holder .postbox, #poststuff .postbox {
background-color: #FFF;
}

View File

@@ -1,62 +1 @@
/* Right Now */
#rightnow {
margin-right:0;
margin-left: 7px;
}
#rightnow .reallynow span {
text-align: right;
float: right;
}
#rightnow .reallynow a {
text-align: left;
float: left;
margin: 1px 0 0 6px;
}
/* Widgets */
div#dashboard-widgets-wrap {
margin-right:0;
margin-left:-13px;
}
div.dashboard-widget-holder {
float:right;
}
div.dashboard-widget {
margin-right:0;
margin-left: 20px;
}
h3.dashboard-widget-title span {
text-align: right;
float: right;
}
h3.dashboard-widget-title small {
text-align: left;
float:left;
}
div.dashboard-widget-submit input {
font-family: Tahoma;
}
div.dashboard-widget-content ul, div.dashboard-widget-content ol, div.dashboard-widget-content dl {
padding-left:0;
padding-right:15px;
}
#dashboard_secondary div.dashboard-widget-content ul li {
float:right;
}
#dashboard_secondary div.dashboard-widget-content ul li .post {
font-family:arial;
}
#dashboard_secondary div.dashboard-widget-content ul li a {
border-right:0 none;
border-left: 1px solid #dadada;
height:110px;
}
#dashboard_secondary div.dashboard-widget-content ul li a cite {
font-family: Tahoma;
}
#dashboard-widgets .widget_rss ul li span.rss-date {
float:right;
}
#dashboard-widgets .widget_rss ul li a {
float: right;
margin: 0 0 .2em .5em;
}
/* TODO */

View File

@@ -29,214 +29,79 @@ form .textarea-wrap textarea {
width: 99%;
}
/* Widgets */
div#dashboard-widgets-wrap {
margin-right: -13px; /* 20 (div.dashboard-widget margin-right) - 7 (#rightnow margin-right) */
form p.field-tip {
font-size: .9em;
font-style: italic;
margin: 0;
padding: 0;
}
div#dashboard-widgets {
width: 100%;
}
div.dashboard-widget-holder {
margin-bottom: 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: 54em;
padding-bottom: 28px /* lame */
}
div.dashboard-widget {
position: relative;
margin-right: 20px;
border-width: 1px;
border-style: solid;
height: 27em;
overflow: auto;
font-size: 11px;
}
#dashboard-widgets p.dashboard-widget-links {
padding: 2px;
font-size: 11px;
line-height: 2;
border-width: 1px;
margin: 0 20px 0 0;
padding: 0 7px;
border: 1px solid;
border-top: none;
}
h3.dashboard-widget-title {
margin: 2px;
padding: 0 7px;
font-size: 14px;
line-height: 2;
}
h3.dashboard-widget-title span {
display: block;
text-align: left;
float: left;
}
h3.dashboard-widget-title small {
display: block;
text-align: right;
float: right;
font-size: 75%;
line-height: 2.67; /* math: it works, bitches */
}
p.dashboard-widget-links img.rss-icon {
vertical-align: middle;
}
div.dashboard-widget-notice {
padding: 0 14px;
font-size: 1.2em;
line-height: 2;
}
div.dashboard-widget-error {
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;
padding: 1em 0 0 0;
margin: 10px 0 0 0;
}
div.dashboard-widget-submit input {
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
padding: 4px 6px;
#dashboard-widgets .postbox form .submit {
float: none;
margin: .5em 0 0;
padding: 0;
border: none;
font-size: 13px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
}
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_recent_comments p {
font-size: 14px;
}
div.dashboard-widget-content p.comment-meta {
font-size: 11px !important;
}
#dashboard_secondary div.dashboard-widget {
height: auto;
}
#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%;
padding-bottom: 10px;
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;
line-height: 1.2em;
height:90px;
overflow:hidden;
}
#dashboard_secondary div.dashboard-widget-content ul li a {
display: block;
height:100%;
overflow:hidden;
margin: 5px 10px;
text-decoration: none;
padding: .5em;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
#dashboard_secondary div.dashboard-widget-content ul li a cite {
display: block;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}
#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;
#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit input {
margin: 0;
}
#dashboard-widgets .widget_rss ul li a {
float: left;
margin: 0 .5em .2em 0;
font-weight: bold;
#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
min-width: 0;
}
#dashboard-widgets .widget_rss ul li div {
clear: both;
line-height: 1.5em;
div.postbox div.inside {
margin: 0 10px 10px;
position: relative;
}
.view-all {
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: 0;
}
#dashboard-widgets h4 {
font-size: 1em;
margin: 0 0 .2em;
padding: 0;
}
/* Recent Comments */
#the-comment-list {
position: relative;
}
#the-comment-list .comment-item {
padding: 5px 5px 5px 47px;
}
#the-comment-list .comment-item .avatar {
position: absolute;
left: 5px;
}
#the-comment-list .comment-item blockquote, #the-comment-list .comment-item blockquote p {
margin: 0;
padding: 0;
display: inline;
}
#dashboard_recent_comments #the-comment-list .trackback blockquote, #dashboard_recent_comments #the-comment-list .pingback blockquote {
display: block;
}
#the-comment-list .comment-item p.comment-actions {
margin: 0;
padding: 0;
}
/* Primary Feed */
#dashboard_primary a.rsswidget, #dashboard_plugins h5 {
font-size: 14px;
}
@@ -245,10 +110,7 @@ div.dashboard-widget-content p.comment-meta {
font-size: 14px;
}
#dashboard_plugins h4 {
font-size: 1em;
margin: 0 0 .1em;
}
/* Plugins */
#dashboard_plugins h5 {
margin: 0;
@@ -260,41 +122,3 @@ div.dashboard-widget-content p.comment-meta {
margin: 0 0 1em;
line-height: 1.5em;
}
#dashboard_inbox div.dashboard-widget, #dashboard_quick_press div.dashboard-widget {
height: 35em;
padding-bottom: 0;
}
#dashboard_quick_press div.dashboard-widget-content {
padding-bottom: 0;
}
#dashboard_inbox p.actions {
margin-bottom:0pt;
margin-top: 0;
float:left;
}
#dashboard_quick_press h3 {
margin-bottom: 3px;
}
#dashboard_quick_press h3#quick-post-title {
margin-top: 0;
}
#dashboard_quick_press p.field-tip {
margin-top: 0;
font-style: italic;
}
#dashboard_quick_press .submit {
padding: 0 0 1em 0;
border-top: none;
border-bottom: 1px solid #ccc;
}
#dashboard_quick_press p#recent-drafts {
margin: 0;
}

View File

@@ -1,4 +1,4 @@
#poststuff .postbox h3 {
.metabox-holder .postbox h3, #poststuff .postbox h3 {
padding-left:0;
padding-right: 23px;
}
@@ -20,7 +20,7 @@ div#dashboard-widgets {
#tagchecklist span a {
margin: 4px -9px 0 0;
}
#poststuff .togbox {
.metabox-holder .togbox, #poststuff .togbox {
margin-left:0;
margin-right: -19px;
}

View File

@@ -1,6 +1,6 @@
/* Fixes for IE bugs */
#poststuff .postbox h3 {
.metabox-holder .postbox h3, #poststuff .postbox h3 {
padding-left: 23px;
}
@@ -31,7 +31,7 @@
position: relative;
}
#wpwrap, #wpcontent, #post, #wrap, #postdivrich, #postdiv, #poststuff, #titlediv, #post-body, #editorcontainer, .tablenav, .widget-control-list, li.widget-list-control-item, #dragHelper, li.widget-list-control-item h4, .widget-sortable, .widget-control-actions {
#wpwrap, #wpcontent, #post, #wrap, #postdivrich, #postdiv, #poststuff, .metabox-holder, #titlediv, #post-body, #editorcontainer, .tablenav, .widget-control-list, li.widget-list-control-item, #dragHelper, li.widget-list-control-item h4, .widget-sortable, .widget-control-actions {
display: block;
zoom: 100%;
}
@@ -88,7 +88,7 @@ div#dashboard-widgets {
margin: 4px 0 0 -9px;
}
#poststuff .togbox {
.metabox-holder .togbox, #poststuff .togbox {
margin-left: -19px;
}