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 ul:last-child {
  28   margin-top: 0;
  29 }
  30
  31 #header {
  32   height: 38px;
  33   position: relative;
  34   border-bottom: 1px solid #9FCBF7;
  35   background: #F6FAFE url("template/header-background.png") top left repeat-x;
  36   padding: 0 15px 0 0;
  37   z-index: 1;
  38 }
  39
  40 #header-text {
  41   float: right;
  42   padding: 7px 20px;
  43   font-size: 24px;
  44   font-weight: bold;
  45   color: #7f7c45;
  46 }
  47
  48 #header-text.neartime {
  49   color: #000080;
  50 }
  51
  52 #header-text.ontime {
  53   color: #008000;
  54 }
  55
  56 #header-text.overtime {
  57   color: #800000;
  58 }
  59
  60 #slidenav {
  61   background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
  62   padding: 4px 15px 30px 55px;
  63   padding-top: 4px;
  64   font-size: 10px;
  65   color: #C8E0FA;
  66 }
  67
  68 #slidenav a:link,
  69 #slidenav a:visited {
  70   color: #B7D8F9;
  71 }
  72
  73 #slidenav a:hover,
  74 #slidenav a:active {
  75   color: #F2F8FE;
  76 }
  77
  78 #slidenav .nolink {
  79   color: #7f7c45;
  80 }
  81
  82 #subheader-text {
  83   float: right;
  84   padding: 0 20px;
  85 }
  86
  87 /***** headers *****/
  88
  89 h1 {
  90   margin: 0 0 0.5em 0;
  91   font-size: 1.7em;
  92   font-weight: bold;
  93   text-align: center;
  94   text-shadow: #b7d8f9 3px 3px 5px;
  95 }
  96
  97 h2 {
  98   margin: 0.5em 0;
  99   font-size: 1.3em;
 100   font-weight: bold;
 101   text-align: center;
 102   text-shadow: #b7d8f9 2px 2px 3px;
 103 }
 104
 105 h3 {
 106   margin: 0.5em 0;
 107   font-size: 1.1em;
 108   font-weight: bold;
 109   text-align: center;
 110 }
 111
 112 h4 {
 113   margin: 0.5em 0;
 114   font-size: 1em;
 115   font-weight: bold;
 116   text-align: left;
 117 }
 118
 119 /***** boxes *****/
 120
 121 .simplebox {
 122   padding: 0.5em;
 123 }
 124
 125 .captionedbox {
 126   padding: 0px;
 127 }
 128
 129 .simplebox,
 130 .captionedbox {
 131   margin: 1em;
 132   border: 1px solid #0060C0;
 133   background-color: #E0E9E9;
 134   -moz-border-radius: .5em;
 135   -moz-box-shadow: #b7d8f9 1px 1px 3px 2px;
 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   text-shadow: #60afff 1px 1px 2px;
 151 }
 152
 153 /***** misc formatting *****/
 154
 155 .hilite {
 156   font-weight: bold;
 157   color: #0060C0;
 158   text-shadow: #5959ec 1px 1px 1px;
 159 }
 160
 161 .border {
 162   border: 1px solid #FF8080;
 163   padding: 0.5em;
 164 }
 165
 166 ul > li {
 167   margin: 0.5em 0;
 168 }
 169
 170 .cent {
 171   text-align: center;
 172 }
 173
 174 .akey {
 175   text-decoration: underline;
 176 }
 177
 178 a:link { color: #000080; text-decoration: none; }
 179 a:visited { color: #400080; text-decoration: none; }
 180 a:hover, a:active { color: #800000; text-decoration: underline; }
 181
 182 /***** small stuff *****/
 183
 184 .small {
 185   font-size: 0.75em;
 186 }
 187
 188 ul.small,
 189 .small ul {
 190   padding: 0px;
 191   border: 0px;
 192   margin: 0px 0px 0px 1em;
 193 }
 194
 195 ul.small > li
 196 .small ul > li {
 197   margin: 0px;
 198   padding: 0px;
 199   border: 0px;
 200 }