SAAS-1021: Billing page restyle
This commit is contained in:
parent
afa3b47e42
commit
6ecb208962
6 changed files with 63 additions and 37 deletions
|
@ -2,21 +2,20 @@
|
|||
|
||||
.billing-panel
|
||||
{
|
||||
width: 400px;
|
||||
margin: 0 auto;
|
||||
width: 500px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.billing-panel h3
|
||||
{
|
||||
color: #222;
|
||||
/*color: #222;*/
|
||||
}
|
||||
|
||||
.billing-panel h4
|
||||
{
|
||||
font-size: 1.25em;
|
||||
margin: 0px;
|
||||
color: #333;
|
||||
/*color: #333;*/
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
@ -24,16 +23,16 @@
|
|||
{
|
||||
border: 0px solid #000;
|
||||
margin: 0 auto;
|
||||
color: #000;
|
||||
/*color: #000;*/
|
||||
}
|
||||
|
||||
#upgrade-downgrade label
|
||||
{
|
||||
color: rgb(28,28,28);
|
||||
/*color: rgb(28,28,28);*/
|
||||
}
|
||||
#upgrade-downgrade label.disabled
|
||||
{
|
||||
color: rgb(108,108,108);
|
||||
/*color: rgb(108,108,108);*/
|
||||
}
|
||||
|
||||
#upgrade-downgrade dl
|
||||
|
@ -55,14 +54,14 @@
|
|||
{
|
||||
border-spacing: 0px;
|
||||
border-collapse: separate;
|
||||
border: 1px solid #777;
|
||||
width: 680px;
|
||||
margin-left: -140px;
|
||||
/*border: 1px solid #777;*/
|
||||
/*background-color: #555;*/
|
||||
table-layout: fixed;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pricing-grid .august-promo div {
|
||||
|
@ -80,17 +79,33 @@
|
|||
|
||||
.pricing-grid td, .pricing-grid th
|
||||
{
|
||||
border-bottom: 1px solid #999;
|
||||
border-right: 1px solid #bbb;
|
||||
background-color: #ccc;
|
||||
border-bottom: 1px solid #5b5b5b;
|
||||
border-right: 1px solid #5b5b5b;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pricing-grid td {
|
||||
background: #2f2f2f;
|
||||
color: #cdcdcd;
|
||||
}
|
||||
|
||||
.pricing-grid .last-column {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.pricing-grid .last-row td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.pricing-grid th
|
||||
{
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
border: 0px;
|
||||
color: #CDCDCD;
|
||||
background-color:#ff5d1a;
|
||||
background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));
|
||||
}
|
||||
|
||||
|
||||
|
@ -99,11 +114,8 @@
|
|||
text-align: right;
|
||||
background-color: #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#current_plan
|
||||
{
|
||||
text-align: center;
|
||||
background-color: #2f2f2f;
|
||||
color: #cdcdcd;
|
||||
}
|
||||
|
||||
#plantype
|
||||
|
@ -146,6 +158,7 @@
|
|||
border: 1px solid #777;
|
||||
background: #ccc;
|
||||
padding: 5px;
|
||||
color: #000;
|
||||
}
|
||||
#total_box
|
||||
{
|
||||
|
@ -189,7 +202,6 @@
|
|||
|
||||
#invoices_table
|
||||
{
|
||||
margin: 0 auto;
|
||||
border-spacing: 0px;
|
||||
border-collapse: separate;
|
||||
border: 1px solid #777;
|
||||
|
@ -197,12 +209,17 @@
|
|||
table-layout: fixed;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 35px;
|
||||
background: #ccc;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#invoices_table tbody tr th
|
||||
{
|
||||
border: 0px;
|
||||
color: #efefef;
|
||||
background: #5E5E5E;
|
||||
background-color: #5E5E5E;
|
||||
border-top: 1px solid #9d9d9d;
|
||||
|
||||
}
|
||||
|
||||
#invoices_table .header
|
||||
|
@ -210,6 +227,7 @@
|
|||
box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
|
||||
#invoices_table tr
|
||||
{
|
||||
border: 1px solid #555;
|
||||
|
@ -221,11 +239,15 @@
|
|||
}
|
||||
|
||||
/** This form is the separate one on the Billing Account Details page (BillingClient.php) */
|
||||
#clientdetails_form {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#clientdetails_form dt {
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 50%;
|
||||
margin-bottom: 10px;
|
||||
/*margin-bottom: 10px;*/
|
||||
}
|
||||
#clientdetails_form dd {
|
||||
float: left;
|
||||
|
@ -251,3 +273,7 @@
|
|||
margin-top:10px;
|
||||
background: url('images/august_aweomse_promo_banner.png') no-repeat;
|
||||
}
|
||||
|
||||
.billing-details-checkbox {
|
||||
width: auto;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue