Ticket #12186: custom-background.2.diff

css/wp-admin-rtl.dev.css

@@ -560 +560 @@
 .clearlooks2 .mceTop .mceLeft {
         width:100% !important;
 }
+
+/* Custom Background  */
+
+#custom-background table th, #custom-background table td {
+        text-align:right;
+        padding-right:0px;
+        padding-left:40px;
+}
+
+#custom-background table label {
+        padding-right:0;
+        padding-left:10px;
+}
+
+
+
 /* ltr
 =================================== */
 #author-email, #author-url, #rss-url-1, #edit-slug-box, #post_name, #trackback_url, #metakeyinput, #post_password, #slug, #category_nicename, #link_url, #link_image, #rss_uri, #menu_order, #email, #newcomment_author_url, #pages-exclude, #template textarea, #user_login, #url, #pass1, #pass2, #aim, #yim, #jabber, #siteurl, #home, #admin_email, #gmt_offset, #default_post_edit_rows, #mailserver_url, #mailserver_login, #mailserver_pass, #mailserver_port, #ping_sites, #posts_per_page, #posts_per_rss, #blog_charset, #close_comments_days_old, #comments_per_page, #comment_max_links, #moderation_keys, #blacklist_keys, #thumbnail_size_w, #thumbnail_size_h, #medium_size_w, #medium_size_h, #large_size_w, #large_size_h, #permalink_structure, #category_base, #tag_base, #upload_path, #upload_url_path, #rules {
         direction: ltr;
 }
+

css/wp-admin.dev.css

@@ -3641 +3641 @@
         border-right-style: solid;
         border-right-width: 1px;
 }
+
+/* Custom Background  */
+
+div#custom-background h2 {
+        margin-top: 20px;
+}
+
+#custom-background table th, #custom-background table td {
+        text-align:left;
+        padding-right:40px;
+        padding-left:0;
+}
+
+#custom-background table label {
+        padding-right:10px;
+        width:80px;
+}
+
+div#custom-background-image img {
+        max-width: 400px;
+        max-height: 200px;
+}
+
+div#custom-background-image p.submit {
+        display: inline;
+}
+ No newline at end of file

custom-background.php

@@ -135 +135 @@
 </div>
                 <?php } ?>
 
-<div class="wrap">
+<div class="wrap" id="custom-background">
 <?php screen_icon(); ?>
 <h2><?php _e('Custom Background'); ?></h2>
 <?php if ( get_background_image() ) { ?>
@@ -153 +153 @@
 <img class="custom-background-image" src="<?php background_image(); ?>" />
 </div>
 <?php } ?>
-</div>
 
 <?php if ( get_background_image() ) : ?>
-<div class="wrap">
-
+        
 <h2><?php _e('Change Display Options') ?></h2>
 <form method="post" action="<?php echo esc_attr(add_query_arg('step', 1)) ?>">
 <table>
@@ -211 +209 @@
 </table>
 
 <?php wp_nonce_field('custom-background'); ?>
-<input type="submit" class="button" name="save-background-options" value="<?php esc_attr_e('Save Changes'); ?>" />
+<p class="submit"><input type="submit" class="button" name="save-background-options" value="<?php esc_attr_e('Save Changes'); ?>" /></p>
 </form>
-</div>
+
 <?php endif; ?>
 
-<div class="wrap">
 <h2><?php _e('Upload New Background Image'); ?></h2>
-<form enctype="multipart/form-data" id="uploadForm" method="POST" action="<?php echo esc_attr(add_query_arg('step', 2)) ?>" style="margin: auto; width: 50%;">
+<form enctype="multipart/form-data" id="uploadFrom" method="POST" action="<?php echo esc_attr(add_query_arg('step', 2)) ?>">
 <label for="upload"><?php _e('Choose an image from your computer:'); ?></label><br /><input type="file" id="upload" name="import" />
 <input type="hidden" name="action" value="save" />
 <?php wp_nonce_field('custom-background') ?>
@@ -226 +223 @@
 <input type="submit" value="<?php esc_attr_e('Upload'); ?>" />
 </p>
 </form>
-</div>
 
 <?php if ( get_background_image() ) : ?>
-<div class="wrap">
 <h2><?php _e('Remove Background Image'); ?></h2>
 <p><?php _e('This will remove background image. You will not be able to retrieve any customizations.') ?></p>
 <form method="post" action="<?php echo esc_attr(add_query_arg('step', 1)) ?>">
 <?php wp_nonce_field('custom-background'); ?>
 <input type="submit" class="button" name="remove-background" value="<?php esc_attr_e('Remove Background'); ?>" />
 </form>
-</div>
-<?php endif;
 
+<?php endif; ?>
+</div>
+<?php
         }
 
         /**