Template:Styles/2015 Trilogy default.css: Difference between revisions

Jump to navigation Jump to search
Content deleted Content added
No edit summary
No edit summary
Line 88: Line 88:


.frequency-options {
.frequency-options {
margin: 1em 0;
margin: 1em 3px;
font-size: 1.1em;
font-size: 1em;
}
}
.frequency-options label {
.frequency-options label {
Line 96: Line 96:
float: left;
float: left;
padding: .4em;
padding: .4em;
display: inline-block;
display: block;
-moz-border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-webkit-border-radius: .3em;
Line 106: Line 106:


.frequency-options label:first-child {
.frequency-options label:first-child {
margin-right: 2%;
margin-right: 4px;
}
}


Line 133: Line 133:
box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
}
}



/* --- Donation Amounts --- */
/* --- Donation Amounts --- */
Line 142: Line 141:
width: 20%;
width: 20%;
text-align: center;
text-align: center;
padding: 1px;
}
}


@media only screen and (max-width: 740px) {
@media only screen and (max-width: 740px) {
.radiobuttons-cell {
.radiobuttons-cell {
padding: 0 !important;
padding: 0;
}
}
}
}
Line 172: Line 172:
color: #fff;
color: #fff;
cursor: pointer;
cursor: pointer;
outline: 0;
backface-visibility: hidden;
}

@media only screen and (max-width: 740px) {
.radiobuttons-cell label {
padding: 1em 0;
}
}
}


Line 193: Line 185:
line-height: 1;
line-height: 1;
color: #fff;
color: #fff;
padding: .5em .5em .5em 1em;
padding: .5em;
border: 0;
border: 0;
cursor: pointer;
cursor: pointer;
Line 201: Line 193:
border-radius: .3em;
border-radius: .3em;
}
}

@media only screen and (max-width: 740px) {
.input_amount_other input {
padding: .3em;
}
}

.input_amount_other input:hover {
.input_amount_other input:hover {
background: #19415e;
background: #19415e;
Line 222: Line 221:
}
}


.input_amount_other fieldset {
position: relative;
padding: 0;
margin: 0;
border: 0;
}


.input_amount_other fieldset label {
position: absolute;
left: .35em;
top: .5em;
}
.input_amount_other.checked fieldset label {
color: #0f4062;
}
.input_amount_other {
line-height: 1 !important;
}

@media only screen and (max-width: 740px) {
.input_amount_other > label {
line-height: 1;
font-size: .55em;
text-transform: uppercase;
}
.input_amount_other fieldset {
padding: 0 .3em;
}
.input_amount_other input {
font-size: .8em;
padding: .3em .5em .3em 1em;
}
.input_amount_other fieldset label {
font-size: 1em;
top: .16em;
}
}


.radiobuttons-cell label:active,
.radiobuttons-cell label:active,