fosdem2008/slides.css

   1 /**************************
   2  * styles for talk slides *
   3  *    by Robert Kaiser    *
   4  *    <kairo@kairo.at>    *
   5  *   (for FOSDEM 2008)    *
   6  **************************/
   7
   8
   9 /***** base style *****/
  10
  11 body {
  12   margin: 0px;
  13   padding: 0px;
  14   border: 0px;
  15   font-family: Arial,Helvetica,sans-serif;
  16   font-size: 1.75em;
  17   color: black;
  18   background-color: #FFFFFF;
  19 }
  20
  21 ul {
  22   padding-left: 1.2em;
  23   margin-bottom: 0.5em;
  24 }
  25
  26 ul:first-child {
  27   margin-top: 0;
  28 }
  29
  30 ul:last-child {
  31   margin-top: 0;
  32 }
  33
  34 #header {
  35   height: 38px;
  36   position: relative;
  37   border-bottom: 1px solid #9FCBF7;
  38   background: #F6FAFE url("template/header-background.png") top left repeat-x;
  39   padding: 0 15px 0 0;
  40   z-index: 1;
  41 }
  42
  43 #header-text {
  44   float: right;
  45   padding: 7px 20px;
  46   font-size: 24px;
  47   font-weight: bold;
  48   color: #7f7c45;
  49 }
  50
  51 #header-text.neartime {
  52   color: #000080;
  53 }
  54
  55 #header-text.ontime {
  56   color: #008000;
  57 }
  58
  59 #header-text.overtime {
  60   color: #800000;
  61 }
  62
  63 #slidenav {
  64   background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
  65   padding: 4px 15px 30px 55px;
  66   padding-top: 4px;
  67   font-size: 10px;
  68   color: #C8E0FA;
  69 }
  70
  71 #slidenav a:link,
  72 #slidenav a:visited {
  73   color: #B7D8F9;
  74 }
  75
  76 #slidenav a:hover,
  77 #slidenav a:active {
  78   color: #F2F8FE;
  79 }
  80
  81 #slidenav .nolink {
  82   color: #7f7c45;
  83 }
  84
  85 #subheader-text {
  86   float: right;
  87   padding: 0 20px;
  88 }
  89
  90 /***** headers *****/
  91
  92 h1 {
  93   margin: 0 0 0.5em 0;
  94   font-size: 1.7em;
  95   font-weight: bold;
  96   text-align: center;
  97 }
  98
  99 h2 {
 100   margin: 0.5em 0;
 101   font-size: 1.3em;
 102   font-weight: bold;
 103   text-align: center;
 104 }
 105
 106 h3 {
 107   margin: 0.5em 0;
 108   font-size: 1.1em;
 109   font-weight: bold;
 110   text-align: center;
 111 }
 112
 113 h4 {
 114   margin: 0.5em 0;
 115   font-size: 1em;
 116   font-weight: bold;
 117   text-align: left;
 118 }
 119
 120 /***** boxes *****/
 121
 122 .simplebox {
 123   margin: 1em;
 124   padding: 0.5em;
 125   border: 1px solid #0060C0;
 126   background-color: #E0E9E9;
 127   -moz-border-radius: .5em;
 128 }
 129
 130 .captionedbox {
 131   margin: 1em;
 132   padding: 0px;
 133   border: 1px solid #0060C0;
 134   background-color: #E0E9E9;
 135   -moz-border-radius: .5em;
 136 }
 137
 138 .captionedbox-content {
 139   margin: 0px;
 140   padding: 0.5em;
 141   border: 0px;
 142   border-top: 2px solid #9FCBF7;
 143   -moz-border-top-colors: #FFFFFF #0060C0;
 144   -moz-border-radius: 0 0 .5em .5em;
 145 }
 146
 147 .captionedbox-caption {
 148   margin: 0.5em;
 149   font-weight: bold;
 150 }
 151
 152 /***** misc formatting *****/
 153
 154 .hilite {
 155   font-weight: bold;
 156   color: #0060C0;
 157 }
 158
 159 .border {
 160   border: 1px solid #FF8080;
 161   padding: 0.5em;
 162 }
 163
 164 ul > li {
 165   margin: 0.5em 0;
 166 }
 167
 168 .cent {
 169   text-align: center;
 170 }
 171
 172 .akey {
 173   text-decoration: underline;
 174 }
 175
 176 a:link { color: #000080; text-decoration: none; }
 177 a:visited { color: #400080; text-decoration: none; }
 178 a:hover, a:active { color: #800000; text-decoration: underline; }
 179
 180 /***** small stuff *****/
 181
 182 .small {
 183   font-size: 0.75em;
 184 }
 185
 186 ul.small,
 187 .small ul {
 188   margin: 0px;
 189   padding: 0px;
 190   border: 0px;
 191   margin: 0px 0px 0px 1em;
 192 }
 193
 194 ul.small > li
 195 .small ul > li {
 196   margin: 0px;
 197   padding: 0px;
 198   border: 0px;
 199 }