226 lines
2.9 KiB
CSS
226 lines
2.9 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
.billing-panel
|
|
{
|
|
width: 400px;
|
|
margin: 0 auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.billing-panel h3
|
|
{
|
|
color: #222;
|
|
}
|
|
|
|
.billing-panel h4
|
|
{
|
|
font-size: 1.25em;
|
|
margin: 0px;
|
|
color: #333;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#upgrade-downgrade
|
|
{
|
|
border: 0px solid #000;
|
|
margin: 0 auto;
|
|
color: #000;
|
|
}
|
|
|
|
#upgrade-downgrade label
|
|
{
|
|
color: rgb(28,28,28);
|
|
}
|
|
#upgrade-downgrade label.disabled
|
|
{
|
|
color: rgb(108,108,108);
|
|
}
|
|
|
|
#upgrade-downgrade dl
|
|
{
|
|
width: 300px;
|
|
}
|
|
|
|
#upgrade-downgrade dt, #upgrade-downgrade dd
|
|
{
|
|
margin: 0px;
|
|
}
|
|
|
|
#upgrade-downgrade dd
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pricing-grid table
|
|
{
|
|
border-spacing: 0px;
|
|
border-collapse: separate;
|
|
border: 1px solid #777;
|
|
width: 600px;
|
|
margin-left: -100px;
|
|
/*background-color: #555;*/
|
|
table-layout: fixed;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.pricing-grid td, .pricing-grid th
|
|
{
|
|
border-bottom: 1px solid #999;
|
|
border-right: 1px solid #bbb;
|
|
background-color: #ccc;
|
|
padding: 10px;
|
|
}
|
|
|
|
.pricing-grid th
|
|
{
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
border: 0px;
|
|
}
|
|
|
|
|
|
.pricing-grid tr.price td
|
|
{
|
|
text-align: right;
|
|
background-color: #ddd;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#current_plan
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
#plantype
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
#billingcycle
|
|
{
|
|
float: left;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
#billingcycle_disclaimer
|
|
{
|
|
float: left;
|
|
margin-left: 30px;
|
|
width: 200px;
|
|
}
|
|
|
|
#vat_disclaimer
|
|
{
|
|
text-align: right;
|
|
font-size: 0.9em;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
#vat_disclaimer2
|
|
{
|
|
float:right;
|
|
width: 200px;
|
|
}
|
|
|
|
#subtotal_box, #total_box
|
|
{
|
|
position: relative;
|
|
text-align: right;
|
|
margin-top: 30px;
|
|
margin-bottom: 10px;
|
|
border: 1px solid #777;
|
|
background: #ccc;
|
|
padding: 5px;
|
|
}
|
|
#total_box
|
|
{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#total
|
|
{
|
|
border-bottom: 3px double;
|
|
}
|
|
|
|
#savings
|
|
{
|
|
/*line-height: 30px;*/
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
#paymentmethod
|
|
{
|
|
}
|
|
|
|
.billing_col1, .billing_col2
|
|
{
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.billing_checkbox
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#upgrade-downgrade input[type=submit]
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
#invoices_table
|
|
{
|
|
margin: 0 auto;
|
|
border-spacing: 0px;
|
|
border-collapse: separate;
|
|
border: 1px solid #777;
|
|
/*background-color: #555;*/
|
|
table-layout: fixed;
|
|
margin-top: 20px;
|
|
margin-bottom: 35px;
|
|
background: #ccc;
|
|
}
|
|
|
|
#invoices_table tbody tr th
|
|
{
|
|
border: 0px;
|
|
}
|
|
|
|
#invoices_table .header
|
|
{
|
|
box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
#invoices_table tr
|
|
{
|
|
border: 1px solid #555;
|
|
}
|
|
|
|
#invoices_table .unpaid
|
|
{
|
|
color: #ff0000;
|
|
}
|
|
|
|
/** This form is the separate one on the Billing Account Details page (BillingClient.php) */
|
|
#clientdetails_form dt {
|
|
float: left;
|
|
clear: both;
|
|
width: 50%;
|
|
margin-bottom: 10px;
|
|
}
|
|
#clientdetails_form dd {
|
|
float: left;
|
|
margin-left: 0px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#clientdetails_form .right-align
|
|
{
|
|
/*text-align: right;*/
|
|
width: 100%;
|
|
} |