CSS fixes and improvements, also IE7 and some IE6 fixes

git-svn-id: http://svn.automattic.com/wordpress/trunk@9733 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2008-11-17 18:01:00 +00:00
parent 9fcdfa2ace
commit a4da82e877
27 changed files with 177 additions and 130 deletions

View File

@ -189,7 +189,7 @@ if ( $page_links )
<div class="clear"></div>
<table class="widefat">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('category'); ?>

View File

@ -43,15 +43,15 @@ div.dashboard-widget,
border-color: #ccc;
}
#poststuff .inside .spam {
#poststuff .inside label.spam {
color: red;
}
#poststuff .inside .waiting {
#poststuff .inside label.waiting {
color: orange;
}
#poststuff .inside .approved {
#poststuff .inside label.approved {
color: green;
}
@ -129,10 +129,6 @@ h3.info-box-title,
background-color: #dfdfdf;
}
.metabox-holder {
color: #777;
}
.form-table tr,
.form-wrap .form-field {
background-color: #f9f9f9;
@ -330,13 +326,18 @@ a.button.disabled {
border-color: #535353;
}
a:active,
a:focus {
color: #d54e21 !important;
}
a:hover,
.button:hover,
#wphead #viewsite a:hover,
#adminmenu a:hover,
#adminmenu ul.wp-submenu a:hover,
#the-comment-list .comment a:hover,
#rightnow a:hover,
a:hover,
.subsubsub a:hover,
.subsubsub a.current:hover,
#login form .submit input:hover,
@ -432,8 +433,8 @@ ul#widget-list li.widget-list-item,
border-color: #dfdfdf;
}
.widefat thead,
.widefat tfoot,
.widefat thead tr,
.widefat tfoot tr,
.thead,
.tfoot,
h3.dashboard-widget-title,
@ -913,7 +914,7 @@ abbr.required,
color: #888;
}
.wp_themeSkin tr.mceFirst {
.wp_themeSkin tr.mceFirst td.mceToolbar {
background-color: #dfdfdf;
border-color: #dfdfdf;
}

View File

@ -16,6 +16,7 @@ form .input-text-wrap {
#dashboard-widgets form .input-text-wrap input {
border: 0 none;
outline: none;
margin: 0;
padding: 0;
width: 99%;
color: #333;
@ -66,7 +67,7 @@ form .textarea-wrap {
}
div.postbox div.inside {
margin: 0 10px 10px;
margin: 10px;
position: relative;
}
@ -293,8 +294,7 @@ div.postbox div.inside {
}
#dashboard-widgets #dashboard_quick_press form p.submit {
padding: .8em .8em .8em 5.3em;
margin: 0 -10px -10px;
margin-left: 4.6em;
}
#dashboard-widgets #dashboard_quick_press form p.submit input {

View File

@ -66,7 +66,7 @@ table {
#wpcontent {
height: 100%;
margin-bottom: 50px;
padding-bottom: 50px;
}
#wpbody-content {
@ -291,12 +291,12 @@ h6 {
border-radius: 4px;
}
.widefat a {
text-decoration: none;
.widefat * {
word-wrap: break-word;
}
.widefat abbr {
white-space: nowrap;
.widefat a {
text-decoration: none;
}
.widefat td,
@ -309,12 +309,12 @@ h6 {
}
.widefat td {
padding: 7px 15px 9px 10px;
padding: 5px 7px;
vertical-align: top;
}
.widefat th {
padding: 7px 15px 8px 10px;
padding: 7px 7px 8px;
text-align: left;
line-height: 1.3em;
}
@ -326,18 +326,20 @@ h6 {
}
.widefat .check-column {
text-align: right;
width: 1.5em;
width: 2.2em;
padding: 0;
}
.widefat tbody th.check-column {
padding: 10px 0 22px;
padding: 7px 0 22px;
}
.widefat .num,
.widefat .column-comments {
.column-comments,
.column-links,
.column-posts,
.column-parent {
text-align: center;
}

View File

@ -38,6 +38,18 @@ input.button-highlighted {
padding-right: 0;
}
#wpbody-content .postbox {
border: 1px solid #dfdfdf;
}
#wpbody-content .postbox h3 {
margin-bottom: -1px;
}
#wpbody-content .postbox .inside {
}
#wphead-info {
float: right;
}
@ -63,9 +75,11 @@ input.button-highlighted {
_width: expression(document.documentElement.clientWidth > 982 ? "980px" : "99.9%");
}
*/
ul#adminmenu {
z-index: 99;
}
* html #adminmenu {
z-index: 1;
width: 145px;
margin: 12px;
padding: 0;
@ -182,6 +196,21 @@ input.button-highlighted {
}
/* end Inline Editor */
#titlediv #title {
width: 98%;
}
a.button {
line-height: 1.4em;
margin: 1px;
}
.widefat thead tr th,
.widefat tfoot tr th {
background: #DFDFDF url(../images/gray-grad.png) repeat-x scroll left top;
color: #333333;
}
* html div.widget-liquid-left-holder,
* html div.widget-liquid-right {
display: block;
@ -196,6 +225,7 @@ input.button-highlighted {
z-index: 12;
}
#post-status-info,
#wpwrap,
#wpcontent,
#post,
@ -302,15 +332,6 @@ div#dashboard-widgets {
margin-top: 2px;
}
.tablenav-pages .page-numbers {
display: inline-block;
}
.tablenav-pages {
display: block;
margin-top: -3px;
}
table.ie-fixed {
table-layout: fixed;
}

View File

@ -8,7 +8,7 @@
if ( ! defined('ABSPATH') ) die();
?>
<table class="widefat">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('media'); ?>

View File

@ -248,7 +248,7 @@ if ( 'spam' == $comment_status ) {
<div class="clear"></div>
<?php if ( $comments ) { ?>
<table class="widefat">
<table class="widefat comments fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('comment'); ?>

View File

@ -428,13 +428,13 @@ function post_comment_status_meta_box($post) {
wp_nonce_field( 'get-comments', 'add_comment_nonce', false );
?>
<table class="widefat comments-box" style="display:none;">
<table class="widefat comments-box fixed" cellspacing="0" style="display:none;">
<thead>
<tr>
<th scope="col"><?php _e('Comments') ?></th>
<th scope="col"><?php _e('Author') ?></th>
<th scope="col"><?php _e('Submitted') ?></th>
</tr>
<th scope="col" class="column-comment"><?php _e('Comment') ?></th>
<th scope="col" class="column-author"><?php _e('Author') ?></th>
<th scope="col" class="column-date"><?php _e('Submitted') ?></th>
</tr>
</thead>
<tbody id="the-comment-list" class="list:comment">
</tbody>

View File

@ -117,7 +117,7 @@ if ( $page_links )
<div class="clear"></div>
<table class="widefat">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('link-category'); ?>

View File

@ -213,7 +213,7 @@ if ( $page_links ) : ?>
if ($posts) {
?>
<table class="widefat page">
<table class="widefat page fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('page'); ?>
@ -279,18 +279,18 @@ if ( 1 == count($posts) && is_singular() ) :
<br class="clear" />
<table class="widefat" style="margin-top: .5em">
<table class="widefat" cellspacing="0">
<thead>
<tr>
<th scope="col"><?php _e('Comment') ?></th>
<th scope="col"><?php _e('Date') ?></th>
<th scope="col"><?php _e('Actions') ?></th>
<th scope="col" class="column-comment"><?php _e('Comment') ?></th>
<th scope="col" class="column-author"><?php _e('Author') ?></th>
<th scope="col" class="column-date"><?php _e('Submitted') ?></th>
</tr>
</thead>
<tbody id="the-comment-list" class="list:comment">
<?php
foreach ($comments as $comment)
_wp_comment_row( $comment->comment_ID, 'detail', false, false );
_wp_comment_row( $comment->comment_ID, 'single', false, false );
?>
</tbody>
</table>

View File

@ -8,7 +8,7 @@
if ( ! defined('ABSPATH') ) die();
?>
<table class="widefat post">
<table class="widefat post fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('post'); ?>

View File

@ -185,7 +185,7 @@ if ( $page_links )
<div class="clear"></div>
<table class="widefat tag">
<table class="widefat tag fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('tag'); ?>

View File

@ -284,20 +284,20 @@ if ( 1 == count($posts) && is_singular() ) :
<br class="clear" />
<table class="widefat" style="margin-top: .5em">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr>
<th scope="col"><?php _e('Comment') ?></th>
<th scope="col"><?php _e('Author') ?></th>
<th scope="col"><?php _e('Submitted') ?></th>
<th scope="col" class="column-comment"><?php _e('Comment') ?></th>
<th scope="col" class="column-author"><?php _e('Author') ?></th>
<th scope="col" class="column-date"><?php _e('Submitted') ?></th>
</tr>
</thead>
<tfoot>
<tr>
<th scope="col"><?php _e('Comment') ?></th>
<th scope="col"><?php _e('Author') ?></th>
<th scope="col"><?php _e('Submitted') ?></th>
<th scope="col" class="column-comment"><?php _e('Comment') ?></th>
<th scope="col" class="column-author"><?php _e('Author') ?></th>
<th scope="col" class="column-date"><?php _e('Submitted') ?></th>
</tr>
</tfoot>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 230 B

After

Width:  |  Height:  |  Size: 243 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 207 B

After

Width:  |  Height:  |  Size: 210 B

View File

@ -39,7 +39,7 @@ if (empty ($importers)) {
echo '<p>'.__('No importers are available.').'</p>'; // TODO: make more helpful
} else {
?>
<table class="widefat">
<table class="widefat" cellspacing="0">
<?php
$style = '';

View File

@ -1452,7 +1452,7 @@ jQuery(function($){
<form enctype="multipart/form-data" method="post" action="<?php echo attribute_escape($form_action_url); ?>" class="media-upload-form validate" id="gallery-form">
<?php wp_nonce_field('media-form'); ?>
<?php //media_upload_form( $errors ); ?>
<table class="widefat">
<table class="widefat" cellspacing="0">
<thead><tr>
<th><?php _e('Media'); ?></th>
<th class="order-head"><?php _e('Order'); ?></th>

View File

@ -279,7 +279,7 @@ function display_plugins_table($plugins, $page = 1, $totalpages = 1){
?>
<br class="clear" />
</div>
<table class="widefat" id="install-plugins">
<table class="widefat" id="install-plugins" cellspacing="0">
<thead>
<tr>
<th scope="col" class="name"><?php _e('Name'); ?></th>

View File

@ -708,8 +708,8 @@ function wp_manage_media_columns() {
$posts_columns['author'] = __('Author');
$posts_columns['tags'] = _c('Tags|media column header');
$posts_columns['parent'] = _c('Attached to|media column header');
//$posts_columns['comments'] = '<div class="vers"><img alt="Comments" src="images/comment-grey-bubble.png" /></div>';
$posts_columns['comments'] = __('Comments');
$posts_columns['comments'] = '<div class="vers"><img alt="Comments" src="images/comment-grey-bubble.png" /></div>';
//$posts_columns['comments'] = __('Comments');
$posts_columns['date'] = _c('Date|media column header');
$posts_columns = apply_filters('manage_media_columns', $posts_columns);
@ -831,10 +831,10 @@ function print_column_headers( $type, $id = true ) {
$columns = get_column_headers( $type );
$hidden = (array) get_user_option( "manage-$type-columns-hidden" );
$styles = array();
$styles['tag']['posts'] = 'width: 90px;';
$styles['link-category']['links'] = 'width: 90px;';
$styles['category']['posts'] = 'width: 90px;';
$styles['link']['visible'] = 'text-align: center;';
// $styles['tag']['posts'] = 'width: 90px;';
// $styles['link-category']['links'] = 'width: 90px;';
// $styles['category']['posts'] = 'width: 90px;';
// $styles['link']['visible'] = 'text-align: center;';
foreach ( $columns as $column_key => $column_display_name ) {
$class = ' class="manage-column';
@ -1977,7 +1977,7 @@ function _wp_comment_row( $comment_id, $mode, $comment_status, $checkbox = true
case 'author':
echo "<td $attributes><strong>"; comment_author(); echo '</strong><br />';
if ( !empty($author_url) )
echo "<a href='$author_url'>$author_url_display</a><br />";
echo "<a title='$author_url' href='$author_url'>$author_url_display</a><br />";
if ( current_user_can( 'edit_post', $post->ID ) ) {
if ( !empty($comment->comment_author_email) ) {
comment_author_email_link();
@ -2038,8 +2038,6 @@ function wp_comment_reply($position = '1', $checkbox = false, $mode = 'single',
<div id="replyhead" style="display:none;"><?php _e('Reply to Comment'); ?></div>
<div id="edithead" style="display:none;">
<div id="edittitle"><?php _e('Edit Comment'); ?></div>
<div class="inside">
<label for="author"><?php _e('Name') ?></label>
<input type="text" name="newcomment_author" size="50" value="" tabindex="101" id="author" />

View File

@ -87,7 +87,7 @@ inlineEditPost = {
$('tbody th.check-column input[type="checkbox"]').each(function(i){
if ( $(this).attr('checked') ) {
var id = $(this).val();
te += '<div id="ttle'+id+'"><a id="_'+id+'" class="ntdelbutton">X</a>'+$('#inline_'+id+' .post_title').text()+'</div>';
te += '<div id="ttle'+id+'"><a id="_'+id+'" class="ntdelbutton">X</a>'+$('tr#post_'+id+' .post_title strong').text()+'</div>';
}
});

View File

@ -144,7 +144,7 @@ if ( $links ) {
?>
<?php wp_nonce_field('bulk-bookmarks') ?>
<table class="widefat">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr>
<?php print_column_headers('link'); ?>

View File

@ -246,7 +246,7 @@ foreach ( (array)$all_plugins as $plugin_file => $plugin_data) {
*/
function print_plugins_table($plugins, $context = '') {
?>
<table class="widefat" id="<?php echo $context ?>-plugins-table">
<table class="widefat" cellspacing="0" id="<?php echo $context ?>-plugins-table">
<thead>
<tr>
<th scope="col" class="check-column"><input type="checkbox" /></th>

View File

@ -427,10 +427,6 @@ td.action-links, th.action-links {
}
/* 2300 - 2500
=================================== */
#edithead #edittitle {
float: right;
margin: 0 0 0 4px;
}
#edithead .inside {
float: right;
margin: 0 0 2px 4px;

View File

@ -297,7 +297,7 @@ foreach ($arc_result as $arc_row) {
<div class="clear"></div>
<?php if ( isset($orphans) ) { ?>
<table class="widefat">
<table class="widefat" cellspacing="0">
<thead>
<tr>
<th scope="col" class="check-column"><input type="checkbox" /></th>
@ -423,18 +423,18 @@ if ( 1 == count($posts) && is_singular() ) :
<br class="clear" />
<table class="widefat" style="margin-top: .5em">
<table class="widefat" cellspacing="0">
<thead>
<tr>
<th scope="col"><?php _e('Comment') ?></th>
<th scope="col"><?php _e('Date') ?></th>
<th scope="col"><?php _e('Actions') ?></th>
</tr>
<th scope="col" class="column-comment"><?php _e('Comment') ?></th>
<th scope="col" class="column-author"><?php _e('Author') ?></th>
<th scope="col" class="column-date"><?php _e('Submitted') ?></th>
</tr>
</thead>
<tbody id="the-comment-list" class="list:comment">
<?php
foreach ($comments as $comment)
_wp_comment_row( $comment->comment_ID, 'detail', false, false );
_wp_comment_row( $comment->comment_ID, 'single', false, false );
?>
</tbody>
</table>

View File

@ -328,7 +328,7 @@ unset($role_links);
<p><a href="users.php"><?php _e('&laquo; Back to All Users'); ?></a></p>
<?php endif; ?>
<table class="widefat">
<table class="widefat fixed" cellspacing="0">
<thead>
<tr class="thead">
<?php print_column_headers('user') ?>

View File

@ -502,7 +502,6 @@ textarea.all-options, input.all-options {
border-width: 1px;
border-style: solid;
min-width: 26px;
min-height: 1.9em;
padding: 2px 4px;
font-size: 13px;
-moz-border-radius: 3px;
@ -526,12 +525,6 @@ textarea.all-options, input.all-options {
font-style: italic;
}
#quicktags #ed_code,
#ed_reply_toolbar #ed_reply_code {
font-family: "Courier New", Courier, monospace;
vertical-align: top;
}
#attachmentlinks textarea {
width: 100%;
height: 2.5em;
@ -714,7 +707,7 @@ div.nav {
padding: 2px 4px;
}
.page-numbers {
a.page-numbers {
border-bottom-style: solid;
border-bottom-width: 2px;
font-weight: bold;
@ -758,8 +751,8 @@ p.pagenav {
.tablenav {
clear: both;
height: 40px;
margin: 6px 0;
height: 30px;
margin: 6px 6px 4px;
vertical-align: middle;
}
@ -767,8 +760,8 @@ p.pagenav {
float: right;
display: block;
cursor: default;
height: 40px;
line-height: 40px;
height: 30px;
line-height: 30px;
font-size: 11px;
margin: 0 8px 0 0;
color: #555;
@ -783,7 +776,7 @@ p.pagenav {
}
.tablenav .actions {
padding: 7px 8px 0;
padding: 2px 8px 0 0;
}
td.media-icon {
@ -1246,7 +1239,7 @@ html, body {
#footer {
word-spacing: .3em;
font-size: 11px;
margin-top: -45px;
margin-top: -47px;
}
#footer #footer-thankyou, #footer #footer-upgrade {
@ -1286,7 +1279,7 @@ html, body {
.form-table td,
#wpbody-content .describe td {
margin-bottom: 9px;
padding: 10px;
padding: 4px 10px;
line-height: 20px;
border-bottom-width: 8px;
border-bottom-style: solid;
@ -1466,7 +1459,7 @@ table.form-table td .updated {
#normal-sortables .postbox #replyrow .submit {
float: none;
margin: 0;
padding: 7px;
padding: 3px 7px;
}
#side-sortables {
@ -1672,7 +1665,7 @@ table.form-table td .updated {
font-size: 12px;
font-weight: bold;
padding: 7px 9px;
margin: 0 0 10px;
margin: 0;
line-height: 1;
text-shadow: #fff 0 1px 0;
}
@ -1713,13 +1706,18 @@ table.form-table td .updated {
#poststuff .inside,
#poststuff .inside p {
font-size: 11px;
margin: 2px 6px 6px;
margin: 6px;
}
#poststuff .inside .submitbox p {
margin: 1em 0;
}
#post-visibility-select {
line-height: 1.5em;
margin-top: 3px;
}
#poststuff #submitdiv .inside {
margin: 0;
}
@ -1803,7 +1801,7 @@ input#link_url {
height: 30px;
}
.wp_themeSkin tr.mceFirst {
.wp_themeSkin tr.mceFirst td.mceToolbar {
background-image: url("images/ed-bg.gif");
background-position: left top;
background-repeat: repeat-x;
@ -1834,10 +1832,6 @@ input#link_url {
margin-right: 15px;
}
#poststuff #editor-toolbar .active {
/*font-weight: bold;*/
}
#media-buttons {
cursor: default;
padding: 8px 8px 0;
@ -1904,6 +1898,7 @@ input#link_url {
#post-status-select {
line-height: 2.5em;
margin-top: 3px;
}
/* Categories */
@ -2089,7 +2084,7 @@ body.wp-admin {
.view-switch {
float: right;
margin: 9px 8px 0;
margin: 5px 8px 0;
}
.view-switch img {
@ -2286,7 +2281,7 @@ fieldset {
}
#timestampdiv {
padding-top: 3px;
padding-top: 5px;
line-height: 23px;
}
@ -2444,9 +2439,7 @@ fieldset {
#replysubmit {
margin: 0;
padding: 7px;
border-top-width: 1px;
border-top-style: solid;
padding: 3px 7px;
}
#replysubmit img.waiting,
@ -2470,32 +2463,21 @@ fieldset {
padding: 2px 10px 4px;
}
#edithead #edittitle {
float: left;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 19px;
margin: 0 4px 0 0;
padding: 4px 10px;
}
#edithead .inside {
float: left;
margin: 0 4px 2px 0;
padding: 3px 0 2px;
padding: 3px 0 2px 5px;
margin: 0;
text-align: center;
width: 260px;
font-size: 11px;
}
#edithead .inside input {
width: 200px;
width: 180px;
font-size: 11px;
}
#edithead label {
padding: 2px;
padding: 2px 0;
}
#replycontainer {
@ -3163,5 +3145,52 @@ br.clear {
vertical-align: middle;
}
/* table.fixed column width */
table.fixed {
table-layout: fixed;
}
.fixed .column-date,
.fixed .column-parent,
.fixed .column-visible,
.fixed .column-links {
width: 10%;
}
.fixed .column-response,
.fixed .column-author,
.fixed .column-categories,
.fixed .column-tags,
.fixed .column-rel,
.fixed .column-role {
width: 15%;
}
.fixed .column-comments {
width: 4em;
}
.fixed .column-slug {
width: 25%;
}
.fixed .column-posts {
width: 10%;
}
.fixed .column-icon {
width: 80px;
}
.fixed .comments .column-author,
#commentstatusdiv .fixed .column-date,
#commentstatusdiv .fixed .column-author {
width: 20%;
}
.widefat th,
.widefat td {
overflow: hidden;
}

View File

@ -1136,7 +1136,7 @@ function wp_list_post_revisions( $post_id = 0, $args = null ) {
<br class="clear" />
<table class="widefat post-revisions">
<table class="widefat post-revisions" cellspacing="0">
<col />
<col style="width: 33%" />
<col style="width: 33%" />