linuxwochen2010/slides.css

   1 /**************************
   2  * styles for talk slides *
   3  *    by Robert Kaiser    *
   4  *    <kairo@kairo.at>    *
   5  * (for Linuxwochen 2009) *
   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: 2em;
  17   color: white;
  18   background-color: black;
  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 #781412;
  35   background: #000000 url("template/header-background.png") top left repeat-x;
  36   padding: 0 15px 0 0;
  37   z-index: 1;
  38 }
  39
  40 #headerlogo {
  41   height: 38px;
  42   width: 186px;
  43 }
  44
  45 #header-text {
  46   float: right;
  47   padding: 7px 20px;
  48   font-size: 24px;
  49   font-weight: bold;
  50   color: #FFCCCC;
  51 }
  52
  53 #header-text.neartime {
  54   color: #CCCCFF;
  55 }
  56
  57 #header-text.ontime {
  58   color: #CCFFCC;
  59 }
  60
  61 #header-text.overtime {
  62   color: #FF8080;
  63 }
  64
  65 #slidenav {
  66   background: #f02925 url("template/breadcrumbs-background.png") bottom repeat-x;
  67   padding: 4px 15px 30px 55px;
  68   font-size: 10px;
  69   color: #FFCCCC;
  70 }
  71
  72 #slidenav a:link,
  73 #slidenav a:visited {
  74   color: #FFFFFF;
  75 }
  76
  77 #slidenav a:hover,
  78 #slidenav a:active {
  79   color: #FFCCCC;
  80 }
  81
  82 #slidenav .nolink {
  83   color: #AA8080;
  84 }
  85
  86 #subheader-text {
  87   float: right;
  88   padding: 0 20px;
  89 }
  90
  91 /***** headers *****/
  92
  93 h1 {
  94   margin: 0 0 0.5em 0;
  95   font-size: 1.7em;
  96   font-weight: bold;
  97   text-align: center;
  98   text-shadow: #AA8080 3px 3px 5px;
  99 }
 100
 101 h2 {
 102   margin: 0.5em 0;
 103   font-size: 1.3em;
 104   font-weight: bold;
 105   text-align: center;
 106   text-shadow: #AA8080 2px 2px 3px;
 107 }
 108
 109 h3 {
 110   margin: 0.5em 0;
 111   font-size: 1.1em;
 112   font-weight: bold;
 113   text-align: center;
 114 }
 115
 116 h4 {
 117   margin: 0.5em 0;
 118   font-size: 1em;
 119   font-weight: bold;
 120   text-align: left;
 121 }
 122
 123 /***** boxes *****/
 124
 125 .simplebox {
 126   padding: 0.5em;
 127 }
 128
 129 .captionedbox {
 130   padding: 0px;
 131 }
 132
 133 .simplebox,
 134 .captionedbox {
 135   margin: 1em;
 136   border: 1px solid #FF8080;
 137   background-color: #400000;
 138   -moz-border-radius: .5em;
 139   -moz-box-shadow: #AA8080 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 #FF8080;
 148   -moz-border-radius: 0 0 .5em .5em;
 149 }
 150
 151 .captionedbox-caption {
 152   margin: 0.5em;
 153   font-weight: bold;
 154   text-shadow: #804040 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: #CCCCFF; text-decoration: none; }
 183 a:visited { color: #EECCFF; text-decoration: none; }
 184 a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
 185
 186 /***** small stuff *****/
 187
 188 .small {
 189   font-size: 0.75em;
 190 }
 191
 192 ul.small,
 193 .small ul {
 194   padding: 0px;
 195   border: 0px;
 196   margin: 0px 0px 0px 1em;
 197 }
 198
 199 ul.small > li
 200 .small ul > li {
 201   margin: 0px;
 202   padding: 0px;
 203   border: 0px;
 204 }
 205
 206 /***** end slide *****/
 207
 208 #donthurt {
 209   width: 341px;
 210   height: 400px;
 211 }
 212
 213 #eventbox {
 214   display: none;
 215   position: absolute;
 216   top: 230px;
 217   margin-top: 5em;
 218   width: 50%;
 219   height: 4em;
 220   left: 25%;
 221   border: 1px solid #FF8080;
 222   background-color: #AA8080;
 223   opacity: 0.8;
 224   -moz-border-radius: .5em;
 225   -moz-box-shadow: #AA8080 1px 1px 3px 2px;
 226 }
 227
 228 #eventtext {
 229   display: none;
 230   position: absolute;
 231   top: 230px;
 232   margin-top: 5.2em;
 233   width: 50%;
 234   height: 4em;
 235   left: 25%;
 236   text-align: center;
 237   font-weight: bold;
 238   color: #000000;
 239   opacity: 1;
 240   text-shadow: #FFFFFF 2px 2px 2px;
 241 }