pretty.css (4318B)
1 /* psyced! */ 2 3 body { background: #789; /* url(stars_bg.jpg) 0% 0 no-repeat; */ color: #000; 4 font-size: 2em; font-family: Ubuntu, DejaVu Sans, Verdana, Helvetica; font-weight: bold; } 5 :link, :visited {text-decoration: none; color: #f80;} 6 #controls :active {color: #88A !important;} 7 #controls :focus {outline: 1px dotted #227;} 8 h1, h2, h3, h4 { font-size: 100%; margin: 0; padding: 0; font-weight: inherit;} 9 ul, pre {margin: 0; line-height: 1em;} 10 html, body {margin: 0; padding: 0;} 11 12 blockquote, q {font-style: italic;} 13 blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;} 14 blockquote p {margin: 0;} 15 blockquote i {font-style: normal;} 16 blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;} 17 blockquote b i {font-style: italic;} 18 19 kbd {font-weight: bold; font-size: 1em;} 20 sup {font-size: smaller; line-height: 1px;} 21 22 .slide code {padding: 2px 0.25em; font-weight: bold; color: #533;} 23 .slide code.bad, code del {color: red;} 24 .slide code.old {color: silver;} 25 .slide pre {padding: .5em; margin: 1.3em; 26 color: #3f3; background: #000; font-size: 70%;} 27 .slide pre code {display: block;} 28 .slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;} 29 .slide li {margin-top: 0.75em; margin-right: 0;} 30 .slide ul ul {line-height: 1;} 31 .slide ul ul li {margin: .2em; font-size: 85%; list-style: square;} 32 .slide img.leader {display: block; margin: 0 auto;} 33 #micro { font-size: 44%; } 34 35 div#header, div#footer { 36 background: #000 /* url(bobot.png) repeat-x */; color: #bbb; 37 } 38 div#header { 39 background: #000 /* url(botop.png) 100% repeat-x */; 40 line-height: 1px; 41 } 42 div#footer {font-size: 0.5em; font-weight: bold; 43 padding: 0 10px; text-transform: uppercase} 44 #footer h1, #footer h2 {display: block; padding: 0 1em;} 45 #footer h2 {font-style: italic;} 46 47 div.long {font-size: 0.75em;} 48 h1 abbr {font-variant: small-caps;} 49 50 .slide h1 {position: absolute; top: 0; left: 0; z-index: 1; 51 margin: 0; padding: 10px 0 0 10px; white-space: nowrap; 52 font-family: Impact, Ubuntu, DejaVu Sans, Verdana, Helvetica, sans-serif; 53 font-weight: normal; text-transform: uppercase; color: #eee; } 54 .slide h2 { color: #3f3; } 55 .slide h3 { color: #fff; font-size: 130%;} 56 .slide h4 { color: #3f3; font-size: 80%; } 57 small { color: #f34; } 58 59 #slide0 {padding-top: 3.5em; font-size: 90%;} 60 #slide0 h1 {position: static; margin: 1em 0 0; padding: 0; 61 font: bold 1.5em serif; white-space: normal; 62 text-transform: none; color: #999; background: transparent;} 63 #slide0 h2 {font: bold italic 1em; margin: 0.25em;} 64 #slide0 h3 {margin-top: 1.5em; font-size: 1.2em;} 65 #slide0 h4 {margin-top: 0; font-size: 1em;} 66 67 div#controls {position: absolute; left: 50%; bottom: 0; 68 width: 50%; 69 text-align: right; font: bold 0.9em;} 70 html>body div#controls {position: fixed; padding: 0 0 1em 0; 71 top: auto;} 72 div#controls form {position: absolute; bottom: 0; right: 0; width: 100%; 73 margin: 0; padding: 0;} 74 #controls #navLinks a {padding: 0; margin: 0 0.5em; 75 border: none; color: #3f3; cursor: pointer;} 76 #controls #navList {height: 1em;} 77 #controls #navList #jumplist {position: absolute; bottom: 0; right: 0; background: #000; color: #3f3;} 78 79 #currentSlide { text-align: center; font-size: 0.5em; 80 background: #333; color: #fff;} 81 82 ul.urls {list-style: none; display: inline; margin: 0;} 83 .urls li {display: inline; margin: 0;} 84 .note {display: none;} 85 .external {border-bottom: 1px dotted gray;} 86 html>body .external {border-bottom: none;} 87 .external:after {content: " \274F"; font-size: smaller; color: #77B;} 88 89 .incremental, .incremental *, .incremental *:after {color: #222; visibility: visible;} 90 img.incremental {visibility: hidden;} 91 .slide .current {color: #fff;} 92 93 94 /* diagnostics 95 li:after {content: " [" attr(class) "]"; color: #F88;} 96 97 .slide { opacity: 0.8; } 98 */ 99 100 .smaller {font-size: 70%; line-height: .9em; color: #ff0; } 101 102 #logo { position: absolute; right: 10px; bottom: 40px; z-index: 7; } 103 104 105 #between { background-color: black; position: absolute; opacity: 0.4; 106 width: 100%; height: 100%; z-index: 2; } 107 108 .framed { border: 3px solid black; } 109 .indented { margin-left: 100px; border: 3px solid black; } 110 .gfx { opacity: 0.8; border: 3px solid black; padding: 20px; 111 background-color: #9cf; margin-left: 40px; } 112 113 .left { text-align: left; } 114 .right { text-align: right; }