jenkins-bot has submitted this change and it was merged.
Change subject: Update input and select styling for GlobalCollect
......................................................................
Update input and select styling for GlobalCollect
Adds styling from 2014 appeal to gc stylesheet and to the sheet
used for iframe content loaded from GlobalCollect. Iframe css
slightly modified to tighen up vertical space so scrollbars do
not appear when error messages are present.
Change-Id: Id195e2599e11aec3a420babc2b518ad5e06669a2
---
M globalcollect_gateway/forms/css/gc.css
M globalcollect_gateway/forms/css/iframe.css
2 files changed, 218 insertions(+), 1 deletion(-)
Approvals:
Awight: Looks good to me, approved
jenkins-bot: Verified
diff --git a/globalcollect_gateway/forms/css/gc.css
b/globalcollect_gateway/forms/css/gc.css
index c23ecbd..e8c7710 100644
--- a/globalcollect_gateway/forms/css/gc.css
+++ b/globalcollect_gateway/forms/css/gc.css
@@ -189,3 +189,189 @@
.options-h li:last-child { margin: 0; }
.form .options-v { margin-top: 5px; }
.options-v li { padding-left: 25px; text-indent: -25px; }
+
+/* From 2014 appeal */
+* {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+input:-moz-placeholder { opacity: 1; }
+input::-moz-placeholder { opacity: 1; }
+select:-moz-placeholder { opacity: 1; }
+select::-moz-placeholder { opacity: 1; }
+textarea:-moz-placeholder { opacity: 1; }
+textarea::-moz-placeholder { opacity: 1; }
+
+#donate {
+ min-width: 32em !important;
+ padding: 1em !important;
+}
+
+
+#greenBackground {
+ background-color: #e2e2e2 !important;
+ position: relative !important;
+ padding: 1.6em !important;
+ border: 0 !important;
+ width: auto !important;
+}
+
+#greenBackground:before {
+ content: " ";
+ width: 0;
+ height: 0;
+ position: absolute;
+ left: 0%;
+ top: 100px;
+ border: solid transparent;
+ border-color: rgba(246, 246, 246, 0);
+ border-left-color: #f6f6f6;
+ border-width: 15px;
+ margin-top: -15px;
+}
+
+.amount_header {
+ color: #505050;
+ text-transform: uppercase;
+ font-size: 1.2em;
+ line-height: 1.2;
+ display: block;
+ text-align: center;
+ border-bottom: 1px solid #cbcbcb;
+ margin-bottom: 1.0em!important;
+ padding: 0 0 1.0em!important;
+}
+
+.amount_header span {
+ font-size: 1.8em;
+ display: block;
+ color: #006699;
+}
+
+.cc_header {
+ text-transform: uppercase;
+ font-size: .85em;
+ color: #7c7c7c;
+ text-align: center;
+ margin-bottom: 1em;
+}
+
+div.donor { width: auto !important; }
+div.donor { width: 100% !important; }
+
+#payflow-table-donor input,
+#payflow-table-donor select {
+ background-color: #f6f6f6;
+ padding: 1em !important;
+ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
+ box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 0 !important;
+ color: #006699;
+ cursor: pointer;
+ margin-bottom: .2em;
+}
+
+#payflow-table-donor input:hover,
+#payflow-table-donor select:hover {
+ background: #003955;
+ color: #fff;
+}
+
+#payflow-table-donor input:focus,
+#payflow-table-donor select:focus {
+ background: #fff;
+ color: #00476b;
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,1,.5), inset 0 0 0 1px
rgba(0,0,0,.1);
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,1,.5), inset 0 0 0 1px
rgba(0,0,0,.1);
+ box-shadow: inset 0 1px 3px rgba(0,0,1,.5), inset 0 0 0 1px rgba(0,0,0,.1);
+}
+
+#payflow-table-donor select { padding: .9em 1em !important; line-height: 40px;
}
+
+input#city { width: 170px !important; }
+input#zip { width: 98px !important; }
+
+select#state.us,
+select#state.au,
+select#state.ca {
+ width: 85px;
+}
+
+select#state.gb {
+ width: 100%;
+}
+
+select#country {
+ width: 100%;
+}
+
+#payflow-table-donor input.halfwidth { width: 48%; }
+#payflow-table-donor input.halfwidth:first-child { margin-right:2%; }
+
+input.fullwidth { width: 100% !important; }
+.mw-donate-submessage {
+ text-transform: uppercase;
+ font-size: .75em !important;
+ color: #7c7c7c;
+ text-align: center;
+}
+
+#cards {
+ clear: both;
+ display: block;
+ margin: 0 auto; }
+#cards:before,
+#cards:after {
+ content: "";
+ display: table;
+}
+#cards:after { clear: both; }
+#cards li {
+ background: #cbcbcb;
+ width: 24%;
+ margin: 0 .5% !important;
+ padding: 1em;
+ float: left;
+ text-align: center;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+#cards li:hover { background: #9f9f9f; }
+#cards li:active { background: #929292; }
+#cards li input {
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+ box-shadow: none !important;
+}
+#cards li label { cursor: pointer; }
+#paymentContinue {
+ margin-top: 1em !important;
+ clear: both;
+}
+.btn {
+ background-color: #367fb4 !important;
+ color: #fff !important;
+ width: 100%;
+ text-transform: uppercase;
+ font-size: 1.3em;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ padding: .6em !important;
+}
+
+.btn:hover { background-color: #1d5278 !important; }
+.btn:active {
+ -moz-box-shadow: inset 0 1px 4px rgba(0,0,1,.5);
+ -webkit-box-shadow: inset 0 1px 4px rgba(0,0,1,.5);
+ box-shadow: inset 0 1px 4px rgba(0,0,1,.5);
+}
diff --git a/globalcollect_gateway/forms/css/iframe.css
b/globalcollect_gateway/forms/css/iframe.css
index ac181e9..7129a6c 100644
--- a/globalcollect_gateway/forms/css/iframe.css
+++ b/globalcollect_gateway/forms/css/iframe.css
@@ -7,7 +7,10 @@
table.ORB_TABLE_FIELDS td {
padding: 5px 0;
}
-div.ORB_INSTRUCTIONS {
+table td.ORB_TD_ERRORRIGHT, table td.ORB_TD_ERRORLEFT {
+ padding:0;
+}
+div.ORB_INSTRUCTIONS, div.ORB_INSTRUCTIONTEXT {
display: none;
}
.ORB_INPUT {
@@ -69,3 +72,31 @@
/* @noflip */
direction: ltr;
}
+
+input, select {
+ background-color: #f6f6f6;
+ padding: 1em !important;
+ -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
+ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px
rgba(0,0,0,.1);
+ box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 0 !important;
+ color: #006699;
+ cursor: pointer;
+ margin-bottom: .2em;
+}
+
+input.ORB_SELECT:first-child {
+ margin-right: 2%;
+}
+
+input#btnSubmit {
+ text-transform: uppercase;
+ font-size: 1.3em;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ padding: .6em !important;
+}
--
To view, visit https://gerrit.wikimedia.org/r/174617
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Id195e2599e11aec3a420babc2b518ad5e06669a2
Gerrit-PatchSet: 6
Gerrit-Project: mediawiki/extensions/DonationInterface
Gerrit-Branch: master
Gerrit-Owner: Ejegg <[email protected]>
Gerrit-Reviewer: Awight <[email protected]>
Gerrit-Reviewer: Katie Horn <[email protected]>
Gerrit-Reviewer: Ssmith <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
