123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- /*
- * JavaScript Templates Demo CSS
- * https://github.com/blueimp/JavaScript-Templates
- *
- * Copyright 2013, Sebastian Tschan
- * https://blueimp.net
- *
- * Licensed under the MIT license:
- * http://www.opensource.org/licenses/MIT
- */
- body {
- max-width: 750px;
- margin: 0 auto;
- padding: 1em;
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
- font-size: 1em;
- line-height: 1.4em;
- background: #222;
- color: #fff;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- }
- a {
- color: orange;
- text-decoration: none;
- }
- img {
- border: 0;
- vertical-align: middle;
- }
- h1 {
- line-height: 1em;
- }
- textarea,
- input {
- display: inline-block;
- width: 100%;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 10px;
- margin: 0 0 10px;
- font-family: "Lucida Console", Monaco, monospace;
- }
- .result {
- padding: 20px 40px;
- background: #fff;
- color: #222;
- }
- .error {
- color: red;
- }
- @media (min-width: 481px) {
- .navigation {
- list-style: none;
- padding: 0;
- }
- .navigation li {
- display: inline-block;
- }
- .navigation li:not(:first-child):before {
- content: '| ';
- }
- }
- /* IE7 fixes */
- *+html textarea,
- *+html input {
- width: 460px;
- }
- *+html .result {
- width: 400px;
- }
|