From affd4dbd8f9ad525d069115179e57234bf17a7c9 Mon Sep 17 00:00:00 2001 From: japatel Date: Mon, 17 Nov 2014 19:36:11 -0600 Subject: [PATCH] More Sample UI Changes - Making it pretty - Have a footer now, with links to useful data --- sample/common.php | 6 ++-- sample/header.html | 38 ++++++++++++++++++++++ sample/index.html | 80 +++++++++++++++++++++++++++++++++++++++++++--- 3 files changed, 117 insertions(+), 7 deletions(-) diff --git a/sample/common.php b/sample/common.php index 8ebdd72..886de7f 100644 --- a/sample/common.php +++ b/sample/common.php @@ -52,9 +52,9 @@ class ResultPrinter if (self::$printResultCounter == 0) { include "header.html"; - echo '
-

❮❮ Back to Samples



-
'; + echo ' +

❮❮ Back to Samples




+

'; echo '
'; } self::$printResultCounter++; diff --git a/sample/header.html b/sample/header.html index 94555f9..6231508 100644 --- a/sample/header.html +++ b/sample/header.html @@ -44,6 +44,43 @@ margin-right: 0px; margin-left: 0px; } + .header { + background: -webkit-linear-gradient(-9deg, #428bca 75%, white 35%); + color: #EEE; + } + .header a:link, .header a:visited, .header a:hover, .header a:active { + text-decoration: none; + color: #EEE; + } + /* Sticky footer styles +-------------------------------------------------- */ + html { + position: relative; + min-height: 100%; + } + + body { + /* Margin bottom by footer height */ + margin-bottom: 60px; + } + + .footer { + position: absolute; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + min-height: 60px; + background: -webkit-linear-gradient(-9deg, #428bca 70%, white 25%); + } + .footer .footer-links, .footer .footer-links li { + display: inline-block; + padding: 5px 8px; + font-size: 110%; + } + .footer a { + color: #EEE; + text-decoration: none; + } /* .string { color: green; } .number { color: darkorange; } @@ -65,6 +102,7 @@ $( document ).ready(function() { $("#accordion .panel-collapse:last").collapse('toggle'); + $(document.body).append(''); /* $(".prettyprint").each(function() { diff --git a/sample/index.html b/sample/index.html index 8d4668d..0217592 100644 --- a/sample/index.html +++ b/sample/index.html @@ -18,6 +18,62 @@ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } + @media (max-width: 992px) { + .jumbotron { + background: white; + color: #000; + } + .footer { + background: #428bca; + color: #000; + } + } + + @media (min-width: 992px) { + .jumbotron { + background: -webkit-linear-gradient(-9deg, white 30%, #428bca 25%); + color: #EEE; + } + } + + @media (max-width: 1600px) { + .logo { + position: relative; + } + } + @media (min-width: 1600px) { + .logo { + position: fixed; + top: 40px; + } + } + html { + position: relative; + min-height: 100%; + } + + body { + /* Margin bottom by footer height */ + margin-bottom: 60px; + } + .footer { + position: absolute; + bottom: 0; + width: 100%; + min-height: 60px; + background: -webkit-linear-gradient(-9deg, #428bca 70%, white 25%); + } + .footer .footer-links, .footer .footer-links li { + display: inline-block; + padding: 5px 8px; + font-size: 110%; + } + .footer a { + color: #EEE; + text-decoration: none; + } + +
-
+
-
- +
+
-
+

REST API Samples

These examples are created to experiment with the PayPal-PHP-SDK capabilities. Each examples are designed to demonstrate the default use-cases in each segment. Many examples should be executable, and should allow you to experience the default behavior of our sdk, to expedite your integration experience.

@@ -521,7 +577,23 @@
+