12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- * {
- font-family: -apple-system-font, Helvetica, sans-serif;
- }
- body {
- padding: 1em;
- }
- a:link, a:visited { color: darkblue; }
- #results.failed em { font-style: normal; color: crimson; }
- #results.passed em { font-style: normal; color: darkgreen; }
- #fixtures {
- position: absolute;
- top: -10000px;
- left: -10000px;
- }
- #nav {
- list-style: none;
- padding: 0;
- margin: 2em 0 0 0;
- font-size: 12px;
- max-width: 30em;
- }
- #nav a {
- padding: .8em 1.5em;
- background: #eee;
- border-top: 2px solid white;
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: .1em;
- display: block;
- color: #555;
- }
- #nav .current a { background: #ccc; color: black; }
- #nav a:active { background: #555; color: white; }
- ul {
- padding: 0;
- }
- li {
- list-style-type: none;
- padding: 0 0 15px;
- }
- li a {
- font-size: 16px;
- border: 1px solid darkblue;
- padding: 3px 10px;
- text-decoration: none;
- }
- li a:visited {
- border-color: #888;
- color: #aaa;
- }
- @media only screen and (max-device-width:480px) {
- body { margin: 7px; font-size: small; }
- h1 { margin: 0; }
- h1, #results { text-align: center; }
- #results { min-height: 3em; }
- #nav { font-size: 14px; max-width: auto; }
- }
|