fosdem2008/slides.css

   1 /**************************
   2  * styles for talk slides *
   3  *    by Robert Kaiser    *
   4  *    <kairo@kairo.at>    *
   5  *   (for FOSDEM 2007)    *
   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 #slidenav {
  52   background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
  53   padding: 4px 15px 30px 55px;
  54   padding-top: 4px;
  55   font-size: 10px;
  56   color: #C8E0FA;
  57 }
  58
  59 #slidenav a:link,
  60 #slidenav a:visited {
  61   color: #B7D8F9;
  62 }
  63
  64 #slidenav a:hover,
  65 #slidenav a:active {
  66   color: #F2F8FE;
  67 }
  68
  69 #slidenav .nolink {
  70   color: #7f7c45;
  71 }
  72
  73 #subheader-text {
  74   float: right;
  75   padding: 0 20px;
  76 }
  77
  78 /***** headers *****/
  79
  80 h1 {
  81   margin: 0 0 0.5em 0;
  82   font-size: 1.7em;
  83   font-weight: bold;
  84   text-align: center;
  85 }
  86
  87 h2 {
  88   margin: 0.5em 0;
  89   font-size: 1.3em;
  90   font-weight: bold;
  91   text-align: center;
  92 }
  93
  94 h3 {
  95   margin: 0.5em 0;
  96   font-size: 1.1em;
  97   font-weight: bold;
  98   text-align: center;
  99 }
 100
 101 h4 {
 102   margin: 0.5em 0;
 103   font-size: 1em;
 104   font-weight: bold;
 105   text-align: left;
 106 }
 107
 108 /***** boxes *****/
 109
 110 .simplebox {
 111   margin: 1em;
 112   padding: 0.5em;
 113   border: 1px solid #0060C0;
 114   background-color: #E0E9E9;
 115   -moz-border-radius: .5em;
 116 }
 117
 118 .captionedbox {
 119   margin: 1em;
 120   padding: 0px;
 121   border: 1px solid #0060C0;
 122   background-color: #E0E9E9;
 123   -moz-border-radius: .5em;
 124 }
 125
 126 .captionedbox-content {
 127   margin: 0px;
 128   padding: 0.5em;
 129   border: 0px;
 130   border-top: 2px solid #9FCBF7;
 131   -moz-border-top-colors: #FFFFFF #0060C0;
 132   -moz-border-radius: 0 0 .5em .5em;
 133 }
 134
 135 .captionedbox-caption {
 136   margin: 0.5em;
 137   font-weight: bold;
 138 }
 139
 140 /***** misc formatting *****/
 141
 142 .hilite {
 143   font-weight: bold;
 144   color: #0060C0;
 145 }
 146
 147 .border {
 148   border: 1px solid #FF8080;
 149   padding: 0.5em;
 150 }
 151
 152 ul > li {
 153   margin: 0.5em 0;
 154 }
 155
 156 .cent {
 157   text-align: center;
 158 }
 159
 160 .akey {
 161   text-decoration: underline;
 162 }
 163
 164 a:link { color: #000080; text-decoration: none; }
 165 a:visited { color: #400080; text-decoration: none; }
 166 a:hover, a:active { color: #800000; text-decoration: underline; }
 167
 168 /***** small stuff *****/
 169
 170 .small {
 171   font-size: 0.75em;
 172 }
 173
 174 ul.small,
 175 .small ul {
 176   margin: 0px;
 177   padding: 0px;
 178   border: 0px;
 179   margin: 0px 0px 0px 1em;
 180 }
 181
 182 ul.small > li
 183 .small ul > li {
 184   margin: 0px;
 185   padding: 0px;
 186   border: 0px;
 187 }