| 357 | | echo "<div id='{$_tab}-title'>{$api->name}</div>"; |
| | 357 | if ( !empty( $api->banners ) && ( !empty( $api->banners['low'] ) || !empty( $api->banners['high'] ) ) ) { |
| | 358 | $low = ( !empty( $api->banners['low'] ) ) ? $api->banners['low'] : $api->banners['high']; |
| | 359 | $high = ( !empty( $api->banners['high'] ) ) ? $api->banners['high'] : $api->banners['low']; |
| | 360 | ?> |
| | 361 | <style type="text/css"> |
| | 362 | #plugin-information-title { |
| | 363 | height: 250px; |
| | 364 | bottom: 250px; |
| | 365 | background-image: url(<?php echo $low ?>); |
| | 366 | background-size: 100% auto; |
| | 367 | } |
| | 368 | #plugin-information-tabs { |
| | 369 | top:250px; |
| | 370 | } |
| | 371 | #plugin-information-content { |
| | 372 | top:284px; |
| | 373 | } |
| | 374 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { |
| | 375 | #plugin-information-title { |
| | 376 | background-image: url(<?php echo $high ?>}); |
| | 377 | } |
| | 378 | } |
| | 379 | #plugin-information-title h2 { |
| | 380 | font-family: "Helvetica Neue", sans-serif; |
| | 381 | font-size: 30px; |
| | 382 | font-weight: bold; |
| | 383 | max-width: 760px; |
| | 384 | position: absolute; |
| | 385 | left: 20px; |
| | 386 | top: 175px; |
| | 387 | padding: 0 15px; |
| | 388 | margin: 0; |
| | 389 | color: #fff; |
| | 390 | background: rgba( 30, 30, 30, 0.9 ); |
| | 391 | text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 ); |
| | 392 | -webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); |
| | 393 | -moz-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); |
| | 394 | box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 ); |
| | 395 | -webkit-border-radius: 8px; |
| | 396 | border-radius: 8px; |
| | 397 | } |
| | 398 | #plugin-information-title div.vignette { |
| | 399 | top: 0; |
| | 400 | height: 250px; |
| | 401 | width: 830px; |
| | 402 | margin: 0 -20px; |
| | 403 | background: transparent; |
| | 404 | -webkit-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); |
| | 405 | -moz-box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); |
| | 406 | box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 ); |
| | 407 | } |
| | 408 | </style> |
| | 409 | <?php |
| | 410 | } else { |
| | 411 | ?> |
| | 412 | <style type="text/css"> |
| | 413 | #plugin-information-title h2 { |
| | 414 | font-family: "Helvetica Neue", sans-serif; |
| | 415 | font-size: 24px; |
| | 416 | font-weight: bold; |
| | 417 | padding:0; |
| | 418 | margin: 0; |
| | 419 | max-width: 760px; |
| | 420 | } |
| | 421 | </style> |
| | 422 | <?php |
| | 423 | } |
| | 424 | |
| | 425 | echo "<div id='{$_tab}-title'><div class='vignette'></div><h2>{$api->name}</h2></div>"; |
| | 474 | <?php if ( ! empty( $api->contributors ) ) : ?> |
| | 475 | <h3><?php _e('Contributors:') ?></h3> |
| | 476 | <ul class="contributors"> |
| | 477 | <?php |
| | 478 | foreach ( (array) $api->contributors as $contrib_username => $contrib_profile ) { |
| | 479 | if ( empty( $contrib_username ) && empty( $contrib_profile ) ) |
| | 480 | continue; |
| | 481 | if ( empty( $contrib_username ) ) |
| | 482 | $contrib_username = preg_replace( '/^.+\/(.+)\/?$/', '\1', $contrib_profile ); |
| | 483 | $contrib_username = sanitize_user( $contrib_username ); |
| | 484 | if ( empty( $contrib_profile ) ) |
| | 485 | $contrib_profile = 'http://profiles.wordpress.org/' . $contrib_username; |
| | 486 | echo "<li><a href='{$contrib_profile}' target='_blank'><img src='https://wordpress.org/grav-redirect.php?user={$contrib_username}&s=36' width='18' height='18' /> {$contrib_username}</a></li>"; |
| | 487 | } |
| | 488 | ?> |
| | 489 | </ul> |
| | 490 | <?php if ( ! empty( $api->donate_link ) ) : ?> |
| | 491 | <a target="_blank" href="<?php echo $api->donate_link ?>"><?php _e('Donate to this plugin »') ?></a> |
| | 492 | <?php endif; ?> |
| | 493 | <?php endif; ?> |