160 lines
5.7 KiB
CSS
160 lines
5.7 KiB
CSS
|
/*== INFO ==================================================================*/
|
||
|
/* Version: 0.2 Beta */
|
||
|
/* Author: Jonas Jacek */
|
||
|
/* Author URL: http://www.jabz.info/contact/jonas-jared-jacek */
|
||
|
/* Site URL: http://easterhegg2009.hamburg.ccc.de/ */
|
||
|
/*==========================================================================*/
|
||
|
|
||
|
/*== GENERAL ===============================================================*/
|
||
|
|
||
|
BODY {background:#61B536 url('img/camera.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;}
|
||
|
.feedback a {color: white;}
|
||
|
#content {-moz-border-radius:5px;background:#CCCC99;position:absolute;top: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;margin:0 0 10px 0;padding:5px 10px;float:right;color:#333;background:#006600;font-size:10px;}
|
||
|
p.release a {color:#333;}
|
||
|
p.intro {-moz-border-radius:5px;background:#006600;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:122px;width:135px;}
|
||
|
#menu a:link,
|
||
|
#menu a:visited {text-decoration:none;color:#FFF;font-weight:bold;}
|
||
|
#menu ul {-moz-border-radius:4px;background:#61B536;margin:0;padding:0;}
|
||
|
#menu li {-moz-border-radius:4px;background:#006600;display:block;}
|
||
|
#menu ul.track li:hover, #menu li:hover {background:#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: #488AC7;}
|
||
|
|
||
|
|
||
|
|
||
|
@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;
|
||
|
}
|