Moose_YAPC_Asia_2008/ui/moose/notes.css

   1 /* Following are the note styles -- edit away! */
   2
   3 body {
   4         margin: 0;
   5         padding: 1.0em;
   6         background: #333;
   7         color: #FFF;
   8         font: 2em/1.4em 'Lucida Grande', Verdana, sans-serif;
   9 }
  10
  11 div.timers {
  12         background: #FFF;
  13         color: #333;
  14         border: 0.08em solid #222;
  15         border-top-width: 1px;
  16         border-left-width: 1px;
  17         float: left;
  18         padding: 0.2em;
  19         margin: 0 0 0.5em;
  20         position: relative;
  21 }
  22
  23 div.timers h1 {
  24         text-align: left;
  25         font-size: 0.6em;
  26         line-height: 1.4em;
  27         background-color: #FF9;
  28         padding: 0 0.75em;
  29         margin: 0.25em 0 0;
  30         border: 1px solid #EE8;
  31 }
  32
  33 div.timers div.controls {
  34         position: absolute;
  35         right: 0.25em;
  36         top: 0.1em;
  37         line-height: 1em;
  38 }
  39
  40 div.timers h1 a {
  41         text-decoration: none;
  42         color: #000;
  43 }
  44
  45 div.timers div.controls a {
  46         font-size: 0.5em;
  47         padding: 0;
  48         color: #330;
  49 }
  50
  51 div.timers a.control {
  52         position: absolute;
  53         text-decoration: none;
  54         padding: 0 0.25em;
  55         color: #AAA;
  56         outline: 0;
  57 }
  58
  59 #minus {
  60         left: 0.25em;
  61 }
  62
  63 #plus {
  64         right: 0.25em;
  65 }
  66
  67 .overtime {
  68         background: yellow;
  69         color: red;
  70         border: 3px solid;
  71         padding: 0.1em 0.25em;
  72         font-weight: bold;
  73 }
  74
  75 div.timers h2 {
  76         font-size: 0.6em;
  77         line-height: 1.0em;
  78         font-weight: normal;
  79         margin: 0 0 -0.25em;
  80         padding-top: 0.5em;
  81         color: #666;
  82 }
  83
  84 div.timers p {margin: 0; padding: 0 0.5em;}
  85 div.timers form {margin: 0;}
  86
  87 div.timers span.clock {
  88         font-family: monospace;
  89 }
  90
  91 div.timers ul {margin: 0; padding: 0; list-style: none;}
  92 div.timers li {float: left; width: 5em; margin: 0; padding: 0 0.5em;
  93   text-align: center;}
  94
  95 div#elapsed {width: 12.1em;}
  96 div#remaining {clear: left; width: 12.1em;}
  97 div#remaining p {text-align: center;}
  98
  99 #slide,
 100 #next,
 101 #notes,
 102 #nextnotes {
 103         font-size: 0.75em;
 104         line-height: 1.4em;
 105         clear: left;
 106 /*      max-width: 30.0em; */
 107         text-shadow: 0.1em 0.1em 0.1em #111;
 108 }
 109
 110 #next {margin-top: 2.5em;}
 111 #next, #nextnotes {
 112         color: #999;
 113         font-size: 0.66em;
 114 }
 115
 116 em.disclaimer {
 117         color: #666;
 118 }
 119
 120 div.collapsed h1 {display: block; font-size: 0.33em;}
 121 div.collapsed h1 a {display: inline;}
 122 div.collapsed * {display: none;}