Skabelon:Kalender/css.css

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ; content: none;}table { border-collapse: collapse; border-spacing: 0;}.about { margin: 70px auto 40px; padding: 8px; width: 260px; font: 10px/18px 'Lucida Grande', Arial, sans-serif; color: #666; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.25); background: #eee; background: rgba(250, 250, 250, 0.8); border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 6px rgba(0, 0, 0, 0.2);}.about a { color: #333; text-decoration: none; border-radius: 2px; -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -o-transition: background 0.1s; transition: background 0.1s;}.about a:hover { text-decoration: none; background: #fafafa; background: rgba(255, 255, 255, 0.7);}.about-links { height: 30px;}.about-links > a { float: left; width: 50%; line-height: 30px; font-size: 12px;}.about-author { margin-top: 5px;}.about-author > a { padding: 1px 3px; margin: 0 -1px;}body { font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif; color: #404040; background: #444444 url("../img/bg.png") 0 0 repeat;}.container { margin: 50px auto; width: 640px;}.container .cal { margin: 0 auto;}.cal { display: block; width: 216px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}.cal a { text-decoration: none;}.cal caption { display: block; line-height: 32px; font-weight: bold; color: #e2e2e2; text-align: center; text-shadow: 0 -1px black; background: #333; background: rgba(0, 0, 0, 0.35); border-top: 1px solid #333; border-bottom: 1px solid #313131; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);}.cal caption a { display: block; line-height: 32px; padding: 0 10px; font-size: 15px; color: #e2e2e2;}.cal caption a:hover { color: white;}.cal caption .prev { float: left;}.cal caption .next { float: right;}.cal th, .cal td { width: 30px; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.8);}.cal th:first-child, .cal td:first-child { border-left: 0;}.cal th { line-height: 20px; font-size: 8px; color: #696969; text-transform: uppercase; background: #f3f3f3; border-left: 1px solid #f3f3f3;}.cal td { font-size: 11px; font-weight: bold; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2;}.cal td a { clear: both; display: block; position: relative; width: 30px; line-height: 28px; color: #666; background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9); -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);}.cal td a:hover, .cal td.off a { background: #f3f3f3;}.cal td.off a { color: #b3b3b3;}.cal td.active a, .cal td a:active { margin: -1px; color: #f3f3f3; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background: #6dafbf; border: 1px solid #598b94; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);}.cal td.active:first-child a, .cal td:first-child a:active { border-left: 0; margin-left: 0;}.cal td.active:last-child a, .cal td:last-child a:active { border-right: 0; margin-right: 0;}.cal tr:last-child td.active a, .cal tr:last-child td a:active { border-bottom: 0; margin-bottom: 0;}