From c50a7acfc5082df44c63aa19dafcaff01eef4e33 Mon Sep 17 00:00:00 2001 From: azaozz Date: Tue, 18 Oct 2011 07:43:40 +0000 Subject: [PATCH] Pointers: more airy drop shadow, see #18693 git-svn-id: http://svn.automattic.com/wordpress/trunk@18989 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-includes/css/wp-pointer.css | 2 +- wp-includes/css/wp-pointer.dev.css | 30 ++++++++++++++++++++++-------- wp-includes/script-loader.php | 2 +- 3 files changed, 24 insertions(+), 10 deletions(-) diff --git a/wp-includes/css/wp-pointer.css b/wp-includes/css/wp-pointer.css index 40ca283659..db092e463a 100644 --- a/wp-includes/css/wp-pointer.css +++ b/wp-includes/css/wp-pointer.css @@ -1 +1 @@ -.wp-pointer-content{padding:0 15px;background:white;border:1px solid #aaa;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);box-shadow:1px 1px 2px rgba(0,0,0,0.4);}.wp-pointer-buttons{margin:0 -15px;padding:1em 15px;overflow:auto;background:#f5f5f5;border-top:1px solid #ccc;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wp-pointer-buttons a{float:right;display:inline-block;text-decoration:none;}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0;}.wp-pointer-arrow{z-index:10;}.wp-pointer-arrow-inner{z-index:20;}.wp-pointer-left{margin-left:10px;}.wp-pointer-right{margin-left:-10px;}.wp-pointer-top{margin-top:10px;}.wp-pointer-bottom{margin-top:-10px;}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow,.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow{border:solid 10px transparent;}.wp-pointer-left .wp-pointer-arrow{border-right-color:#aaa;border-left-width:0;}.wp-pointer-right .wp-pointer-arrow{border-left-color:#aaa;border-right-width:0;}.wp-pointer-top .wp-pointer-arrow{border-bottom-color:#aaa;border-top-width:0;}.wp-pointer-bottom .wp-pointer-arrow{border-top-color:#aaa;border-bottom-width:0;}.wp-pointer-left .wp-pointer-arrow-inner,.wp-pointer-right .wp-pointer-arrow-inner,.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer-bottom .wp-pointer-arrow-inner{border:solid 9px transparent;}.wp-pointer-left .wp-pointer-arrow-inner{border-right-color:#fff;border-left-width:0;top:-9px;left:2px;}.wp-pointer-right .wp-pointer-arrow-inner{border-left-color:#fff;border-right-width:0;top:-9px;right:2px;}.wp-pointer-top .wp-pointer-arrow-inner{border-bottom-color:#fff;border-top-width:0;top:2px;left:-9px;}.wp-pointer-bottom .wp-pointer-arrow-inner{border-top-color:#fff;border-bottom-width:0;bottom:2px;left:-9px;} \ No newline at end of file +.wp-pointer-content{padding:0 15px;background:white;border:1px solid #ccc;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow:5px 5px 25px rgba(0,0,0,0.5);box-shadow:5px 5px 25px rgba(0,0,0,0.5);}.wp-pointer-buttons{margin:0 -15px;padding:5px 10px;overflow:auto;background:#f5f5f5;border-top:1px solid #ddd;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wp-pointer-buttons a{float:right;display:inline-block;text-decoration:none;}.wp-pointer-arrow,.wp-pointer-arrow-inner{position:absolute;width:0;height:0;}.wp-pointer-arrow{z-index:10;}.wp-pointer-arrow-inner{z-index:20;}.wp-pointer-left{margin-left:10px;}.wp-pointer-right{margin-left:-10px;}.wp-pointer-top{margin-top:10px;}.wp-pointer-bottom{margin-top:-10px;}.wp-pointer-left .wp-pointer-arrow,.wp-pointer-right .wp-pointer-arrow,.wp-pointer-top .wp-pointer-arrow,.wp-pointer-bottom .wp-pointer-arrow{border:solid 10px transparent;}.wp-pointer-left .wp-pointer-arrow{border-right-color:#aaa;border-left-width:0;}.wp-pointer-right .wp-pointer-arrow{border-left-color:#aaa;border-right-width:0;}.wp-pointer-top .wp-pointer-arrow{border-top-width:0;}.wp-pointer-bottom .wp-pointer-arrow{border-top-color:#aaa;border-bottom-width:0;}.wp-pointer-left .wp-pointer-arrow-inner,.wp-pointer-right .wp-pointer-arrow-inner,.wp-pointer-top .wp-pointer-arrow-inner,.wp-pointer-bottom .wp-pointer-arrow-inner{border:solid 9px transparent;}.wp-pointer-left .wp-pointer-arrow-inner{border-right-color:#fff;border-left-width:0;top:-9px;left:2px;}.wp-pointer-right .wp-pointer-arrow-inner{border-left-color:#fff;border-right-width:0;top:-9px;right:2px;}.wp-pointer-top .wp-pointer-arrow-inner{border-bottom-color:#fff;border-top-width:0;top:2px;left:-9px;}.wp-pointer-bottom .wp-pointer-arrow-inner{border-top-color:#fff;border-bottom-width:0;bottom:2px;left:-9px;} \ No newline at end of file diff --git a/wp-includes/css/wp-pointer.dev.css b/wp-includes/css/wp-pointer.dev.css index c7965b57b0..66b4ae3e91 100644 --- a/wp-includes/css/wp-pointer.dev.css +++ b/wp-includes/css/wp-pointer.dev.css @@ -1,33 +1,36 @@ + .wp-pointer-content { padding: 0 15px; background: white; - border: 1px solid #aaa; + border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4 ); - -webkit-box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4 ); - box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4 ); + -webkit-box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); + box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); } + .wp-pointer-buttons { margin: 0 -15px; - padding: 1em 15px; + padding: 5px 10px; overflow: auto; background: #f5f5f5; - border-top: 1px solid #ccc; + border-top: 1px solid #ddd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - } + .wp-pointer-buttons a { float: right; display: inline-block; text-decoration: none; } + /* The arrow base class must take up no space, even with transparent borders. */ .wp-pointer-arrow, .wp-pointer-arrow-inner { @@ -35,9 +38,11 @@ width: 0; height: 0; } + .wp-pointer-arrow { z-index: 10; } + .wp-pointer-arrow-inner { z-index: 20; } @@ -45,12 +50,15 @@ .wp-pointer-left { margin-left: 10px; } + .wp-pointer-right { margin-left: -10px; } + .wp-pointer-top { margin-top: 10px; } + .wp-pointer-bottom { margin-top: -10px; } @@ -66,14 +74,16 @@ border-right-color: #aaa; border-left-width: 0; } + .wp-pointer-right .wp-pointer-arrow { border-left-color: #aaa; border-right-width: 0; } + .wp-pointer-top .wp-pointer-arrow { - border-bottom-color: #aaa; border-top-width: 0; } + .wp-pointer-bottom .wp-pointer-arrow { border-top-color: #aaa; border-bottom-width: 0; @@ -92,21 +102,25 @@ top: -9px; left: 2px; } + .wp-pointer-right .wp-pointer-arrow-inner { border-left-color: #fff; border-right-width: 0; top: -9px; right: 2px; } + .wp-pointer-top .wp-pointer-arrow-inner { border-bottom-color: #fff; border-top-width: 0; top: 2px; left: -9px; } + .wp-pointer-bottom .wp-pointer-arrow-inner { border-top-color: #fff; border-bottom-width: 0; bottom: 2px; left: -9px; -} \ No newline at end of file +} + diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index cdc20bebfe..b9fb9c1c7f 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -455,7 +455,7 @@ function wp_default_styles( &$styles ) { $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array(), '20111010' ); $styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css", array(), '20101224' ); $styles->add( 'editor-buttons', "/wp-includes/css/editor-buttons$suffix.css", array(), '20111014' ); - $styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css", array(), '20111013a' ); + $styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css", array(), '20111017' ); foreach ( $rtl_styles as $rtl_style ) { $styles->add_data( $rtl_style, 'rtl', true );