presentations

Presentations
Log | Files | Refs

pretty.css (4356B)

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