easterhegg-2011-website/fahrplan/style.css

/*== INFO ==================================================================*/
/*	Version:			1.5													*/
/*  Author: 			Wombat												*/
/*	Source-Author:		Jonas Jacek											*/
/*	Site URL:			http://easterhegg2011.hamburg.ccc.de/				*/
/*==========================================================================*/

/*== GENERAL ===============================================================*/ 

BODY {background: #444 /* #333 /* #61B536 */ url('http://easterhegg2011.hamburg.ccc.de/img/eh2011_banner_final_o_Hintergrund.png')  top left repeat-x ;color:#000;font-family: "Lucida Grande", "Arial", sans-serif;font-size: 10pt;margin:0;padding:0;}
A, A:visited {text-decoration:none;color: #000 ;}
A:hover, A:visited:hover {text-decoration: underline;}
H1 {font-size:22px;color:#333;}
H2 {color:#fff;}
.feedback a {color: white;}
#content {-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; behavior: url(border-radius.htc); background: #CCC /* #CCCC99 */;position:absolute;top:167px /* 125px */;left:160px;padding:0;margin:0;clear:both;width:78%;}
#content ul {list-style:square;}
div.section {clear:both;margin:20px;}
p.release {-moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; behavior: url(border-radius.htc); margin:0 0 10px 0;padding:5px 10px;float:right;color: #fff /*#777 */; /*background: #444 /* #006600  -moz-linear-gradient(top, #000, #FFF); */ font-size:10px;  background: transparent;}
p.release a {color:#333;}
p.intro { -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; behavior: url(border-radius.htc); background: #444 /*#006600 */; background: -moz-linear-gradient(top, #000, #FFF) /* Firefox */; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#FFF)); /* Safari, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff'); /* IE 5.5 - 7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff)"; /* IE 8 */ color:#FFF;font-size:18px;padding:10px;margin:0 0 20px 0;}
p.info a {color:#333;}
p.intro em {font-family: "Times", serif;}
img {border-style:none;}


/*== EVENTS =================================================================*/ 

#event img.event-image,#speaker img.speaker-image {height:128px;width:128px;float:left;margin:0 20px 0 0;margin-bottom:10px;padding:2px;border:1px solid #000;}
#speaker img.event-image,#event img.speaker-image {height:48px;width:48px;}
#infobox {float:right;margin:10px;width:250px;min-width:250px;}
#infobox span.person-name,#infobox span.event-title {font-weight:bold;font-size:120%;}
#event-index img.event-image,#speaker-index img.speaker-image {float:left;margin-right:10px;height:48px;width:48px;border:1px solid #000;}
#event-index td.event p,#speaker-index td.speaker p {margin-left:60px;}
/* Einzelnde Contentanzeige von Events - Überschrift/Titel */
#event h1.title {margin-bottom:5px; color:#000;}
#event p.subtitle {font-family: "Times", serif;font-style:italic;font-size:14px;margin-top:5px;}
#event div.abstract {font-weight:bold;}
#navigation {
    clear: both;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -20px;
    padding: 0;
}

#navigation span {padding: 5px;font-weight:bold;}
#navigation span.previous {float:left;}
#navigation span.next {float:right;}
/*
#navigation span.previous:before {
    content: ">>";
}
*/

#navigation a:hover {text-decoration: underline;}
/* Titel - Anzeige in Tabellenform #f99c1c*/
p.title a {color:#000;font-weight:bold;font-size:20px;text-decoration:underline;}
/* Subtitel - Anzeige in Tabellenform */
p.subtitle a {color:#CCC;font-family: "Times", serif;font-style: italic;font-size:16px;margin:5px 0 0 0;}
/* Tabelle in Ansichtsform von Tagen*/
table {border:collapse;width:100%;}
/* Meta Daten*/
.track-info{color:#CCC;}
.type-info{color:#CCC;}
.language-info{color:#CCC;}
#navigation a {color:#CCC;}
/* Fahrplan - Tabellen Spalte für die Zeit und den Ort */
table th, td.time {font-weight:bold;color:#FFF;padding:2px 5px;background:#333;text-transform:uppercase;}
/* Hintergrund der gefüllten Zeilen und Spalte - Tabellenform */
table td {background:#999;padding:2px 5px;vertical-align:top;}
/* Hintergrund der leeren Zeilen und Spalten - Tabellenform */
td.empty {background:#333;color:#FFF;}
td.conflict {background:#FF6600;color:#FFF;}
td.event, td.events, td.speaker {font-weight:bold;} 
td.keyword {text-align:right;width:25%;}
td.value {font-weight:bold;text-align:left;}
td.feedback {background:#56A5EC;color:#FFF;text-align:center;padding-left:2px;padding-right:2px;}
td img {border:1px solid #000;}
ul.speakers {margin:0;padding:0;display:inline;font-weight:bold;}
ul.speakers li {margin:0;padding:0;display:inline;}
ul.speakers li+li:before { content: ", "; }
/* Speaker in Tabellenform */
ul.speakers a {color:#FFF;}
#schedule span.language {
  font-weight: bold;
}
#schedule span.track {
  font-weight: bold;
}
#schedule span.type {
  font-weight: bold;
}
#schedule p.abstract {
  border-top: black dotted 1px;
  font-size: 90%;
  padding: 8px 2px 0px 2px;
}
#schedule span.event-id {
  display: block;
  color: white;
  background-color: black;
  text-align: center;
  padding: 2px;
  width: 3em;
}
#schedule p.title {font-weight:bold;font-size:125%;margin-bottom:0;padding-bottom:0;}
#schedule p.subtitle {font-family: "Times", serif;font-size:125%;margin-top:0;}
#conference-logo {position:absolute;text-align:center;}


/*== MENU ===================================================================*/ 

#menu {position:absolute;left:10px;top: 165px /*122px */;width:135px;}
#menu a:link,
#menu a:visited {text-decoration:none;color:#FFF;font-weight:bold;}
#menu ul {-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; behavior: url(border-radius.htc); background: #444 /* #61B536 */;margin:0;padding:0;}
#menu li {-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; behavior: url(border-radius.htc); background: #999 /*#006600 */;display:block;}
#menu ul.track li:hover, #menu li:hover {background: #000 /* #CC0000 */;}
/*Für zusätzliche Menü-Buttons von Pentabarf*/
#menu ul.track li {background: #999; /* #330000 */ }
#menu ul.track li a {font-weight:bold;}
#menu li span {display:block;padding:4px;font-size:100%;line-height:120%;margin:3px 0;}
#menu span.normal:active {background-color:#f99c1c /* #488AC7 */;}

@media tty {
  table {
    border: medium solid;
  }
}
#schedule td.track-allgemein {
	background-color:#444;
}
#schedule td.track-cryptographics {
  background:#330000;
}
#schedule td.track-globalrelations {
  background:#330000;
}
#schedule td.track-itsecurity {
  background:#bafb6c;
}
#schedule td.track-keynote {
  background-color: #ca6cfb;
}
#schedule td.track-presse {
  background-color: #62cefb;
}
#schedule td.track-proposal {
  background-color: #6c84fb;
}
#schedule td.track-radio {
  background-color: #69d55b;
}
#schedule td.track-workshop {
  background-color: #cdd55b;
}
#schedule td.track-xcateriing {
  background-color: #deaefd;
}
#schedule td.track-xmusik {
  background-color: #fbbd6c;
}
#schedule td.track-keynote {
  background-color: #bafb6c;
}
#schedule td.track-education {
  background-color: #ca6cfb;
}
#schedule td.track-mobile {
  background-color: #cdd55b;
}
#schedule td.track-development {
  background-color: #97cb97;
}