Styling for Tools screen

git-svn-id: http://svn.automattic.com/wordpress/trunk@9943 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2008-11-28 10:14:43 +00:00
parent 18a10397fc
commit e17c93c846
4 changed files with 29 additions and 37 deletions

View File

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

View File

@ -60,9 +60,6 @@ wpGears = {
msg2.style.display = 'block'; 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) { I : function(id) {

View File

@ -16,16 +16,15 @@ require_once('admin-header.php');
screen_icon(); screen_icon();
?> ?>
<h2><?php echo wp_specialchars( $title ); ?></h2> <div class="wrap">
<h2><?php echo wp_specialchars( $title ); ?></h2>
<div class="tool-box">
<?php <?php
if ( ! $is_opera ) { 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"> <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 /> <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> <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> <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>
<div id="gears-msg2" style="display:none;"> <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('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><?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> <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>
<div id="gears-msg3" style="display:none;"> <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 <p><?php
if ( $is_chrome ) if ( $is_chrome )
@ -58,7 +57,7 @@ if ( ! $is_opera ) {
</div> </div>
<div id="gears-msg4" style="display:none;"> <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 _e('This web site is denied to use Gears.'); ?></p>
<p><?php <p><?php
@ -72,19 +71,19 @@ if ( ! $is_opera ) {
?></p> ?></p>
<p><strong><?php _e('However, Gears should not be enabled if this is a public or shared computer.'); ?></strong></p> <p><strong><?php _e('However, Gears should not be enabled if this is a public or shared computer.'); ?></strong></p>
</div> </div>
<script type="text/javascript">wpGears.message();</script>
</div>
<script type="text/javascript">
wpGears.message(1);
</script>
<?php } else { <?php } else {
_e('Turbo is not available for your browser.'); _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 <?php
include('admin-footer.php'); include('admin-footer.php');
?> ?>

View File

@ -2156,25 +2156,21 @@ fieldset {
margin: 0; 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, #wp_editbtns,