body { font: 16px/1.4 sans-serif; } html, body { background: #eee; color: #000; } body { left: 240px; position: relative; max-width: 900px; margin-top: 6em; } form, select, textarea, input { font: inherit; } textarea { width: 100%; } div#meny { position: fixed; left: 0; top: 0; width: 180px; height: 100%; } div#meny { border-right: 1px dotted Tomato; padding: 0 1em; } div#meny { background: #fff; overflow: auto; } div#meny b a:hover { text-decoration: line-through; } h2 { margin-bottom: 0; font-size: large; } p.x { margin-top: 0; font-size: small; } p.x a { text-align: right; } .footer { position: absolute; bottom: 0; font-size: small; } pre { font-weight: bold; } a { text-decoration: none; color: DarkOrange; } a:hover, a:visited { color: Tomato; } img { border: 1px solid #000; max-width: 50%; } pre { position: relative; } img.orz { width: 50px; height: 50px; display: block; } label { width: 8em; float: left; margin: 0.25em 0; } blockquote { font-style: italic; position: relative; } img.teatime { max-width: 100%; } /*! * Pikaday * Copyright © 2012 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; width: 240px; padding: 8px; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; white-space: nowrap; text-indent: 100%; overflow: hidden; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .pika-button:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; border-radius: 3px !important; }