fosdem2009/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   text-shadow: #b7d8f9 3px 3px 5px;
  98 }
  99
 100 h2 {
 101   margin: 0.5em 0;
 102   font-size: 1.3em;
 103   font-weight: bold;
 104   text-align: center;
 105   text-shadow: #b7d8f9 2px 2px 3px;
 106 }
 107
 108 h3 {
 109   margin: 0.5em 0;
 110   font-size: 1.1em;
 111   font-weight: bold;
 112   text-align: center;
 113 }
 114
 115 h4 {
 116   margin: 0.5em 0;
 117   font-size: 1em;
 118   font-weight: bold;
 119   text-align: left;
 120 }
 121
 122 /***** boxes *****/
 123
 124 .simplebox {
 125   margin: 1em;
 126   padding: 0.5em;
 127   border: 1px solid #0060C0;
 128   background-color: #E0E9E9;
 129   -moz-border-radius: .5em;
 130   -moz-box-shadow: #b7d8f9 2px 2px 3px;
 131 }
 132
 133 .captionedbox {
 134   margin: 1em;
 135   padding: 0px;
 136   border: 1px solid #0060C0;
 137   background-color: #E0E9E9;
 138   -moz-border-radius: .5em;
 139   -moz-box-shadow: #b7d8f9 1px 1px 3px 2px;
 140 }
 141
 142 .captionedbox-content {
 143   margin: 0px;
 144   padding: 0.5em;
 145   border: 0px;
 146   border-top: 2px solid #9FCBF7;
 147   -moz-border-top-colors: #FFFFFF #0060C0;
 148   -moz-border-radius: 0 0 .5em .5em;
 149 }
 150
 151 .captionedbox-caption {
 152   margin: 0.5em;
 153   font-weight: bold;
 154   text-shadow: #60afff 1px 1px 2px;
 155 }
 156
 157 /***** misc formatting *****/
 158
 159 .hilite {
 160   font-weight: bold;
 161   color: #0060C0;
 162   text-shadow: #5959ec 1px 1px 1px;
 163 }
 164
 165 .border {
 166   border: 1px solid #FF8080;
 167   padding: 0.5em;
 168 }
 169
 170 ul > li {
 171   margin: 0.5em 0;
 172 }
 173
 174 .cent {
 175   text-align: center;
 176 }
 177
 178 .akey {
 179   text-decoration: underline;
 180 }
 181
 182 a:link { color: #000080; text-decoration: none; }
 183 a:visited { color: #400080; text-decoration: none; }
 184 a:hover, a:active { color: #800000; text-decoration: underline; }
 185
 186 /***** small stuff *****/
 187
 188 .small {
 189   font-size: 0.75em;
 190 }
 191
 192 ul.small,
 193 .small ul {
 194   margin: 0px;
 195   padding: 0px;
 196   border: 0px;
 197   margin: 0px 0px 0px 1em;
 198 }
 199
 200 ul.small > li
 201 .small ul > li {
 202   margin: 0px;
 203   padding: 0px;
 204   border: 0px;
 205 }