Skip to content
Snippets Groups Projects

Add CSS for TIPS form to repo

Closed Ryan Dee requested to merge tips into develop
+ 118
0
Compare changes
  • Side-by-side
  • Inline
+ 118
0
 
/* TIPS form CSS */
 
 
#tips_iframe {
 
width: 100%;
 
border: 0;
 
}
 
 
body {
 
font-family: "Mercury Display A", "Mercury Display B", Georgia, Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
 
font-weight: 400;
 
font-style: normal;
 
font-size: 13px;
 
line-height: 1.662;
 
color: #474746;
 
background-color: #fefdfa;
 
}
 
 
@media screen and (min-width:768px) {
 
body {
 
font-size: 16px;
 
line-height: 1.777;
 
}
 
}
 
 
#tips-header {
 
display: none;
 
}
 
 
.body-content {
 
margin: 0;
 
padding: 0;
 
}
 
 
.container {
 
width: 100%;
 
max-width: none;
 
}
 
 
a {
 
color: #d00000;
 
}
 
 
form legend,
 
form label,
 
form input,
 
form select {
 
font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
 
font-weight: 400;
 
font-style: normal;
 
}
 
 
form fieldset {
 
padding-bottom: 1em;
 
}
 
 
form legend {
 
font-size: 13px;
 
text-transform: uppercase;
 
}
 
 
@media screen and (min-width:768px) {
 
form legend {
 
font-size: 16px;
 
}
 
}
 
 
form label {
 
font-size: 12px;
 
}
 
 
@media screen and (min-width:768px) {
 
form label {
 
font-size: 13px;
 
}
 
}
 
 
.btn {
 
border: none;
 
border-radius: 3px;
 
color: #fff;
 
margin: 1em 0;
 
padding: 1.069em 1.333em 1em;
 
display: inline-block;
 
text-align: center;
 
text-decoration: none;
 
text-transform: uppercase;
 
font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
 
font-weight: 400;
 
font-style: normal;
 
font-size: 10px;
 
line-height: 1;
 
background-color: #137cbd;
 
}
 
 
@media screen and (min-width:768px) {
 
.btn {
 
font-size: 12px;
 
}
 
}
 
 
.btn:hover {
 
color: #fff;
 
background-color: #10679d;
 
}
 
 
.btn:disabled {
 
cursor: not-allowed;
 
}
 
 
.btn-sm {
 
font-size: 9px;
 
}
 
 
@media screen and (min-width:768px) {
 
.btn-sm {
 
font-size: 10px;
 
}
 
}
Loading