/* * Fonts */ /* * Colors */ /* * Constructors */ /* (Retina) apply high-resolution background images */ /* Create a cross-browser compatible box-shadow */ /* Create a cross-browser compatible border-radius */ /* Create a cross-browser compatible linear gradient */ /* Create a button in the standard site style */ /* * Base Styles */ * { padding: 0; margin: 0; outline-style: none; } body { font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.4; color: #0d2f3c; background-color: #fafbfc; } div.inner { width: 1000px; margin: 0 20px; } br.clearFloats { height: 0; clear: both; } .wrapper { width: 1040px; margin: 0 auto; } /* Primary Header */ header { background-color: rgba(250, 251, 252, 0.95); height: 34px; min-width: 1000px; width: 100%; padding: 8px 0; font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 1; -moz-box-shadow: 0px 1px 1px 0px rgba(11, 38, 48, 0.32); -webkit-box-shadow: 0px 1px 1px 0px rgba(11, 38, 48, 0.32); box-shadow: 0px 1px 1px 0px rgba(11, 38, 48, 0.32); position: fixed; z-index: 1; } header a { color: #0d2f3c; text-decoration: none; } header a:hover { color: #24aadf; } header h3 { /* normal */ background-image: url("../../images/main/pl-logo-min/index.png"); background-position: center center; background-repeat: no-repeat; /* retina */ display: inline-block; width: 34px; height: 34px; line-height: 34px; padding: 0 20px; border-right: 1px solid #dde0e1; } @media all and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { header h3 { background-image: url(../../images/main/pl-logo-min_2x/index.png); background-size: 34px 34px; } } header ul { float: right; height: 34px; margin-left: auto; } header ul li { display: inline-block; line-height: 34px; padding: 0 20px; border-right: 1px solid #dde0e1; } header ul li:last-child { border: none; } /* Position 'main' content below fixed header */ div#main { padding-top: 50px; } /* Primary Footer */ footer { width: 1040px; margin: 0 auto; } footer .inner { margin: 64px 20px 32px 20px; border-top: 1px solid #dde0e1; padding-top: 70px; /* normal */ background-image: url("../../images/main/flask/index.png"); background-position: center 16px; background-repeat: no-repeat; /* retina */ font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 1; color: #677073; text-align: center; } @media all and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { footer .inner { background-image: url(../../images/main/flask_2x/index.png); background-size: 28px 38px; } } /*# sourceMappingURL=main.css.map */