0
0
Fork 0
easterhegg-2009-website/style.css

160 lines
No EOL
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;
}