Created
July 15, 2017 06:15
-
-
Save chrisjensen/18f7cf8d3f91ce18ccfe335ea746f14b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Based on the Eric Meyer CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/) | |
*/ | |
html, | |
body, | |
div, | |
span, | |
applet, | |
object, | |
iframe, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
blockquote, | |
pre, | |
a, | |
abbr, | |
acronym, | |
address, | |
big, | |
cite, | |
code, | |
del, | |
dfn, | |
em, | |
img, | |
ins, | |
kbd, | |
q, | |
s, | |
samp, | |
small, | |
strike, | |
strong, | |
sub, | |
sup, | |
tt, | |
var, | |
b, | |
u, | |
i, | |
center, | |
dl, | |
dt, | |
dd, | |
ol, | |
ul, | |
li, | |
fieldset, | |
form, | |
label, | |
legend, | |
table, | |
caption, | |
tbody, | |
tfoot, | |
thead, | |
tr, | |
th, | |
td, | |
article, | |
aside, | |
canvas, | |
details, | |
embed, | |
figure, | |
figcaption, | |
footer, | |
header, | |
hgroup, | |
menu, | |
nav, | |
output, | |
ruby, | |
section, | |
summary, | |
time, | |
mark, | |
audio, | |
video { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
font-size: 100%; | |
font: inherit; | |
vertical-align: top; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
menu, | |
nav, | |
section { | |
display: block; | |
} | |
body { | |
line-height: 1; | |
} | |
ol, | |
ul { | |
list-style: none; | |
} | |
blockquote, | |
q { | |
quotes: none; | |
} | |
blockquote:before, | |
blockquote:after, | |
q:before, | |
q:after { | |
content: ''; | |
content: none; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
pre { | |
font-family: Courier; | |
} | |
*, | |
*:before, | |
*:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
* { | |
-webkit-font-smoothing: subpixel-antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.underlay-dark:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
.animate-spin { | |
-moz-animation: spin 2s infinite linear; | |
-o-animation: spin 2s infinite linear; | |
-webkit-animation: spin 2s infinite linear; | |
animation: spin 2s infinite linear; | |
display: inline-block; | |
} | |
@-moz-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-webkit-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-o-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-ms-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
.option-rounded .button { | |
border-radius: 20rem; | |
} | |
.option-rounded .photo, | |
.option-rounded .photo .photo-image { | |
border-radius: 20rem; | |
} | |
.option-outline [class^="button"].primary, | |
.option-outline [class*=" button"].primary, | |
.option-outline button.primary, | |
.option-outline input[type="button"].primary, | |
.option-outline input[type="submit"].primary, | |
.option-outline input[type="reset"].primary, | |
.option-outline [class^='donate-navigation-'].primary, | |
.option-outline [class^="button"].button-primary, | |
.option-outline [class*=" button"].button-primary, | |
.option-outline button.button-primary, | |
.option-outline input[type="button"].button-primary, | |
.option-outline input[type="submit"].button-primary, | |
.option-outline input[type="reset"].button-primary, | |
.option-outline [class^='donate-navigation-'].button-primary { | |
border-color: '@primaryColor'; | |
color: '@primaryColor'; | |
} | |
.option-outline [class^="button"].primary:hover, | |
.option-outline [class*=" button"].primary:hover, | |
.option-outline button.primary:hover, | |
.option-outline input[type="button"].primary:hover, | |
.option-outline input[type="submit"].primary:hover, | |
.option-outline input[type="reset"].primary:hover, | |
.option-outline [class^='donate-navigation-'].primary:hover, | |
.option-outline [class^="button"].button-primary:hover, | |
.option-outline [class*=" button"].button-primary:hover, | |
.option-outline button.button-primary:hover, | |
.option-outline input[type="button"].button-primary:hover, | |
.option-outline input[type="submit"].button-primary:hover, | |
.option-outline input[type="reset"].button-primary:hover, | |
.option-outline [class^='donate-navigation-'].button-primary:hover, | |
.option-outline [class^="button"].primary:focus, | |
.option-outline [class*=" button"].primary:focus, | |
.option-outline button.primary:focus, | |
.option-outline input[type="button"].primary:focus, | |
.option-outline input[type="submit"].primary:focus, | |
.option-outline input[type="reset"].primary:focus, | |
.option-outline [class^='donate-navigation-'].primary:focus, | |
.option-outline [class^="button"].button-primary:focus, | |
.option-outline [class*=" button"].button-primary:focus, | |
.option-outline button.button-primary:focus, | |
.option-outline input[type="button"].button-primary:focus, | |
.option-outline input[type="submit"].button-primary:focus, | |
.option-outline input[type="reset"].button-primary:focus, | |
.option-outline [class^='donate-navigation-'].button-primary:focus { | |
border-color: '@primaryColor,-8'; | |
color: '@primaryColor,-8'; | |
} | |
.option-outline [class^="button"].primary:active, | |
.option-outline [class*=" button"].primary:active, | |
.option-outline button.primary:active, | |
.option-outline input[type="button"].primary:active, | |
.option-outline input[type="submit"].primary:active, | |
.option-outline input[type="reset"].primary:active, | |
.option-outline [class^='donate-navigation-'].primary:active, | |
.option-outline [class^="button"].button-primary:active, | |
.option-outline [class*=" button"].button-primary:active, | |
.option-outline button.button-primary:active, | |
.option-outline input[type="button"].button-primary:active, | |
.option-outline input[type="submit"].button-primary:active, | |
.option-outline input[type="reset"].button-primary:active, | |
.option-outline [class^='donate-navigation-'].button-primary:active, | |
.option-outline [class^="button"].primary.active, | |
.option-outline [class*=" button"].primary.active, | |
.option-outline button.primary.active, | |
.option-outline input[type="button"].primary.active, | |
.option-outline input[type="submit"].primary.active, | |
.option-outline input[type="reset"].primary.active, | |
.option-outline [class^='donate-navigation-'].primary.active, | |
.option-outline [class^="button"].button-primary.active, | |
.option-outline [class*=" button"].button-primary.active, | |
.option-outline button.button-primary.active, | |
.option-outline input[type="button"].button-primary.active, | |
.option-outline input[type="submit"].button-primary.active, | |
.option-outline input[type="reset"].button-primary.active, | |
.option-outline [class^='donate-navigation-'].button-primary.active { | |
color: '@primaryColor'; | |
border-color: '@primaryColor,-13'; | |
} | |
.option-outline [class^="button"].primary:active.disabled, | |
.option-outline [class*=" button"].primary:active.disabled, | |
.option-outline button.primary:active.disabled, | |
.option-outline input[type="button"].primary:active.disabled, | |
.option-outline input[type="submit"].primary:active.disabled, | |
.option-outline input[type="reset"].primary:active.disabled, | |
.option-outline [class^='donate-navigation-'].primary:active.disabled, | |
.option-outline [class^="button"].button-primary:active.disabled, | |
.option-outline [class*=" button"].button-primary:active.disabled, | |
.option-outline button.button-primary:active.disabled, | |
.option-outline input[type="button"].button-primary:active.disabled, | |
.option-outline input[type="submit"].button-primary:active.disabled, | |
.option-outline input[type="reset"].button-primary:active.disabled, | |
.option-outline [class^='donate-navigation-'].button-primary:active.disabled, | |
.option-outline [class^="button"].primary.active.disabled, | |
.option-outline [class*=" button"].primary.active.disabled, | |
.option-outline button.primary.active.disabled, | |
.option-outline input[type="button"].primary.active.disabled, | |
.option-outline input[type="submit"].primary.active.disabled, | |
.option-outline input[type="reset"].primary.active.disabled, | |
.option-outline [class^='donate-navigation-'].primary.active.disabled, | |
.option-outline [class^="button"].button-primary.active.disabled, | |
.option-outline [class*=" button"].button-primary.active.disabled, | |
.option-outline button.button-primary.active.disabled, | |
.option-outline input[type="button"].button-primary.active.disabled, | |
.option-outline input[type="submit"].button-primary.active.disabled, | |
.option-outline input[type="reset"].button-primary.active.disabled, | |
.option-outline [class^='donate-navigation-'].button-primary.active.disabled { | |
background: #e1e6e7; | |
color: #6a6c6f; | |
cursor: default; | |
} | |
.option-outline .button { | |
border-width: 1px; | |
border-style: solid; | |
background-color: transparent; | |
border-color: #9d9fa2; | |
color: #9d9fa2; | |
} | |
.option-outline .button:hover, | |
.option-outline .button:focus { | |
background-color: transparent; | |
border-color: #2e2f31; | |
color: #2e2f31; | |
} | |
.option-outline .button:active, | |
.option-outline .button.active { | |
background-color: transparent; | |
border-color: #242526; | |
color: #242526; | |
} | |
.option-outline .button.disabled, | |
.option-outline .button[disabled] { | |
background-color: transparent; | |
border-color: #b7b8bb; | |
color: #b7b8bb; | |
} | |
.option-outline .button.primary, | |
.option-outline .button.button-primary { | |
background-color: transparent; | |
border-color: #999999; | |
color: #999999; | |
} | |
.option-outline .button.primary:hover, | |
.option-outline .button.button-primary:hover, | |
.option-outline .button.primary:focus, | |
.option-outline .button.button-primary:focus { | |
background-color: transparent; | |
border-color: #858585; | |
color: #858585; | |
} | |
.option-outline .button.primary:active, | |
.option-outline .button.button-primary:active, | |
.option-outline .button.primary.active, | |
.option-outline .button.button-primary.active { | |
background-color: transparent; | |
border-color: #787878; | |
color: #787878; | |
} | |
.option-outline .button.primary.disabled, | |
.option-outline .button.button-primary.disabled, | |
.option-outline .button.primary[disabled], | |
.option-outline .button.button-primary[disabled] { | |
background-color: transparent; | |
border-color: #65676a; | |
color: #65676a; | |
} | |
.option-outline .button.button-email { | |
background-color: transparent; | |
border-color: #b3b3b3; | |
color: #b3b3b3; | |
} | |
.option-outline .button.button-twitter { | |
background-color: transparent; | |
border-color: #4795d8; | |
color: #4795d8; | |
} | |
.option-outline .button.button-twitter:hover, | |
.option-outline .button.button-twitter:focus { | |
background-color: transparent; | |
border-color: #2a7ec7; | |
color: #2a7ec7; | |
} | |
.option-outline .button.button-facebook { | |
background-color: transparent; | |
border-color: #2b3c8c; | |
color: #2b3c8c; | |
} | |
.option-outline .button.button-facebook:hover, | |
.option-outline .button.button-facebook:focus { | |
background-color: transparent; | |
border-color: #202d69; | |
color: #202d69; | |
} | |
.option-outline .button.button-linkedin { | |
background-color: transparent; | |
border-color: #2b3c8c; | |
color: #2b3c8c; | |
} | |
.option-outline .button.button-linkedin:hover, | |
.option-outline .button.button-linkedin:focus { | |
background-color: transparent; | |
border-color: #202d69; | |
color: #202d69; | |
} | |
.option-outline .donate .subscription-buttons .button { | |
color: #c3c3c3; | |
border-color: rgba(0, 0, 0, 0.3); | |
background: transparent; | |
margin-right: -1px; | |
} | |
.option-outline .donate .subscription-buttons .button:hover, | |
.option-outline .donate .subscription-buttons .button:focus { | |
color: #767676; | |
border-color: #767676; | |
border-color: rgba(0, 0, 0, 0.3); | |
} | |
.option-outline .donate .subscription-buttons .button.active { | |
color: #38393b; | |
border-color: rgba(0, 0, 0, 0.5); | |
background: transparent; | |
} | |
.option-outline .sharing .button { | |
border-width: 1px; | |
border-style: solid; | |
} | |
.option-outline .home-header .button, | |
.option-outline .page-header .button, | |
.option-outline .block-primary .button, | |
.option-outline .page-footer .button, | |
.option-outline .home-header .button-primary, | |
.option-outline .page-header .button-primary, | |
.option-outline .block-primary .button-primary, | |
.option-outline .page-footer .button-primary { | |
color: rgba(255, 255, 255, 0.8); | |
border-color: rgba(255, 255, 255, 0.8); | |
} | |
.option-outline .home-header .button:hover, | |
.option-outline .page-header .button:hover, | |
.option-outline .block-primary .button:hover, | |
.option-outline .page-footer .button:hover, | |
.option-outline .home-header .button-primary:hover, | |
.option-outline .page-header .button-primary:hover, | |
.option-outline .block-primary .button-primary:hover, | |
.option-outline .page-footer .button-primary:hover, | |
.option-outline .home-header .button:focus, | |
.option-outline .page-header .button:focus, | |
.option-outline .block-primary .button:focus, | |
.option-outline .page-footer .button:focus, | |
.option-outline .home-header .button-primary:focus, | |
.option-outline .page-header .button-primary:focus, | |
.option-outline .block-primary .button-primary:focus, | |
.option-outline .page-footer .button-primary:focus { | |
color: white; | |
border-color: white; | |
} | |
.option-outline .home-header .button.button-primary, | |
.option-outline .page-header .button.button-primary, | |
.option-outline .block-primary .button.button-primary, | |
.option-outline .page-footer .button.button-primary, | |
.option-outline .home-header .button-primary.button-primary, | |
.option-outline .page-header .button-primary.button-primary, | |
.option-outline .block-primary .button-primary.button-primary, | |
.option-outline .page-footer .button-primary.button-primary, | |
.option-outline .home-header .button.button-secondary, | |
.option-outline .page-header .button.button-secondary, | |
.option-outline .block-primary .button.button-secondary, | |
.option-outline .page-footer .button.button-secondary, | |
.option-outline .home-header .button-primary.button-secondary, | |
.option-outline .page-header .button-primary.button-secondary, | |
.option-outline .block-primary .button-primary.button-secondary, | |
.option-outline .page-footer .button-primary.button-secondary { | |
color: rgba(255, 255, 255, 0.8); | |
border-color: rgba(255, 255, 255, 0.8); | |
} | |
.option-outline .home-header .button.button-primary:hover, | |
.option-outline .page-header .button.button-primary:hover, | |
.option-outline .block-primary .button.button-primary:hover, | |
.option-outline .page-footer .button.button-primary:hover, | |
.option-outline .home-header .button-primary.button-primary:hover, | |
.option-outline .page-header .button-primary.button-primary:hover, | |
.option-outline .block-primary .button-primary.button-primary:hover, | |
.option-outline .page-footer .button-primary.button-primary:hover, | |
.option-outline .home-header .button.button-secondary:hover, | |
.option-outline .page-header .button.button-secondary:hover, | |
.option-outline .block-primary .button.button-secondary:hover, | |
.option-outline .page-footer .button.button-secondary:hover, | |
.option-outline .home-header .button-primary.button-secondary:hover, | |
.option-outline .page-header .button-primary.button-secondary:hover, | |
.option-outline .block-primary .button-primary.button-secondary:hover, | |
.option-outline .page-footer .button-primary.button-secondary:hover, | |
.option-outline .home-header .button.button-primary:focus, | |
.option-outline .page-header .button.button-primary:focus, | |
.option-outline .block-primary .button.button-primary:focus, | |
.option-outline .page-footer .button.button-primary:focus, | |
.option-outline .home-header .button-primary.button-primary:focus, | |
.option-outline .page-header .button-primary.button-primary:focus, | |
.option-outline .block-primary .button-primary.button-primary:focus, | |
.option-outline .page-footer .button-primary.button-primary:focus, | |
.option-outline .home-header .button.button-secondary:focus, | |
.option-outline .page-header .button.button-secondary:focus, | |
.option-outline .block-primary .button.button-secondary:focus, | |
.option-outline .page-footer .button.button-secondary:focus, | |
.option-outline .home-header .button-primary.button-secondary:focus, | |
.option-outline .page-header .button-primary.button-secondary:focus, | |
.option-outline .block-primary .button-primary.button-secondary:focus, | |
.option-outline .page-footer .button-primary.button-secondary:focus { | |
color: white; | |
border-color: white; | |
} | |
.link-raisely { | |
font-family: 'Montserrat', 'Roboto', Helvetica, sans-serif; | |
font-weight: normal; | |
text-transform: uppercase; | |
text-decoration: none; | |
opacity: .8; | |
color: inherit; | |
} | |
.link-raisely i { | |
margin: 0 .1em 0 .5em; | |
font-size: .85em; | |
} | |
.link-raisely strong { | |
letter-spacing: .1em; | |
} | |
.link-raisely:hover, | |
.link-raisely:focus { | |
text-decoration: none; | |
opacity: 1; | |
color: inherit; | |
} | |
.ie9 .button-upload, | |
.ie9 .input-uploadm .js-fileapi-wrapper, | |
.ie9 .input-icon .icon { | |
display: none; | |
} | |
/*! | |
* jsonformatter | |
* | |
* Version: 0.3.0 - 2015-07-09T13:22:11.385Z | |
* License: MIT | |
*/ | |
.json-formatter-row { | |
font-family: monospace; | |
background: rgba(30, 30, 30, 0.8); | |
padding: 12px; | |
box-sizing: border-box; | |
color: #aaa; | |
font-size: 12px; | |
text-align: left; | |
} | |
.json-formatter-row .children .json-formatter-row { | |
padding: 0; | |
background: transparent; | |
} | |
.json-formatter-row, | |
.json-formatter-row a, | |
.json-formatter-row a:hover { | |
color: #aaa; | |
text-decoration: none; | |
} | |
.json-formatter-row .json-formatter-row { | |
margin-left: 1em; | |
} | |
.json-formatter-row .children.empty { | |
opacity: 0.5; | |
margin-left: 1em; | |
} | |
.json-formatter-row .children.empty.object:after { | |
content: "No properties"; | |
} | |
.json-formatter-row .children.empty.array:after { | |
content: "[]"; | |
} | |
.json-formatter-row .string { | |
color: #b4c3a9; | |
white-space: pre; | |
word-wrap: break-word; | |
} | |
.json-formatter-row .number { | |
color: #bedeff; | |
} | |
.json-formatter-row .boolean { | |
color: #fedbff; | |
} | |
.json-formatter-row .null { | |
color: #6c716d; | |
} | |
.json-formatter-row .undefined { | |
color: #ca5a61; | |
} | |
.json-formatter-row .function { | |
color: #ffd794; | |
} | |
.json-formatter-row .date { | |
background-color: rgba(0, 0, 0, 0.05); | |
} | |
.json-formatter-row .url { | |
text-decoration: underline; | |
color: #c4e9ff; | |
cursor: pointer; | |
font-weight: normal; | |
} | |
.json-formatter-row .bracket { | |
color: #6c716d; | |
} | |
.json-formatter-row .key { | |
color: #aaabad; | |
cursor: pointer; | |
} | |
.json-formatter-row .constructor-name { | |
cursor: pointer; | |
} | |
.json-formatter-row .toggler { | |
font-size: 0.8em; | |
line-height: 1.2em; | |
vertical-align: middle; | |
opacity: 0.6; | |
cursor: pointer; | |
} | |
.json-formatter-row .toggler:after { | |
display: inline-block; | |
transition: transform 100ms ease-in; | |
content: "►"; | |
} | |
.json-formatter-row .toggler.open:after { | |
transform: rotate(90deg); | |
} | |
.json-formatter-dark.json-formatter-row { | |
font-family: monospace; | |
} | |
.json-formatter-dark.json-formatter-row, | |
.json-formatter-dark.json-formatter-row a, | |
.json-formatter-dark.json-formatter-row a:hover { | |
color: white; | |
text-decoration: none; | |
} | |
.json-formatter-dark.json-formatter-row .json-formatter-row { | |
margin-left: 1em; | |
} | |
.json-formatter-dark.json-formatter-row .children.empty { | |
opacity: 0.5; | |
margin-left: 1em; | |
} | |
.json-formatter-dark.json-formatter-row .children.empty.object:after { | |
content: "No properties"; | |
} | |
.json-formatter-dark.json-formatter-row .children.empty.array:after { | |
content: "[]"; | |
} | |
.json-formatter-dark.json-formatter-row .string { | |
color: #31f031; | |
white-space: pre; | |
word-wrap: break-word; | |
} | |
.json-formatter-dark.json-formatter-row .number { | |
color: #66c2ff; | |
} | |
.json-formatter-dark.json-formatter-row .boolean { | |
color: #ec4242; | |
} | |
.json-formatter-dark.json-formatter-row .null { | |
color: #eec97d; | |
} | |
.json-formatter-dark.json-formatter-row .undefined { | |
color: #ef8fbe; | |
} | |
.json-formatter-dark.json-formatter-row .function { | |
color: #fd48cb; | |
} | |
.json-formatter-dark.json-formatter-row .date { | |
background-color: rgba(255, 255, 255, 0.05); | |
} | |
.json-formatter-dark.json-formatter-row .url { | |
text-decoration: underline; | |
color: #027bff; | |
cursor: pointer; | |
} | |
.json-formatter-dark.json-formatter-row .bracket { | |
color: #9494ff; | |
} | |
.json-formatter-dark.json-formatter-row .key { | |
color: #23a0db; | |
cursor: pointer; | |
} | |
.json-formatter-dark.json-formatter-row .constructor-name { | |
cursor: pointer; | |
} | |
.json-formatter-dark.json-formatter-row .toggler { | |
font-size: 0.8em; | |
line-height: 1.2em; | |
vertical-align: middle; | |
opacity: 0.6; | |
cursor: pointer; | |
} | |
.json-formatter-dark.json-formatter-row .toggler:after { | |
display: inline-block; | |
transition: transform 100ms ease-in; | |
content: "►"; | |
} | |
.json-formatter-dark.json-formatter-row .toggler.open:after { | |
transform: rotate(90deg); | |
} | |
body { | |
font-size: 15px; | |
line-height: 140%; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
line-height: 140%; | |
} | |
.container { | |
width: 960px; | |
position: relative; | |
margin: 0 auto; | |
} | |
.container:before, | |
.container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after { | |
clear: both; | |
} | |
nav { | |
z-index: 1; | |
} | |
section { | |
position: relative; | |
} | |
.col-1 { | |
float: left; | |
width: 48px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-2 { | |
float: left; | |
width: 128px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-3 { | |
float: left; | |
width: 208px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-4 { | |
float: left; | |
width: 288px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-5 { | |
float: left; | |
width: 368px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-6 { | |
float: left; | |
width: 448px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-7 { | |
float: left; | |
width: 528px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-8 { | |
float: left; | |
width: 608px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-9 { | |
float: left; | |
width: 688px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-10 { | |
float: left; | |
width: 768px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-11 { | |
float: left; | |
width: 848px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-12 { | |
float: left; | |
width: 928px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.offset-1 { | |
margin-left: 96px; | |
} | |
.offset-2 { | |
margin-left: 176px; | |
} | |
.offset-3 { | |
margin-left: 256px; | |
} | |
.offset-4 { | |
margin-left: 336px; | |
} | |
.offset-5 { | |
margin-left: 416px; | |
} | |
.offset-6 { | |
margin-left: 496px; | |
} | |
.offset-7 { | |
margin-left: 576px; | |
} | |
.offset-8 { | |
margin-left: 656px; | |
} | |
.offset-9 { | |
margin-left: 736px; | |
} | |
.offset-10 { | |
margin-left: 816px; | |
} | |
.offset-11 { | |
margin-left: 896px; | |
} | |
.posts-grid .post { | |
float: left; | |
width: 288px; | |
margin-left: 16px; | |
margin-right: 16px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.page-header { | |
background-position: 50% 50%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
position: relative; | |
background-color: #38393b; | |
color: #e1e6e7; | |
} | |
.page-header:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
.page-header { | |
margin-top: -4rem; | |
padding-top: 10rem; | |
text-align: center; | |
} | |
.page-login, | |
.page-signup, | |
.page-reset { | |
text-align: center; | |
} | |
.home-header { | |
padding: 10em 0 5em; | |
background-position: 50% 50%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
position: relative; | |
text-align: center; | |
background-color: #38393b; | |
color: #e1e6e7; | |
} | |
.home-header:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
.home-header h1 { | |
font-size: 3em; | |
margin: .5em 0 0; | |
} | |
.home-header h5 { | |
margin: 1em 0; | |
} | |
.home-header .lead { | |
margin-top: 1em; | |
} | |
.home-header .home-header-buttons { | |
margin: 1em 0 0; | |
} | |
.home-introduction, | |
.home-donations, | |
.home-profiles { | |
text-align: center; | |
} | |
.page-footer { | |
text-align: left; | |
font-size: 1em; | |
padding: 4em 0; | |
background: #1f2021; | |
color: #e1e6e7; | |
} | |
.page-footer .brand { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
height: 30px; | |
width: auto; | |
} | |
.page-footer p { | |
clear: both; | |
} | |
.page-footer .page-footer-menu-links { | |
text-align: right; | |
} | |
.page-footer .page-footer-social { | |
text-align: right; | |
} | |
.page-footer .page-footer-copyright { | |
padding: 2em 0; | |
margin-top: 2em; | |
clear: both; | |
border-top: 1px rgba(255, 255, 255, 0.2) solid; | |
font-size: 1em; | |
opacity: 1; | |
} | |
.page-footer .page-footer-copyright .fineprint { | |
font-size: 1em; | |
opacity: 1; | |
} | |
.page-footer aside { | |
text-align: right; | |
} | |
.page-footer.page-footer-inverse { | |
background: white; | |
color: #38393b; | |
} | |
.page-footer.page-footer-inverse ul[class*="menu-"].menu-secondary li a { | |
color: #767676; | |
} | |
.page-footer.page-footer-inverse ul[class*="menu-"].menu-secondary li a:hover, | |
.page-footer.page-footer-inverse ul[class*="menu-"].menu-secondary li a:focus { | |
color: #38393b; | |
} | |
.page-dashboard .profiles { | |
margin: 1em 0 0 0; | |
} | |
.page-dashboard .profiles .profile { | |
text-align: left; | |
float: none; | |
padding: 0; | |
margin: 0 0 1em; | |
} | |
.page-dashboard .profiles .profile .progress { | |
margin: 0; | |
} | |
.page-dashboard .profiles .sharing { | |
margin: 0 0 2em; | |
} | |
.page-dashboard .profiles .sharing .button { | |
background: #838589; | |
} | |
.page-dashboard .profiles .sharing .button:hover, | |
.page-dashboard .profiles .sharing .button:focus { | |
background: #6a6c6f; | |
} | |
.page-dashboard .page-dashboard-aside { | |
padding: 1em 0 2em; | |
margin: 0 0 1em; | |
border-bottom: 1px #dadada solid; | |
} | |
.page-dashboard .page-dashboard-aside:before, | |
.page-dashboard .page-dashboard-aside:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.page-dashboard .page-dashboard-aside:after { | |
clear: both; | |
} | |
.page-dashboard .page-dashboard-aside:before, | |
.page-dashboard .page-dashboard-aside:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.page-dashboard .page-dashboard-aside:after { | |
clear: both; | |
} | |
.page-dashboard .page-dashboard-aside:first-child { | |
padding-top: 0; | |
} | |
.page-dashboard .page-dashboard-aside:last-child { | |
border-bottom: none; | |
} | |
.page-account .page-account-aside ul[class*="menu-"].menu-secondary li a { | |
color: #515255; | |
} | |
.page-account .page-account-aside ul[class*="menu-"].menu-secondary li a:hover, | |
.page-account .page-account-aside ul[class*="menu-"].menu-secondary li a:focus { | |
color: #38393b; | |
background: rgba(255, 255, 255, 0.5); | |
} | |
.page-account .page-account-aside ul[class*="menu-"].menu-secondary li a.active { | |
color: #1f2021; | |
background: rgba(255, 255, 255, 0.8); | |
} | |
.page-account .donations { | |
max-width: none; | |
} | |
.page-account .donation-empty { | |
background: rgba(0, 0, 0, 0.1); | |
} | |
/* Sytyle donations for the administration panel and account section of each website */ | |
.donations.account-donations { | |
margin: 0 0 1rem; | |
max-width: none; | |
} | |
.donations.account-donations .donation { | |
background: white; | |
margin-bottom: 0; | |
padding: .5rem 0 1rem 6.5em; | |
border-bottom: 1px #eff2f2 solid; | |
} | |
.donations.account-donations .donation .donation-donor { | |
margin: .5em 0 .15em; | |
} | |
.donations.account-donations .donation .donation-amount { | |
background: #38393b; | |
color: white; | |
text-align: left; | |
padding: .75rem .5rem; | |
margin-top: .75rem; | |
margin-left: -0.25em; | |
font-size: 1.1em; | |
width: 5.5rem; | |
font-weight: bold; | |
letter-spacing: -0.05em; | |
} | |
.donations.account-donations .donation .donation-amount .symbol { | |
top: 0; | |
margin-right: .2em; | |
} | |
.donations.account-donations .donation .donation-status { | |
margin-bottom: 0; | |
} | |
.donations.account-donations .donation .donation-status .label { | |
margin-right: .5em; | |
} | |
.donations.account-donations .donation:hover, | |
.donations.account-donations .donation:focus { | |
cursor: pointer; | |
} | |
.donations.account-donations .donation-full { | |
list-style: none inside none; | |
margin: 0; | |
background: #eff2f2; | |
padding: 1rem; | |
} | |
.donations.account-donations .donation-full .col-5 { | |
margin-left: 0; | |
padding-left: 0; | |
min-width: 14em; | |
} | |
.donations.account-donations .donation-full .donation-actions, | |
.donations.account-donations .donation-full .donation-data { | |
float: left; | |
width: 50%; | |
} | |
.donations.account-donations .donation-full .donor-name { | |
text-decoration: none; | |
font-weight: 300; | |
color: #838589; | |
} | |
.donations.account-donations .donation-full .donor-name h3 { | |
font-weight: 300; | |
} | |
.donations.account-donations .donation-full .donor-name strong { | |
color: #38393b; | |
font-weight: 600; | |
} | |
.donations.account-donations .donation-full a.donor-name:hover, | |
.donations.account-donations .donation-full a.donor-name:focus { | |
text-decoration: underline; | |
} | |
.donations.account-donations .donation-full h3 { | |
font-size: 1.25rem; | |
margin: 0 0 .5em; | |
} | |
.donations.account-donations .donation-full p { | |
font-size: .9em; | |
margin: 0 0 .25em; | |
color: #838589; | |
} | |
.donations.account-donations .donation-full .input-prepend { | |
opacity: 1; | |
padding: 0; | |
position: relative; | |
} | |
.donations.account-donations .donation-full .input-prepend .button { | |
margin: 0 0.5rem 0.5rem 0; | |
} | |
@media (max-width: 767px) { | |
.donations.account-donations .donation { | |
padding-left: 7em; | |
} | |
} | |
.state-app-embed { | |
background: transparent; | |
} | |
.state-app-embed #app { | |
min-height: 0; | |
} | |
.state-app-embed #app .donate-container { | |
margin-bottom: 0; | |
} | |
.state-app-embed #app .donate { | |
border: 1px #e1e6e7 solid; | |
margin-bottom: 0; | |
} | |
.state-app-embed #app .donate .donate-navigation { | |
border-top: none; | |
} | |
body { | |
color: #38393b; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
} | |
h1, | |
h2, | |
h3 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
line-height: 110%; | |
letter-spacing: -0.03em; | |
} | |
h4, | |
h5, | |
h6 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
line-height: 110%; | |
letter-spacing: .2em; | |
text-transform: uppercase; | |
} | |
h1 { | |
font-size: 2.5em; | |
margin: 1em 0; | |
} | |
h2 { | |
font-size: 2em; | |
margin: 1em 0; | |
} | |
h3 { | |
font-size: 1.6em; | |
margin: 1em 0; | |
} | |
h4 { | |
font-size: 1.25em; | |
margin: 2em 0; | |
font-weight: 300; | |
letter-spacing: 0; | |
} | |
h5 { | |
font-size: .9em; | |
margin: 2em 0; | |
} | |
h6 { | |
font-size: 0.8em; | |
margin: 1em 0; | |
} | |
p { | |
margin: 0 0 1em 0; | |
} | |
.lead { | |
font-size: 1.4em; | |
line-height: 1.2em; | |
} | |
.fineprint { | |
font-size: 0.85em; | |
line-height: 1.2em; | |
opacity: 1; | |
color: #76787c; | |
} | |
.de-emphasize { | |
opacity: .7; | |
font-size: .85em; | |
line-height: 1.45em; | |
} | |
.emphasise { | |
font-weight: 700; | |
} | |
.title-case { | |
text-transform: capitalize; | |
} | |
.hidden { | |
display: none; | |
} | |
a { | |
color: inherit; | |
text-decoration: underline; | |
cursor: pointer; | |
} | |
a:hover { | |
text-decoration: underline; | |
color: inherit; | |
} | |
abbr, | |
acronym { | |
border-bottom: 1px dotted; | |
cursor: help; | |
} | |
address { | |
font-size: 1em; | |
font-style: italic; | |
} | |
blockquote { | |
margin: 1.2em 0; | |
padding: 0 0 0 2em; | |
font-size: 1.5em; | |
} | |
cite { | |
font-style: italic; | |
font-size: .8em; | |
} | |
code { | |
font-size: 1em; | |
font-family: monospace; | |
background: #e1e6e7; | |
border: 1px solid #d3dadc; | |
padding: 0.125em 0.25em; | |
line-height: 150%; | |
} | |
em, | |
i { | |
font-style: italic; | |
} | |
strong, | |
b { | |
font-weight: 600; | |
} | |
hr { | |
outline: none; | |
border: none; | |
margin: 1em 0; | |
padding: 0; | |
border-top: 1px solid #c5ced0; | |
clear: both; | |
float: none; | |
width: 100%; | |
} | |
ol, | |
ul { | |
margin: 1em 0; | |
padding: 0 0 0 2em; | |
} | |
ol li, | |
ul li { | |
font-size: 1em; | |
list-style-position: outside; | |
margin-bottom: 0.5em; | |
} | |
ul li { | |
list-style: disc; | |
} | |
ol li { | |
list-style: decimal; | |
} | |
form { | |
margin: 1em 0; | |
} | |
dl { | |
margin: 1em 0; | |
} | |
dl dt { | |
font-weight: bold; | |
} | |
dl dd { | |
margin: 0 0 0.5em; | |
} | |
pre { | |
border-radius: 3px; | |
font-family: Lucida Console, monospace; | |
overflow: auto; | |
background: #515255; | |
color: #aaa; | |
font-size: 12px; | |
font-weight: lighter; | |
padding: 20px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
text-align: left; | |
} | |
@font-face { | |
font-family: 'icons'; | |
src: url('/dist/2.1.0/fonts/raisely.eot?96348459'); | |
src: url('/dist/2.1.0/fonts/raisely.eot?96348459#iefix') format('embedded-opentype'), url('/dist/2.1.0/fonts/raisely.woff2?96348459') format('woff2'), url('/dist/2.1.0/fonts/raisely.woff?96348459') format('woff'), url('/dist/2.1.0/fonts/raisely.ttf?96348459') format('truetype'), url('/dist/2.1.0/fonts/raisely.svg?96348459#entypo') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ | |
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ | |
/* | |
@media screen and (-webkit-min-device-pixel-ratio:0) { | |
@font-face { | |
font-family: 'entypo'; | |
src: url('../font/entypo.svg?96348459#entypo') format('svg'); | |
} | |
} | |
*/ | |
[class^="icon-"]:before, | |
[class*=" icon-"]:before { | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; | |
speak: none; | |
display: inline-block; | |
text-decoration: inherit; | |
width: 1em; | |
margin-right: .2em; | |
text-align: center; | |
/* opacity: .8; */ | |
/* For safety - reset parent styles, that can break glyph codes*/ | |
font-variant: normal; | |
text-transform: none; | |
/* fix buttons height, for twitter bootstrap */ | |
line-height: 1em; | |
/* Animation center compensation - margins should be symmetric */ | |
/* remove if not needed */ | |
margin-left: .2em; | |
/* you can be more comfortable with increased icons size */ | |
/* font-size: 120%; */ | |
/* Font smoothing. That was taken from TWBS */ | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
/* Uncomment for 3D effect */ | |
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ | |
} | |
.icon-large:before { | |
font-size: 3em; | |
} | |
.icon-huge:before { | |
font-size: 6em; | |
opacity: .3; | |
} | |
.animate-spin { | |
-moz-animation: spin 2s infinite linear; | |
-o-animation: spin 2s infinite linear; | |
-webkit-animation: spin 2s infinite linear; | |
animation: spin 2s infinite linear; | |
display: inline-block; | |
} | |
@-moz-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-webkit-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-o-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-ms-keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@keyframes spin { | |
0% { | |
-moz-transform: rotate(0deg); | |
-o-transform: rotate(0deg); | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-moz-transform: rotate(359deg); | |
-o-transform: rotate(359deg); | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
.icon-spinner:before { | |
content: '\e918'; | |
} | |
/* '' */ | |
.icon-note:before { | |
content: '\e800'; | |
} | |
/* '' */ | |
.icon-note-beamed:before { | |
content: '\e801'; | |
} | |
/* '' */ | |
.icon-music:before { | |
content: '\e802'; | |
} | |
/* '' */ | |
.icon-search:before { | |
content: '\e803'; | |
} | |
/* '' */ | |
.icon-flashlight:before { | |
content: '\e804'; | |
} | |
/* '' */ | |
.icon-mail:before { | |
content: '\e805'; | |
} | |
/* '' */ | |
.icon-heart:before { | |
content: '\e806'; | |
} | |
/* '' */ | |
.icon-heart-empty:before { | |
content: '\e807'; | |
} | |
/* '' */ | |
.icon-star:before { | |
content: '\e808'; | |
} | |
/* '' */ | |
.icon-star-empty:before { | |
content: '\e809'; | |
} | |
/* '' */ | |
.icon-user:before { | |
content: '\e80a'; | |
} | |
/* '' */ | |
.icon-users:before { | |
content: '\e80b'; | |
} | |
/* '' */ | |
.icon-user-add:before { | |
content: '\e80c'; | |
} | |
/* '' */ | |
.icon-video:before { | |
content: '\e80d'; | |
} | |
/* '' */ | |
.icon-picture:before { | |
content: '\e80e'; | |
} | |
/* '' */ | |
.icon-camera:before { | |
content: '\e80f'; | |
} | |
/* '' */ | |
.icon-layout:before { | |
content: '\e810'; | |
} | |
/* '' */ | |
.icon-menu:before { | |
content: '\e811'; | |
} | |
/* '' */ | |
.icon-cancel-squared:before { | |
content: '\e812'; | |
} | |
/* '' */ | |
.icon-plus:before { | |
content: '\e813'; | |
} | |
/* '' */ | |
.icon-plus-circled:before { | |
content: '\e814'; | |
} | |
/* '' */ | |
.icon-plus-squared:before { | |
content: '\e815'; | |
} | |
/* '' */ | |
.icon-minus:before { | |
content: '\e816'; | |
} | |
/* '' */ | |
.icon-minus-circled:before { | |
content: '\e817'; | |
} | |
/* '' */ | |
.icon-minus-squared:before { | |
content: '\e818'; | |
} | |
/* '' */ | |
.icon-help:before { | |
content: '\e819'; | |
} | |
/* '' */ | |
.icon-help-circled:before { | |
content: '\e81a'; | |
} | |
/* '' */ | |
.icon-info:before { | |
content: '\e81b'; | |
} | |
/* '' */ | |
.icon-info-circled:before { | |
content: '\e81c'; | |
} | |
/* '' */ | |
.icon-back:before { | |
content: '\e81d'; | |
} | |
/* '' */ | |
.icon-home:before { | |
content: '\e81e'; | |
} | |
/* '' */ | |
.icon-link:before { | |
content: '\e81f'; | |
} | |
/* '' */ | |
.icon-attach:before { | |
content: '\e820'; | |
} | |
/* '' */ | |
.icon-asterisk-1:before { | |
content: '\e822'; | |
} | |
/* '' */ | |
.icon-eye:before { | |
content: '\e823'; | |
} | |
/* '' */ | |
.icon-tag:before { | |
content: '\e824'; | |
} | |
/* '' */ | |
.icon-bookmark:before { | |
content: '\e825'; | |
} | |
/* '' */ | |
.icon-bookmarks:before { | |
content: '\e826'; | |
} | |
/* '' */ | |
.icon-flag:before { | |
content: '\e827'; | |
} | |
/* '' */ | |
.icon-thumbs-up:before { | |
content: '\e828'; | |
} | |
/* '' */ | |
.icon-thumbs-down:before { | |
content: '\e829'; | |
} | |
/* '' */ | |
.icon-download:before { | |
content: '\e82a'; | |
} | |
/* '' */ | |
.icon-upload:before { | |
content: '\e82b'; | |
} | |
/* '' */ | |
.icon-upload-cloud:before { | |
content: '\e82c'; | |
} | |
/* '' */ | |
.icon-reply:before { | |
content: '\e82d'; | |
} | |
/* '' */ | |
.icon-reply-all:before { | |
content: '\e82e'; | |
} | |
/* '' */ | |
.icon-forward:before { | |
content: '\e82f'; | |
} | |
/* '' */ | |
.icon-quote:before { | |
content: '\e830'; | |
} | |
/* '' */ | |
.icon-code:before { | |
content: '\e831'; | |
} | |
/* '' */ | |
.icon-export:before { | |
content: '\e832'; | |
} | |
/* '' */ | |
.icon-pencil:before { | |
content: '\e833'; | |
} | |
/* '' */ | |
.icon-feather:before { | |
content: '\e834'; | |
} | |
/* '' */ | |
.icon-print:before { | |
content: '\e835'; | |
} | |
/* '' */ | |
.icon-retweet:before { | |
content: '\e836'; | |
} | |
/* '' */ | |
.icon-keyboard:before { | |
content: '\e837'; | |
} | |
/* '' */ | |
.icon-comment:before { | |
content: '\e838'; | |
} | |
/* '' */ | |
.icon-chat:before { | |
content: '\e839'; | |
} | |
/* '' */ | |
.icon-bell:before { | |
content: '\e83a'; | |
} | |
/* '' */ | |
.icon-attention:before { | |
content: '\e83b'; | |
} | |
/* '' */ | |
.icon-alert:before { | |
content: '\e83c'; | |
} | |
/* '' */ | |
.icon-vcard:before { | |
content: '\e83d'; | |
} | |
/* '' */ | |
.icon-address:before { | |
content: '\e83e'; | |
} | |
/* '' */ | |
.icon-location:before { | |
content: '\e83f'; | |
} | |
/* '' */ | |
.icon-map:before { | |
content: '\e840'; | |
} | |
/* '' */ | |
.icon-direction:before { | |
content: '\e841'; | |
} | |
/* '' */ | |
.icon-compass:before { | |
content: '\e842'; | |
} | |
/* '' */ | |
.icon-cup:before { | |
content: '\e843'; | |
} | |
/* '' */ | |
.icon-doc:before { | |
content: '\e844'; | |
} | |
/* '' */ | |
.icon-docs:before { | |
content: '\e845'; | |
} | |
/* '' */ | |
.icon-doc-landscape:before { | |
content: '\e846'; | |
} | |
/* '' */ | |
.icon-doc-text:before { | |
content: '\e847'; | |
} | |
/* '' */ | |
.icon-doc-text-inv:before { | |
content: '\e848'; | |
} | |
/* '' */ | |
.icon-newspaper:before { | |
content: '\e849'; | |
} | |
/* '' */ | |
.icon-book-open:before { | |
content: '\e84a'; | |
} | |
/* '' */ | |
.icon-book:before { | |
content: '\e84b'; | |
} | |
/* '' */ | |
.icon-folder:before { | |
content: '\e84c'; | |
} | |
/* '' */ | |
.icon-archive:before { | |
content: '\e84d'; | |
} | |
/* '' */ | |
.icon-box:before { | |
content: '\e84e'; | |
} | |
/* '' */ | |
.icon-rss:before { | |
content: '\e84f'; | |
} | |
/* '' */ | |
.icon-phone:before { | |
content: '\e850'; | |
} | |
/* '' */ | |
.icon-cog:before { | |
content: '\e851'; | |
} | |
/* '' */ | |
.icon-tools:before { | |
content: '\e852'; | |
} | |
/* '' */ | |
.icon-share:before { | |
content: '\e853'; | |
} | |
/* '' */ | |
.icon-shareable:before { | |
content: '\e854'; | |
} | |
/* '' */ | |
.icon-basket:before { | |
content: '\e855'; | |
} | |
/* '' */ | |
.icon-bag:before { | |
content: '\e856'; | |
} | |
/* '' */ | |
.icon-calendar:before { | |
content: '\e857'; | |
} | |
/* '' */ | |
.icon-login:before { | |
content: '\e858'; | |
} | |
/* '' */ | |
.icon-logout:before { | |
content: '\e859'; | |
} | |
/* '' */ | |
.icon-mic:before { | |
content: '\e85a'; | |
} | |
/* '' */ | |
.icon-mute:before { | |
content: '\e85b'; | |
} | |
/* '' */ | |
.icon-sound:before { | |
content: '\e85c'; | |
} | |
/* '' */ | |
.icon-volume:before { | |
content: '\e85d'; | |
} | |
/* '' */ | |
.icon-clock:before { | |
content: '\e85e'; | |
} | |
/* '' */ | |
.icon-hourglass:before { | |
content: '\e85f'; | |
} | |
/* '' */ | |
.icon-lamp:before { | |
content: '\e860'; | |
} | |
/* '' */ | |
.icon-light-down:before { | |
content: '\e861'; | |
} | |
/* '' */ | |
.icon-light-up:before { | |
content: '\e862'; | |
} | |
/* '' */ | |
.icon-adjust:before { | |
content: '\e863'; | |
} | |
/* '' */ | |
.icon-block:before { | |
content: '\e864'; | |
} | |
/* '' */ | |
.icon-resize-full:before { | |
content: '\e865'; | |
} | |
/* '' */ | |
.icon-resize-small:before { | |
content: '\e866'; | |
} | |
/* '' */ | |
.icon-popup:before { | |
content: '\e867'; | |
} | |
/* '' */ | |
.icon-publish:before { | |
content: '\e868'; | |
} | |
/* '' */ | |
.icon-window:before { | |
content: '\e869'; | |
} | |
/* '' */ | |
.icon-arrow-combo:before { | |
content: '\e86a'; | |
} | |
/* '' */ | |
.icon-down-circled:before { | |
content: '\e86b'; | |
} | |
/* '' */ | |
.icon-left-circled:before { | |
content: '\e86c'; | |
} | |
/* '' */ | |
.icon-right-circled:before { | |
content: '\e86d'; | |
} | |
/* '' */ | |
.icon-up-circled:before { | |
content: '\e86e'; | |
} | |
/* '' */ | |
.icon-down-open:before { | |
content: '\e86f'; | |
} | |
/* '' */ | |
.icon-left-open:before { | |
content: '\e870'; | |
} | |
/* '' */ | |
.icon-right-open:before { | |
content: '\e871'; | |
} | |
/* '' */ | |
.icon-up-open:before { | |
content: '\e872'; | |
} | |
/* '' */ | |
.icon-down-open-mini:before { | |
content: '\e873'; | |
} | |
/* '' */ | |
.icon-left-open-mini:before { | |
content: '\e874'; | |
} | |
/* '' */ | |
.icon-right-open-mini:before { | |
content: '\e875'; | |
} | |
/* '' */ | |
.icon-up-open-mini:before { | |
content: '\e876'; | |
} | |
/* '' */ | |
.icon-down-open-big:before { | |
content: '\e877'; | |
} | |
/* '' */ | |
.icon-left-open-big:before { | |
content: '\e878'; | |
} | |
/* '' */ | |
.icon-right-open-big:before { | |
content: '\e879'; | |
} | |
/* '' */ | |
.icon-up-open-big:before { | |
content: '\e87a'; | |
} | |
/* '' */ | |
.icon-down:before { | |
content: '\e87b'; | |
} | |
/* '' */ | |
.icon-left:before { | |
content: '\e87c'; | |
} | |
/* '' */ | |
.icon-right:before { | |
content: '\e87d'; | |
} | |
/* '' */ | |
.icon-up:before { | |
content: '\e87e'; | |
} | |
/* '' */ | |
.icon-down-dir:before { | |
content: '\e87f'; | |
} | |
/* '' */ | |
.icon-left-dir:before { | |
content: '\e880'; | |
} | |
/* '' */ | |
.icon-right-dir:before { | |
content: '\e881'; | |
} | |
/* '' */ | |
.icon-up-dir:before { | |
content: '\e882'; | |
} | |
/* '' */ | |
.icon-down-bold:before { | |
content: '\e883'; | |
} | |
/* '' */ | |
.icon-left-bold:before { | |
content: '\e884'; | |
} | |
/* '' */ | |
.icon-right-bold:before { | |
content: '\e885'; | |
} | |
/* '' */ | |
.icon-up-bold:before { | |
content: '\e886'; | |
} | |
/* '' */ | |
.icon-down-thin:before { | |
content: '\e887'; | |
} | |
/* '' */ | |
.icon-left-thin:before { | |
content: '\e888'; | |
} | |
/* '' */ | |
.icon-right-thin:before { | |
content: '\e889'; | |
} | |
/* '' */ | |
.icon-up-thin:before { | |
content: '\e88a'; | |
} | |
/* '' */ | |
.icon-ccw:before { | |
content: '\e88b'; | |
} | |
/* '' */ | |
.icon-cw:before { | |
content: '\e88c'; | |
} | |
/* '' */ | |
.icon-arrows-ccw:before { | |
content: '\e88d'; | |
} | |
/* '' */ | |
.icon-level-down:before { | |
content: '\e88e'; | |
} | |
/* '' */ | |
.icon-level-up:before { | |
content: '\e88f'; | |
} | |
/* '' */ | |
.icon-shuffle:before { | |
content: '\e890'; | |
} | |
/* '' */ | |
.icon-loop:before { | |
content: '\e891'; | |
} | |
/* '' */ | |
.icon-switch:before { | |
content: '\e892'; | |
} | |
/* '' */ | |
.icon-play:before { | |
content: '\e893'; | |
} | |
/* '' */ | |
.icon-stop:before { | |
content: '\e894'; | |
} | |
/* '' */ | |
.icon-pause:before { | |
content: '\e895'; | |
} | |
/* '' */ | |
.icon-record:before { | |
content: '\e896'; | |
} | |
/* '' */ | |
.icon-to-end:before { | |
content: '\e897'; | |
} | |
/* '' */ | |
.icon-to-start:before { | |
content: '\e898'; | |
} | |
/* '' */ | |
.icon-fast-forward:before { | |
content: '\e899'; | |
} | |
/* '' */ | |
.icon-fast-backward:before { | |
content: '\e89a'; | |
} | |
/* '' */ | |
.icon-progress-0:before { | |
content: '\e89b'; | |
} | |
/* '' */ | |
.icon-progress-1:before { | |
content: '\e89c'; | |
} | |
/* '' */ | |
.icon-progress-2:before { | |
content: '\e89d'; | |
} | |
/* '' */ | |
.icon-progress-3:before { | |
content: '\e89e'; | |
} | |
/* '' */ | |
.icon-target:before { | |
content: '\e89f'; | |
} | |
/* '' */ | |
.icon-palette:before { | |
content: '\e8a0'; | |
} | |
/* '' */ | |
.icon-list:before { | |
content: '\e8a1'; | |
} | |
/* '' */ | |
.icon-list-add:before { | |
content: '\e8a2'; | |
} | |
/* '' */ | |
.icon-signal:before { | |
content: '\e8a3'; | |
} | |
/* '' */ | |
.icon-trophy:before { | |
content: '\e8a4'; | |
} | |
/* '' */ | |
.icon-battery:before { | |
content: '\e8a5'; | |
} | |
/* '' */ | |
.icon-back-in-time:before { | |
content: '\e8a6'; | |
} | |
/* '' */ | |
.icon-monitor:before { | |
content: '\e8a7'; | |
} | |
/* '' */ | |
.icon-mobile:before { | |
content: '\e8a8'; | |
} | |
/* '' */ | |
.icon-network:before { | |
content: '\e8a9'; | |
} | |
/* '' */ | |
.icon-cd:before { | |
content: '\e8aa'; | |
} | |
/* '' */ | |
.icon-inbox:before { | |
content: '\e8ab'; | |
} | |
/* '' */ | |
.icon-install:before { | |
content: '\e8ac'; | |
} | |
/* '' */ | |
.icon-globe:before { | |
content: '\e8ad'; | |
} | |
/* '' */ | |
.icon-cloud:before { | |
content: '\e8ae'; | |
} | |
/* '' */ | |
.icon-cloud-thunder:before { | |
content: '\e8af'; | |
} | |
/* '' */ | |
.icon-flash:before { | |
content: '\e8b0'; | |
} | |
/* '' */ | |
.icon-moon:before { | |
content: '\e8b1'; | |
} | |
/* '' */ | |
.icon-flight:before { | |
content: '\e8b2'; | |
} | |
/* '' */ | |
.icon-paper-plane:before { | |
content: '\e8b3'; | |
} | |
/* '' */ | |
.icon-leaf:before { | |
content: '\e8b4'; | |
} | |
/* '' */ | |
.icon-lifebuoy:before { | |
content: '\e8b5'; | |
} | |
/* '' */ | |
.icon-mouse:before { | |
content: '\e8b6'; | |
} | |
/* '' */ | |
.icon-briefcase:before { | |
content: '\e8b7'; | |
} | |
/* '' */ | |
.icon-suitcase:before { | |
content: '\e8b8'; | |
} | |
/* '' */ | |
.icon-dot:before { | |
content: '\e8b9'; | |
} | |
/* '' */ | |
.icon-dot-2:before { | |
content: '\e8ba'; | |
} | |
/* '' */ | |
.icon-dot-3:before { | |
content: '\e8bb'; | |
} | |
/* '' */ | |
.icon-brush:before { | |
content: '\e8bc'; | |
} | |
/* '' */ | |
.icon-magnet:before { | |
content: '\e8bd'; | |
} | |
/* '' */ | |
.icon-infinity:before { | |
content: '\e8be'; | |
} | |
/* '' */ | |
.icon-erase:before { | |
content: '\e8bf'; | |
} | |
/* '' */ | |
.icon-chart-pie:before { | |
content: '\e8c0'; | |
} | |
/* '' */ | |
.icon-chart-line:before { | |
content: '\e8c1'; | |
} | |
/* '' */ | |
.icon-chart-bar:before { | |
content: '\e8c2'; | |
} | |
/* '' */ | |
.icon-chart-area:before { | |
content: '\e8c3'; | |
} | |
/* '' */ | |
.icon-tape:before { | |
content: '\e8c4'; | |
} | |
/* '' */ | |
.icon-graduation-cap:before { | |
content: '\e8c5'; | |
} | |
/* '' */ | |
.icon-language:before { | |
content: '\e8c6'; | |
} | |
/* '' */ | |
.icon-ticket:before { | |
content: '\e8c7'; | |
} | |
/* '' */ | |
.icon-water:before { | |
content: '\e8c8'; | |
} | |
/* '' */ | |
.icon-droplet:before { | |
content: '\e8c9'; | |
} | |
/* '' */ | |
.icon-air:before { | |
content: '\e8ca'; | |
} | |
/* '' */ | |
.icon-floppy:before { | |
content: '\e8cb'; | |
} | |
/* '' */ | |
.icon-clipboard:before { | |
content: '\e8cc'; | |
} | |
/* '' */ | |
.icon-megaphone:before { | |
content: '\e8cd'; | |
} | |
/* '' */ | |
.icon-database:before { | |
content: '\e8ce'; | |
} | |
/* '' */ | |
.icon-drive:before { | |
content: '\e8cf'; | |
} | |
/* '' */ | |
.icon-bucket:before { | |
content: '\e8d0'; | |
} | |
/* '' */ | |
.icon-thermometer:before { | |
content: '\e8d1'; | |
} | |
/* '' */ | |
.icon-key:before { | |
content: '\e8d2'; | |
} | |
/* '' */ | |
.icon-flow-cascade:before { | |
content: '\e8d3'; | |
} | |
/* '' */ | |
.icon-flow-branch:before { | |
content: '\e8d4'; | |
} | |
/* '' */ | |
.icon-flow-tree:before { | |
content: '\e8d5'; | |
} | |
/* '' */ | |
.icon-flow-line:before { | |
content: '\e8d6'; | |
} | |
/* '' */ | |
.icon-flow-parallel:before { | |
content: '\e8d7'; | |
} | |
/* '' */ | |
.icon-rocket:before { | |
content: '\e8d8'; | |
} | |
/* '' */ | |
.icon-gauge:before { | |
content: '\e8d9'; | |
} | |
/* '' */ | |
.icon-traffic-cone:before { | |
content: '\e8da'; | |
} | |
/* '' */ | |
.icon-cc:before { | |
content: '\e8db'; | |
} | |
/* '' */ | |
.icon-cc-by:before { | |
content: '\e8dc'; | |
} | |
/* '' */ | |
.icon-cc-nc:before { | |
content: '\e8dd'; | |
} | |
/* '' */ | |
.icon-cc-nc-eu:before { | |
content: '\e8de'; | |
} | |
/* '' */ | |
.icon-cc-nc-jp:before { | |
content: '\e8df'; | |
} | |
/* '' */ | |
.icon-cc-sa:before { | |
content: '\e8e0'; | |
} | |
/* '' */ | |
.icon-cc-nd:before { | |
content: '\e8e1'; | |
} | |
/* '' */ | |
.icon-cc-pd:before { | |
content: '\e8e2'; | |
} | |
/* '' */ | |
.icon-cc-zero:before { | |
content: '\e8e3'; | |
} | |
/* '' */ | |
.icon-cc-share:before { | |
content: '\e8e4'; | |
} | |
/* '' */ | |
.icon-cc-remix:before { | |
content: '\e8e5'; | |
} | |
/* '' */ | |
.icon-github:before { | |
content: '\e8e6'; | |
} | |
/* '' */ | |
.icon-github-circled:before { | |
content: '\e8e7'; | |
} | |
/* '' */ | |
.icon-flickr:before { | |
content: '\e8e8'; | |
} | |
/* '' */ | |
.icon-flickr-circled:before { | |
content: '\e8e9'; | |
} | |
/* '' */ | |
.icon-vimeo:before { | |
content: '\e8ea'; | |
} | |
/* '' */ | |
.icon-vimeo-circled:before { | |
content: '\e8eb'; | |
} | |
/* '' */ | |
.icon-twitter:before { | |
content: '\e8ec'; | |
} | |
/* '' */ | |
.icon-twitter-circled:before { | |
content: '\e8ed'; | |
} | |
/* '' */ | |
.icon-facebook:before { | |
content: '\e8ee'; | |
} | |
/* '' */ | |
.icon-facebook-circled:before { | |
content: '\e8ef'; | |
} | |
/* '' */ | |
.icon-facebook-squared:before { | |
content: '\e8f0'; | |
} | |
/* '' */ | |
.icon-gplus:before { | |
content: '\e8f1'; | |
} | |
/* '' */ | |
.icon-gplus-circled:before { | |
content: '\e8f2'; | |
} | |
/* '' */ | |
.icon-pinterest:before { | |
content: '\e8f3'; | |
} | |
/* '' */ | |
.icon-pinterest-circled:before { | |
content: '\e8f4'; | |
} | |
/* '' */ | |
.icon-tumblr:before { | |
content: '\e8f5'; | |
} | |
/* '' */ | |
.icon-tumblr-circled:before { | |
content: '\e8f6'; | |
} | |
/* '' */ | |
.icon-linkedin:before { | |
content: '\e8f7'; | |
} | |
/* '' */ | |
.icon-linkedin-circled:before { | |
content: '\e8f8'; | |
} | |
/* '' */ | |
.icon-dribbble:before { | |
content: '\e8f9'; | |
} | |
/* '' */ | |
.icon-dribbble-circled:before { | |
content: '\e8fa'; | |
} | |
/* '' */ | |
.icon-stumbleupon:before { | |
content: '\e8fb'; | |
} | |
/* '' */ | |
.icon-stumbleupon-circled:before { | |
content: '\e8fc'; | |
} | |
/* '' */ | |
.icon-lastfm:before { | |
content: '\e8fd'; | |
} | |
/* '' */ | |
.icon-lastfm-circled:before { | |
content: '\e8fe'; | |
} | |
/* '' */ | |
.icon-rdio:before { | |
content: '\e8ff'; | |
} | |
/* '' */ | |
.icon-rdio-circled:before { | |
content: '\e900'; | |
} | |
/* '' */ | |
.icon-spotify:before { | |
content: '\e901'; | |
} | |
/* '' */ | |
.icon-spotify-circled:before { | |
content: '\e902'; | |
} | |
/* '' */ | |
.icon-qq:before { | |
content: '\e903'; | |
} | |
/* '' */ | |
.icon-dropbox:before { | |
content: '\e905'; | |
} | |
/* '' */ | |
.icon-evernote:before { | |
content: '\e906'; | |
} | |
/* '' */ | |
.icon-flattr:before { | |
content: '\e907'; | |
} | |
/* '' */ | |
.icon-skype:before { | |
content: '\e908'; | |
} | |
/* '' */ | |
.icon-skype-circled:before { | |
content: '\e909'; | |
} | |
/* '' */ | |
.icon-renren:before { | |
content: '\e90a'; | |
} | |
/* '' */ | |
.icon-sina-weibo:before { | |
content: '\e90b'; | |
} | |
/* '' */ | |
.icon-paypal:before { | |
content: '\e90c'; | |
} | |
/* '' */ | |
.icon-picasa:before { | |
content: '\e90d'; | |
} | |
/* '' */ | |
.icon-soundcloud:before { | |
content: '\e90e'; | |
} | |
/* '' */ | |
.icon-mixi:before { | |
content: '\e90f'; | |
} | |
/* '' */ | |
.icon-behance:before { | |
content: '\e910'; | |
} | |
/* '' */ | |
.icon-google-circles:before { | |
content: '\e911'; | |
} | |
/* '' */ | |
.icon-vkontakte:before { | |
content: '\e912'; | |
} | |
/* '' */ | |
.icon-smashing:before { | |
content: '\e913'; | |
} | |
/* '' */ | |
.icon-sweden:before { | |
content: '\e914'; | |
} | |
/* '' */ | |
.icon-db-shape:before { | |
content: '\e915'; | |
} | |
/* '' */ | |
.icon-logo-db:before { | |
content: '\e916'; | |
} | |
/* '' */ | |
.icon-trash:before { | |
content: '\e917'; | |
} | |
/* '' */ | |
.icon-spin4:before { | |
content: '\e918'; | |
} | |
/* '' */ | |
.icon-check:before { | |
content: '\e919'; | |
} | |
/* '' */ | |
.icon-cancel-1:before { | |
content: '\e91a'; | |
} | |
/* '' */ | |
.icon-cancel-circled:before { | |
content: '\e91b'; | |
} | |
/* '' */ | |
.icon-cc-number:before { | |
content: '\e924'; | |
} | |
/* '' */ | |
.icon-cc-visa:before { | |
content: '\e91c'; | |
} | |
/* '' */ | |
.icon-cc-mastercard:before { | |
content: '\e91d'; | |
} | |
/* '' */ | |
.icon-cc-master-card:before { | |
content: '\e91d'; | |
} | |
/* '' */ | |
.icon-cc-discover:before { | |
content: '\e91e'; | |
} | |
/* '' */ | |
.icon-cc-amex:before { | |
content: '\e91f'; | |
} | |
/* '' */ | |
.icon-cc-american-express:before { | |
content: '\e91f'; | |
} | |
/* '' */ | |
.icon-cc-paypal:before { | |
content: '\e920'; | |
} | |
/* '' */ | |
.icon-cc-stripe:before { | |
content: '\e921'; | |
} | |
/* '' */ | |
.icon-raisely:before { | |
content: '\e922'; | |
} | |
/* '' */ | |
.icon-cc-cvc:before { | |
content: '\e923'; | |
} | |
/* '' */ | |
.icon-spin1:before { | |
content: '\e925'; | |
} | |
/* '' */ | |
.icon-spin2:before { | |
content: '\e926'; | |
} | |
/* '' */ | |
.icon-cancel:before { | |
content: '\e927'; | |
} | |
/* '' */ | |
.icon-font:before { | |
content: '\e928'; | |
} | |
/* '' */ | |
.icon-bold:before { | |
content: '\e929'; | |
} | |
/* '' */ | |
.icon-italic:before { | |
content: '\e92a'; | |
} | |
/* '' */ | |
.icon-text-height:before { | |
content: '\e92b'; | |
} | |
/* '' */ | |
.icon-text-width:before { | |
content: '\e92c'; | |
} | |
/* '' */ | |
.icon-align-left:before { | |
content: '\e92d'; | |
} | |
/* '' */ | |
.icon-align-center:before { | |
content: '\e92e'; | |
} | |
/* '' */ | |
.icon-align-right:before { | |
content: '\e92f'; | |
} | |
/* '' */ | |
.icon-align-justify:before { | |
content: '\e930'; | |
} | |
/* '' */ | |
.icon-scissors:before { | |
content: '\e931'; | |
} | |
/* '' */ | |
.icon-adjust-1:before { | |
content: '\e932'; | |
} | |
/* '' */ | |
.icon-check-1:before { | |
content: '\e933'; | |
} | |
/* '' */ | |
.icon-star-half:before { | |
content: '\e934'; | |
} | |
/* '' */ | |
.icon-lock-1:before { | |
content: '\e935'; | |
} | |
/* '' */ | |
.icon-lock-open-1:before { | |
content: '\e936'; | |
} | |
/* '' */ | |
.icon-check-empty:before { | |
content: '\f096'; | |
} | |
/* '' */ | |
.icon-docs-1:before { | |
content: '\f0c5'; | |
} | |
/* '' */ | |
.icon-list-bullet:before { | |
content: '\f0ca'; | |
} | |
/* '' */ | |
.icon-list-numbered:before { | |
content: '\f0cb'; | |
} | |
/* '' */ | |
.icon-strike:before { | |
content: '\f0cc'; | |
} | |
/* '' */ | |
.icon-underline:before { | |
content: '\f0cd'; | |
} | |
/* '' */ | |
.icon-table:before { | |
content: '\f0ce'; | |
} | |
/* '' */ | |
.icon-gplus-squared:before { | |
content: '\f0d4'; | |
} | |
/* '' */ | |
.icon-money:before { | |
content: '\f0d6'; | |
} | |
/* '' */ | |
.icon-linkedin-1:before { | |
content: '\f0e1'; | |
} | |
/* '' */ | |
.icon-github-1:before { | |
content: '\f113'; | |
} | |
/* '' */ | |
.icon-star-half-alt:before { | |
content: '\f123'; | |
} | |
/* '' */ | |
.icon-crop:before { | |
content: '\f125'; | |
} | |
/* '' */ | |
.icon-superscript:before { | |
content: '\f12b'; | |
} | |
/* '' */ | |
.icon-subscript:before { | |
content: '\f12c'; | |
} | |
/* '' */ | |
.icon-lock-open-alt:before { | |
content: '\f13e'; | |
} | |
/* '' */ | |
.icon-instagram:before { | |
content: '\f16d'; | |
} | |
/* '' */ | |
.icon-apple:before { | |
content: '\f179'; | |
} | |
/* '' */ | |
.icon-google:before { | |
content: '\f1a0'; | |
} | |
/* '' */ | |
.icon-paragraph:before { | |
content: '\f1dd'; | |
} | |
/* '' */ | |
.icon-facebook-official:before { | |
content: '\f230'; | |
} | |
/* '' */ | |
.icon-hashtag:before { | |
content: '\f292'; | |
} | |
/* '' */ | |
.icon-snapchat:before { | |
content: '\f2ab'; | |
} | |
/* '' */ | |
.icon-snapchat-ghost:before { | |
content: '\f2ac'; | |
} | |
/* '' */ | |
.icon-snapchat-square:before { | |
content: '\f2ad'; | |
} | |
/* '' */ | |
.icon-facebook-squared-1:before { | |
content: '\f308'; | |
} | |
/* '' */ | |
.icon-linkedin-squared:before { | |
content: '\f30c'; | |
} | |
/* '' */ | |
form { | |
display: block; | |
clear: both; | |
margin: 0; | |
} | |
fieldset { | |
display: block; | |
padding: 0; | |
margin: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
margin: 0 0 1em 0; | |
font-weight: bold; | |
border-bottom: 1px solid #e1e6e7; | |
} | |
select, | |
textarea, | |
input[type="text"], | |
input[type="password"], | |
input[type="datetime"], | |
input[type="datetime-local"], | |
input[type="date"], | |
input[type="month"], | |
input[type="time"], | |
input[type="week"], | |
input[type="number"], | |
input[type="email"], | |
input[type="url"], | |
input[type="search"], | |
input[type="tel"], | |
input[type="image"], | |
input[type="color"] { | |
display: block; | |
padding: 0.5rem; | |
margin: 0 0 .5rem; | |
vertical-align: middle; | |
outline: none; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-size: 1.2em; | |
-webkit-appearance: none; | |
border-width: 1px; | |
border-style: solid; | |
border-radius: 0; | |
background-color: white; | |
border-color: #c5ced0; | |
} | |
select:hover, | |
textarea:hover, | |
input[type="text"]:hover, | |
input[type="password"]:hover, | |
input[type="datetime"]:hover, | |
input[type="datetime-local"]:hover, | |
input[type="date"]:hover, | |
input[type="month"]:hover, | |
input[type="time"]:hover, | |
input[type="week"]:hover, | |
input[type="number"]:hover, | |
input[type="email"]:hover, | |
input[type="url"]:hover, | |
input[type="search"]:hover, | |
input[type="tel"]:hover, | |
input[type="image"]:hover, | |
input[type="color"]:hover, | |
select:focus, | |
textarea:focus, | |
input[type="text"]:focus, | |
input[type="password"]:focus, | |
input[type="datetime"]:focus, | |
input[type="datetime-local"]:focus, | |
input[type="date"]:focus, | |
input[type="month"]:focus, | |
input[type="time"]:focus, | |
input[type="week"]:focus, | |
input[type="number"]:focus, | |
input[type="email"]:focus, | |
input[type="url"]:focus, | |
input[type="search"]:focus, | |
input[type="tel"]:focus, | |
input[type="image"]:focus, | |
input[type="color"]:focus { | |
border-color: #70878c; | |
} | |
select.input-full, | |
textarea.input-full, | |
input[type="text"].input-full, | |
input[type="password"].input-full, | |
input[type="datetime"].input-full, | |
input[type="datetime-local"].input-full, | |
input[type="date"].input-full, | |
input[type="month"].input-full, | |
input[type="time"].input-full, | |
input[type="week"].input-full, | |
input[type="number"].input-full, | |
input[type="email"].input-full, | |
input[type="url"].input-full, | |
input[type="search"].input-full, | |
input[type="tel"].input-full, | |
input[type="image"].input-full, | |
input[type="color"].input-full { | |
width: 100%; | |
} | |
select.input-large, | |
textarea.input-large, | |
input[type="text"].input-large, | |
input[type="password"].input-large, | |
input[type="datetime"].input-large, | |
input[type="datetime-local"].input-large, | |
input[type="date"].input-large, | |
input[type="month"].input-large, | |
input[type="time"].input-large, | |
input[type="week"].input-large, | |
input[type="number"].input-large, | |
input[type="email"].input-large, | |
input[type="url"].input-large, | |
input[type="search"].input-large, | |
input[type="tel"].input-large, | |
input[type="image"].input-large, | |
input[type="color"].input-large { | |
font-size: 2em; | |
} | |
select.input-inline, | |
textarea.input-inline, | |
input[type="text"].input-inline, | |
input[type="password"].input-inline, | |
input[type="datetime"].input-inline, | |
input[type="datetime-local"].input-inline, | |
input[type="date"].input-inline, | |
input[type="month"].input-inline, | |
input[type="time"].input-inline, | |
input[type="week"].input-inline, | |
input[type="number"].input-inline, | |
input[type="email"].input-inline, | |
input[type="url"].input-inline, | |
input[type="search"].input-inline, | |
input[type="tel"].input-inline, | |
input[type="image"].input-inline, | |
input[type="color"].input-inline { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
padding: 0; | |
margin: 0; | |
vertical-align: bottom; | |
border: 0; | |
font-size: 1em; | |
background: transparent; | |
font-weight: bold; | |
color: #38393b; | |
} | |
select { | |
position: relative; | |
} | |
select:after { | |
content: '\e877'; | |
display: block; | |
position: absolute; | |
top: 0; | |
right: 0; | |
width: 1em; | |
margin-right: .2em; | |
line-height: 1em; | |
color: #e33e55; | |
text-align: center; | |
font-family: "entypo"; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
speak: none; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.select-inline { | |
margin: 0 0 1em 0; | |
line-height: 1em; | |
font-size: .8em; | |
} | |
.select-inline .form-field { | |
display: inline-block; | |
} | |
.select-inline select, | |
.select-inline select.input-inline { | |
font-size: 1em; | |
line-height: 1em; | |
height: 1.2em; | |
padding: 0; | |
border: 0; | |
display: inline-block; | |
} | |
.form-field { | |
position: relative; | |
padding-top: 1em; | |
margin-bottom: .5em; | |
background: white; | |
color: #38393b; | |
border: 1px #e1e6e7 solid; | |
} | |
.form-field span { | |
padding: 0; | |
margin: 0; | |
height: 1em; | |
} | |
.form-field label { | |
font-size: .8em; | |
font-weight: 500; | |
margin: 0; | |
text-align: left; | |
display: block; | |
color: #9c9c9c; | |
position: absolute; | |
top: 0; | |
z-index: 2; | |
padding: .1rem .5rem; | |
transition: all 200ms ease; | |
} | |
.form-field input, | |
.form-field textarea, | |
.form-field select { | |
background: transparent; | |
border: 0; | |
margin: 0; | |
width: 100%; | |
} | |
.form-field .input-group { | |
border: 0; | |
margin-bottom: 0; | |
} | |
.form-field .input-group input, | |
.form-field .input-group textarea, | |
.form-field .input-group select { | |
margin: 0; | |
} | |
.form-field.form-field-empty label { | |
color: #060607; | |
} | |
.form-field.form-field-textarea { | |
padding-top: 1.5em; | |
} | |
.form-field.form-field-textarea textarea { | |
padding-top: 0; | |
padding-bottom: 0; | |
} | |
.form-field.form-field-file .progress { | |
position: absolute; | |
left: 0; | |
top: -1em; | |
margin-top: 1px; | |
background: #e1e6e7; | |
} | |
.form-field.form-field-file .button-small { | |
font-size: .7rem; | |
width: 10em; | |
margin: 0 .7em 0 0; | |
} | |
.form-field.form-field-file input[disabled] { | |
color: #767676; | |
} | |
.form-field.form-field-hidden, | |
.form-field.form-field-select-inline, | |
.form-field.form-field-checkbox, | |
.form-field.form-field-rich-description { | |
padding: 0; | |
border: 0; | |
} | |
.form-field.form-field-rich-description { | |
text-align: left; | |
padding-bottom: 0.5em; | |
} | |
.form-field.form-field-rich-description label { | |
display: none; | |
} | |
.form-field.form-field-alert, | |
.form-field .form-field-alert { | |
border-color: #e33e55; | |
} | |
.form-field.form-field-alert label, | |
.form-field .form-field-alert label { | |
color: #e33e55; | |
} | |
.form-field.form-field-checkbox label { | |
font-size: 1em; | |
margin-bottom: .5rem; | |
position: relative; | |
padding: 0; | |
} | |
.form-field.form-field-checkbox label input { | |
float: left; | |
display: inline-block; | |
margin: .4em .4em 0 0; | |
width: auto; | |
} | |
.form-field.form-field-checkbox label .form-field-select-inline { | |
display: inline-block; | |
padding: 0; | |
border: 0; | |
margin-bottom: 0; | |
} | |
.form-field.form-field-checkbox label .form-field-select-inline label { | |
display: none; | |
} | |
.form-field.form-field-checkbox label .form-field-select-inline select, | |
.form-field.form-field-checkbox label .form-field-select-inline select.input-inline { | |
font-size: 1em; | |
line-height: 1em; | |
height: 1.5em; | |
} | |
.form-field.form-field-opt-in label { | |
font-weight: normal; | |
} | |
.form-field.form-field-select select, | |
.form-field.form-field-select-currency select, | |
.form-field.form-field-select-country select { | |
width: 100%; | |
} | |
.form-field.form-field-select:before, | |
.form-field.form-field-select-currency:before, | |
.form-field.form-field-select-country:before { | |
content: '\e83b'; | |
display: block; | |
position: absolute; | |
top: .2em; | |
right: .2em; | |
width: 1em; | |
margin-right: .2em; | |
line-height: 1em; | |
text-align: center; | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
speak: none; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
top: 1.5em; | |
right: .5em; | |
content: '\e877'; | |
} | |
.form-field.form-field-date > div { | |
height: 2.4em; | |
} | |
.form-field.form-field-card_number .StripeElement, | |
.form-field.form-field-card_expiry .StripeElement, | |
.form-field.form-field-card_cvc .StripeElement { | |
padding: .6em 0 .45em .5em; | |
} | |
.form-field.form-field-card_number .input-prepend, | |
.form-field.form-field-card_expiry .input-prepend, | |
.form-field.form-field-card_cvc .input-prepend { | |
padding-top: .5em; | |
} | |
.field-header { | |
text-align: left; | |
margin: 2em 0 0; | |
} | |
.form-field-half { | |
float: left; | |
width: 48.75%; | |
position: relative; | |
} | |
.form-field-half:last-child { | |
margin-left: 2.5%; | |
} | |
.form-field-half:first-child { | |
margin-left: 0; | |
} | |
.form-field-half label .label-additional { | |
display: none; | |
} | |
.form-field-half .input-group input { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.form-field-half .input-prepend { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.form-field-half .input-prepend:first-child { | |
padding-left: .5em; | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
width: 100%; | |
margin: 0 0 .5rem 0; | |
border-width: 1px; | |
border-style: solid; | |
background: white; | |
border-color: #c5ced0; | |
} | |
.input-group:hover, | |
.input-group:focus { | |
border-color: #70878c; | |
} | |
.input-group .input-prepend { | |
display: table-cell; | |
text-align: left; | |
width: 1.2em; | |
padding: 0.6em 0 0.2em 0.5em; | |
opacity: .5; | |
font-size: 1.1em; | |
} | |
.input-group select, | |
.input-group textarea, | |
.input-group input[type="text"], | |
.input-group input[type="password"], | |
.input-group input[type="datetime"], | |
.input-group input[type="datetime-local"], | |
.input-group input[type="date"], | |
.input-group input[type="month"], | |
.input-group input[type="time"], | |
.input-group input[type="week"], | |
.input-group input[type="number"], | |
.input-group input[type="email"], | |
.input-group input[type="url"], | |
.input-group input[type="search"], | |
.input-group input[type="tel"], | |
.input-group input[type="image"], | |
.input-group input[type="color"], | |
.input-group textarea { | |
display: table-cell; | |
border: 0; | |
background: transparent; | |
margin: 0; | |
width: 100%; | |
} | |
.input-group.input-group-full { | |
width: 100%; | |
} | |
.input-group.input-group-large { | |
font-size: 2em; | |
} | |
.input-group.inputs-expiry input { | |
width: 3em; | |
padding-left: 0; | |
padding-right: 0; | |
text-align: left; | |
} | |
input[type="submit"], | |
input[type="button"] { | |
display: block; | |
border-radius: 0; | |
} | |
input[type="file"] { | |
padding: 0.125em; | |
margin: 0 0 0.625em; | |
font-family: inherit; | |
font-size: 1em; | |
-webkit-appearance: none; | |
border-radius: 0; | |
line-height: 100%; | |
} | |
textarea { | |
padding: .5em; | |
width: 100%; | |
resize: none; | |
word-wrap: break-word; | |
-webkit-transition: height 0.05s ease; | |
-moz-transition: height 0.05s ease; | |
-o-transition: height 0.05s ease; | |
transition: height 0.05s ease; | |
min-height: 4em; | |
font-size: 1em; | |
} | |
.placeholder { | |
color: #909296; | |
} | |
progress, | |
meter { | |
padding: 0.125em; | |
margin: 0 0 0.625em; | |
font-family: inherit; | |
font-size: 1em; | |
} | |
.form-errors { | |
position: relative; | |
} | |
.form-errors .form-error { | |
font-size: .8em; | |
font-weight: 500; | |
color: #e33e55; | |
} | |
.form-errors .form-error .form-error-field:last-child .form-error-field-separator { | |
display: none; | |
} | |
.alert { | |
font-size: 0.85em; | |
} | |
.alert.error { | |
color: #e33e55; | |
} | |
.form-field-required { | |
position: relative; | |
} | |
.form-field-required:after { | |
content: '\e83b'; | |
display: block; | |
position: absolute; | |
top: .2em; | |
right: .2em; | |
width: 1em; | |
margin-right: .2em; | |
line-height: 1em; | |
text-align: center; | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
speak: none; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: '\e822'; | |
font-size: .5em; | |
top: .8em; | |
right: .5em; | |
color: #dcdcdc; | |
} | |
.form-field-file .input-prepend.input-prepend-image { | |
opacity: 1; | |
position: absolute; | |
top: -1rem; | |
left: 0; | |
padding: 0; | |
width: 3.5rem; | |
height: 3.5rem; | |
display: block; | |
overflow: hidden; | |
background: #eaedee; | |
} | |
.form-field-file .input-prepend.input-prepend-image img.square { | |
width: 90%; | |
margin: 4.9%; | |
height: auto; | |
max-width: 100%; | |
max-height: 100%; | |
font-size: .5em; | |
} | |
.form-field-file .input-prepend.input-prepend-image .img-full { | |
display: none; | |
} | |
.form-field-file label { | |
transition: none; | |
padding-left: 4rem; | |
} | |
.form-field-file input[disabled] { | |
padding-left: 4rem; | |
} | |
.form-field-file-large .form-field-file { | |
padding-top: 10rem; | |
} | |
.form-field-file-large .form-field-file .input-prepend.input-prepend-image { | |
display: block; | |
top: -10rem; | |
height: 9rem; | |
width: 100%; | |
text-align: center; | |
margin: 0; | |
} | |
.form-field-file-large .form-field-file .input-prepend.input-prepend-image img.square { | |
display: none; | |
} | |
.form-field-file-large .form-field-file .input-prepend.input-prepend-image .img-full { | |
display: table-row; | |
height: 9rem; | |
width: 100%; | |
text-align: center; | |
margin: 0; | |
position: absolute; | |
} | |
.form-field-file-large .form-field-file .input-prepend.input-prepend-image .img-full .img-container { | |
line-height: 9rem; | |
text-align: center; | |
} | |
.form-field-file-large .form-field-file .input-prepend.input-prepend-image .img-full .img-container img { | |
display: inline-block; | |
vertical-align: middle; | |
width: auto; | |
padding: 0.3rem 0.5rem 0.4rem; | |
max-height: 9rem; | |
margin: 0 auto; | |
} | |
.form-field-file-large .form-field-file label { | |
transition: none; | |
top: 9.2rem; | |
padding-left: .5rem; | |
} | |
.form-field-file-large .form-field-file input[disabled] { | |
padding-left: .5rem; | |
} | |
.form-field-card_number:after { | |
content: '\e83b'; | |
display: block; | |
position: absolute; | |
width: 1em; | |
margin-right: .2em; | |
line-height: 1em; | |
text-align: center; | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
speak: none; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: '\e935'; | |
font-size: 1em; | |
top: .2em; | |
right: .2em; | |
color: #767676; | |
} | |
.form-field-alert { | |
position: relative; | |
} | |
.form-field-alert:after { | |
display: block; | |
position: absolute; | |
width: 1em; | |
margin-right: .2em; | |
line-height: 1em; | |
text-align: center; | |
font-family: "icons"; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
text-transform: none; | |
speak: none; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: '\e83b'; | |
font-size: 1em; | |
top: .2em; | |
right: .2em; | |
color: #e33e55; | |
} | |
.form-field-alert .input-group { | |
border-color: #e33e55; | |
} | |
.form-field-split .input-group select, | |
.form-field-split .input-group textarea, | |
.form-field-split .input-group input[type="text"], | |
.form-field-split .input-group input[type="password"], | |
.form-field-split .input-group input[type="datetime"], | |
.form-field-split .input-group input[type="datetime-local"], | |
.form-field-split .input-group input[type="date"], | |
.form-field-split .input-group input[type="month"], | |
.form-field-split .input-group input[type="time"], | |
.form-field-split .input-group input[type="week"], | |
.form-field-split .input-group input[type="number"], | |
.form-field-split .input-group input[type="email"], | |
.form-field-split .input-group input[type="url"], | |
.form-field-split .input-group input[type="search"], | |
.form-field-split .input-group input[type="tel"], | |
.form-field-split .input-group input[type="image"], | |
.form-field-split .input-group input[type="color"], | |
.form-field-split .input-group textarea { | |
float: left; | |
width: 50%; | |
} | |
table { | |
width: 100%; | |
margin: 1em 0; | |
} | |
table th { | |
padding: 0.5em; | |
background: #e1e6e7; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-size: .8em; | |
text-align: left; | |
text-transform: uppercase; | |
} | |
table td { | |
padding: 0.5em; | |
} | |
.button, | |
button { | |
-webkit-appearance: none; | |
padding: 0.625em 1.5em; | |
margin: 0 .625em .625em 0; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-size: 0.85em; | |
font-weight: 700; | |
line-height: 120%; | |
letter-spacing: 0.1em; | |
text-decoration: none; | |
text-transform: uppercase; | |
border: 0; | |
outline: none; | |
cursor: pointer; | |
transition: all 200ms ease; | |
box-sizing: border-box; | |
opacity: 1; | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
background: #9d9fa2; | |
color: white; | |
} | |
.button:hover, | |
button:hover, | |
.button:focus, | |
button:focus { | |
text-decoration: none; | |
} | |
.button.disabled, | |
button.disabled { | |
cursor: default; | |
} | |
.button i.icon, | |
button i.icon { | |
font-size: 1em; | |
line-height: 1em; | |
} | |
.button:hover, | |
button:hover, | |
.button:focus, | |
button:focus { | |
background: #838589; | |
color: white; | |
} | |
.button:active, | |
button:active, | |
.button.active, | |
button.active { | |
background: #76787c; | |
color: white; | |
} | |
.button.disabled, | |
button.disabled { | |
background: #b7b8bb; | |
color: #838589; | |
} | |
.button.button-inverse, | |
button.button-inverse { | |
background: #eff2f2; | |
color: #38393b; | |
} | |
.button.button-inverse:hover, | |
button.button-inverse:hover, | |
.button.button-inverse:focus, | |
button.button-inverse:focus { | |
background: #d8dfe0; | |
color: #2c2c2e; | |
} | |
.button.button-inverse:active, | |
button.button-inverse:active, | |
.button.button-inverse.active, | |
button.button-inverse.active { | |
background: #767676; | |
color: #eff2f2; | |
} | |
.button.button-inverse:active:hover, | |
button.button-inverse:active:hover, | |
.button.button-inverse.active:hover, | |
button.button-inverse.active:hover, | |
.button.button-inverse:active:focus, | |
button.button-inverse:active:focus, | |
.button.button-inverse.active:focus, | |
button.button-inverse.active:focus { | |
background: #626262; | |
color: white; | |
} | |
.button.button-inverse.disabled, | |
button.button-inverse.disabled { | |
background: #9aabae; | |
color: ligthen(#38393b, 25%); | |
} | |
.button.button-primary, | |
button.button-primary { | |
background: #999999; | |
color: white; | |
} | |
.button.button-primary:hover, | |
button.button-primary:hover, | |
.button.button-primary:focus, | |
button.button-primary:focus { | |
background: #858585; | |
color: white; | |
} | |
.button.button-primary:active, | |
button.button-primary:active, | |
.button.button-primary.active, | |
button.button-primary.active { | |
background: #787878; | |
color: white; | |
} | |
.button.button-primary.disabled, | |
button.button-primary.disabled { | |
background: #e1e6e7; | |
color: #6a6c6f; | |
cursor: default; | |
} | |
.button.button-input, | |
button.button-input { | |
background: #eceff0; | |
color: #9d9fa2; | |
} | |
.button.button-input:hover, | |
button.button-input:hover, | |
.button.button-input:focus, | |
button.button-input:focus { | |
background: #e7ebec; | |
} | |
.button.button-email, | |
button.button-email { | |
background: #666666; | |
color: white; | |
} | |
.button.button-email:hover, | |
button.button-email:hover, | |
.button.button-email:focus, | |
button.button-email:focus { | |
background: #595959; | |
} | |
.button.button-email:active, | |
button.button-email:active { | |
background: #4c4c4c; | |
} | |
.button.button-copied, | |
button.button-copied { | |
opacity: .8; | |
} | |
.button.button-twitter, | |
button.button-twitter { | |
background: #4b97d9; | |
color: white; | |
} | |
.button.button-twitter:hover, | |
button.button-twitter:hover, | |
.button.button-twitter:focus, | |
button.button-twitter:focus { | |
background: #368bd5; | |
} | |
.button.button-twitter:active, | |
button.button-twitter:active { | |
background: #2a7ec7; | |
} | |
.button.button-facebook, | |
button.button-facebook { | |
background: #2c3e90; | |
color: white; | |
} | |
.button.button-facebook:hover, | |
button.button-facebook:hover, | |
.button.button-facebook:focus, | |
button.button-facebook:focus { | |
background: #26367c; | |
} | |
.button.button-facebook:active, | |
button.button-facebook:active { | |
background: #202d69; | |
} | |
.button.button-linkedin, | |
button.button-linkedin { | |
background: #0077b5; | |
color: white; | |
} | |
.button.button-linkedin:hover, | |
button.button-linkedin:hover, | |
.button.button-linkedin:focus, | |
button.button-linkedin:focus { | |
background: #00669c; | |
} | |
.button.button-linkedin:active, | |
button.button-linkedin:active { | |
background: #005582; | |
} | |
.button-large { | |
font-size: 1.25em; | |
} | |
.button-small { | |
font-size: 0.85em; | |
} | |
.button-mini { | |
font-size: 0.7em; | |
} | |
.button-blank { | |
background: transparent; | |
} | |
.button-full { | |
display: block; | |
text-align: center; | |
width: 100%; | |
} | |
.button-upload { | |
background: #e1e6e7; | |
color: #38393b; | |
position: relative; | |
} | |
.button-upload:hover, | |
.button-upload:focus { | |
background: #808080; | |
color: #fdfefe; | |
cursor: pointer; | |
} | |
.button-upload input { | |
opacity: 0; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
padding: 0; | |
margin: 0; | |
} | |
.buttons { | |
font-size: 0.9rem; | |
display: block; | |
margin-bottom: 1em; | |
} | |
.buttons .button { | |
float: left; | |
margin-left: 0; | |
margin-right: 0; | |
border-radius: 0; | |
} | |
.buttons .button:nth-child(1) { | |
margin-left: 0; | |
} | |
.video-wrapper { | |
position: relative; | |
padding-bottom: 56.25%; | |
/* 16:9 */ | |
padding-top: 0; | |
height: 0; | |
} | |
.video-wrapper iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
nav { | |
position: absolute; | |
width: 100%; | |
top: 0; | |
} | |
nav .nav-brand { | |
float: left; | |
margin: 1.5em; | |
max-width: 180px; | |
height: auto; | |
cursor: pointer; | |
} | |
nav .nav-brand img { | |
width: 100%; | |
height: auto; | |
} | |
nav .nav-menu { | |
float: right; | |
padding: 0; | |
text-transform: uppercase; | |
font-size: .9em; | |
max-width: 800px; | |
margin: 2em 0 0; | |
} | |
nav .nav-menu .menu-item-visible-open { | |
display: none; | |
} | |
.nav-menu-opener { | |
display: none; | |
} | |
body.nav-open { | |
overflow: hidden; | |
} | |
nav.open { | |
position: fixed; | |
height: 100%; | |
overflow-y: auto; | |
background: rgba(0, 0, 0, 0.85); | |
z-index: 200; | |
} | |
nav.open .nav-brand { | |
left: 20px; | |
} | |
nav.open .nav-wrapper .nav-menu { | |
display: block; | |
width: 100%; | |
max-width: 100%; | |
position: relative; | |
margin: 4em 0 0; | |
padding: 0; | |
float: left; | |
} | |
nav.open .nav-wrapper .nav-menu li { | |
float: none; | |
width: 100%; | |
font-size: 1.5em; | |
text-transform: none; | |
text-align: center; | |
font-weight: 300; | |
} | |
nav.open .nav-wrapper .nav-menu li a { | |
display: block; | |
width: 100%; | |
text-align: center; | |
padding: .5em 0; | |
color: #aaa; | |
font-weight: 300; | |
} | |
nav.open .nav-wrapper .nav-menu li a .profile-image { | |
display: none; | |
} | |
nav.open .nav-wrapper .nav-menu li a.button { | |
margin-left: 0; | |
margin-right: 0; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
nav.open .nav-wrapper .nav-menu li ul { | |
display: block; | |
width: 100%; | |
background: transparent; | |
position: relative; | |
top: 0; | |
border: 0; | |
font-size: 1em; | |
} | |
nav.open .nav-wrapper .nav-menu li ul:hover { | |
background: transparent; | |
} | |
nav.open .nav-wrapper .nav-menu li ul li { | |
width: 100%; | |
background: transparent; | |
font-size: 1em; | |
padding: 0; | |
} | |
nav.open .nav-wrapper .nav-menu li ul li a { | |
display: block; | |
width: 100%; | |
padding-left: 0; | |
padding-right: 0; | |
color: #aaa; | |
font-size: 1em; | |
border: 0; | |
} | |
nav.open .nav-wrapper .nav-menu li ul li a .icon { | |
left: 0; | |
} | |
nav.open .nav-wrapper .nav-menu li ul li a .profile-image { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
margin-left: 0; | |
} | |
nav.open .nav-wrapper .nav-menu li ul:hover { | |
background: transparent; | |
} | |
nav.open .nav-wrapper .nav-menu li ul:hover a { | |
background: transparent; | |
} | |
nav.open .nav-wrapper .nav-menu li:hover { | |
background: transparent; | |
} | |
nav.open .nav-wrapper .nav-menu li:hover > a { | |
color: white; | |
} | |
nav.open .nav-wrapper .nav-menu li.menu-item-visible-open { | |
display: block; | |
} | |
nav.open .nav-wrapper .nav-menu li.nav-menu-user:hover { | |
background: transparent; | |
} | |
nav.open .nav-wrapper .nav-menu li.nav-menu-user:hover ul, | |
nav.open .nav-wrapper .nav-menu li.nav-menu-user:hover li a { | |
background: transparent; | |
color: #aaa; | |
} | |
ul[class*="menu-"] { | |
padding: 0; | |
} | |
ul[class*="menu-"] li { | |
position: relative; | |
list-style: none; | |
} | |
ul[class*="menu-"] li a { | |
line-height: 100%; | |
text-decoration: none; | |
opacity: .8; | |
} | |
ul[class*="menu-"] li a:hover, | |
ul[class*="menu-"] li a:focus { | |
cursor: pointer; | |
opacity: .99; | |
} | |
ul[class*="menu-"] li a.button { | |
padding: .7em 1em; | |
margin: .3em .5em .4em .5em; | |
letter-spacing: 0; | |
font-size: 1em; | |
} | |
ul[class*="menu-"] li a.button:hover, | |
ul[class*="menu-"] li a.button:focus { | |
color: black; | |
} | |
ul[class*="menu-"] li:hover > a, | |
ul[class*="menu-"] li a:hover, | |
ul[class*="menu-"] li .current-menu-item, | |
ul[class*="menu-"] li.current_page_item a, | |
ul[class*="menu-"] li.current-menu-item a { | |
color: #999999; | |
} | |
ul[class*="menu-"] li:hover > a:before, | |
ul[class*="menu-"] li a:hover:before, | |
ul[class*="menu-"] li .current-menu-item:before, | |
ul[class*="menu-"] li.current_page_item a:before, | |
ul[class*="menu-"] li.current-menu-item a:before { | |
color: #999999; | |
} | |
ul[class*="menu-"] li a:active, | |
ul[class*="menu-"] li a.selected:hover, | |
ul[class*="menu-"] li.selected a:hover { | |
color: #808080; | |
} | |
ul[class*="menu-"].menu-primary { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
} | |
ul[class*="menu-"].menu-primary li { | |
display: block; | |
float: left; | |
text-align: left; | |
margin: 0; | |
padding: 0; | |
position: relative; | |
} | |
ul[class*="menu-"].menu-primary li.menu-item-visible-open { | |
display: none; | |
} | |
ul[class*="menu-"].menu-primary li a { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 1em .6em; | |
color: white; | |
opacity: 0.8; | |
} | |
ul[class*="menu-"].menu-primary li a:hover, | |
ul[class*="menu-"].menu-primary li a:focus { | |
opacity: 0.99; | |
} | |
ul[class*="menu-"].menu-primary li a.button { | |
padding: .7em 1em; | |
} | |
ul[class*="menu-"].menu-primary li a .profile-image { | |
position: relative; | |
left: 0; | |
top: -0.3em; | |
padding: 0; | |
margin: 0 0 -0.5em 0.3em; | |
line-height: 5px; | |
width: 1.5em; | |
height: 1.5em; | |
} | |
ul[class*="menu-"].menu-primary li a .profile-image .img { | |
width: 1.5em; | |
height: 1.5em; | |
} | |
ul[class*="menu-"].menu-primary li a img { | |
position: relative; | |
max-height: 65px; | |
width: auto; | |
} | |
ul[class*="menu-"].menu-primary li ul { | |
display: none; | |
margin: 0; | |
padding: 0; | |
position: absolute; | |
top: 2.7em; | |
min-width: 180px; | |
right: .5em; | |
background: #e1e6e7; | |
border-top: 1px white solid; | |
color: #38393b; | |
z-index: 1000; | |
} | |
ul[class*="menu-"].menu-primary li ul li { | |
display: block; | |
width: 100%; | |
} | |
ul[class*="menu-"].menu-primary li ul li a { | |
display: block; | |
width: 100%; | |
padding: .8em 1.2em; | |
line-height: 1em; | |
white-space: nowrap; | |
color: #38393b; | |
text-transform: none; | |
border-bottom: 1px white solid; | |
} | |
ul[class*="menu-"].menu-primary li ul li a .icon { | |
line-height: .9em; | |
left: -0.4em; | |
position: relative; | |
} | |
ul[class*="menu-"].menu-primary li ul li a .profile-image { | |
margin-left: -0.7em; | |
margin-right: 0.4em; | |
} | |
ul[class*="menu-"].menu-primary li ul li:hover a, | |
ul[class*="menu-"].menu-primary li ul li:focus a { | |
background: #eff2f2; | |
} | |
ul[class*="menu-"].menu-primary li:hover ul, | |
ul[class*="menu-"].menu-primary li ul:hover { | |
display: block; | |
} | |
ul[class*="menu-"].menu-secondary { | |
margin: 0; | |
padding: 0; | |
width: auto; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
text-transform: uppercase; | |
margin-bottom: 1em; | |
} | |
ul[class*="menu-"].menu-secondary li { | |
display: block; | |
margin: 0; | |
padding: 0; | |
} | |
ul[class*="menu-"].menu-secondary li a { | |
display: block; | |
color: #e1e6e7; | |
padding: .5em; | |
} | |
ul[class*="menu-"].menu-secondary li a:hover, | |
ul[class*="menu-"].menu-secondary li a:focus { | |
background: rgba(255, 255, 255, 0.1); | |
color: #fdfefe; | |
} | |
ul[class*="menu-"].menu-secondary li a:active { | |
color: #fdfefe; | |
} | |
.nav-menu-opener { | |
display: none; | |
position: absolute; | |
top: .8em; | |
right: 0; | |
width: 4em; | |
height: 4em; | |
text-align: right; | |
} | |
.nav-menu-opener ul, | |
.nav-menu-opener li { | |
list-style: none inside none; | |
} | |
.nav-menu-opener ul img, | |
.nav-menu-opener li img { | |
height: 30px; | |
width: auto; | |
} | |
/* Mobile Nav Buttons */ | |
.lines-button { | |
display: inline-block; | |
padding: 5px 0; | |
transition: .3s; | |
cursor: pointer; | |
user-select: none; | |
border-radius: 0; | |
} | |
.lines-button:hover { | |
opacity: 1; | |
} | |
.lines-button:active { | |
transition: 0; | |
} | |
.lines-button .lines { | |
display: inline-block; | |
width: 28px; | |
height: 2.8px; | |
background: #ffffff; | |
transition: .3s; | |
position: relative; | |
/*create the upper and lower lines as pseudo-elements of the middle line*/ | |
} | |
.lines-button .lines:before, | |
.lines-button .lines:after { | |
display: inline-block; | |
width: 28px; | |
height: 2.8px; | |
background: #ffffff; | |
transition: .3s; | |
position: absolute; | |
left: 0; | |
content: ''; | |
transform-origin: 20px center; | |
} | |
.lines-button .lines:before { | |
top: 8px; | |
} | |
.lines-button .lines:after { | |
top: -8px; | |
} | |
.lines-button.close .lines { | |
/*hide the middle line*/ | |
background: transparent; | |
/*overlay the lines by setting both their top values to 0*/ | |
} | |
.lines-button.close .lines:before, | |
.lines-button.close .lines:after { | |
transform-origin: 50% 50%; | |
top: 0; | |
width: 28px; | |
} | |
.lines-button.close .lines:before { | |
-webkit-transform: rotate3d(0, 0, 1, 45deg); | |
transform: rotate3d(0, 0, 1, 45deg); | |
} | |
.lines-button.close .lines:after { | |
-webkit-transform: rotate3d(0, 0, 1, -45deg); | |
transform: rotate3d(0, 0, 1, -45deg); | |
} | |
nav.nav-inverse { | |
background: white; | |
position: relative; | |
min-height: 5em; | |
} | |
nav.nav-inverse.open { | |
position: fixed; | |
} | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a { | |
color: #767676; | |
} | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a:hover, | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a:focus { | |
color: #333333; | |
} | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a.button { | |
color: white; | |
} | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a.button:hover, | |
nav.nav-inverse ul[class*="menu-"].menu-primary li a.button:focus { | |
color: white; | |
} | |
nav.nav-inverse .lines-button .lines { | |
background: #767676; | |
} | |
nav.nav-inverse .lines-button .lines:before, | |
nav.nav-inverse .lines-button .lines:after { | |
background: #767676; | |
} | |
nav.nav-inverse .lines-button.close .lines { | |
background: transparent; | |
} | |
nav.nav-inverse.open { | |
background: rgba(255, 255, 255, 0.9); | |
} | |
nav.nav-inverse.open .nav-wrapper .nav-menu li a { | |
color: #767676; | |
} | |
nav.nav-inverse.open .nav-wrapper .nav-menu li a:hover, | |
nav.nav-inverse.open .nav-wrapper .nav-menu li a:focus { | |
color: #333333; | |
} | |
.pagination { | |
text-align: center; | |
margin: 2em 0 0; | |
} | |
.pagination a { | |
display: inline-block; | |
padding: 0 1em; | |
color: inherit; | |
line-height: 1em; | |
opacity: .7; | |
text-decoration: none; | |
} | |
.pagination a.disabled { | |
opacity: .2; | |
} | |
.pagination a.disabled:hover, | |
.pagination a.disabled:focus { | |
opacity: .2; | |
} | |
.pagination a:hover, | |
.pagination a:focus { | |
opacity: 1; | |
color: inherit; | |
text-decoration: none; | |
} | |
.photo { | |
display: inline-block; | |
position: relative; | |
width: 100px; | |
} | |
.photo.photo-inline { | |
width: 1em; | |
font-size: 1.5em; | |
margin: -0.2em 0.2em -0.3em 0.2em; | |
} | |
.photo.photo-large { | |
width: 200px; | |
} | |
.photo .photo-image { | |
width: 100%; | |
padding-bottom: 100%; | |
/* 16:9 */ | |
background-size: cover; | |
background-repeat: no-repeat; | |
} | |
.alert { | |
position: fixed; | |
top: 0; | |
right: 0; | |
box-sizing: border-box; | |
width: 100%; | |
min-height: 40px; | |
padding: 10px 30px 10px 10px; | |
border-radius: 0; | |
font-size: 15px; | |
line-height: 20px; | |
background: rgba(30, 30, 30, 0.95); | |
color: #fff; | |
z-index: 1000000; | |
} | |
.alert .sr-only { | |
display: none; | |
} | |
.alert button { | |
background: transparent; | |
color: rgba(255, 255, 255, 0.5); | |
position: absolute; | |
top: 10px; | |
right: 10px; | |
border: 0; | |
width: 20px; | |
height: 20px; | |
line-height: 20px; | |
font-size: 20px; | |
text-indent: 0px; | |
text-align: center; | |
padding: 0; | |
margin: 0; | |
} | |
.alert button:hover, | |
.alert button:focus { | |
background: rgba(0, 0, 0, 0.3); | |
color: white; | |
} | |
.alert button span { | |
top: -1px; | |
position: relative; | |
} | |
.alert-danger { | |
background: rgba(204, 0, 0, 0.95); | |
} | |
.alert { | |
-webkit-transition: top 200ms cubic-bezier(0.25, 0, 0.25, 1); | |
-moz-transition: top 200ms cubic-bezier(0.25, 0, 0.25, 1); | |
-o-transition: top 200ms cubic-bezier(0.25, 0, 0.25, 1); | |
transition: top 200ms cubic-bezier(0.25, 0, 0.25, 1); | |
} | |
.ng-hide-remove, | |
.ng-hide-add.ng-hide-add-active { | |
top: -80px; | |
display: block !important; | |
} | |
.ng-hide-add, | |
.ng-hide-remove.ng-hide-remove-active { | |
top: -80px; | |
display: block !important; | |
} | |
.sharing { | |
margin: 0 0 1em 0; | |
} | |
.sharing .button { | |
position: relative; | |
margin-bottom: .5em; | |
border-radius: 10em; | |
border: 0px; | |
} | |
.sharing [class^="icon-"] { | |
font-size: 1.8em; | |
position: absolute; | |
top: 0.1em; | |
left: 0.5em; | |
} | |
.sharing .icon-credit-card, | |
.sharing .icon-social-linkedin, | |
.sharing .icon-mail { | |
top: 0.05em; | |
} | |
.aside-buttons { | |
margin: 0 0 2em 0; | |
} | |
.social-fixed { | |
position: absolute; | |
top: 200px; | |
left: 0; | |
} | |
.label { | |
padding: .2em 1em; | |
border-radius: 2em; | |
background: #38393b; | |
color: white; | |
font-size: .6em; | |
font-weight: 700; | |
letter-spacing: .1em; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
text-transform: uppercase; | |
} | |
[data-tooltip] { | |
position: relative; | |
height: 100%; | |
cursor: pointer; | |
display: inline-block; | |
} | |
[data-tooltip]:before, | |
[data-tooltip]:after { | |
transition: all 0.2s ease-out; | |
position: absolute; | |
visibility: hidden; | |
opacity: 0; | |
pointer-events: none; | |
} | |
[data-tooltip]:before { | |
width: 0; | |
height: 0; | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-top: 7px solid #38393b; | |
content: ''; | |
top: 0; | |
left: 50%; | |
margin-left: -3.25px; | |
z-index: 10001; | |
bottom: -10px; | |
} | |
[data-tooltip]:after { | |
box-sizing: border-box; | |
content: attr(data-tooltip); | |
padding: 0.5em 0.75em; | |
border-radius: 3px; | |
font-size: 0.95em; | |
z-index: 10000; | |
left: 50%; | |
bottom: 100%; | |
margin-left: -7.5em; | |
margin-top: 10px; | |
width: 15em; | |
line-height: 120%; | |
background: #38393b; | |
color: #e1e6e7; | |
} | |
[data-tooltip]:hover:before, | |
[data-tooltip]:hover:after { | |
visibility: visible; | |
opacity: 1; | |
} | |
[data-tooltip].tooltip-below:before { | |
border-top: 7px solid transparent; | |
width: 0; | |
height: 0; | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-bottom: 7px solid #38393b; | |
bottom: 0; | |
top: auto; | |
} | |
[data-tooltip].tooltip-below:after { | |
top: 100%; | |
bottom: auto; | |
margin-bottom: 10px; | |
margin-top: 0; | |
} | |
[data-tooltip].tooltip-hidden:before, | |
[data-tooltip].tooltip-hidden:after { | |
display: none; | |
} | |
.form-field-date .input-group .input-prepend { | |
opacity: 1; | |
} | |
.form-field-date .input-group .input-prepend i { | |
opacity: .5; | |
} | |
.form-field-date .moment-picker { | |
height: auto; | |
} | |
.moment-picker { | |
display: block; | |
position: relative; | |
} | |
.moment-picker .moment-picker-contents { | |
cursor: pointer; | |
} | |
.moment-picker .moment-picker-container { | |
background: #ffffff; | |
border-radius: 4px; | |
border: 1px solid #f0f3f4; | |
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); | |
color: #404040; | |
margin-left: 0; | |
margin-top: 0; | |
min-width: 15em; | |
padding: 4px; | |
position: absolute; | |
top: 100%; | |
z-index: 5; | |
} | |
.moment-picker .moment-picker-container:after { | |
border-bottom-color: #ffffff; | |
border-top: none; | |
border: 8px solid transparent; | |
content: ''; | |
display: block; | |
height: 0; | |
left: 15px; | |
margin-left: 1px; | |
margin-top: 1px; | |
position: absolute; | |
top: -9px; | |
width: 0; | |
} | |
.moment-picker .moment-picker-container:before { | |
border-bottom-color: #f0f3f4; | |
border-top: none; | |
border-width: 9px; | |
border: 8px solid transparent; | |
content: ''; | |
display: block; | |
height: 0; | |
left: 15px; | |
position: absolute; | |
top: -9px; | |
width: 0; | |
} | |
.moment-picker table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
min-width: 100%; | |
table-layout: fixed; | |
} | |
.moment-picker th { | |
border-radius: 4px; | |
cursor: pointer; | |
font-weight: 700; | |
height: 2em; | |
min-width: 2em; | |
padding: 0; | |
text-align: center; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); | |
} | |
.moment-picker th:first-child { | |
width: 2em; | |
} | |
.moment-picker th:last-child { | |
width: 2em; | |
} | |
.moment-picker th:hover { | |
background-image: -moz-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -ms-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -o-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: linear-gradient(#f0f3f4, #fafbfb); | |
background: #fafbfb; | |
} | |
.moment-picker td { | |
border-radius: 4px; | |
cursor: pointer; | |
height: 1.6rem; | |
line-height: 1.6rem; | |
min-width: 2em; | |
padding: 0; | |
text-align: center; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); | |
} | |
.moment-picker td:hover { | |
background-image: -moz-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -ms-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -o-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb); | |
background-image: linear-gradient(#f0f3f4, #fafbfb); | |
background: #fafbfb; | |
} | |
.moment-picker td.today { | |
background: #e4eef5; | |
color: #404040; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); | |
} | |
.moment-picker td.selected { | |
background-image: -moz-linear-gradient(#45b1e8, #3097de); | |
background-image: -ms-linear-gradient(#45b1e8, #3097de); | |
background-image: -o-linear-gradient(#45b1e8, #3097de); | |
background-image: -webkit-linear-gradient(#45b1e8, #3097de); | |
background-image: linear-gradient(#45b1e8, #3097de); | |
background: #45b1e8; | |
border-color: #3ca0dd; | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); | |
} | |
.moment-picker td.highlighted { | |
background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.1)); | |
background-image: -ms-radial-gradient(transparent, rgba(0, 0, 0, 0.1)); | |
background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.1)); | |
background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.1)); | |
background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.1)); | |
background: rgba(0, 0, 0, 0.15); | |
} | |
.moment-picker .decade-view td { | |
height: 3.4em; | |
} | |
.moment-picker .year-view td { | |
height: 3.4em; | |
} | |
.moment-picker .month-view .moment-picker-specific-views th { | |
background: 0 0; | |
cursor: default; | |
} | |
.moment-picker .month-view td { | |
width: 1.4285714286em; | |
} | |
.moment-picker .day-view td { | |
height: 2.3333333333em; | |
} | |
.moment-picker .hour-view td { | |
height: 2.3333333333em; | |
} | |
.moment-picker .minute-view td { | |
height: 1.8em; | |
} | |
.moment-picker td.disabled, | |
.moment-picker td.disabled:hover, | |
.moment-picker th.disabled, | |
.moment-picker th.disabled:hover { | |
background: 0 0; | |
color: #abbbc7; | |
cursor: default; | |
} | |
#loading { | |
display: block; | |
width: 100%; | |
height: 100%; | |
bottom: 0; | |
top: 0; | |
left: 0; | |
position: fixed; | |
z-index: 1000000; | |
} | |
#loading .center { | |
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; | |
color: #848d94; | |
position: absolute; | |
text-align: center; | |
font-size: 20px; | |
width: 160px; | |
height: 100px; | |
top: 50%; | |
left: 50%; | |
margin-top: -50px; | |
margin-left: -80px; | |
} | |
#loading #loading-progress { | |
display: block; | |
} | |
#loading #loading-error { | |
display: none; | |
} | |
#loading h4 { | |
margin: 0; | |
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; | |
font-size: 18px; | |
letter-spacing: 10px; | |
text-transform: uppercase; | |
font-weight: 400; | |
} | |
#loading .loading-text { | |
display: none; | |
} | |
#loading .icon-spinner { | |
font-size: 40px; | |
} | |
.block, | |
.block-primary, | |
.block-primary-image { | |
position: relative; | |
padding: 5rem 0; | |
width: 100%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: 50% 50%; | |
} | |
.block:before, | |
.block-primary:before, | |
.block-primary-image:before, | |
.block:after, | |
.block-primary:after, | |
.block-primary-image:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.block:after, | |
.block-primary:after, | |
.block-primary-image:after { | |
clear: both; | |
} | |
.block:before, | |
.block-primary:before, | |
.block-primary-image:before, | |
.block:after, | |
.block-primary:after, | |
.block-primary-image:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.block:after, | |
.block-primary:after, | |
.block-primary-image:after { | |
clear: both; | |
} | |
.block-heading { | |
text-align: center; | |
margin: 1rem 0 4rem; | |
} | |
.block-primary, | |
.block-primary-image { | |
background-color: #999999; | |
color: white; | |
} | |
.block-primary:before, | |
.block-primary-image:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
.content-highlight { | |
padding: 2em; | |
margin: 0 0 2em; | |
background: white; | |
color: #38393b; | |
border-bottom: 1px #d8dfe0 solid; | |
position: relative; | |
} | |
.content-highlight h1:first-child, | |
.content-highlight h2:first-child, | |
.content-highlight h3:first-child, | |
.content-highlight h4:first-child, | |
.content-highlight h5:first-child { | |
margin-top: 0; | |
} | |
.content-holder.content-holder-primary { | |
background: #808080; | |
color: white; | |
} | |
.content-holder.content-holder-primary h1, | |
.content-holder.content-holder-primary h2, | |
.content-holder.content-holder-primary h3 { | |
color: white; | |
} | |
.content-holder.content-holder-secondary { | |
background: #4c4c4c; | |
color: white; | |
} | |
.content-holder.content-holder-secondary h1, | |
.content-holder.content-holder-secondary h2, | |
.content-holder.content-holder-secondary h3 { | |
color: white; | |
} | |
.profiles { | |
margin: 1em 0; | |
padding: 0; | |
width: 100%; | |
} | |
.profiles li { | |
list-style: none inside none; | |
margin: 0; | |
padding: 0; | |
} | |
.profiles .profile { | |
display: block; | |
margin: 0 0 1em; | |
position: relative; | |
text-align: left; | |
text-decoration: none; | |
background: rgba(255, 255, 255, 0.95); | |
color: #767676; | |
} | |
.profiles .profile:hover, | |
.profiles .profile:focus { | |
text-decoration: none; | |
background: white; | |
} | |
.profiles .profile:hover .profile-content, | |
.profiles .profile:focus .profile-content { | |
opacity: 1; | |
} | |
.profiles .profile .profile-container { | |
position: relative; | |
text-align: left; | |
padding: 1em 1em 1em 5em; | |
} | |
.profiles .profile .profile-container .photo { | |
position: absolute; | |
width: 3em; | |
top: 1em; | |
left: 1em; | |
} | |
.profiles .profile .profile-total { | |
margin: .25em 0 .5em; | |
font-size: 1.3em; | |
line-height: 1em; | |
} | |
.profiles .profile .profile-total .symbol { | |
font-weight: 300; | |
font-size: .7em; | |
position: relative; | |
top: .0em; | |
margin-right: .2em; | |
margin-left: .1em; | |
opacity: .5; | |
} | |
.profiles .profile .profile-name { | |
font-size: 1em; | |
margin: 0; | |
line-height: 1.2em; | |
} | |
.profiles .profile .progress { | |
display: block; | |
background: #e1e6e7; | |
margin: 0; | |
} | |
.profiles .profile.profile-stacked { | |
background: transparent; | |
float: left; | |
opacity: .85; | |
max-width: 10em; | |
color: inherit; | |
padding: 0 1em 1em; | |
} | |
.profiles .profile.profile-stacked .profile-container { | |
position: relative; | |
text-align: center; | |
padding: 0; | |
} | |
.profiles .profile.profile-stacked .profile-container .photo { | |
position: relative; | |
top: 0; | |
left: 0; | |
width: 100%; | |
min-width: 8em; | |
} | |
.profiles .profile.profile-stacked .profile-name { | |
margin: 1em 0 0; | |
min-height: 2.7em; | |
} | |
.profiles .profile.profile-stacked .progress { | |
width: 80%; | |
max-width: 20em; | |
margin: .25em 10% 1em; | |
} | |
.profiles .profile.profile-stacked:hover, | |
.profiles .profile.profile-stacked:focus { | |
opacity: 1; | |
color: inherit; | |
} | |
.profiles .profile.profile-empty { | |
width: 100%; | |
background: transparent; | |
color: inherit; | |
max-width: 480px; | |
padding: 2em; | |
text-align: center; | |
opacity: .5; | |
} | |
.profiles .profile.profile-empty p { | |
margin: 0; | |
} | |
.profiles .profile.profile-large { | |
background: white; | |
width: 15em; | |
min-height: 25.5em; | |
max-width: 100%; | |
float: left; | |
margin: 0 1em 1em 0; | |
opacity: .85; | |
color: inherit; | |
text-align: left; | |
padding: 0; | |
} | |
.profiles .profile.profile-large .profile-container { | |
position: relative; | |
text-align: left; | |
padding: 0; | |
} | |
.profiles .profile.profile-large .profile-container .photo { | |
position: relative; | |
top: 0; | |
left: 0; | |
width: 100%; | |
margin: 0 0 1em; | |
} | |
.profiles .profile.profile-large .profile-content { | |
padding: 0 1em; | |
max-height: 8.3em; | |
overflow: hidden; | |
} | |
.profiles .profile.profile-large .profile-name { | |
margin: 0 0 .5em; | |
} | |
.profiles .profile.profile-large .profile-description { | |
font-size: .85em; | |
height: 3.8em; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
line-height: 1.2em; | |
} | |
.profiles .profile.profile-large .progress { | |
width: 100%; | |
margin: 0 0 .5em 0; | |
background: rgba(0, 0, 0, 0.1); | |
height: .5em; | |
border-radius: 10em; | |
} | |
.profiles .profile.profile-large .progress .progress-bar { | |
height: .5em; | |
border-radius: 10em; | |
} | |
.profiles .profile.profile-large:hover, | |
.profiles .profile.profile-large:focus { | |
opacity: 1; | |
color: inherit; | |
} | |
.profiles .profile.profile-large .page-dashboard .profiles .profile .progress { | |
margin: 0 auto; | |
background-color: rgba(0, 0, 0, 0.1); | |
height: 10px; | |
border-radius: 6px; | |
} | |
.profiles .profile.profile-square { | |
display: block; | |
float: left; | |
overflow: hidden; | |
padding: 0; | |
min-width: 5em; | |
max-width: 10em; | |
width: 100%; | |
height: 100%; | |
} | |
.profiles .profile.profile-square .profile-container { | |
position: relative; | |
display: block; | |
text-align: center; | |
padding: 0; | |
} | |
.profiles .profile.profile-square .profile-container .photo { | |
position: relative; | |
top: 0; | |
left: 0; | |
width: 100%; | |
} | |
.profiles .profile.profile-square .photo { | |
display: block; | |
width: 100%; | |
} | |
.profiles .profile.profile-square .profile-content { | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 100%; | |
background: rgba(0, 0, 0, 0.7); | |
color: white; | |
text-align: center; | |
} | |
.profiles .profile.profile-square .profile-content .profile-name { | |
min-height: 1em; | |
font-size: 1.2em; | |
margin: 2em 0 1em; | |
line-height: 1.2em; | |
} | |
.profiles .profile.profile-square:hover .profile-content, | |
.profiles .profile.profile-square:focus .profile-content { | |
top: 0; | |
} | |
.profiles-grid .profile-wrapper { | |
display: block; | |
} | |
.profiles-grid .profiles { | |
padding: 0; | |
} | |
.profiles-grid .profile { | |
display: inline-block; | |
float: none; | |
} | |
.profiles-grid .profile.profile-square { | |
float: left; | |
width: 25%; | |
max-width: none; | |
} | |
.home-profiles .profiles .profile.profile-square { | |
max-width: none; | |
float: left; | |
} | |
.page-profile .page-header { | |
text-align: left; | |
padding: 12em 0 5em; | |
} | |
.page-profile .page-header .profile-header-photo { | |
text-align: center; | |
} | |
.page-profile .page-header .profile-header-photo .photo { | |
width: 100%; | |
max-width: 8em; | |
height: auto; | |
} | |
.page-profile .page-header .profile-header-content { | |
text-align: left; | |
} | |
.page-profile .page-header .profile-header-content h1 { | |
margin: 0 0 1rem; | |
} | |
.page-profile .page-header .progress { | |
max-width: 25em; | |
} | |
.page-profile aside .donate-container { | |
margin-top: -10em; | |
} | |
.page-profile aside .donations-heading { | |
text-align: center; | |
} | |
.page-profile aside .donation .donation-recipient { | |
display: none; | |
} | |
.page-profile .donate-mobile { | |
display: none; | |
} | |
.page-profile #donate-article, | |
.page-profile .donate-trigger { | |
display: none; | |
} | |
.profile-edit { | |
margin: 0 0 3em 0; | |
list-style: none inside none; | |
padding: 1.5em; | |
background: white; | |
border-bottom: 1px #eff2f2 solid; | |
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); | |
position: relative; | |
} | |
.profile-edit h1 { | |
margin: .5em 0; | |
} | |
.profile-edit .profile-image.profile-large { | |
margin: 0; | |
} | |
.profile-edit .profile-edit-description { | |
min-height: 200px; | |
} | |
.posts { | |
margin: 0 0 1em 0; | |
padding: 0; | |
} | |
.posts form { | |
margin: 0; | |
} | |
.posts .post { | |
list-style: none inside none; | |
margin-bottom: 2em; | |
} | |
.posts .post .post-photo { | |
margin: 0 0 .25em; | |
} | |
.posts .post .post-title { | |
margin: .5em 0 .5em 0; | |
} | |
.posts-grid .post { | |
padding: 0 2em; | |
min-height: 20em; | |
} | |
.posts-grid .post.post-empty { | |
width: 100%; | |
margin: 0; | |
} | |
.post { | |
word-wrap: break-word; | |
} | |
.post .post-author { | |
margin-bottom: 0; | |
font-weight: bold; | |
} | |
.post .post-content { | |
padding: 0 0; | |
margin: 0 0 1em; | |
position: relative; | |
} | |
.post .post-content .post-title { | |
margin-top: 0; | |
} | |
.post .post-content p { | |
padding: 0 1em; | |
margin: 0 0 1em; | |
} | |
.post .post-content img { | |
max-width: 100%; | |
height: auto; | |
} | |
.post .post-content textarea { | |
min-height: 55px; | |
width: 100%; | |
margin: 0; | |
} | |
.post .post-subtitle { | |
margin: .25em 0; | |
} | |
.post.post-empty { | |
padding: 2em; | |
text-align: center; | |
opacity: .5; | |
} | |
.post.post-empty p { | |
margin: 0; | |
} | |
.post-new { | |
background: #d3dadc; | |
border-bottom: 1px solid #b6c3c5; | |
padding: 2em; | |
} | |
.post-new form:before, | |
.post-new form:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.post-new form:after { | |
clear: both; | |
} | |
.post-new form:before, | |
.post-new form:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.post-new form:after { | |
clear: both; | |
} | |
.post-new .button { | |
margin-right: .5em; | |
} | |
.post-new textarea { | |
background-color: #e1e6e7; | |
} | |
.post-new h5 { | |
margin: 0 0 1em 0; | |
padding-left: 0; | |
} | |
.post-new input.button-primary { | |
margin-bottom: 0; | |
} | |
.post-new .post-new-actions a, | |
.post-new .post-new-actions input { | |
float: left; | |
margin-bottom: 0; | |
font-size: .8em; | |
} | |
.post-full .post-photo { | |
width: 100%; | |
margin: 0 0 1em 0; | |
} | |
.post-full h1 { | |
margin: 0; | |
} | |
.comment-actions p, | |
.post-actions p { | |
margin: 0; | |
padding: 0; | |
} | |
.comment-actions a, | |
.post-actions a { | |
color: #b7b8bb; | |
cursor: pointer; | |
text-decoration: none; | |
} | |
.comment-actions a:hover, | |
.post-actions a:hover, | |
.comment-actions a:focus, | |
.post-actions a:focus { | |
color: #e33e55; | |
} | |
.post-actions { | |
padding: 0 0 0 10px; | |
} | |
.comment-actions { | |
padding: 0 0 10px 48px; | |
} | |
.comments { | |
position: relative; | |
padding: 0 0 0 0; | |
} | |
.comment { | |
clear: both; | |
padding: 0px; | |
width: 100%; | |
box-shadow: none; | |
margin: 0 0 0 0; | |
font-size: 0.9em; | |
background: #f2f4f5; | |
border-bottom: 1px #e1e6e7 solid; | |
list-style: none inside none; | |
} | |
.comment h5 { | |
margin: 0; | |
padding: 10px 0 0 10px; | |
} | |
.comment .content { | |
padding: 5px 20px 5px 48px; | |
} | |
.comment p { | |
margin: 0 0; | |
} | |
.comment.comment-form { | |
padding: 0; | |
width: 100%; | |
float: left; | |
clear: both; | |
} | |
.comment.comment-form h5 { | |
padding: 10px; | |
} | |
.comment.comment-form .comment-textarea { | |
width: 98%; | |
} | |
.comment.comment-form .comment-textarea .comment-textarea-holder { | |
padding: 5px 20px 5px 48px; | |
position: relative; | |
} | |
.comment.comment-form textarea { | |
height: 40px; | |
width: 100%; | |
float: left; | |
margin: 0; | |
min-height: 40px; | |
} | |
.comment.comment-form input { | |
float: left; | |
margin: 0 0 0 10px; | |
font-size: 0.7rem; | |
} | |
.progress { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
clear: both; | |
width: 100%; | |
max-width: 620px; | |
position: relative; | |
height: 5px; | |
margin-bottom: 1em; | |
background: #d3dadc; | |
} | |
.progress .progress-bar { | |
height: 5px; | |
width: 0; | |
max-width: 100%; | |
background: #999999; | |
-webkit-transition: width 4s ease; | |
-moz-transition: width 4s ease; | |
-o-transition: width 4s ease; | |
transition: width 4s ease; | |
-webkit-transition-delay: .5s; | |
transition-delay: .5s; | |
} | |
.progress .progress-bar.ng-enter { | |
transition: 4s linear all; | |
width: 0 !important; | |
} | |
.progress .progress-bar.ng-enter.ng-enter-active { | |
width: 70% !important; | |
} | |
.progress.progress-small { | |
height: 3px; | |
} | |
.progress.progress-small .progress-bar { | |
height: 3px; | |
} | |
.donations { | |
margin: 0 auto; | |
padding: 0; | |
max-width: 460px; | |
} | |
.donations .donation { | |
list-style: none inside none; | |
padding: 1em 0 1em 7em; | |
position: relative; | |
} | |
.donations .donation .donation-amount { | |
top: 0; | |
left: 0; | |
position: absolute; | |
width: 4em; | |
margin: .75em 0 0; | |
font-size: 1.5em; | |
line-height: 1em; | |
text-align: right; | |
} | |
.donations .donation .donation-amount .symbol { | |
font-weight: 300; | |
font-size: .7em; | |
position: relative; | |
top: .1em; | |
margin-right: .2em; | |
margin-left: .1em; | |
opacity: .5; | |
} | |
.donations .donation .donation-donor { | |
margin: .3em 0 0; | |
line-height: 1.2em; | |
text-align: left; | |
} | |
.donations .donation .donation-message { | |
margin: .3em 0 0; | |
font-style: italic; | |
text-align: left; | |
} | |
.donations .donation.donation-empty { | |
padding: 2em; | |
text-align: center; | |
opacity: .5; | |
} | |
.donations .donation.donation-empty p { | |
margin: 0; | |
} | |
.donations-inline { | |
position: relative; | |
} | |
.donations-inline .donations, | |
.donations-inline.donations { | |
max-width: 60em; | |
display: inline-block; | |
padding: 0 2em; | |
} | |
.donations-inline .donation { | |
width: 50%; | |
min-width: 20em; | |
max-width: 30em; | |
display: inline-block; | |
} | |
.donations-inline .pagination { | |
width: 100%; | |
margin: 0; | |
} | |
.donations-inline .pagination a { | |
position: absolute; | |
top: 0; | |
left: 0; | |
min-height: 4rem; | |
height: 100%; | |
width: 4rem; | |
font-size: 1.5rem; | |
line-height: 2rem; | |
padding: 1rem 0; | |
border-radius: 0 20em 20em 0; | |
text-align: center; | |
} | |
.donations-inline .pagination a.pagination-next { | |
right: 0; | |
left: auto; | |
border-radius: 20em 0 0 20em ; | |
} | |
.subscriptions { | |
padding: 0; | |
margin: 0 0 1rem; | |
max-width: none; | |
} | |
.subscriptions .subscription { | |
list-style: none inside none; | |
position: relative; | |
background: white; | |
margin-bottom: 0; | |
padding: .5rem 0 1rem 6.5em; | |
border-bottom: 1px #eff2f2 solid; | |
} | |
.subscriptions .subscription .subscription-amount { | |
top: 0; | |
left: 0; | |
position: absolute; | |
margin: .75em 0 0; | |
line-height: 1em; | |
background: #38393b; | |
color: white; | |
text-align: left; | |
padding: .75rem .5rem; | |
margin-top: .75rem; | |
margin-left: -0.25em; | |
font-size: 1.1em; | |
width: 5.5rem; | |
font-weight: bold; | |
letter-spacing: -0.05em; | |
} | |
.subscriptions .subscription .subscription-amount .symbol { | |
font-weight: 300; | |
font-size: .7em; | |
position: relative; | |
opacity: .5; | |
top: 0; | |
margin-right: .2em; | |
} | |
.subscriptions .subscription.status-ok .subscription-amount, | |
.subscriptions .subscription.status-ok .label-status { | |
background: #7db144; | |
} | |
.subscriptions .subscription.status-paused .subscription-amount, | |
.subscriptions .subscription.status-paused .label-status { | |
background: #ec8f3a; | |
} | |
.subscriptions .subscription.status-retrying .subscription-amount, | |
.subscriptions .subscription.status-retrying .label-status { | |
background: #e33e55; | |
} | |
.subscriptions .subscription.status-failing .subscription-amount, | |
.subscriptions .subscription.status-failing .label-status { | |
background: #d91f39; | |
} | |
.subscriptions .subscription.status-failed .subscription-amount, | |
.subscriptions .subscription.status-failed .label-status { | |
background: #b51a30; | |
} | |
.subscriptions .subscription.status-cancelled .subscription-amount, | |
.subscriptions .subscription.status-cancelled .label-status { | |
background: #cad3d5; | |
} | |
.subscriptions .subscription .subscription-frequency { | |
margin: .3em 0; | |
font-size: 1.1em; | |
line-height: 1.2em; | |
letter-spacing: 0; | |
text-align: left; | |
} | |
.subscriptions .subscription .subscription-message { | |
margin: .3em 0 0; | |
font-style: italic; | |
text-align: left; | |
} | |
.subscriptions .subscription.subscription-empty { | |
padding: 2em; | |
text-align: center; | |
opacity: .5; | |
} | |
.subscriptions .subscription.subscription-empty p { | |
margin: 0; | |
} | |
.subscriptions .subscription p.fineprint { | |
margin-bottom: 0; | |
} | |
.subscriptions .subscription-full { | |
list-style: none inside none; | |
margin: 0; | |
background: #f7f7f7; | |
border-bottom: #cad3d5; | |
padding: 1rem; | |
} | |
.subscriptions .subscription-full:before, | |
.subscriptions .subscription-full:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.subscriptions .subscription-full:after { | |
clear: both; | |
} | |
.subscriptions .subscription-full:before, | |
.subscriptions .subscription-full:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.subscriptions .subscription-full:after { | |
clear: both; | |
} | |
.subscriptions .subscription-full .subscription-actions, | |
.subscriptions .subscription-full .subscription-data { | |
float: left; | |
width: 45%; | |
margin: 0 2.5%; | |
} | |
.subscriptions .subscription-full .subscription-actions h4:first-child, | |
.subscriptions .subscription-full .subscription-data h4:first-child, | |
.subscriptions .subscription-full .subscription-actions h5:first-child, | |
.subscriptions .subscription-full .subscription-data h5:first-child { | |
margin: 1em 0; | |
} | |
.subscriptions .subscription-full .subscription-name { | |
text-decoration: none; | |
font-weight: 300; | |
color: #838589; | |
} | |
.subscriptions .subscription-full .subscription-name h3 { | |
font-weight: 300; | |
} | |
.subscriptions .subscription-full .subscription-name strong { | |
color: #38393b; | |
font-weight: 600; | |
} | |
.subscriptions .subscription-full a.subscription-name:hover, | |
.subscriptions .subscription-full a.subscription-name:focus { | |
text-decoration: underline; | |
} | |
.subscriptions .subscription-full h3 { | |
font-size: 1.25rem; | |
margin: 0 0 .5em; | |
} | |
.subscriptions .subscription-full .subscription-label { | |
font-size: .9em; | |
margin: .5em 0 .25em; | |
color: #838589; | |
} | |
.subscriptions .subscription-full p { | |
font-size: .9em; | |
margin: 0 0 .25em; | |
} | |
.page-donate { | |
padding: 0; | |
background: inherit; | |
box-shadow: 0; | |
position: relative; | |
} | |
.donate-container { | |
text-align: center; | |
margin-bottom: 2em; | |
} | |
.donate { | |
margin: 0 auto 2em auto; | |
background: white; | |
color: #38393b; | |
position: relative; | |
max-width: 35em; | |
} | |
.donate .donate-content { | |
padding: 1em 2em; | |
text-align: center; | |
} | |
.donate .donate-content h3, | |
.donate .donate-content h4 { | |
margin: .5em 0; | |
} | |
.donate .donate-content input.donate-amount-other { | |
margin: 0 auto; | |
} | |
.donate .donate-complete { | |
padding: 3em 2em; | |
text-align: center; | |
} | |
.donate .subscription-buttons { | |
text-align: center; | |
margin-bottom: 1em; | |
clear: both; | |
} | |
.donate .subscription-buttons .button { | |
display: inline-block; | |
float: none; | |
font-size: .8em; | |
} | |
.donate .donation-buttons { | |
text-align: center; | |
margin-bottom: 1em; | |
clear: both; | |
} | |
.donate .donation-buttons input { | |
display: block; | |
margin: 0 auto; | |
} | |
.donate .donation-buttons .button { | |
text-transform: none; | |
font-weight: 400; | |
font-size: 1.1em; | |
} | |
.donate .donation-buttons .button .donation-button-title { | |
display: block; | |
letter-spacing: 0; | |
font-weight: normal; | |
font-size: .85em; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
} | |
.donate .donation-buttons .button:after { | |
letter-spacing: 0; | |
font-weight: normal; | |
font-size: .85em; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
} | |
.donate .sharing .button { | |
text-transform: uppercase; | |
letter-spacing: 0; | |
font-size: 1em; | |
} | |
.donate .donation-other { | |
text-align: center; | |
} | |
.donate .donate-amount-other { | |
margin: 0; | |
display: inline-block; | |
font-size: 1.4em; | |
font-weight: bold; | |
width: 6.5em; | |
} | |
.donate .donate-amount-other .input-group .input-prepend { | |
font-size: 1em; | |
line-height: 1.6rem; | |
width: 1.5em; | |
padding: .5rem .25em; | |
} | |
.donate .donate-amount-other .input-group input { | |
font-size: 1.4rem; | |
font-weight: normal; | |
padding: .4rem 0; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
background: transparent; | |
padding-left: 0; | |
} | |
.donate .donate-amount-other .input-group input ::-webkit-input-placeholder { | |
/* Chrome/Opera/Safari */ | |
font-size: 1.2rem; | |
} | |
.donate .donate-amount-other .input-group input ::-moz-placeholder { | |
/* Firefox 19+ */ | |
font-size: 1.2rem; | |
} | |
.donate .donate-amount-other .input-group input :-ms-input-placeholder { | |
/* IE 10+ */ | |
font-size: 1.2rem; | |
} | |
.donate .donate-amount-other .input-group input :-moz-placeholder { | |
/* Firefox 18- */ | |
font-size: 1.2rem; | |
} | |
.donate input.input-checkbox { | |
font-size: 0.8em; | |
} | |
.donate .donate-confirmation { | |
color: #767676; | |
} | |
.donate .donate-processing { | |
padding: 120px 0; | |
text-align: center; | |
color: #9d9fa2; | |
} | |
.donate .donate-subscribe { | |
display: none; | |
} | |
.donate p { | |
clear: both; | |
display: block; | |
margin: 0.5em 0; | |
} | |
.donate .form-field-checkbox-opt-in { | |
display: inline-block; | |
margin-bottom: 0; | |
} | |
.donate .form-field-checkbox-opt-in .label-text { | |
font-size: .9em; | |
font-weight: 400; | |
} | |
.donate .form-field-checkbox-opt-in .label-text .label-text-tooltip { | |
text-decoration: underline; | |
} | |
.donate .form-field-checkbox-gift-aid { | |
display: inline-block; | |
margin-bottom: 0; | |
} | |
.donate .form-field-checkbox-gift-aid .label-text { | |
font-size: .9em; | |
font-weight: 400; | |
} | |
.donate .form-field-checkbox-gift-aid .label-text .label-text-tooltip { | |
text-decoration: underline; | |
} | |
.donate .form-field-card_expiry .input-prepent:last-child { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.donate .form-field-card_expiry .input-prepent:first-child { | |
padding-left: .5em; | |
padding-right: .5em; | |
} | |
.donate.menu-item { | |
background: transparent; | |
color: inherit; | |
} | |
.donate .icon-cc-visa, | |
.page-account .icon-cc-visa { | |
color: #124C9E; | |
} | |
.donate .icon-cc-mastercard, | |
.page-account .icon-cc-mastercard { | |
color: #FF5F00; | |
} | |
.donate .icon-cc-master-card, | |
.page-account .icon-cc-master-card { | |
color: #FF5F00; | |
} | |
.donate .icon-cc-amex, | |
.page-account .icon-cc-amex { | |
color: #258EDB; | |
} | |
.donate .icon-cc-american-express, | |
.page-account .icon-cc-american-express { | |
color: #258EDB; | |
} | |
.donate .icon-cc-paypal, | |
.page-account .icon-cc-paypal { | |
color: #009CDE; | |
} | |
.donate .icon-cc-stripe, | |
.page-account .icon-cc-stripe { | |
color: #248ED2; | |
} | |
.donate-navigation { | |
width: 100%; | |
} | |
.donate-navigation a, | |
.donate-navigation button { | |
display: block; | |
float: left; | |
width: 100%; | |
margin: 0; | |
padding: 1em 0; | |
border-radius: 0; | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-size: 1em; | |
line-height: 1em; | |
letter-spacing: 0.1em; | |
text-align: center; | |
font-weight: bold; | |
text-transform: uppercase; | |
text-decoration: none; | |
transition: all 200ms ease; | |
background-color: #fafafa; | |
border: none; | |
border-top: 1px #e3ebee solid; | |
color: #666; | |
} | |
.donate-navigation a:hover, | |
.donate-navigation button:hover { | |
background: #fafafa; | |
color: #38393b; | |
text-decoration: none; | |
} | |
.donate-navigation a[disabled], | |
.donate-navigation button[disabled] { | |
background: #fafafa; | |
color: #c7c7c7; | |
} | |
.donate-navigation a[disabled]:hover, | |
.donate-navigation button[disabled]:hover, | |
.donate-navigation a[disabled]:focus, | |
.donate-navigation button[disabled]:focus { | |
background: #fafafa; | |
color: #c7c7c7; | |
} | |
.donate-navigation a.donate-active, | |
.donate-navigation button.donate-active { | |
background: #999999; | |
color: white; | |
} | |
.donate-navigation a.donate-active:hover, | |
.donate-navigation button.donate-active:hover, | |
.donate-navigation a.donate-active:focus, | |
.donate-navigation button.donate-active:focus { | |
background: #858585; | |
color: white; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.donate-navigation a.donate-large, | |
.donate-navigation button.donate-large { | |
font-size: 1.2em; | |
} | |
.donate-navigation a.donate-previous, | |
.donate-navigation button.donate-previous { | |
width: 20%; | |
margin: 0; | |
} | |
.donate-navigation a.donate-next, | |
.donate-navigation button.donate-next { | |
width: 80%; | |
margin: 0; | |
} | |
.donate-navigation a .donate-text, | |
.donate-navigation button .donate-text { | |
font-weight: 400; | |
} | |
.donation.ng-enter { | |
-webkit-transition: 1s linear all; | |
transition: 1s linear all; | |
opacity: 0; | |
} | |
.donation.ng-enter-stagger { | |
-webkit-transition-delay: 0.2s; | |
transition-delay: 0.2s; | |
-webkit-transition-duration: 0s; | |
transition-duration: 0s; | |
} | |
.donation.ng-enter.ng-enter-active { | |
opacity: 1; | |
} | |
.donate-stages, | |
fieldset.donate-stages { | |
background-color: #fafafa; | |
border-bottom: 1px #e3ebee solid; | |
padding: 1.25em 1em .75em; | |
width: 100%; | |
min-height: 6em; | |
color: #aaa; | |
text-align: center; | |
} | |
.donate-stages h3, | |
fieldset.donate-stages h3 { | |
font-size: 1.3em; | |
line-height: 1em; | |
margin: 0 0 .5em 0; | |
padding: 0; | |
color: #38393b; | |
} | |
.donate-stages .donate-stage, | |
fieldset.donate-stages .donate-stage { | |
cursor: pointer; | |
border: 2px rgba(0, 0, 0, 0.1) solid; | |
text-decoration: none; | |
background-color: transparent; | |
color: #aaa; | |
width: 1.6rem; | |
height: 1.6rem; | |
font-size: 1rem; | |
font-weight: 700; | |
line-height: 1.5rem; | |
border-radius: 2rem; | |
margin: 0 .5rem; | |
opacity: .9; | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
} | |
.donate-stages .donate-stage:hover, | |
fieldset.donate-stages .donate-stage:hover { | |
opacity: 1; | |
text-decoration: none; | |
} | |
.donate-stages .donate-stage.inactive, | |
fieldset.donate-stages .donate-stage.inactive { | |
background-color: transparent; | |
border-color: rgba(0, 0, 0, 0.1); | |
color: #aaa; | |
} | |
.donate-stages .donate-stage.complete, | |
fieldset.donate-stages .donate-stage.complete { | |
background-color: #999999; | |
border-color: transparent; | |
color: white; | |
opacity: 0.7; | |
} | |
.donate-stages .donate-stage.complete:hover, | |
fieldset.donate-stages .donate-stage.complete:hover { | |
opacity: 1; | |
} | |
.donate-stages .donate-stage.active, | |
fieldset.donate-stages .donate-stage.active { | |
background: #999999; | |
border-color: rgba(0, 0, 0, 0.1); | |
color: white; | |
} | |
.donate-stages .donate-stage.active:hover, | |
fieldset.donate-stages .donate-stage.active:hover { | |
border-color: rgba(0, 0, 0, 0.2); | |
} | |
.donation-warning { | |
margin: 0; | |
width: 100%; | |
padding: 10px 0px; | |
text-align: center; | |
position: relative; | |
bottom: 0; | |
left: 0; | |
border-top: 1px #f5472b solid; | |
background: #f7715c; | |
color: white; | |
} | |
.donation-warning.donation-warning-notice { | |
background: #2E9FED; | |
border-top-color: #1286d6; | |
} | |
.donation-warning p { | |
margin: 0; | |
font-weight: 400; | |
padding: 0 .5em; | |
} | |
.payment-methods { | |
background: white; | |
margin: 0 0 2em 0; | |
} | |
.payment-methods .payment-methods-header { | |
background: #e1e6e7; | |
} | |
.payment-methods .payment-methods-header th { | |
padding: 0.75rem 1rem; | |
} | |
.payment-methods .payment-methods-card { | |
border-bottom: 1px #e1e6e7 solid; | |
} | |
.payment-methods .payment-methods-card td { | |
padding: 1rem; | |
} | |
.payment-methods .payment-methods-card .icon-cc { | |
font-size: 1.5em; | |
line-height: 1em; | |
margin: -0.05em 0.5rem 0 -0.2em; | |
position: relative; | |
display: inline-block; | |
} | |
.payment-methods .payment-methods-card .payment-methods-card-action { | |
font-size: .8em; | |
} | |
.payment-methods .payment-methods-card .payment-methods-card-action .label { | |
font-size: .55rem; | |
} | |
.payment-methods .payment-methods-empty td, | |
.payment-methods .payment-methods-loading td { | |
padding: 3em 0; | |
text-align: center; | |
color: #767676; | |
} | |
.payment-methods-error { | |
color: #e33e55; | |
font-size: .9em; | |
} | |
ul[class*="menu-"].payment-methods-switch { | |
text-align: left; | |
} | |
ul[class*="menu-"].payment-methods-switch:before, | |
ul[class*="menu-"].payment-methods-switch:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
ul[class*="menu-"].payment-methods-switch:after { | |
clear: both; | |
} | |
ul[class*="menu-"].payment-methods-switch:before, | |
ul[class*="menu-"].payment-methods-switch:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
ul[class*="menu-"].payment-methods-switch:after { | |
clear: both; | |
} | |
ul[class*="menu-"].payment-methods-switch li { | |
width: 100%; | |
} | |
ul[class*="menu-"].payment-methods-switch li a { | |
width: 100%; | |
background: white; | |
color: #38393b; | |
border: 1px #d3dadc solid; | |
text-align: left; | |
} | |
ul[class*="menu-"].payment-methods-switch li ul { | |
max-width: 100%; | |
width: 100%; | |
left: 0; | |
top: 3em; | |
border: 1px #d3dadc solid; | |
} | |
ul[class*="menu-"].payment-methods-switch li ul li a { | |
background: #e1e6e7; | |
border: none; | |
text-align: left; | |
padding-left: .6em; | |
padding-right: .6em; | |
} | |
.container:before, | |
.clearfix:before, | |
.container:after, | |
.clearfix:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after, | |
.clearfix:after { | |
clear: both; | |
} | |
.container { | |
position: relative; | |
} | |
html { | |
width: 100%; | |
min-height: 100%; | |
} | |
html * { | |
font-smoothing: antialiased; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: antialiased; | |
} | |
body { | |
width: 100%; | |
min-height: 100%; | |
} | |
.raisely-campaign { | |
background-color: #eff2f2; | |
} | |
.raisely-campaign.state-app-embed { | |
background-color: transparent; | |
} | |
#app { | |
min-height: 50em; | |
} | |
img { | |
max-width: 100%; | |
height: auto; | |
} | |
main { | |
padding: 4em 0; | |
} | |
.logo { | |
width: 201px; | |
height: auto; | |
display: block; | |
} | |
.logo.logo-square { | |
display: inline-block; | |
zoom: 1; | |
*display: inline; | |
width: 120px; | |
} | |
.brand img { | |
width: 100%; | |
height: auto; | |
max-width: 280px; | |
margin-top: 40px; | |
} | |
.underlay-dark:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
@media (min-width: 1200px) { | |
body { | |
font-size: 16px; | |
line-height: 140%; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
line-height: 140%; | |
} | |
.container { | |
width: 1140px; | |
margin: 0 auto; | |
} | |
nav { | |
z-index: 1; | |
} | |
section { | |
position: relative; | |
} | |
.col-1 { | |
float: left; | |
width: 57px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-2 { | |
float: left; | |
width: 152px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-3 { | |
float: left; | |
width: 247px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-4 { | |
float: left; | |
width: 342px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-5 { | |
float: left; | |
width: 437px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-6 { | |
float: left; | |
width: 532px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-7 { | |
float: left; | |
width: 627px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-8 { | |
float: left; | |
width: 722px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-9 { | |
float: left; | |
width: 817px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-10 { | |
float: left; | |
width: 912px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-11 { | |
float: left; | |
width: 1007px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-12 { | |
float: left; | |
width: 1102px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.offset-1 { | |
margin-left: 114px; | |
} | |
.offset-2 { | |
margin-left: 209px; | |
} | |
.offset-3 { | |
margin-left: 304px; | |
} | |
.offset-4 { | |
margin-left: 399px; | |
} | |
.offset-5 { | |
margin-left: 494px; | |
} | |
.offset-6 { | |
margin-left: 589px; | |
} | |
.offset-7 { | |
margin-left: 684px; | |
} | |
.offset-8 { | |
margin-left: 779px; | |
} | |
.offset-9 { | |
margin-left: 874px; | |
} | |
.offset-10 { | |
margin-left: 969px; | |
} | |
.offset-11 { | |
margin-left: 1064px; | |
} | |
.posts-grid .post { | |
float: left; | |
width: 342px; | |
margin-left: 19px; | |
margin-right: 19px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
body { | |
color: #38393b; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
} | |
h1, | |
h2, | |
h3 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
line-height: 110%; | |
letter-spacing: -0.03em; | |
} | |
h4, | |
h5, | |
h6 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
line-height: 110%; | |
letter-spacing: .2em; | |
text-transform: uppercase; | |
} | |
h1 { | |
font-size: 2.5em; | |
margin: 1em 0; | |
} | |
h2 { | |
font-size: 2em; | |
margin: 1em 0; | |
} | |
h3 { | |
font-size: 1.6em; | |
margin: 1em 0; | |
} | |
h4 { | |
font-size: 1.25em; | |
margin: 2em 0; | |
font-weight: 300; | |
letter-spacing: 0; | |
} | |
h5 { | |
font-size: .9em; | |
margin: 2em 0; | |
} | |
h6 { | |
font-size: 0.8em; | |
margin: 1em 0; | |
} | |
p { | |
margin: 0 0 1em 0; | |
} | |
.lead { | |
font-size: 1.4em; | |
line-height: 1.2em; | |
} | |
.fineprint { | |
font-size: 0.85em; | |
line-height: 1.2em; | |
opacity: 1; | |
color: #76787c; | |
} | |
.de-emphasize { | |
opacity: .7; | |
font-size: .85em; | |
line-height: 1.45em; | |
} | |
.emphasise { | |
font-weight: 700; | |
} | |
.title-case { | |
text-transform: capitalize; | |
} | |
.hidden { | |
display: none; | |
} | |
a { | |
color: inherit; | |
text-decoration: underline; | |
cursor: pointer; | |
} | |
a:hover { | |
text-decoration: underline; | |
color: inherit; | |
} | |
abbr, | |
acronym { | |
border-bottom: 1px dotted; | |
cursor: help; | |
} | |
address { | |
font-size: 1em; | |
font-style: italic; | |
} | |
blockquote { | |
margin: 1.2em 0; | |
padding: 0 0 0 2em; | |
font-size: 1.5em; | |
} | |
cite { | |
font-style: italic; | |
font-size: .8em; | |
} | |
code { | |
font-size: 1em; | |
font-family: monospace; | |
background: #e1e6e7; | |
border: 1px solid #d3dadc; | |
padding: 0.125em 0.25em; | |
line-height: 150%; | |
} | |
em, | |
i { | |
font-style: italic; | |
} | |
strong, | |
b { | |
font-weight: 600; | |
} | |
hr { | |
outline: none; | |
border: none; | |
margin: 1em 0; | |
padding: 0; | |
border-top: 1px solid #c5ced0; | |
clear: both; | |
float: none; | |
width: 100%; | |
} | |
ol, | |
ul { | |
margin: 1em 0; | |
padding: 0 0 0 2em; | |
} | |
ol li, | |
ul li { | |
font-size: 1em; | |
list-style-position: outside; | |
margin-bottom: 0.5em; | |
} | |
ul li { | |
list-style: disc; | |
} | |
ol li { | |
list-style: decimal; | |
} | |
form { | |
margin: 1em 0; | |
} | |
dl { | |
margin: 1em 0; | |
} | |
dl dt { | |
font-weight: bold; | |
} | |
dl dd { | |
margin: 0 0 0.5em; | |
} | |
pre { | |
border-radius: 3px; | |
font-family: Lucida Console, monospace; | |
overflow: auto; | |
background: #515255; | |
color: #aaa; | |
font-size: 12px; | |
font-weight: lighter; | |
padding: 20px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
text-align: left; | |
} | |
.profiles-grid .profile.profile-square { | |
width: 12.5%; | |
} | |
} | |
.underlay-dark:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
@media (min-width: 768px) and (max-width: 979px) { | |
body { | |
font-size: 15px; | |
line-height: 140%; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
line-height: 140%; | |
} | |
.container { | |
width: 750px; | |
margin: 0 auto; | |
} | |
nav { | |
z-index: 1; | |
} | |
section { | |
position: relative; | |
} | |
.col-1 { | |
float: left; | |
width: 37.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-2 { | |
float: left; | |
width: 100px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-3 { | |
float: left; | |
width: 162.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-4 { | |
float: left; | |
width: 225px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-5 { | |
float: left; | |
width: 287.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-6 { | |
float: left; | |
width: 350px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-7 { | |
float: left; | |
width: 412.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-8 { | |
float: left; | |
width: 475px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-9 { | |
float: left; | |
width: 537.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-10 { | |
float: left; | |
width: 600px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-11 { | |
float: left; | |
width: 662.5px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.col-12 { | |
float: left; | |
width: 725px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.offset-1 { | |
margin-left: 75px; | |
} | |
.offset-2 { | |
margin-left: 137.5px; | |
} | |
.offset-3 { | |
margin-left: 200px; | |
} | |
.offset-4 { | |
margin-left: 262.5px; | |
} | |
.offset-5 { | |
margin-left: 325px; | |
} | |
.offset-6 { | |
margin-left: 387.5px; | |
} | |
.offset-7 { | |
margin-left: 450px; | |
} | |
.offset-8 { | |
margin-left: 512.5px; | |
} | |
.offset-9 { | |
margin-left: 575px; | |
} | |
.offset-10 { | |
margin-left: 637.5px; | |
} | |
.offset-11 { | |
margin-left: 700px; | |
} | |
.posts-grid .post { | |
float: left; | |
width: 225px; | |
margin-left: 12.5px; | |
margin-right: 12.5px; | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
body { | |
color: #38393b; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
} | |
h1, | |
h2, | |
h3 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
line-height: 110%; | |
letter-spacing: -0.03em; | |
} | |
h4, | |
h5, | |
h6 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
line-height: 110%; | |
letter-spacing: .2em; | |
text-transform: uppercase; | |
} | |
h1 { | |
font-size: 2.5em; | |
margin: 1em 0; | |
} | |
h2 { | |
font-size: 2em; | |
margin: 1em 0; | |
} | |
h3 { | |
font-size: 1.6em; | |
margin: 1em 0; | |
} | |
h4 { | |
font-size: 1.25em; | |
margin: 2em 0; | |
font-weight: 300; | |
letter-spacing: 0; | |
} | |
h5 { | |
font-size: .9em; | |
margin: 2em 0; | |
} | |
h6 { | |
font-size: 0.8em; | |
margin: 1em 0; | |
} | |
p { | |
margin: 0 0 1em 0; | |
} | |
.lead { | |
font-size: 1.4em; | |
line-height: 1.2em; | |
} | |
.fineprint { | |
font-size: 0.85em; | |
line-height: 1.2em; | |
opacity: 1; | |
color: #76787c; | |
} | |
.de-emphasize { | |
opacity: .7; | |
font-size: .85em; | |
line-height: 1.45em; | |
} | |
.emphasise { | |
font-weight: 700; | |
} | |
.title-case { | |
text-transform: capitalize; | |
} | |
.hidden { | |
display: none; | |
} | |
a { | |
color: inherit; | |
text-decoration: underline; | |
cursor: pointer; | |
} | |
a:hover { | |
text-decoration: underline; | |
color: inherit; | |
} | |
abbr, | |
acronym { | |
border-bottom: 1px dotted; | |
cursor: help; | |
} | |
address { | |
font-size: 1em; | |
font-style: italic; | |
} | |
blockquote { | |
margin: 1.2em 0; | |
padding: 0 0 0 2em; | |
font-size: 1.5em; | |
} | |
cite { | |
font-style: italic; | |
font-size: .8em; | |
} | |
code { | |
font-size: 1em; | |
font-family: monospace; | |
background: #e1e6e7; | |
border: 1px solid #d3dadc; | |
padding: 0.125em 0.25em; | |
line-height: 150%; | |
} | |
em, | |
i { | |
font-style: italic; | |
} | |
strong, | |
b { | |
font-weight: 600; | |
} | |
hr { | |
outline: none; | |
border: none; | |
margin: 1em 0; | |
padding: 0; | |
border-top: 1px solid #c5ced0; | |
clear: both; | |
float: none; | |
width: 100%; | |
} | |
ol, | |
ul { | |
margin: 1em 0; | |
padding: 0 0 0 2em; | |
} | |
ol li, | |
ul li { | |
font-size: 1em; | |
list-style-position: outside; | |
margin-bottom: 0.5em; | |
} | |
ul li { | |
list-style: disc; | |
} | |
ol li { | |
list-style: decimal; | |
} | |
form { | |
margin: 1em 0; | |
} | |
dl { | |
margin: 1em 0; | |
} | |
dl dt { | |
font-weight: bold; | |
} | |
dl dd { | |
margin: 0 0 0.5em; | |
} | |
pre { | |
border-radius: 3px; | |
font-family: Lucida Console, monospace; | |
overflow: auto; | |
background: #515255; | |
color: #aaa; | |
font-size: 12px; | |
font-weight: lighter; | |
padding: 20px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
text-align: left; | |
} | |
.nav-brand { | |
height: 80px; | |
} | |
.nav-wrapper .menu-primary { | |
height: auto; | |
} | |
} | |
.underlay-dark:before { | |
content: ''; | |
display: block; | |
position: absolute; | |
z-index: 0; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.5); | |
} | |
@media (max-width: 767px) { | |
body { | |
font-size: 14px; | |
line-height: 140%; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
line-height: 140%; | |
} | |
.container { | |
width: 90%; | |
margin-left: 5%; | |
margin-right: 5%; | |
margin: 0 auto; | |
} | |
nav { | |
z-index: 1; | |
} | |
section { | |
position: relative; | |
} | |
.col-1 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-2 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-3 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-4 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-5 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-6 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-7 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-8 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-9 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-10 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-11 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.col-12 { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
.offset-1 { | |
margin-left: 0%; | |
} | |
.offset-2 { | |
margin-left: 0%; | |
} | |
.offset-3 { | |
margin-left: 0%; | |
} | |
.offset-4 { | |
margin-left: 0%; | |
} | |
.offset-5 { | |
margin-left: 0%; | |
} | |
.offset-6 { | |
margin-left: 0%; | |
} | |
.offset-7 { | |
margin-left: 0%; | |
} | |
.offset-8 { | |
margin-left: 0%; | |
} | |
.offset-9 { | |
margin-left: 0%; | |
} | |
.offset-10 { | |
margin-left: 0%; | |
} | |
.offset-11 { | |
margin-left: 0%; | |
} | |
.posts-grid .post { | |
float: left; | |
width: 100%; | |
margin-left: 0%; | |
margin-right: 0%; | |
padding-left: 0%; | |
padding-right: 0%; | |
} | |
body { | |
color: #38393b; | |
font-family: 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
} | |
h1, | |
h2, | |
h3 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 300; | |
line-height: 110%; | |
letter-spacing: -0.03em; | |
} | |
h4, | |
h5, | |
h6 { | |
font-family: 'Montserrat', 'Roboto', 'Helvetica', Arial, sans-serif; | |
font-weight: 700; | |
line-height: 110%; | |
letter-spacing: .2em; | |
text-transform: uppercase; | |
} | |
h1 { | |
font-size: 2.5em; | |
margin: 1em 0; | |
} | |
h2 { | |
font-size: 2em; | |
margin: 1em 0; | |
} | |
h3 { | |
font-size: 1.6em; | |
margin: 1em 0; | |
} | |
h4 { | |
font-size: 1.25em; | |
margin: 2em 0; | |
font-weight: 300; | |
letter-spacing: 0; | |
} | |
h5 { | |
font-size: .9em; | |
margin: 2em 0; | |
} | |
h6 { | |
font-size: 0.8em; | |
margin: 1em 0; | |
} | |
p { | |
margin: 0 0 1em 0; | |
} | |
.lead { | |
font-size: 1.4em; | |
line-height: 1.2em; | |
} | |
.fineprint { | |
font-size: 0.85em; | |
line-height: 1.2em; | |
opacity: 1; | |
color: #76787c; | |
} | |
.de-emphasize { | |
opacity: .7; | |
font-size: .85em; | |
line-height: 1.45em; | |
} | |
.emphasise { | |
font-weight: 700; | |
} | |
.title-case { | |
text-transform: capitalize; | |
} | |
.hidden { | |
display: none; | |
} | |
a { | |
color: inherit; | |
text-decoration: underline; | |
cursor: pointer; | |
} | |
a:hover { | |
text-decoration: underline; | |
color: inherit; | |
} | |
abbr, | |
acronym { | |
border-bottom: 1px dotted; | |
cursor: help; | |
} | |
address { | |
font-size: 1em; | |
font-style: italic; | |
} | |
blockquote { | |
margin: 1.2em 0; | |
padding: 0 0 0 2em; | |
font-size: 1.5em; | |
} | |
cite { | |
font-style: italic; | |
font-size: .8em; | |
} | |
code { | |
font-size: 1em; | |
font-family: monospace; | |
background: #e1e6e7; | |
border: 1px solid #d3dadc; | |
padding: 0.125em 0.25em; | |
line-height: 150%; | |
} | |
em, | |
i { | |
font-style: italic; | |
} | |
strong, | |
b { | |
font-weight: 600; | |
} | |
hr { | |
outline: none; | |
border: none; | |
margin: 1em 0; | |
padding: 0; | |
border-top: 1px solid #c5ced0; | |
clear: both; | |
float: none; | |
width: 100%; | |
} | |
ol, | |
ul { | |
margin: 1em 0; | |
padding: 0 0 0 2em; | |
} | |
ol li, | |
ul li { | |
font-size: 1em; | |
list-style-position: outside; | |
margin-bottom: 0.5em; | |
} | |
ul li { | |
list-style: disc; | |
} | |
ol li { | |
list-style: decimal; | |
} | |
form { | |
margin: 1em 0; | |
} | |
dl { | |
margin: 1em 0; | |
} | |
dl dt { | |
font-weight: bold; | |
} | |
dl dd { | |
margin: 0 0 0.5em; | |
} | |
pre { | |
border-radius: 3px; | |
font-family: Lucida Console, monospace; | |
overflow: auto; | |
background: #515255; | |
color: #aaa; | |
font-size: 12px; | |
font-weight: lighter; | |
padding: 20px; | |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset; | |
text-align: left; | |
} | |
.container { | |
width: 90%; | |
margin-left: 5%; | |
margin-right: 5%; | |
} | |
.verbose { | |
display: none; | |
} | |
article, | |
aside { | |
padding: 1em 0 0 0; | |
} | |
nav { | |
background: transparent; | |
transition: .4s; | |
height: auto; | |
position: relative; | |
} | |
nav .nav-brand { | |
margin: 0 0; | |
} | |
nav .nav-wrapper { | |
display: block; | |
position: absolute; | |
top: 1em; | |
right: 0; | |
width: 100%; | |
} | |
nav .nav-wrapper .nav-menu-opener { | |
display: block; | |
} | |
nav .nav-wrapper .nav-menu { | |
display: none; | |
padding: 50px 0 0 0; | |
} | |
nav.open .nav-wrapper .nav-menu li a.support { | |
display: none; | |
} | |
nav.nav-inverse .nav-brand img { | |
max-height: 3em; | |
width: auto; | |
} | |
.stream .post .comment .content { | |
padding-left: 44px; | |
} | |
.stream .post .comment.comment-form textarea, | |
.stream .post .comment.comment-form input { | |
float: none; | |
margin-left: 0; | |
} | |
section.profile aside { | |
margin-top: 0; | |
} | |
.social-fixed { | |
position: absolute; | |
top: 20px; | |
left: 0; | |
} | |
.social-fixed .social-fixed-button { | |
display: inline-block; | |
} | |
.page-profile .page-header .profile-header-content { | |
text-align: center; | |
} | |
.page-profile .page-header .profile-header-content h1 { | |
margin-top: 1rem; | |
} | |
.page-profile .donate-mobile { | |
display: block; | |
} | |
.page-profile #donate-article, | |
.page-profile .donate-trigger { | |
display: block; | |
} | |
.page-profile .donate-aside { | |
display: none; | |
} | |
.page-footer .footer-brand { | |
display: inline-block; | |
max-width: 16em; | |
} | |
.page-footer ul[class*="menu-"] { | |
text-align: center; | |
} | |
.page-footer ul[class*="menu-"].menu-secondary li a { | |
display: inline-block; | |
} | |
.page-footer aside, | |
.page-footer .page-footer-menu-links, | |
.page-footer .page-footer-menu-user, | |
.page-footer .page-footer-social, | |
.page-footer .page-footer-copyright { | |
text-align: center; | |
} | |
.payment-methods .payment-methods-card td { | |
padding: .5rem; | |
} | |
.payment-methods .payment-methods-card th { | |
padding: 0.75rem 0.5rem; | |
} | |
.payment-methods .payment-methods-card .card-brand, | |
.payment-methods .payment-methods-card .card-dots { | |
display: none; | |
} | |
} | |
@media (max-width: 480px) { | |
.nav-wrapper nav.user-elements { | |
display: none; | |
} | |
.nav-wrapper.open nav.user-elements { | |
display: block; | |
} | |
.alert { | |
font-size: 13px; | |
line-height: 18px; | |
} | |
} | |
.home-header h1 .highlight { | |
font-size: 1.2em; | |
} | |
.wufoo .info h2 { | |
padding-top: 1em; | |
} | |
.wufoo-iframe { | |
margin-top: -100px; | |
padding: 20px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment