Files
courses/bsawf/18-processing-microtransactions/snakeeyes/static/styles/main.css
T
2025-05-20 11:57:43 -04:00

194 lines
2.6 KiB
CSS

/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
padding-top: 50px;
padding-bottom: 20px;
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
padding-top: 10px;
border-top: 1px solid #e9e9e9;
height: 60px;
}
/* Margin and padding
-------------------------------------------------- */
.lg-margin-bottom {
margin-bottom: 60px;
}
.md-margin-bottom {
margin-bottom: 40px;
}
.lg-margin-top {
margin-top: 60px;
}
.md-margin-top {
margin-top: 40px;
}
.sm-margin-top {
margin-top: 20px;
}
/* Helpers
-------------------------------------------------- */
.small {
font-size: 12px;
}
.strike {
text-decoration: line-through;
}
.spinner {
display: none;
}
.scale-up {
transform: scale(1.05);
}
.quarter-faded {
opacity: 0.75;
}
.half-faded {
opacity: 0.5;
}
.relative {
position: relative;
}
/* Bootstrap overrides
-------------------------------------------------- */
label {
font-weight: 400;
}
.checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] {
margin-left: 0;
}
.alert-small {
padding: 5px;
margin-bottom: 0;
}
.alert-error, .alert-message {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-error hr, .alert-message hr {
border-top-color: #e4b9c0;
}
.alert-error .alert-link, .alert-message .alert-link {
color: #843534;
}
.col-header {
height: 26px;
}
dd {
margin-bottom: 8px;
}
/* Admin dashboard
-------------------------------------------------- */
#bulk_actions {
display: none;
padding-bottom: 8px;
}
#scope {
margin-bottom: 0;
width: 160px;
height: 29px;
font-weight: 400;
font-size: 12px;
}
.sort:after {
content: '\f0dc';
font-family: FontAwesome;
margin-left: 6px;
color: #BBB;
}
.asc:after {
content: '\f0dd';
font-family: FontAwesome;
margin-left: 6px;
color: #444;
}
.desc:after {
content: '\f0de';
font-family: FontAwesome;
margin-left: 6px;
color: #444;
}
#duration-in-months {
display: none;
}
.rd-date table td {
padding: 5px;
}
/* Billing
-------------------------------------------------- */
#coupon_code_status {
display: none;
}
.coupon-code {
padding: 20px;
margin-bottom: 20px;
border: 2px dashed #e1e1e1;
}
.coupon-code input {
margin-bottom: 5px;
}
.payment-errors {
display: none;
margin-top: 30px;
margin-bottom: 30px;
}
.cc-details {
width: 75px;
}
a.pricing--primary {
color: #fff;
}
/* Bet
-------------------------------------------------- */
#dice {
font-size: 100px;
}