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 90: Line 90:
#paymenttype-table-header {
#paymenttype-table-header {
display: block;
display: block;
margin-top: 1.5em;
margin-bottom: .5em;
margin-bottom: .5em;
margin-top: 1.5em;
text-align: center;
text-align: center;
font-size: .75em;
font-size: .75em;
Line 102: Line 102:
.frequency-options {
.frequency-options {
margin: 0 3px;
margin: 0 3px;
font-size: 1em;
}
}
.frequency-options label {
.frequency-options label {
background: #cacaca;
display: block;
width: 49%;
width: 49%;
float: left;
float: left;
padding: .4em;
height: 2.5em;
line-height: 2.5;
margin-bottom: 1em;
margin-bottom: 1em;
display: block;
-moz-border-radius: .3em;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
border-radius: .3em;
background: #cacaca;
font-size: 1em;
text-transform: uppercase;
text-transform: uppercase;
text-align: center;
text-align: center;
cursor: pointer;
cursor: pointer;
}
}

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

body.rtl .frequency-options label {
float: right;
}
body.rtl .frequency-options label:first-child {
margin-left: 4px;
margin-right: 0;
}
}


@media only screen and (max-width: 740px) {
@media only screen and (max-width: 740px) {
.frequency-options label {
.frequency-options label {
padding: .25em .4em .6em;
font-size: .8em;
display: block;
font-size: .7em;
line-height: 1;
}
}
}
}
Line 157: Line 162:
.radiobuttons-cell {
.radiobuttons-cell {
width: 20%;
width: 20%;
padding: 1px;
text-align: center;
text-align: center;
padding: 1px;
}

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


.radiobuttons-cell input[type="radio"] {
.radiobuttons-cell input[type="radio"] {
position: absolute;
width: 1px;
width: 1px;
height: 1px;
height: 1px;
Line 173: Line 173:
padding: 0;
padding: 0;
overflow: hidden;
overflow: hidden;
position: absolute;
border: 0;
border: 0;
clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
Line 201: Line 200:
background: #235375;
background: #235375;
line-height: 1;
line-height: 1;
color: #fff;
padding: .5em;
padding: .5em;
border: 0;
border: 0;
cursor: pointer;
outline: 0;
outline: 0;
-moz-border-radius: .3em;
-moz-border-radius: .3em;
Line 227: Line 224:
.input_amount_other.checked input {
.input_amount_other.checked input {
background: #fff;
background: #fff;
color: #19415e;
}
}
.input_amount_other.checked input:hover {
.input_amount_other.checked input:hover {