libretime/airtime_mvc/public/css/billing.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;
}