ukulele.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

body { font: 16px/1.2 sans-serif; width: 90%; margin: 0 auto; max-width: 64em; background: white; }
textarea { font: inherit; width: 100%; }
h1 { text-transform: uppercase; }
hr { clear: both; }
img { border: none; }
img[align=left] { margin: 0 1em 1em 0; }
img[align=right] { margin: 0 0 1em 1em; }
ul { list-style: inside square; }
ul.glob { list-style: inside circle; padding: 0; text-transform: uppercase; }
table { text-align: left; border-collapse: collapse; background: #eee; }
th, td { padding: 4px 8px 4px 8px; }
tr:nth-child(2n) { background: #fff; }
a { text-decoration: none; color: red; }
a:hover, a:visited { color: Crimson; }
h1 a:hover:after { content: " »" attr(data-text); color: #aaa; }
pre { border: 1px dotted gray; padding: 0.5em; background: GhostWhite; }
textarea { font-family: monospace; }
tt { font-weight: bold; }
.edit a { margin-right: 1em; }
.meny { float: right; padding: 1em; clear: right; margin: 0 1em 1em 1em; width: 240px; background: #ddd; border-left: 4px solid #000; box-shadow: 5px 5px 10px #777; }
.meny h2, .meny h3 { font-size: large; margin-top: 0; text-transform: uppercase; }
.meny ul { padding: 0; margin: 0; }
.marxuplol { padding: 1em; background: #ddd; }
.rosa { color: DeepPink; }pre { overflow: hidden; }
@media screen and (max-width: 640px) {
  .meny { float: none; margin: 0; }
  .magisk { display: none; }
}

img { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mdoe: nearest-neighbor; max-width: 100%; }