Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #header {
- display: none;
- }
- #content {
- background: #fff;
- padding: 10px;
- box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
- overflow: hidden;
- box-sizing: border-box;
- }
- #content * {
- box-sizing: border-box;
- }
- #primary_ref,
- #amount {
- margin: 0;
- padding: 10px;
- /*background: #fff;*/
- }
- #primary_ref {
- border-bottom: dashed 1px #ccc;
- }
- #amount {
- /*margin-bottom: 10px;*/
- // border-bottom: solid 4px #f9f9f9;
- }
- // #amount::after {
- // content: "";
- // display: inline-block;
- // position: relative;
- // background: 0;
- // width: 0;
- // height: 0;
- // border-bottom: 6px solid transparent;
- // border-right: 6px solid transparent;
- // border-top: 6px solid #fff;
- // border-left: 6px solid transparent;
- // }
- /* Form Styles */
- .field_label {
- width: 140px;
- font-weight: 500;
- line-height: 40px;
- height: 40px;
- margin-bottom: 10px;
- }
- .field_value {
- width: calc(100% - 150px);
- line-height: 40px;
- height: 40px;
- margin-bottom: 10px;
- }
- .field_value input {
- padding: 10px;
- border: solid 1px #ccc;
- border-radius: 3px;
- line-height: 40px;
- height: 40px;
- padding: 0 10px;
- }
- #primary_ref .field_label,
- #primary_ref .field_value,
- #amount .field_label,
- #amount .field_value {
- /*width: 50%;*/
- height: 20px;
- line-height: 20px;
- }
- #amount .field_value {
- font-size: 14px;
- }
- #primary_ref .field_label,
- #primary_ref .field_value {
- color: #aaa;
- }
- #primary_ref .field_label {
- font-weight: 600;
- }
- #card_logos {
- border-top: none;
- }
- #card_logos_name {
- width: 100%;
- height: 30px;
- margin: 0 0 10px;
- padding: 0;
- display: block;
- clear: both;
- float: none;
- font-size: 14px;
- // font-weight: 600;
- text-transform: uppercase;
- text-align: center;
- border-bottom: dashed 1px #ccc;
- }
- // #card_logos_name::before,
- // #card_logos_name::after {
- // content: "";
- // width: calc(30% - 10px);
- // display: inline-block;
- // border-bottom: dashed 1px #ccc;
- // position: relative;
- // top: 5px;
- // }
- // #card_logos_name::before {
- // float: left;
- // left: -5px;
- // }
- // #card_logos_name::after {
- // float: right;
- // right: -5px;
- // }
- .card_logo_wrap {
- display: inline-block;
- }
- #card_logos_value {
- text-align: center;
- }
- #card_holder::before {
- content: "Card Info";
- display: block;
- clear: both;
- margin: 10px 0 20px;
- padding-bottom: 10px;
- border-bottom: dashed 1px #ccc;
- text-transform: uppercase;
- font-size: 14px;
- // font-weight: 600;
- }
- #card_number_value input {
- width: calc(25% - 5px);
- }
- #card_number_value input:not(:last-child) {
- margin-right: 5px;
- }
- #cvv_value input {
- width: 60px;
- }
- #buttons {
- border-top: none;
- }
- #cancel_button {
- width: 35%;
- height: 50px;
- line-height: 47px;
- margin-right: 4%;
- float: right;
- background: transparent;
- border: solid 1px #ccc;
- color: #aaa;
- text-align: center;
- border-radius: 3px;
- font-size: 16px;
- text-transform: uppercase;
- }
- #continue_button {
- width: 60%;
- height: 50px;
- line-height: 47px;
- float: right;
- background: #ff7800;
- border: none;
- color: #aaa;
- text-align: center;
- border-radius: 3px;
- font-size: 16px;
- text-transform: uppercase;
- color: #fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement