Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @font-face {
- font-family: 'existencelight';
- src: url(fonts/'existence-light.eot');
- src: url(fonts/'existence-light.eot?#iefix') format('embedded-opentype'),
- url(fonts/'existence-light.woff') format('woff'),
- url(fonts/'existence-light.ttf') format('truetype'),
- url(fonts/'existence-light.svg#existencelight') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'existencestencil_light';
- src: url(fonts/'existence-stencillight.eot');
- src: url(fonts/'existence-stencillight.eot?#iefix') format('embedded-opentype'),
- url(fonts/'existence-stencillight.woff') format('woff'),
- url(fonts/'existence-stencillight.ttf') format('truetype'),
- url(fonts/'existence-stencillight.svg#existencestencil_light') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: 'existenceunicase_light';
- src: url(fonts/'existence-unicaselight.eot');
- src: url(fonts/'existence-unicaselight.eot?#iefix') format('embedded-opentype'),
- url(fonts/'existence-unicaselight.woff') format('woff'),
- url(fonts/'existence-unicaselight.ttf') format('truetype'),
- url(fonts/'existence-unicaselight.svg#existenceunicase_light') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- nav,
- section,
- summary {
- display: block;
- }
- audio,
- canvas,
- video {
- display: inline-block;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- [hidden] {
- display: none;
- }
- html {
- font-family: existencelight, serif; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
- -ms-text-size-adjust: 100%; /* 2 */
- }
- body {
- margin: 0;
- }
- a:focus {
- outline: thin dotted;
- }
- a:active,
- a:hover {
- outline: 0;
- }
- h1 {
- font-size: 2em;
- }
- abbr[title] {
- border-bottom: 1px dotted;
- }
- b,
- strong {
- font-weight: bold;
- }
- dfn {
- font-style: italic;
- }
- mark {
- background: #ff0;
- color: #000;
- }
- code,
- kbd,
- pre,
- samp {
- font-family: existencelight, serif;
- font-size: 1em;
- }
- pre {
- white-space: pre;
- white-space: pre-wrap;
- word-wrap: break-word;
- }
- q {
- quotes: "\201C" "\201D" "\2018" "\2019";
- }
- small {
- font-size: 80%;
- }
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sup {
- top: -0.5em;
- }
- sub {
- bottom: -0.25em;
- }
- img {
- border: 0;
- }
- svg:not(:root) {
- overflow: hidden;
- }
- figure {
- margin: 0;
- }
- fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
- }
- legend {
- border: 0; /* 1 */
- padding: 0; /* 2 */
- }
- button,
- input,
- select,
- textarea {
- font-family: inherit; /* 1 */
- font-size: 100%; /* 2 */
- margin: 0; /* 3 */
- }
- button,
- input {
- line-height: normal;
- }
- button,
- html input[type="button"], /* 1 */
- input[type="reset"],
- input[type="submit"] {
- -webkit-appearance: button; /* 2 */
- cursor: pointer; /* 3 */
- }
- button[disabled],
- input[disabled] {
- cursor: default;
- }
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
- }
- input[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box; /* 2 */
- box-sizing: content-box;
- }
- input[type="search"]::-webkit-search-cancel-button,
- input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
- textarea {
- overflow: auto; /* 1 */
- vertical-align: top; /* 2 */
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- body {
- background-color: #E4F1F6;
- }
- .cf:before,
- .cf:after {
- content: "";
- display: table;
- }
- .cf:after {
- clear: both;
- }
- .cf {
- *zoom: 1;
- }
- .wrapper {
- width: 1000px;
- margin: 50px auto 0;
- height: 500px;
- }
- .col {
- width: -webkit-calc(100% / 3);
- width: -moz-calc(100% / 3);
- width: calc(100% / 3);
- -moz-border-radius-topleft: 15px;
- border-bottom-right-radius: 15px;
- border-bottom-left-radius: 15px;
- border-top-right-radius: 15px;
- border-top-left-radius: 15px;
- float: left;
- height: 100%;
- text-align: center;
- font-size: 50px;
- color: #fff;
- line-height: 150%;
- margin-top: 15px;
- border: 2x solid #ccc;
- }
- .col.one {
- background-color: #8CD9CF;
- }
- .col.two {
- background-color: #256F6F;
- }
- .col.three {
- background-color: #8CD9CF;
- }
- .pre {
- padding-left: 5em;
- margin-top: 50px;
- padding: 20px;
- border-radius: 3px;
- border: 2px solid #ccc;
- -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
- box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
- background-color: #f3f3f3;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement