163 lines
6.8 KiB
CSS
163 lines
6.8 KiB
CSS
|
/*== INFO ==================================================================*/
|
||
|
|
/* Version: 1.3 */
|
||
|
|
/* Author: Wombat */
|
||
|
|
/* Source-Author: Jonas Jacek */
|
||
|
|
/* Site URL: http://easterhegg2011.hamburg.ccc.de/ */
|
||
|
|
/*==========================================================================*/
|
||
|
|
|
||
|
|
/*== GENERAL ===============================================================*/
|
||
|
|
|
||
|
|
BODY {background: #444 /* #333 /* #61B536 */ url('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: #003366 ;}
|
||
|
|
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;}
|
||
|
|
#event h1.title {margin-bottom:5px;}
|
||
|
|
#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 {color:#000;}
|
||
|
|
#navigation a:hover {text-decoration: underline;}
|
||
|
|
p.title a {color:#000;font-weight:bold;font-size:20px;text-decoration:underline;}
|
||
|
|
p.subtitle a {color:#151515;font-family: "Times", serif;font-style: italic;font-size:16px;margin:5px 0 0 0;}
|
||
|
|
table {border:collapse;width:100%;}
|
||
|
|
table th, td.time {font-weight:bold;color:#FFF;padding:2px 5px;background:#006600;text-transform:uppercase;}
|
||
|
|
table td {background:#999966;padding:2px 5px;vertical-align:top;}
|
||
|
|
td.empty {background:#007F00;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: ", "; }
|
||
|
|
ul.speakers a {color:#003300;}
|
||
|
|
#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 */;}
|
||
|
|
#menu ul.track li {background: #330000 ;}
|
||
|
|
#menu ul.track li a {font-weight:normal;}
|
||
|
|
#menu li span {display:block;padding:4px;font-size:100%;line-height:120%;margin:3px 0;}
|
||
|
|
#menu span.normal:active {background-color:#f99c1c /* #488AC7 */;}
|
||
|
|
#non_pub { border: 3px thick #F00; padding:0px; };
|
||
|
|
|
||
|
|
|
||
|
|
@media tty {
|
||
|
|
table {
|
||
|
|
border: medium solid;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#schedule td.track-allgemein {
|
||
|
|
background-color:#330000;
|
||
|
|
}
|
||
|
|
#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;
|
||
|
|
}
|