Styling for Tools screen

git-svn-id: http://svn.automattic.com/wordpress/trunk@9943 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/colors-fresh.css

@@ -112,7 +112,7 @@ li.widget-list-control-item h4.widget-title a,
 #plugin-information .action-button a:visited {
 	color: #fff;
 }
-
+/*
 li.widget-list-control-item,
 div.nav,
 #dashboard-widgets p.dashboard-widget-links,
@@ -122,7 +122,7 @@ h3.info-box-title,
 #wpbody-content .describe tr {
 	background-color: #eaf3fa;
 }
-
+*/
 #poststuff h3,
 .metabox-holder h3 {
 	background-color: #dfdfdf;

wp-admin/js/wp-gears.js

@@ -60,9 +60,6 @@ wpGears = {
 				msg2.style.display = 'block';
 			}
 		}
-
-		if ( show ) t.I('gears-info-box').style.display = 'block';
-		else t.I('gears-info-box').style.display = 'none';
 	},
 
 	I : function(id) {

wp-admin/tools.php

@@ -16,16 +16,15 @@ require_once('admin-header.php');
 
 screen_icon();
 ?>
-<h2><?php echo wp_specialchars( $title ); ?></h2> 
+<div class="wrap">
+<h2><?php echo wp_specialchars( $title ); ?></h2>
+
+<div class="tool-box">
 <?php
 if ( ! $is_opera ) {
 ?>
-	<div id="gears-info-box" class="wrap">
-	<h3><?php _e('Turbo'); ?></h3> 
-
-	<img src="images/gear.png" title="Gear" alt="" class="gears-img" />
 	<div id="gears-msg1">
-	<h3 class="info-box-title"><?php _e('Speed up WordPress'); ?></h3>
+	<h3 class="title"><?php _e('Turbo:'); ?> <?php _e('Speed up WordPress'); ?></h3>
 	<p><?php _e('WordPress now has support for Gears, which adds new features to your web browser.'); ?><br />
 	<a href="http://gears.google.com/" target="_blank" style="font-weight:normal;"><?php _e('More information...'); ?></a></p>
 	<p><?php _e('After you install and enable Gears, most of WordPress&#8217; images, scripts, and CSS files will be stored locally on your computer. This speeds up page load time.'); ?></p>
@@ -34,7 +33,7 @@ if ( ! $is_opera ) {
 	</div>
 
 	<div id="gears-msg2" style="display:none;">
-	<h3 class="info-box-title"><?php _e('Gears Status'); ?></h3>
+	<h3 class="title"><?php _e('Turbo:'); ?> <?php _e('Gears Status'); ?></h3>
 	<p><?php _e('Gears is installed on this computer, but is not enabled for use with WordPress.'); ?></p>
 	<p><?php _e('To enable it click the button below.'); ?></p>
 	<p><strong><?php _e('However, Gears should not be enabled if this is a public or shared computer.'); ?></strong></p>
@@ -42,7 +41,7 @@ if ( ! $is_opera ) {
 	</div>
 
 	<div id="gears-msg3" style="display:none;">
-	<h3 class="info-box-title"><?php _e('Gears Status'); ?></h3>
+	<h3 class="title"><?php _e('Turbo:'); ?> <?php _e('Gears Status'); ?></h3>
 	<p><?php
 
 	if ( $is_chrome )
@@ -58,7 +57,7 @@ if ( ! $is_opera ) {
 	</div>
 
 	<div id="gears-msg4" style="display:none;">
-	<h3 class="info-box-title"><?php _e('Gears Status'); ?></h3>
+	<h3 class="title"><?php _e('Turbo:'); ?> <?php _e('Gears Status'); ?></h3>
 	<p><?php _e('This web site is denied to use Gears.'); ?></p>
 	<p><?php
 
@@ -72,19 +71,19 @@ if ( ! $is_opera ) {
 	?></p>
 	<p><strong><?php _e('However, Gears should not be enabled if this is a public or shared computer.'); ?></strong></p>
 	</div>
-	
+	<script type="text/javascript">wpGears.message();</script>
-	</div>
-
-	<script type="text/javascript">
-		wpGears.message(1);
-	</script>
 <?php } else {
 	_e('Turbo is not available for your browser.');
-}
+} ?>
-?>
+</div>
-<h3><?php _e('Press This') ?></h3>
-<p><?php _e('Drag-and-drop the following link to your bookmarks bar or right click it and add it to your favorites for a posting shortcut.') ?>  <a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo attribute_escape(__('Press This')) ?>"><?php _e('Press This') ?></a></p>
 
+<div class="tool-box">
+	<h3 class="title"><?php _e('Press This') ?></h3>
+	<p><?php _e('Drag-and-drop the following link to your bookmarks bar or right click it and add it to your favorites for a posting shortcut.') ?></p>
+	<p class="pressthis"><a href="<?php echo htmlspecialchars( get_shortcut_link() ); ?>" title="<?php echo attribute_escape(__('Press This')) ?>"><?php _e('Press This') ?></a></p>
+</div>
+
+</div>
 <?php
 include('admin-footer.php');
 ?>

wp-admin/wp-admin.css

@@ -2156,25 +2156,21 @@ fieldset {
 	margin: 0;
 }
 
-#gears-info-box {
+.tool-box {
-	max-width: 700px;
+	margin: 15px 0 35px;
 }
 
-#gears-info-box .gears-img {
+.tool-box .buttons {
-	float: right;
+	margin: 15px 0;
-	margin: 10px;
 }
 
-#gears-info-box .buttons {
+.tool-box .title {
-	margin: 10px 0 0;
+	margin: 8px 0;
-	padding: 1.5em 0 0;
+	font: 18px/24px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
 }
 
-.info-box-title {
+.pressthis a {
-	line-height: 2;
+	font-size: 1.2em;
-	margin: 0;
-	padding: 4px 8px;
-	font: 18px "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
 }
 
 #wp_editbtns,