317 lines
4.5 KiB
CSS
317 lines
4.5 KiB
CSS
@CHARSET "UTF-8";
|
|
|
|
.billing-panel
|
|
{
|
|
width: 500px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.billing-panel h3
|
|
{
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.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;
|
|
width: 680px;
|
|
/*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 td, .pricing-grid th
|
|
{
|
|
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: 0px;
|
|
color: #CDCDCD;
|
|
background-color:#5E5E5E;
|
|
background: #5E5E5E;
|
|
border-top: 1px solid #9d9d9d;
|
|
/*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));*/
|
|
}
|
|
|
|
|
|
.pricing-grid tr.price td
|
|
{
|
|
text-align: right;
|
|
background-color: #ddd;
|
|
font-weight: bold;
|
|
background-color: #2f2f2f;
|
|
color: #cdcdcd;
|
|
}
|
|
|
|
#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;
|
|
color: #000;
|
|
}
|
|
#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
|
|
{
|
|
border-spacing: 0px;
|
|
border-collapse: separate;
|
|
border: 1px solid #777;
|
|
/*background-color: #555;*/
|
|
table-layout: fixed;
|
|
margin-top: 20px;
|
|
margin-bottom: 35px;
|
|
width: 500px;
|
|
}
|
|
|
|
#invoices_table tbody tr th
|
|
{
|
|
border: 0px;
|
|
color: #efefef;
|
|
background: #5E5E5E;
|
|
background-color: #5E5E5E;
|
|
border-top: 1px solid #9d9d9d;
|
|
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
.invoice-status-good {
|
|
background: #e3ffc9 url(images/stream_status.png) no-repeat 10px 10px;
|
|
border-color: #54b300;
|
|
padding: 2px 12px 4px 32px;
|
|
margin: 2px 1px 10px 0px;
|
|
color: #330;
|
|
}
|
|
|
|
/** 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;*/
|
|
}
|
|
#clientdetails_form dd {
|
|
float: left;
|
|
margin-left: 0px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#clientdetails_form .right-align
|
|
{
|
|
/*text-align: right;*/
|
|
width: 100%;
|
|
}
|
|
|
|
#promo-plan-eligible {
|
|
margin-top: 10px;
|
|
font-size: 13px;
|
|
background-color: #ff611f;
|
|
padding: 3px 5px;
|
|
border-radius: 5px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.promo-banner {
|
|
margin-top:10px;
|
|
background: url('images/august_aweomse_promo_banner.png') no-repeat;
|
|
}
|
|
|
|
.billing-details-checkbox {
|
|
width: auto;
|
|
}
|
|
|
|
#current_plan {
|
|
padding-top: 10px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#current_plan span {
|
|
color: #ff611f;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.promo-text-highlight {
|
|
background-color: #ff611f;
|
|
padding: 3px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
text-shadow: 0px 1px #444;
|
|
border-radius: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.billing-panel .educational-discount {
|
|
border: 1px solid #306999;
|
|
border-radius: 3px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
box-sizing: border-box;
|
|
padding: 16px;
|
|
background-color: #b8d9f4;
|
|
color: #234f5d;
|
|
|
|
}
|
|
.billing-panel .educational-discount h4 {
|
|
color: #1e415d;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.billing-panel .educational-discount p {
|
|
margin: 0px;
|
|
}
|