Index: /trunk/src/wp-admin/css/common.css =================================================================== --- /trunk/src/wp-admin/css/common.css (revision 29039) +++ /trunk/src/wp-admin/css/common.css (revision 29040) @@ -1812,5 +1812,6 @@ #plugin-information-title { - padding: 0 76px 0 20px; + margin-right: 56px; /* avoid collisions with the close icon */ + padding: 0 20px; font-size: 22px; font-weight: 600; @@ -1825,4 +1826,77 @@ } +#plugin-information-title.with-banner { + margin-right: 0; + height: 250px; + bottom: 250px; + background-size: 100% auto; +} + +@media only screen and (max-width: 800px) { + #plugin-information-title.with-banner { + height: 100px; + bottom: 100px; + } +} + +#plugin-information-title h2 { + font-family: "Helvetica Neue", sans-serif; + padding:0; + margin: 0; + max-width: 760px; +} + +#plugin-information-title.with-banner h2 { + font-size: 30px; + line-height: 50px; + font-weight: bold; + max-width: 760px; + position: absolute; + left: 20px; + top: 145px; + padding: 0 15px; + margin: 0; + color: #fff; + background: rgba( 30, 30, 30, 0.9 ); + text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 ); + -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); + -moz-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); + box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); + -webkit-border-radius: 8px; + border-radius: 8px; +} + +@media only screen and (max-width: 800px) { + #plugin-information-title.with-banner h2 { + top: 12px; + font-size: 20px; + line-height: 40px; + } +} + +#plugin-information-title div.vignette { + display: none; +} + +#plugin-information-title.with-banner div.vignette { + display: block; + top: 0; + height: 215px; + width: 830px; + margin: 0 -20px; + background: transparent; + -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); + -moz-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); + box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); +} + +@media only screen and (max-width: 800px) { + #plugin-information-title.with-banner div.vignette { + height: 65px; + bottom: 65px; + width: 800%; + } +} + #plugin-information-tabs { padding: 0 16px; @@ -1833,4 +1907,15 @@ height: 36px; z-index: 1; +} + +#plugin-information-tabs.with-banner { + top: 215px; + background: rgba( 255, 255, 255, 0.85 ); +} + +@media only screen and (max-width: 800px) { + #plugin-information-tabs.with-banner { + top: 65px; + } } @@ -1872,4 +1957,14 @@ } +#plugin-information-content.with-banner { + top:249px; +} + +@media only screen and (max-width: 800px) { + #plugin-information-content.with-banner { + top:99px; + } +} + #section-holder { margin: 0; @@ -1888,4 +1983,5 @@ #plugin-information .fyi { + display: block; background: #f3f3f3; border-left: 1px solid #ddd; @@ -1928,4 +2024,47 @@ } +#plugin-information .counter-label { + float: left; + margin-right: 5px; +} + +#plugin-information .counter-back { + height: 17px; + width: 92px; + background-color: #ececec; + float: left; +} + +#plugin-information .counter-bar { + height: 17px; + background-color: #fddb5a; + float: left; +} + +#plugin-information .counter-count { + margin-left: 5px; +} + +#plugin-information .fyi ul.contributors { + margin-top: 10px; +} + +#plugin-information .fyi ul.contributors li { + display: inline-block; + margin-right: 8px; + vertical-align: middle; +} + +#plugin-information .fyi ul.contributors li { + display: inline-block; + margin-right: 8px; + vertical-align: middle; +} + +#plugin-information .fyi ul.contributors li img { + vertical-align: middle; + margin-right: 4px; +} + #plugin-information-footer { padding: 15px 16px; @@ -2054,7 +2193,18 @@ body.update-core-php .tb-close-icon, body.index-php .tb-close-icon { + background: rgba( 255, 255, 255, .5); + color: #444; line-height: 48px; width: 48px; height: 48px; +} + +body.plugin-install-php .tb-close-icon:hover, +body.import-php .tb-close-icon:hover, +body.plugins-php .tb-close-icon:hover, +body.update-core-php .tb-close-icon:hover, +body.index-php .tb-close-icon:hover { + background: #0074a2; + color: #fff; } Index: /trunk/src/wp-admin/includes/plugin-install.php =================================================================== --- /trunk/src/wp-admin/includes/plugin-install.php (revision 29039) +++ /trunk/src/wp-admin/includes/plugin-install.php (revision 29040) @@ -312,5 +312,5 @@ global $tab; - $api = plugins_api( 'plugin_information', array( 'slug' => wp_unslash( $_REQUEST['plugin'] ), 'is_ssl' => is_ssl() ) ); + $api = plugins_api( 'plugin_information', array( 'slug' => wp_unslash( $_REQUEST['plugin'] ), 'is_ssl' => is_ssl(), 'fields' => array( 'banners' => true, 'reviews' => true ) ) ); if ( is_wp_error( $api ) ) @@ -332,4 +332,5 @@ 'screenshots' => _x('Screenshots', 'Plugin installer section title'), 'changelog' => _x('Changelog', 'Plugin installer section title'), + 'reviews' => _x('Reviews', 'Plugin installer section title'), 'other_notes' => _x('Other Notes', 'Plugin installer section title') ); @@ -355,8 +356,30 @@ iframe_header( __('Plugin Install') ); - echo "