css files renamed
authorLaury GvR <laury@gaslightmedia.com>
Thu, 20 Nov 2014 18:51:54 +0000 (13:51 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 20 Nov 2014 18:51:54 +0000 (13:51 -0500)
css/glm-payment-admin.css [deleted file]
css/glm-payment-display.css [deleted file]
css/glm-payment-thickbox.css [deleted file]
css/glm-payment-widget.css [deleted file]
css/glm-payments-admin.css [new file with mode: 0755]
css/glm-payments-display.css [new file with mode: 0755]
css/glm-payments-thickbox.css [new file with mode: 0755]
css/glm-payments-widget.css [new file with mode: 0755]

diff --git a/css/glm-payment-admin.css b/css/glm-payment-admin.css
deleted file mode 100755 (executable)
index 2bbeb90..0000000
+++ /dev/null
@@ -1,302 +0,0 @@
-/*\r
-* glm-payments - Default Stylesheet\r
-*/\r
-\r
-h1.payment-title {\r
-    color:#ddd;\r
-    margin-bottom:20px;\r
-}\r
-\r
-#glm-payments-tab-settings th {\r
-    width:280px;\r
-}\r
-\r
-#glm-payments-tab-settings ul {\r
-    padding-left:20px;\r
-}\r
-\r
-#glm-payments-tab-settings li {\r
-    list-style: disc;\r
-    list-style-type:none;\r
-}\r
-\r
-/* jQuery Tabs */\r
-\r
-ul#glm-payments-tabs-nav {\r
-    position:relative;\r
-    margin-bottom:10px;\r
-    height:41px;\r
-    overflow:visible;\r
-    border-bottom:1px solid #ddd\r
-}\r
-\r
-ul#glm-payments-tabs-nav li {\r
-    text-align:center;\r
-    position:relative;\r
-    display:block;\r
-    float:left;\r
-    width:130px;\r
-    height:40px;\r
-    margin:0 10px 0 2px;\r
-    border-top:1px solid #cccccc;\r
-    border-left:1px solid #cccccc;\r
-    border-right:1px solid #cccccc;\r
-    background: #f2f2f2;\r
-    overflow:visible;\r
-    -moz-border-radius-topleft: 7px;\r
-    -moz-border-radius-topright: 0px;\r
-    -webkit-border-radius: 7px 7px 0px 0px;\r
-    border-radius: 7px 7px 0px 0px;\r
-    opacity:0.8;\r
-}\r
-\r
-ul#glm-payments-tabs-nav li.ui-state-active,\r
-ul#glm-payments-tabs-nav li:hover {\r
-    background: #fff;\r
-    opacity:1;\r
-}\r
-\r
-ul#glm-payments-tabs-nav li.ui-state-active a:before,\r
-ul#glm-payments-tabs-nav li:hover a:before {\r
-    position: absolute;\r
-    content: " ";\r
-    top:0;\r
-    bottom:-1px;\r
-    left:0;\r
-    right:0;\r
-    border-bottom:1px solid #fff;\r
-    z-index:200;\r
-}\r
-\r
-ul#glm-payments-tabs-nav li a {\r
-    position:absolute;\r
-    top:0;\r
-    left:0;\r
-    color:#777;\r
-    display:block;\r
-    padding:10px 15px;\r
-    height:20px;\r
-    line-height:20px;\r
-    width:100px;\r
-    text-decoration: none;\r
-    text-shadow: 0 1px 1px rgba(255,255,255,0.8);\r
-    text-transform:uppercase;\r
-    overflow:visible;\r
-}\r
-\r
-ul#glm-payments-tabs-nav li.ui-state-active {\r
-    background: #fff;\r
-}\r
-\r
-ul#glm-payments-tabs-nav li.ui-state-active a {\r
-    color:#555;\r
-}\r
-\r
-/* Transactions Table */\r
-\r
-table.glm-payments-projects,\r
-table.glm-payments-transactions {\r
-    margin-top:20px;\r
-    border-spacing: 0px;\r
-    width:95%;\r
-}\r
-\r
-table.glm-payments-projects thead,\r
-table.glm-payments-transactions thead {\r
-    position:relative;\r
-    background-color:#f2f2f2;\r
-}\r
-\r
-table.glm-payments-projects tr.glm-payments-absolute,\r
-table.glm-payments-transactions tr.glm-payments-absolute {\r
-    position:absolute;\r
-    z-index:0;\r
-    width:95%;\r
-    height:38px;\r
-}\r
-\r
-table.glm-payments-projects tr.glm-payments-absolute:before,\r
-table.glm-payments-transactions tr.glm-payments-absolute:before {\r
-    content: '';\r
-    position:absolute;\r
-    z-index:2;\r
-    display:block;\r
-    top:1px;\r
-    left:0;\r
-    bottom:1px;\r
-    right:0;\r
-    -webkit-border-radius: 7px;\r
-    -moz-border-radius: 7px;\r
-    border-radius: 7px;\r
-    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
-    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
-    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
-}\r
-\r
-table.glm-payments-projects th,\r
-table.glm-payments-transactions th {\r
-    border-top: 1px solid #fff;\r
-    border-bottom: 1px solid #ddd;\r
-}\r
-\r
-table.glm-payments-projects th,\r
-table.glm-payments-transactions th {\r
-    text-align:left;\r
-    color:#777;\r
-    text-shadow: 0 1px 0px #ffffff;\r
-}\r
-\r
-\r
-table.glm-payments-transactions td img.avatar {\r
-    float:left;\r
-    -webkit-border-radius: 3px;\r
-    -moz-border-radius: 3px;\r
-    border-radius: 3px;\r
-}\r
-\r
-table.glm-payments-transactions td span.payment-name {\r
-    line-height:30px;\r
-    padding-left:15px;\r
-}\r
-\r
-table.glm-payments-transactions td.payment-comment {\r
-    font-style:italic;\r
-    font-family:serif;\r
-    color:#777;\r
-    font-size:14px;\r
-    line-height:14px;\r
-}\r
-\r
-table.glm-payments-transactions span.payment-netamount {\r
-    color:#07DE00;\r
-    font-weight:bold;\r
-    font-size:14px;\r
-}\r
-\r
-table.glm-payments-projects th:first-child,\r
-table.glm-payments-transactions th:first-child {\r
-    -moz-border-radius-topleft: 7px;\r
-    -moz-border-radius-topright: 0px;\r
-    -moz-border-radius-bottomright: 0px;\r
-    -moz-border-radius-bottomleft: 7px;\r
-    -webkit-border-radius: 7px 0px 0px 7px;\r
-    border-radius: 7px 0px 0px 7px;\r
-}\r
-\r
-table.glm-payments-projects th:last-child,\r
-table.glm-payments-transactions th:last-child {\r
-    -moz-border-radius-topleft: 0px;\r
-    -moz-border-radius-topright: 7px;\r
-    -moz-border-radius-bottomright: 7px;\r
-    -moz-border-radius-bottomleft: 0px;\r
-    -webkit-border-radius: 0px 7px 7px 0px;\r
-    border-radius: 0px 7px 7px 0px;\r
-}\r
-\r
-table.glm-payments-projects tr td,\r
-table.glm-payments-transactions tr td {\r
-    border-bottom: 1px solid #ddd;\r
-}\r
-\r
-table.glm-payments-projects tr th,\r
-table.glm-payments-projects tr td,\r
-table.glm-payments-transactions tr th,\r
-table.glm-payments-transactions tr td {\r
-    padding: 10px 15px;\r
-}\r
-\r
-.dot-payment-live {\r
-    margin-right:10px;\r
-    position:relative;\r
-    top:2px;\r
-    display:inline-block;\r
-    background:#07DE00;\r
-    width:12px;\r
-    height:12px;\r
-    -webkit-border-radius: 6px;\r
-    -moz-border-radius: 6px;\r
-    border-radius: 6px;\r
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
-}\r
-\r
-.dot-payment-public {\r
-    margin-right:10px;\r
-    position:relative;\r
-    top:2px;\r
-    display:inline-block;\r
-    background:#0068DE;\r
-    width:12px;\r
-    height:12px;\r
-    -webkit-border-radius: 6px;\r
-    -moz-border-radius: 6px;\r
-    border-radius: 6px;\r
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
-}\r
-\r
-.dot-payment-test {\r
-    margin-right:10px;\r
-    position:relative;\r
-    top:2px;\r
-    display:inline-block;\r
-    background:#ddd;\r
-    width:12px;\r
-    height:12px;\r
-    -webkit-border-radius: 6px;\r
-    -moz-border-radius: 6px;\r
-    border-radius: 6px;\r
-    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
-    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
-    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);\r
-}\r
-\r
-.progress-payment-wrap {\r
-    position:relative;\r
-    display:block;\r
-    background:#ddd;\r
-    width:100px;\r
-    height:16px;\r
-    -webkit-border-radius: 8px;\r
-    -moz-border-radius: 8px;\r
-    border-radius: 8px;\r
-    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
-    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
-    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);\r
-}\r
-\r
-.progress-payment-value {\r
-    margin-right:10px;\r
-    position:absolute;\r
-    z-index:50;\r
-    top:2px;\r
-    left:2px;\r
-    display:block;\r
-    background:#0068DE;\r
-    height:12px;\r
-    -webkit-border-radius: 6px;\r
-    -moz-border-radius: 6px;\r
-    border-radius: 6px;\r
-    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
-    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
-}\r
-\r
-#glm-payments-tab-transactions form.pagination {\r
-    display:inline;\r
-    float:left;\r
-    margin:10px 10px 0 0;\r
-}\r
-\r
-.glm-payments-absolute\r
-{\r
-background:linear-gradient(to top, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;\r
-color:#ffffff;\r
-}\r
-\r
-.required {\r
-    color: red;\r
-    padding-left: 5px;\r
-}\r
diff --git a/css/glm-payment-display.css b/css/glm-payment-display.css
deleted file mode 100755 (executable)
index 7335002..0000000
+++ /dev/null
@@ -1,351 +0,0 @@
-/*\r
-* glm-payments - Default Stylesheet\r
-*/\r
-\r
-#glm-payments-wrap {\r
-        display:block;\r
-        padding:10px;\r
-        margin:0px;\r
-        width: 400px;\r
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
-}\r
-\r
-/* Payment Form Link */\r
-\r
-#glm-payments-modal-button {\r
-        margin:20px 0;\r
-        padding: 8px 15px;\r
-        min-width:100px;\r
-        display:inline-block;\r
-        text-align:center;\r
-        font-weight: bold;\r
-        font-size: 12px;\r
-        background: #1275FF;\r
-        border: 1px solid #155FB0;\r
-        color: white;\r
-        text-decoration: none;\r
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\r
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));\r
-        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);\r
-        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);\r
-        -webkit-box-shadow: inset 0 1px 0 #98c9ff;\r
-        -moz-box-shadow: inset 0 1px 0 #98c9ff;\r
-        box-shadow: inset 0 1px 0 #98c9ff;\r
-        -o-border-radius: 4px;\r
-        -moz-border-radius: 4px;\r
-        -webkit-border-radius: 4px;\r
-        border-radius: 4px;\r
-        cursor: pointer; cursor: hand;\r
-}\r
-\r
-#glm-payments-types {\r
-        display:block;\r
-        width:256px;\r
-        height:18px;\r
-        background: url('../images/types.png') no-repeat top left;\r
-        margin-bottom:20px;\r
-}\r
-\r
-/* Payment Form Elements */\r
-\r
-form#glm-payments-payment-form {\r
-         display:block;\r
-}\r
-\r
-.payment-row-right,\r
-.payment-row-left{width:50%;}\r
-\r
-form#glm-payments-payment-form h2.payment-header {\r
-        padding:10px;\r
-        color:#fff;\r
-        font-size:14px;\r
-        font-weight:bold;\r
-        text-shadow: 0 -1px 1px rgba(0,0,0,0.3);\r
-        border-top:1px solid #268DFC;\r
-        border-bottom:1px solid #004EA2;\r
-        background:#0068DE;\r
-        margin-bottom:10px;\r
-        -moz-border-radius-topleft: 5px;\r
-        -moz-border-radius-topright: 5px;\r
-        -moz-border-radius-bottomright: 0px;\r
-        -moz-border-radius-bottomleft: 0px;\r
-        -webkit-border-radius: 5px 5px 0px 0px;\r
-        border-radius: 5px 5px 0px 0px;\r
-}\r
-\r
-form#glm-payments-payment-form p.payment-display-comment {\r
-        margin:3px 0;\r
-        font-size:12px;\r
-        color:#777;\r
-}\r
-\r
-form#glm-payments-payment-form label {\r
-        letter-spacing:1px;\r
-        text-transform:uppercase;\r
-}\r
-\r
-form#glm-payments-payment-form .payment-row {\r
-        overflow:visible;\r
-        clear:both;\r
-        padding:5px 10px;\r
-}\r
-\r
-form#glm-payments-payment-form .payment-row-left,\r
-form#glm-payments-payment-form .payment-row-right {\r
-        float:left;\r
-        overflow:auto;\r
-}\r
-\r
-form#glm-payments-payment-form .payment-invalid-button {\r
-        position:relative;\r
-        margin:10px;\r
-        padding: 8px 15px;\r
-        display:block;\r
-        font-weight: bold;\r
-        font-size: 12px;\r
-        background: #1275FF;\r
-        border: 1px solid #155FB0;\r
-        color: white;\r
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\r
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));\r
-        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);\r
-        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);\r
-        -webkit-box-shadow: inset 0 1px 0 #98c9ff;\r
-        -moz-box-shadow: inset 0 1px 0 #98c9ff;\r
-        box-shadow: inset 0 1px 0 #98c9ff;\r
-        -o-border-radius: 4px;\r
-        -moz-border-radius: 4px;\r
-        -webkit-border-radius: 4px;\r
-        border-radius: 4px;\r
-        cursor: pointer; cursor: hand;\r
-}\r
-\r
-.payment-spinner {\r
-        display:none;\r
-        margin:10px;\r
-        padding: 8px 15px;\r
-        height:15px;\r
-        width:70px;\r
-        content:" ";\r
-        background: url('../images/spinner.gif') no-repeat 50% 50%;\r
-        border: 1px solid #afd5ff;\r
-        -o-border-radius: 4px;\r
-        -moz-border-radius: 4px;\r
-        -webkit-border-radius: 4px;\r
-}\r
-\r
-.payment-valid {\r
-        color: #638731 !important;\r
-        background-color:#d9fba8 !important;\r
-}\r
-\r
-.payment-invalid {\r
-        color:#873d31 !important;\r
-        background-color:#fbbcb1 !important;\r
-}\r
-\r
-.glm-payments-poweredby {\r
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
-        color:#777;\r
-        font-size:10px;\r
-        padding:0 20px;\r
-}\r
-\r
-.glm-payments-poweredby a {\r
-        color:#0068DE;\r
-        text-decoration: none;\r
-}\r
-\r
-/* Response Styling */\r
-\r
-.glm-payments-notification {\r
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\r
-        font-size: 12px;\r
-        width:360px;\r
-        padding:10px;\r
-        margin:10px 0 10px 10px;\r
-        -webkit-border-radius: 5px;\r
-        -moz-border-radius: 5px;\r
-        border-radius: 5px;\r
-}\r
-\r
-.glm-payments-currency {\r
-        text-transform: uppercase;\r
-}\r
-\r
-.glm-payments-success {\r
-        color:#345607;\r
-        background-color:#D1F2A5;\r
-        text-shadow:0 1px 1px rgba(255,255,255,0.2);\r
-}\r
-\r
-.glm-payments-failure {\r
-        color:#4E1E0F;\r
-        background-color:#FF9F80;\r
-        text-shadow:0 1px 1px rgba(255,255,255,0.1);\r
-}\r
-\r
-/* Form Styling */\r
-\r
-\r
-form#glm-payments-payment-form .glm-payments-details label {\r
-        color:#777;\r
-}\r
-\r
-form#glm-payments-payment-form .glm-payments-card label {\r
-        color:#0068DE;\r
-}\r
-\r
-form#glm-payments-payment-form .glm-payments-card input {\r
-        -webkit-border-radius: 5px;\r
-        -moz-border-radius: 5px;\r
-        border-radius: 5px;\r
-}\r
-\r
-form#glm-payments-payment-form .glm-payments-card input.card-cvc {\r
-        width:120px;\r
-}\r
-\r
-form#glm-payments-payment-form label,\r
-form#glm-payments-payment-form input,\r
-form#glm-payments-payment-form select,\r
-form#glm-payments-payment-form textarea {\r
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
-        font-size: 14px !important;\r
-        font-weight: normal;\r
-        line-height: normal;\r
-        margin-bottom: 3px !important;\r
-}\r
-form#glm-payments-payment-form textarea,\r
-form#glm-payments-payment-form input {\r
-        position:relative;\r
-        width:338px;\r
-        background-color:#fff;\r
-}\r
-\r
-input.glm-payments-name {background: url('../images/h-name.png') no-repeat 8px 8px;}\r
-input.glm-payments-email {background: url('../images/h-email.png') no-repeat 8px 10px;}\r
-textarea.glm-payments-comment {background: url('../images/h-comment.png') no-repeat 8px 10px;}\r
-input.glm-payments-card-amount {background: url('../images/h-amount.png') no-repeat 8px 8px;}\r
-input.card-number {background: url('../images/h-card.png') no-repeat 8px 10px;}\r
-input.card-cvc {background: url('../images/h-cvc.png') no-repeat 8px 10px;}\r
-\r
-form#glm-payments-payment-form select {\r
-        cursor: pointer;\r
-}\r
-\r
-input[type=checkbox], input[type=radio] {\r
-        cursor: pointer;\r
-}\r
-\r
-.payment-expiry {\r
-        font-size:12px;\r
-        letter-spacing:1px;\r
-        color:#bbb;\r
-        text-shadow:0 1px 0 #fff;\r
-}\r
-\r
-form#glm-payments-payment-form select {\r
-        margin-top:0px !important;\r
-        display:block;\r
-        -webkit-appearance: none;\r
-        -moz-appearance: none;\r
-        appearance: none;\r
-        padding: 2px 7px 2px 7px !important;\r
-        height: auto !important;\r
-        text-shadow: 0 1px 0 white;\r
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E8E8E8));\r
-        background-image: -moz-linear-gradient(top, #F9F9F9, #E8E8E8);\r
-        background-image: -o-linear-gradient(top, #F9F9F9, #E8E8E8);\r
-        -webkit-box-shadow: inset 0 1px 0 white;\r
-        -moz-box-shadow: inset 0 1px 0 white;\r
-        box-shadow: inset 0 1px 0 white;\r
-}\r
-\r
-form#glm-payments-payment-form select:hover {\r
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F9F9));\r
-        background-image: -moz-linear-gradient(top, #E8E8E8, #F9F9F9);\r
-        background-image: -o-linear-gradient(top, #E8E8E8, #F9F9F9);\r
-}\r
-\r
-form#glm-payments-payment-form input,\r
-form#glm-payments-payment-form textarea,\r
-form#glm-payments-payment-form select,\r
-form#glm-payments-payment-form .uneditable-input {\r
-        display: inline-block;\r
-        height: 18px;\r
-        padding: 8px 8px 8px 32px;\r
-        font-size: 13px;\r
-        line-height: 18px;\r
-        color: #808080;\r
-        border: 1px solid #ccc;\r
-        -webkit-border-radius: 3px;\r
-        -moz-border-radius: 3px;\r
-        border-radius: 3px;\r
-}\r
-\r
-form#glm-payments-payment-form input[type=checkbox], form#glm-payments-payment-form input[type=radio] {\r
-        width: auto;\r
-        height: auto;\r
-        padding: 0;\r
-        margin: 3px 0;\r
-        *margin-top: 0;\r
-        /* IE6-7 */\r
-\r
-        line-height: normal;\r
-        border: none;\r
-}\r
-\r
-form#glm-payments-payment-form select {\r
-        height: 27px;\r
-        line-height: 27px;\r
-}\r
-\r
-form#glm-payments-payment-form input[type=button], form#glm-payments-payment-form input[type=reset], form#glm-payments-payment-form input[type=submit] {\r
-        width: auto;\r
-        height: auto;\r
-}\r
-\r
-form#glm-payments-payment-form input[type=checkbox] {\r
-        position:relative;\r
-        top:2px;\r
-        margin-right:5px;\r
-}\r
-\r
-form#glm-payments-payment-form select[multiple] {\r
-        height: inherit;\r
-        background-color: #ffffff;\r
-}\r
-form#glm-payments-payment-form textarea {\r
-        height: auto;\r
-}\r
-\r
-:-moz-placeholder {\r
-        color: #bfbfbf;\r
-}\r
-::-webkit-input-placeholder {\r
-        color: #bfbfbf;\r
-}\r
-form#glm-payments-payment-form input, form#glm-payments-payment-form textarea {\r
-        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;\r
-        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;\r
-        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;\r
-        -o-transition: border linear 0.2s, box-shadow linear 0.2s;\r
-        transition: border linear 0.2s, box-shadow linear 0.2s;\r
-        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
-        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
-        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
-}\r
-form#glm-payments-payment-form input:focus, form#glm-payments-payment-form textarea:focus {\r
-        outline: 0;\r
-        border-color: rgba(0, 104, 222, 0.8);\r
-        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
-        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
-        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
-}\r
-input[type=file]:focus, input[type=checkbox]:focus, select:focus {\r
-        -webkit-box-shadow: none;\r
-        -moz-box-shadow: none;\r
-        box-shadow: none;\r
-        outline: 1px dotted #666;\r
-}\r
diff --git a/css/glm-payment-thickbox.css b/css/glm-payment-thickbox.css
deleted file mode 100755 (executable)
index 171f7bb..0000000
+++ /dev/null
@@ -1,187 +0,0 @@
-\r
-/* ----------------------------------------------------------------------------------------------------------------*/\r
-/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/\r
-/* ----------------------------------------------------------------------------------------------------------------*/\r
-#TB_window {\r
-       font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;\r
-       color: #333333;\r
-}\r
-\r
-#TB_secondLine {\r
-       font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;\r
-       color:#666666;\r
-}\r
-\r
-#TB_window a:link {color: #666666;}\r
-#TB_window a:visited {color: #666666;}\r
-#TB_window a:hover {color: #000;}\r
-#TB_window a:active {color: #666666;}\r
-#TB_window a:focus{color: #666666;}\r
-\r
-/* ----------------------------------------------------------------------------------------------------------------*/\r
-/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/\r
-/* ----------------------------------------------------------------------------------------------------------------*/\r
-#TB_overlay {\r
-       position: fixed;\r
-       z-index:10000;\r
-       top: 0px;\r
-       left: 0px;\r
-       height:100%;\r
-       width:100%;\r
-}\r
-\r
-.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}\r
-.TB_overlayBG {\r
-       background-color:#000;\r
-       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";\r
-       filter:alpha(opacity=75);\r
-       -moz-opacity: 0.75;\r
-       opacity: 0.75;\r
-}\r
-\r
-* html #TB_overlay { /* ie6 hack */\r
-     position: absolute;\r
-     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');\r
-}\r
-\r
-#TB_window {\r
-       position: fixed;\r
-       background: #ffffff;\r
-       z-index: 10002;\r
-       color:#000000;\r
-       visibility: hidden;\r
-       text-align:left;\r
-       top:50%;\r
-       left:50%;\r
-       -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
-       -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
-       -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
-       box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
-    -webkit-border-radius: 5px;\r
-    -moz-border-radius: 5px;\r
-    border-radius: 5px;\r
-    overflow:hidden !important;\r
-}\r
-\r
-#TB_window iframe {\r
-    overflow:hidden !important;\r
-}\r
-\r
-* html #TB_window { /* ie6 hack */\r
-    position: absolute;\r
-    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');\r
-}\r
-\r
-#TB_window img#TB_Image {\r
-       display:block;\r
-       margin: 15px 0 0 15px;\r
-       border-right: 1px solid #ccc;\r
-       border-bottom: 1px solid #ccc;\r
-       border-top: 1px solid #666;\r
-       border-left: 1px solid #666;\r
-}\r
-\r
-#TB_caption{\r
-       height:25px;\r
-       padding:7px 30px 10px 25px;\r
-       float:left;\r
-}\r
-\r
-#TB_closeWindow{\r
-       height:25px;\r
-       padding:11px 25px 10px 0;\r
-       float:right;\r
-}\r
-\r
-#TB_closeAjaxWindow{\r
-       padding:6px 10px 0;\r
-       text-align:right;\r
-       float:right;\r
-}\r
-\r
-#TB_ajaxWindowTitle{\r
-       float:left;\r
-       padding:6px 10px 0;\r
-}\r
-\r
-#TB_title{\r
-    color:#fff;\r
-    font-size:14px;\r
-    font-weight:bold;\r
-    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);\r
-    background: #2F7ED6;\r
-    -webkit-box-shadow: inset 0px 1px 0px 0px #75acea;\r
-    -moz-box-shadow: inset 0px 1px 0px 0px #75acea;\r
-    box-shadow: inset 0px 1px 0px 0px #75acea;\r
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#60A0E7), to(#3A7AC1));\r
-    background-image: -moz-linear-gradient(top, #60A0E7, #3A7AC1);\r
-    background-image: -o-linear-gradient(top, #60A0E7, #3A7AC1);\r
-       padding:10px;\r
-    height:27px;\r
-    -moz-border-radius-topleft: 5px;\r
-    -moz-border-radius-topright: 5px;\r
-    -moz-border-radius-bottomright: 0px;\r
-    -moz-border-radius-bottomleft: 0px;\r
-    -webkit-border-radius: 5px 5px 0px 0px;\r
-    border-radius: 5px 5px 0px 0px;\r
-}\r
-\r
-#TB_ajaxContent{\r
-       clear:both;\r
-       padding:2px 15px 15px 15px;\r
-       overflow:auto;\r
-       text-align:left;\r
-       line-height:1.4em;\r
-}\r
-\r
-#TB_ajaxContent.TB_modal{\r
-       padding:15px;\r
-}\r
-\r
-#TB_ajaxContent p{\r
-       padding:5px 0px 5px 0px;\r
-}\r
-\r
-#TB_load{\r
-       position: fixed;\r
-       display:none;\r
-       z-index:10003;\r
-       top: 50%;\r
-       left: 50%;\r
-       background-color: #E8E8E8;\r
-       border: 1px solid #555;\r
-       margin: -45px 0pt 0pt -125px;\r
-       padding: 40px 15px 15px;\r
-}\r
-\r
-* html #TB_load { /* ie6 hack */\r
-position: absolute;\r
-margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');\r
-}\r
-\r
-#TB_HideSelect{\r
-       z-index:9999;\r
-       position:fixed;\r
-       top: 0;\r
-       left: 0;\r
-       background-color:#fff;\r
-       border:none;\r
-       filter:alpha(opacity=0);\r
-       -moz-opacity: 0;\r
-       opacity: 0;\r
-       height:100%;\r
-       width:100%;\r
-}\r
-\r
-* html #TB_HideSelect { /* ie6 hack */\r
-     position: absolute;\r
-     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');\r
-}\r
-\r
-#TB_iframeContent{\r
-       clear:both;\r
-       border:none;\r
-       margin-bottom:-1px;\r
-       _margin-bottom:1px;\r
-    overflow:hidden !important;\r
-}\r
diff --git a/css/glm-payment-widget.css b/css/glm-payment-widget.css
deleted file mode 100755 (executable)
index 6f6bae3..0000000
+++ /dev/null
@@ -1,62 +0,0 @@
-.glm-payments-recent {\r
-\r
-}\r
-\r
-.glm-payments-recent .payment-item {\r
-    min-height:70px;\r
-    position:relative;\r
-    margin:5px 0;\r
-}\r
-\r
-.glm-payments-recent .payment-item img.avatar {\r
-    position:absolute;\r
-    top:0;\r
-    left:0;\r
-    width:50px;\r
-    height:50px;\r
-    -webkit-border-radius: 5px;\r
-    -moz-border-radius: 5px;\r
-    border-radius: 5px;\r
-}\r
-\r
-.glm-payments-recent .payment-item .payment-recent-comment {\r
-    padding-left:60px;\r
-}\r
-\r
-.glm-payments-recent .payment-item .payment-recent-content:before {\r
-    content:'\2018';\r
-}\r
-\r
-.glm-payments-recent .payment-item .payment-recent-content:after {\r
-    content:'\2019';\r
-}\r
-\r
-.glm-payments-recent .payment-item .payment-recent-name {\r
-    margin: 0 0 0.5em 0;\r
-    font-weight:bold;\r
-}\r
-\r
-.glm-payments-recent .payment-item .payment-recent-content {\r
-    color:#777;\r
-}\r
-\r
-\r
-.payment_btn_submit\r
-{\r
-height: 28px;\r
-float: none;\r
-padding: 0 22px;\r
-margin: 0 28px 0 218px;\r
-background: #608e3a;\r
-border: none;\r
-line-height: 28px;\r
-font-size: 14px;\r
-color: #ffffff;\r
-font-family: 'proxima-nova';\r
-font-weight: bold;\r
-border-radius: 15px;\r
--webkit-border-radius: 15px;\r
--moz-border-radius: 15px;\r
-}\r
-.payment_btn_submit:hover { background:#4e7a29; }\r
-\r
diff --git a/css/glm-payments-admin.css b/css/glm-payments-admin.css
new file mode 100755 (executable)
index 0000000..2bbeb90
--- /dev/null
@@ -0,0 +1,302 @@
+/*\r
+* glm-payments - Default Stylesheet\r
+*/\r
+\r
+h1.payment-title {\r
+    color:#ddd;\r
+    margin-bottom:20px;\r
+}\r
+\r
+#glm-payments-tab-settings th {\r
+    width:280px;\r
+}\r
+\r
+#glm-payments-tab-settings ul {\r
+    padding-left:20px;\r
+}\r
+\r
+#glm-payments-tab-settings li {\r
+    list-style: disc;\r
+    list-style-type:none;\r
+}\r
+\r
+/* jQuery Tabs */\r
+\r
+ul#glm-payments-tabs-nav {\r
+    position:relative;\r
+    margin-bottom:10px;\r
+    height:41px;\r
+    overflow:visible;\r
+    border-bottom:1px solid #ddd\r
+}\r
+\r
+ul#glm-payments-tabs-nav li {\r
+    text-align:center;\r
+    position:relative;\r
+    display:block;\r
+    float:left;\r
+    width:130px;\r
+    height:40px;\r
+    margin:0 10px 0 2px;\r
+    border-top:1px solid #cccccc;\r
+    border-left:1px solid #cccccc;\r
+    border-right:1px solid #cccccc;\r
+    background: #f2f2f2;\r
+    overflow:visible;\r
+    -moz-border-radius-topleft: 7px;\r
+    -moz-border-radius-topright: 0px;\r
+    -webkit-border-radius: 7px 7px 0px 0px;\r
+    border-radius: 7px 7px 0px 0px;\r
+    opacity:0.8;\r
+}\r
+\r
+ul#glm-payments-tabs-nav li.ui-state-active,\r
+ul#glm-payments-tabs-nav li:hover {\r
+    background: #fff;\r
+    opacity:1;\r
+}\r
+\r
+ul#glm-payments-tabs-nav li.ui-state-active a:before,\r
+ul#glm-payments-tabs-nav li:hover a:before {\r
+    position: absolute;\r
+    content: " ";\r
+    top:0;\r
+    bottom:-1px;\r
+    left:0;\r
+    right:0;\r
+    border-bottom:1px solid #fff;\r
+    z-index:200;\r
+}\r
+\r
+ul#glm-payments-tabs-nav li a {\r
+    position:absolute;\r
+    top:0;\r
+    left:0;\r
+    color:#777;\r
+    display:block;\r
+    padding:10px 15px;\r
+    height:20px;\r
+    line-height:20px;\r
+    width:100px;\r
+    text-decoration: none;\r
+    text-shadow: 0 1px 1px rgba(255,255,255,0.8);\r
+    text-transform:uppercase;\r
+    overflow:visible;\r
+}\r
+\r
+ul#glm-payments-tabs-nav li.ui-state-active {\r
+    background: #fff;\r
+}\r
+\r
+ul#glm-payments-tabs-nav li.ui-state-active a {\r
+    color:#555;\r
+}\r
+\r
+/* Transactions Table */\r
+\r
+table.glm-payments-projects,\r
+table.glm-payments-transactions {\r
+    margin-top:20px;\r
+    border-spacing: 0px;\r
+    width:95%;\r
+}\r
+\r
+table.glm-payments-projects thead,\r
+table.glm-payments-transactions thead {\r
+    position:relative;\r
+    background-color:#f2f2f2;\r
+}\r
+\r
+table.glm-payments-projects tr.glm-payments-absolute,\r
+table.glm-payments-transactions tr.glm-payments-absolute {\r
+    position:absolute;\r
+    z-index:0;\r
+    width:95%;\r
+    height:38px;\r
+}\r
+\r
+table.glm-payments-projects tr.glm-payments-absolute:before,\r
+table.glm-payments-transactions tr.glm-payments-absolute:before {\r
+    content: '';\r
+    position:absolute;\r
+    z-index:2;\r
+    display:block;\r
+    top:1px;\r
+    left:0;\r
+    bottom:1px;\r
+    right:0;\r
+    -webkit-border-radius: 7px;\r
+    -moz-border-radius: 7px;\r
+    border-radius: 7px;\r
+    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
+    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
+    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15),inset 0px 2px 3px 1px rgba(0, 0, 0, 0.1);\r
+}\r
+\r
+table.glm-payments-projects th,\r
+table.glm-payments-transactions th {\r
+    border-top: 1px solid #fff;\r
+    border-bottom: 1px solid #ddd;\r
+}\r
+\r
+table.glm-payments-projects th,\r
+table.glm-payments-transactions th {\r
+    text-align:left;\r
+    color:#777;\r
+    text-shadow: 0 1px 0px #ffffff;\r
+}\r
+\r
+\r
+table.glm-payments-transactions td img.avatar {\r
+    float:left;\r
+    -webkit-border-radius: 3px;\r
+    -moz-border-radius: 3px;\r
+    border-radius: 3px;\r
+}\r
+\r
+table.glm-payments-transactions td span.payment-name {\r
+    line-height:30px;\r
+    padding-left:15px;\r
+}\r
+\r
+table.glm-payments-transactions td.payment-comment {\r
+    font-style:italic;\r
+    font-family:serif;\r
+    color:#777;\r
+    font-size:14px;\r
+    line-height:14px;\r
+}\r
+\r
+table.glm-payments-transactions span.payment-netamount {\r
+    color:#07DE00;\r
+    font-weight:bold;\r
+    font-size:14px;\r
+}\r
+\r
+table.glm-payments-projects th:first-child,\r
+table.glm-payments-transactions th:first-child {\r
+    -moz-border-radius-topleft: 7px;\r
+    -moz-border-radius-topright: 0px;\r
+    -moz-border-radius-bottomright: 0px;\r
+    -moz-border-radius-bottomleft: 7px;\r
+    -webkit-border-radius: 7px 0px 0px 7px;\r
+    border-radius: 7px 0px 0px 7px;\r
+}\r
+\r
+table.glm-payments-projects th:last-child,\r
+table.glm-payments-transactions th:last-child {\r
+    -moz-border-radius-topleft: 0px;\r
+    -moz-border-radius-topright: 7px;\r
+    -moz-border-radius-bottomright: 7px;\r
+    -moz-border-radius-bottomleft: 0px;\r
+    -webkit-border-radius: 0px 7px 7px 0px;\r
+    border-radius: 0px 7px 7px 0px;\r
+}\r
+\r
+table.glm-payments-projects tr td,\r
+table.glm-payments-transactions tr td {\r
+    border-bottom: 1px solid #ddd;\r
+}\r
+\r
+table.glm-payments-projects tr th,\r
+table.glm-payments-projects tr td,\r
+table.glm-payments-transactions tr th,\r
+table.glm-payments-transactions tr td {\r
+    padding: 10px 15px;\r
+}\r
+\r
+.dot-payment-live {\r
+    margin-right:10px;\r
+    position:relative;\r
+    top:2px;\r
+    display:inline-block;\r
+    background:#07DE00;\r
+    width:12px;\r
+    height:12px;\r
+    -webkit-border-radius: 6px;\r
+    -moz-border-radius: 6px;\r
+    border-radius: 6px;\r
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
+}\r
+\r
+.dot-payment-public {\r
+    margin-right:10px;\r
+    position:relative;\r
+    top:2px;\r
+    display:inline-block;\r
+    background:#0068DE;\r
+    width:12px;\r
+    height:12px;\r
+    -webkit-border-radius: 6px;\r
+    -moz-border-radius: 6px;\r
+    border-radius: 6px;\r
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
+}\r
+\r
+.dot-payment-test {\r
+    margin-right:10px;\r
+    position:relative;\r
+    top:2px;\r
+    display:inline-block;\r
+    background:#ddd;\r
+    width:12px;\r
+    height:12px;\r
+    -webkit-border-radius: 6px;\r
+    -moz-border-radius: 6px;\r
+    border-radius: 6px;\r
+    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
+    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
+    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);\r
+}\r
+\r
+.progress-payment-wrap {\r
+    position:relative;\r
+    display:block;\r
+    background:#ddd;\r
+    width:100px;\r
+    height:16px;\r
+    -webkit-border-radius: 8px;\r
+    -moz-border-radius: 8px;\r
+    border-radius: 8px;\r
+    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
+    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0, 0.1);\r
+    box-shadow: inset 0px 2px 3px 1px rgba(0,0,0, 0.1);\r
+}\r
+\r
+.progress-payment-value {\r
+    margin-right:10px;\r
+    position:absolute;\r
+    z-index:50;\r
+    top:2px;\r
+    left:2px;\r
+    display:block;\r
+    background:#0068DE;\r
+    height:12px;\r
+    -webkit-border-radius: 6px;\r
+    -moz-border-radius: 6px;\r
+    border-radius: 6px;\r
+    -webkit-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    -moz-box-shadow: inset 0px 3px 2px 1px rgba(255, 255, 255, 0.2);\r
+    box-shadow: inset 0px 5px 3px 1px rgba(255, 255, 255, 0.2);\r
+}\r
+\r
+#glm-payments-tab-transactions form.pagination {\r
+    display:inline;\r
+    float:left;\r
+    margin:10px 10px 0 0;\r
+}\r
+\r
+.glm-payments-absolute\r
+{\r
+background:linear-gradient(to top, #373737 0px, #464646 5px) repeat scroll 0 0 #464646;\r
+color:#ffffff;\r
+}\r
+\r
+.required {\r
+    color: red;\r
+    padding-left: 5px;\r
+}\r
diff --git a/css/glm-payments-display.css b/css/glm-payments-display.css
new file mode 100755 (executable)
index 0000000..7335002
--- /dev/null
@@ -0,0 +1,351 @@
+/*\r
+* glm-payments - Default Stylesheet\r
+*/\r
+\r
+#glm-payments-wrap {\r
+        display:block;\r
+        padding:10px;\r
+        margin:0px;\r
+        width: 400px;\r
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
+}\r
+\r
+/* Payment Form Link */\r
+\r
+#glm-payments-modal-button {\r
+        margin:20px 0;\r
+        padding: 8px 15px;\r
+        min-width:100px;\r
+        display:inline-block;\r
+        text-align:center;\r
+        font-weight: bold;\r
+        font-size: 12px;\r
+        background: #1275FF;\r
+        border: 1px solid #155FB0;\r
+        color: white;\r
+        text-decoration: none;\r
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\r
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));\r
+        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);\r
+        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);\r
+        -webkit-box-shadow: inset 0 1px 0 #98c9ff;\r
+        -moz-box-shadow: inset 0 1px 0 #98c9ff;\r
+        box-shadow: inset 0 1px 0 #98c9ff;\r
+        -o-border-radius: 4px;\r
+        -moz-border-radius: 4px;\r
+        -webkit-border-radius: 4px;\r
+        border-radius: 4px;\r
+        cursor: pointer; cursor: hand;\r
+}\r
+\r
+#glm-payments-types {\r
+        display:block;\r
+        width:256px;\r
+        height:18px;\r
+        background: url('../images/types.png') no-repeat top left;\r
+        margin-bottom:20px;\r
+}\r
+\r
+/* Payment Form Elements */\r
+\r
+form#glm-payments-payment-form {\r
+         display:block;\r
+}\r
+\r
+.payment-row-right,\r
+.payment-row-left{width:50%;}\r
+\r
+form#glm-payments-payment-form h2.payment-header {\r
+        padding:10px;\r
+        color:#fff;\r
+        font-size:14px;\r
+        font-weight:bold;\r
+        text-shadow: 0 -1px 1px rgba(0,0,0,0.3);\r
+        border-top:1px solid #268DFC;\r
+        border-bottom:1px solid #004EA2;\r
+        background:#0068DE;\r
+        margin-bottom:10px;\r
+        -moz-border-radius-topleft: 5px;\r
+        -moz-border-radius-topright: 5px;\r
+        -moz-border-radius-bottomright: 0px;\r
+        -moz-border-radius-bottomleft: 0px;\r
+        -webkit-border-radius: 5px 5px 0px 0px;\r
+        border-radius: 5px 5px 0px 0px;\r
+}\r
+\r
+form#glm-payments-payment-form p.payment-display-comment {\r
+        margin:3px 0;\r
+        font-size:12px;\r
+        color:#777;\r
+}\r
+\r
+form#glm-payments-payment-form label {\r
+        letter-spacing:1px;\r
+        text-transform:uppercase;\r
+}\r
+\r
+form#glm-payments-payment-form .payment-row {\r
+        overflow:visible;\r
+        clear:both;\r
+        padding:5px 10px;\r
+}\r
+\r
+form#glm-payments-payment-form .payment-row-left,\r
+form#glm-payments-payment-form .payment-row-right {\r
+        float:left;\r
+        overflow:auto;\r
+}\r
+\r
+form#glm-payments-payment-form .payment-invalid-button {\r
+        position:relative;\r
+        margin:10px;\r
+        padding: 8px 15px;\r
+        display:block;\r
+        font-weight: bold;\r
+        font-size: 12px;\r
+        background: #1275FF;\r
+        border: 1px solid #155FB0;\r
+        color: white;\r
+        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\r
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#77B7FF), to(#017AFF));\r
+        background-image: -moz-linear-gradient(top, #77B7FF, #017AFF);\r
+        background-image: -o-linear-gradient(top, #77B7FF, #017AFF);\r
+        -webkit-box-shadow: inset 0 1px 0 #98c9ff;\r
+        -moz-box-shadow: inset 0 1px 0 #98c9ff;\r
+        box-shadow: inset 0 1px 0 #98c9ff;\r
+        -o-border-radius: 4px;\r
+        -moz-border-radius: 4px;\r
+        -webkit-border-radius: 4px;\r
+        border-radius: 4px;\r
+        cursor: pointer; cursor: hand;\r
+}\r
+\r
+.payment-spinner {\r
+        display:none;\r
+        margin:10px;\r
+        padding: 8px 15px;\r
+        height:15px;\r
+        width:70px;\r
+        content:" ";\r
+        background: url('../images/spinner.gif') no-repeat 50% 50%;\r
+        border: 1px solid #afd5ff;\r
+        -o-border-radius: 4px;\r
+        -moz-border-radius: 4px;\r
+        -webkit-border-radius: 4px;\r
+}\r
+\r
+.payment-valid {\r
+        color: #638731 !important;\r
+        background-color:#d9fba8 !important;\r
+}\r
+\r
+.payment-invalid {\r
+        color:#873d31 !important;\r
+        background-color:#fbbcb1 !important;\r
+}\r
+\r
+.glm-payments-poweredby {\r
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
+        color:#777;\r
+        font-size:10px;\r
+        padding:0 20px;\r
+}\r
+\r
+.glm-payments-poweredby a {\r
+        color:#0068DE;\r
+        text-decoration: none;\r
+}\r
+\r
+/* Response Styling */\r
+\r
+.glm-payments-notification {\r
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\r
+        font-size: 12px;\r
+        width:360px;\r
+        padding:10px;\r
+        margin:10px 0 10px 10px;\r
+        -webkit-border-radius: 5px;\r
+        -moz-border-radius: 5px;\r
+        border-radius: 5px;\r
+}\r
+\r
+.glm-payments-currency {\r
+        text-transform: uppercase;\r
+}\r
+\r
+.glm-payments-success {\r
+        color:#345607;\r
+        background-color:#D1F2A5;\r
+        text-shadow:0 1px 1px rgba(255,255,255,0.2);\r
+}\r
+\r
+.glm-payments-failure {\r
+        color:#4E1E0F;\r
+        background-color:#FF9F80;\r
+        text-shadow:0 1px 1px rgba(255,255,255,0.1);\r
+}\r
+\r
+/* Form Styling */\r
+\r
+\r
+form#glm-payments-payment-form .glm-payments-details label {\r
+        color:#777;\r
+}\r
+\r
+form#glm-payments-payment-form .glm-payments-card label {\r
+        color:#0068DE;\r
+}\r
+\r
+form#glm-payments-payment-form .glm-payments-card input {\r
+        -webkit-border-radius: 5px;\r
+        -moz-border-radius: 5px;\r
+        border-radius: 5px;\r
+}\r
+\r
+form#glm-payments-payment-form .glm-payments-card input.card-cvc {\r
+        width:120px;\r
+}\r
+\r
+form#glm-payments-payment-form label,\r
+form#glm-payments-payment-form input,\r
+form#glm-payments-payment-form select,\r
+form#glm-payments-payment-form textarea {\r
+        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;\r
+        font-size: 14px !important;\r
+        font-weight: normal;\r
+        line-height: normal;\r
+        margin-bottom: 3px !important;\r
+}\r
+form#glm-payments-payment-form textarea,\r
+form#glm-payments-payment-form input {\r
+        position:relative;\r
+        width:338px;\r
+        background-color:#fff;\r
+}\r
+\r
+input.glm-payments-name {background: url('../images/h-name.png') no-repeat 8px 8px;}\r
+input.glm-payments-email {background: url('../images/h-email.png') no-repeat 8px 10px;}\r
+textarea.glm-payments-comment {background: url('../images/h-comment.png') no-repeat 8px 10px;}\r
+input.glm-payments-card-amount {background: url('../images/h-amount.png') no-repeat 8px 8px;}\r
+input.card-number {background: url('../images/h-card.png') no-repeat 8px 10px;}\r
+input.card-cvc {background: url('../images/h-cvc.png') no-repeat 8px 10px;}\r
+\r
+form#glm-payments-payment-form select {\r
+        cursor: pointer;\r
+}\r
+\r
+input[type=checkbox], input[type=radio] {\r
+        cursor: pointer;\r
+}\r
+\r
+.payment-expiry {\r
+        font-size:12px;\r
+        letter-spacing:1px;\r
+        color:#bbb;\r
+        text-shadow:0 1px 0 #fff;\r
+}\r
+\r
+form#glm-payments-payment-form select {\r
+        margin-top:0px !important;\r
+        display:block;\r
+        -webkit-appearance: none;\r
+        -moz-appearance: none;\r
+        appearance: none;\r
+        padding: 2px 7px 2px 7px !important;\r
+        height: auto !important;\r
+        text-shadow: 0 1px 0 white;\r
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#E8E8E8));\r
+        background-image: -moz-linear-gradient(top, #F9F9F9, #E8E8E8);\r
+        background-image: -o-linear-gradient(top, #F9F9F9, #E8E8E8);\r
+        -webkit-box-shadow: inset 0 1px 0 white;\r
+        -moz-box-shadow: inset 0 1px 0 white;\r
+        box-shadow: inset 0 1px 0 white;\r
+}\r
+\r
+form#glm-payments-payment-form select:hover {\r
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#F9F9F9));\r
+        background-image: -moz-linear-gradient(top, #E8E8E8, #F9F9F9);\r
+        background-image: -o-linear-gradient(top, #E8E8E8, #F9F9F9);\r
+}\r
+\r
+form#glm-payments-payment-form input,\r
+form#glm-payments-payment-form textarea,\r
+form#glm-payments-payment-form select,\r
+form#glm-payments-payment-form .uneditable-input {\r
+        display: inline-block;\r
+        height: 18px;\r
+        padding: 8px 8px 8px 32px;\r
+        font-size: 13px;\r
+        line-height: 18px;\r
+        color: #808080;\r
+        border: 1px solid #ccc;\r
+        -webkit-border-radius: 3px;\r
+        -moz-border-radius: 3px;\r
+        border-radius: 3px;\r
+}\r
+\r
+form#glm-payments-payment-form input[type=checkbox], form#glm-payments-payment-form input[type=radio] {\r
+        width: auto;\r
+        height: auto;\r
+        padding: 0;\r
+        margin: 3px 0;\r
+        *margin-top: 0;\r
+        /* IE6-7 */\r
+\r
+        line-height: normal;\r
+        border: none;\r
+}\r
+\r
+form#glm-payments-payment-form select {\r
+        height: 27px;\r
+        line-height: 27px;\r
+}\r
+\r
+form#glm-payments-payment-form input[type=button], form#glm-payments-payment-form input[type=reset], form#glm-payments-payment-form input[type=submit] {\r
+        width: auto;\r
+        height: auto;\r
+}\r
+\r
+form#glm-payments-payment-form input[type=checkbox] {\r
+        position:relative;\r
+        top:2px;\r
+        margin-right:5px;\r
+}\r
+\r
+form#glm-payments-payment-form select[multiple] {\r
+        height: inherit;\r
+        background-color: #ffffff;\r
+}\r
+form#glm-payments-payment-form textarea {\r
+        height: auto;\r
+}\r
+\r
+:-moz-placeholder {\r
+        color: #bfbfbf;\r
+}\r
+::-webkit-input-placeholder {\r
+        color: #bfbfbf;\r
+}\r
+form#glm-payments-payment-form input, form#glm-payments-payment-form textarea {\r
+        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;\r
+        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;\r
+        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;\r
+        -o-transition: border linear 0.2s, box-shadow linear 0.2s;\r
+        transition: border linear 0.2s, box-shadow linear 0.2s;\r
+        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
+        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
+        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);\r
+}\r
+form#glm-payments-payment-form input:focus, form#glm-payments-payment-form textarea:focus {\r
+        outline: 0;\r
+        border-color: rgba(0, 104, 222, 0.8);\r
+        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
+        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
+        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 104, 222, 0.6);\r
+}\r
+input[type=file]:focus, input[type=checkbox]:focus, select:focus {\r
+        -webkit-box-shadow: none;\r
+        -moz-box-shadow: none;\r
+        box-shadow: none;\r
+        outline: 1px dotted #666;\r
+}\r
diff --git a/css/glm-payments-thickbox.css b/css/glm-payments-thickbox.css
new file mode 100755 (executable)
index 0000000..171f7bb
--- /dev/null
@@ -0,0 +1,187 @@
+\r
+/* ----------------------------------------------------------------------------------------------------------------*/\r
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/\r
+/* ----------------------------------------------------------------------------------------------------------------*/\r
+#TB_window {\r
+       font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;\r
+       color: #333333;\r
+}\r
+\r
+#TB_secondLine {\r
+       font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif;\r
+       color:#666666;\r
+}\r
+\r
+#TB_window a:link {color: #666666;}\r
+#TB_window a:visited {color: #666666;}\r
+#TB_window a:hover {color: #000;}\r
+#TB_window a:active {color: #666666;}\r
+#TB_window a:focus{color: #666666;}\r
+\r
+/* ----------------------------------------------------------------------------------------------------------------*/\r
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/\r
+/* ----------------------------------------------------------------------------------------------------------------*/\r
+#TB_overlay {\r
+       position: fixed;\r
+       z-index:10000;\r
+       top: 0px;\r
+       left: 0px;\r
+       height:100%;\r
+       width:100%;\r
+}\r
+\r
+.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}\r
+.TB_overlayBG {\r
+       background-color:#000;\r
+       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";\r
+       filter:alpha(opacity=75);\r
+       -moz-opacity: 0.75;\r
+       opacity: 0.75;\r
+}\r
+\r
+* html #TB_overlay { /* ie6 hack */\r
+     position: absolute;\r
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');\r
+}\r
+\r
+#TB_window {\r
+       position: fixed;\r
+       background: #ffffff;\r
+       z-index: 10002;\r
+       color:#000000;\r
+       visibility: hidden;\r
+       text-align:left;\r
+       top:50%;\r
+       left:50%;\r
+       -moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
+       -webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
+       -khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
+       box-shadow: rgba(0,0,0,1) 0 4px 30px;\r
+    -webkit-border-radius: 5px;\r
+    -moz-border-radius: 5px;\r
+    border-radius: 5px;\r
+    overflow:hidden !important;\r
+}\r
+\r
+#TB_window iframe {\r
+    overflow:hidden !important;\r
+}\r
+\r
+* html #TB_window { /* ie6 hack */\r
+    position: absolute;\r
+    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');\r
+}\r
+\r
+#TB_window img#TB_Image {\r
+       display:block;\r
+       margin: 15px 0 0 15px;\r
+       border-right: 1px solid #ccc;\r
+       border-bottom: 1px solid #ccc;\r
+       border-top: 1px solid #666;\r
+       border-left: 1px solid #666;\r
+}\r
+\r
+#TB_caption{\r
+       height:25px;\r
+       padding:7px 30px 10px 25px;\r
+       float:left;\r
+}\r
+\r
+#TB_closeWindow{\r
+       height:25px;\r
+       padding:11px 25px 10px 0;\r
+       float:right;\r
+}\r
+\r
+#TB_closeAjaxWindow{\r
+       padding:6px 10px 0;\r
+       text-align:right;\r
+       float:right;\r
+}\r
+\r
+#TB_ajaxWindowTitle{\r
+       float:left;\r
+       padding:6px 10px 0;\r
+}\r
+\r
+#TB_title{\r
+    color:#fff;\r
+    font-size:14px;\r
+    font-weight:bold;\r
+    text-shadow: 0 -1px 1px rgba(0,0,0,0.3);\r
+    background: #2F7ED6;\r
+    -webkit-box-shadow: inset 0px 1px 0px 0px #75acea;\r
+    -moz-box-shadow: inset 0px 1px 0px 0px #75acea;\r
+    box-shadow: inset 0px 1px 0px 0px #75acea;\r
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#60A0E7), to(#3A7AC1));\r
+    background-image: -moz-linear-gradient(top, #60A0E7, #3A7AC1);\r
+    background-image: -o-linear-gradient(top, #60A0E7, #3A7AC1);\r
+       padding:10px;\r
+    height:27px;\r
+    -moz-border-radius-topleft: 5px;\r
+    -moz-border-radius-topright: 5px;\r
+    -moz-border-radius-bottomright: 0px;\r
+    -moz-border-radius-bottomleft: 0px;\r
+    -webkit-border-radius: 5px 5px 0px 0px;\r
+    border-radius: 5px 5px 0px 0px;\r
+}\r
+\r
+#TB_ajaxContent{\r
+       clear:both;\r
+       padding:2px 15px 15px 15px;\r
+       overflow:auto;\r
+       text-align:left;\r
+       line-height:1.4em;\r
+}\r
+\r
+#TB_ajaxContent.TB_modal{\r
+       padding:15px;\r
+}\r
+\r
+#TB_ajaxContent p{\r
+       padding:5px 0px 5px 0px;\r
+}\r
+\r
+#TB_load{\r
+       position: fixed;\r
+       display:none;\r
+       z-index:10003;\r
+       top: 50%;\r
+       left: 50%;\r
+       background-color: #E8E8E8;\r
+       border: 1px solid #555;\r
+       margin: -45px 0pt 0pt -125px;\r
+       padding: 40px 15px 15px;\r
+}\r
+\r
+* html #TB_load { /* ie6 hack */\r
+position: absolute;\r
+margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');\r
+}\r
+\r
+#TB_HideSelect{\r
+       z-index:9999;\r
+       position:fixed;\r
+       top: 0;\r
+       left: 0;\r
+       background-color:#fff;\r
+       border:none;\r
+       filter:alpha(opacity=0);\r
+       -moz-opacity: 0;\r
+       opacity: 0;\r
+       height:100%;\r
+       width:100%;\r
+}\r
+\r
+* html #TB_HideSelect { /* ie6 hack */\r
+     position: absolute;\r
+     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');\r
+}\r
+\r
+#TB_iframeContent{\r
+       clear:both;\r
+       border:none;\r
+       margin-bottom:-1px;\r
+       _margin-bottom:1px;\r
+    overflow:hidden !important;\r
+}\r
diff --git a/css/glm-payments-widget.css b/css/glm-payments-widget.css
new file mode 100755 (executable)
index 0000000..6f6bae3
--- /dev/null
@@ -0,0 +1,62 @@
+.glm-payments-recent {\r
+\r
+}\r
+\r
+.glm-payments-recent .payment-item {\r
+    min-height:70px;\r
+    position:relative;\r
+    margin:5px 0;\r
+}\r
+\r
+.glm-payments-recent .payment-item img.avatar {\r
+    position:absolute;\r
+    top:0;\r
+    left:0;\r
+    width:50px;\r
+    height:50px;\r
+    -webkit-border-radius: 5px;\r
+    -moz-border-radius: 5px;\r
+    border-radius: 5px;\r
+}\r
+\r
+.glm-payments-recent .payment-item .payment-recent-comment {\r
+    padding-left:60px;\r
+}\r
+\r
+.glm-payments-recent .payment-item .payment-recent-content:before {\r
+    content:'\2018';\r
+}\r
+\r
+.glm-payments-recent .payment-item .payment-recent-content:after {\r
+    content:'\2019';\r
+}\r
+\r
+.glm-payments-recent .payment-item .payment-recent-name {\r
+    margin: 0 0 0.5em 0;\r
+    font-weight:bold;\r
+}\r
+\r
+.glm-payments-recent .payment-item .payment-recent-content {\r
+    color:#777;\r
+}\r
+\r
+\r
+.payment_btn_submit\r
+{\r
+height: 28px;\r
+float: none;\r
+padding: 0 22px;\r
+margin: 0 28px 0 218px;\r
+background: #608e3a;\r
+border: none;\r
+line-height: 28px;\r
+font-size: 14px;\r
+color: #ffffff;\r
+font-family: 'proxima-nova';\r
+font-weight: bold;\r
+border-radius: 15px;\r
+-webkit-border-radius: 15px;\r
+-moz-border-radius: 15px;\r
+}\r
+.payment_btn_submit:hover { background:#4e7a29; }\r
+\r