diff --git a/content/static/datenspuren/fahrplan/style.css b/content/static/datenspuren/fahrplan/style.css index 6608bee71..0be2700f9 100644 --- a/content/static/datenspuren/fahrplan/style.css +++ b/content/static/datenspuren/fahrplan/style.css @@ -1,57 +1,409 @@ -#conference-logo, #menu, #content { - float: left; - clear: none; +/* + * 26C3 Fahrplan Stylesheet + */ + +body { + background-color: white; + color: #333; + font-family: "Lucida Grande", "Arial", sans-serif; } - -#schedule h1 { - clear: left; -} - -img { - border: none; -} - -a { - color: #025000; - text-decoration: none; -} -a:hover { +.feedback a{ color: white; - background-color: #049000; +} +@media print { + .noprint { + display: none; + } +} +#content { + position: absolute; + top: 20px; + left: 175px; + padding: 0px; + margin-top: 0px; + margin-bottom: 20px; + clear: both; + right: 2em; + border-style: solid; + border-width: 1px; + border-color: #049000; + border-top-width: 5px; + + background-color: #ddd; +} +:link, :visited { text-decoration: none; + color: black; } - -.release { - display: none; +:link:hover, :visited:hover { + text-decoration: underline; } - -#schedule table { - border-collapse: collapse; - border-spacing: 0; +div.section { + clear: both; + margin: 20px; } -#schedule th, #schedule td { +/* TEXT */ +p.release { margin: 0; - padding: 0.1em 0.2em; -} -#schedule tbody tr td.event { - background-color: #eee; - border: 2px solid #049000; -} -#schedule tbody tr td.empty { - background-color: #74c070; - border: 2px solid #74c070; -} - -#infobox { + margin-bottom: 10px; + padding: 5px 10px 5px 10px; float: right; - background-color: #eee; - border: 2px solid #049000; + color: white; + font-weight: bold; + background-color: #049000; + font-size: 100%; + display: none; // "PREVIEW" :( } - -#navigation { +p.intro { + color: #444; + font-size: 150%; + margin-left: 20px; +} +p.intro em { + font-family: "Times", serif; +} +/* IMAGES */ +img { + border-style: none; +} +#event img.event-image, +#speaker img.speaker-image { + height: 128px; + float: right; + margin-left: 20px; + margin-bottom: 10px; + padding: 0; + border: 1px solid #047000; +} +#speaker img.event-image, +#event img.speaker-image { + height: 48px; +} +#event-index img.event-image, +#speaker-index img.speaker-image { + float: left; + margin-right: 10px; + height: 48px; + width: 48px; +} +#event-index td.event p, +#speaker-index td.speaker p { + margin-left: 60px; +} +/* INFOBOXES */ +#infobox { + float: right; + margin-left: 20px; + margin-bottom: 10px; + width: 250px; + min-width: 250px; + background-color: #047000; + border: 2px solid black; //#047000; + padding: 0px; +} +#infobox table { + width: 100%; +} +#infobox tr { + margin: 0; +} +#infobox td.keyword { + text-align: right; + padding-right: 5px; + width: 25%; +} +#infobox td.value { + font-weight: bold; + text-align: left; + padding-left: 5px; +} +#infobox td.feedback { + background-color: #090; + color: white; text-align: center; + padding-left: 2px; + padding-right: 2px; } -#navigation .previous, #navigation .next { - background-color: #74c070; - border: 2px solid #049000; +#infobox span.person-name, +#infobox span.event-title { + font-weight: bold; + font-size: 120%; +} +/* TABLES */ +table { + border-collapse: seperate; +} +th { + background-color: #047000; + color: white; + text-align: center; + font-variant: small-caps; + padding-left: 2px; + padding-right: 2px; +} +td { + padding: 2px; + vertical-align: top; + text-align: left; +} +/* EVENT */ +h1 { + text-shadow: white 0 1px 1px; +} +#event h1.title { + margin-bottom: 5px; +} +#event p.subtitle { + font-family: "Times", serif; + text-shadow: white 0 1px 0; + font-size: 120%; + margin-top: 5px; +} +#event div.abstract { +} +#event div.description { +} +/* EVENT NAVIGATION */ +#navigation { + clear: both; + margin-top: 50px; + margin-left: 0; + margin-right: 0; + margin-bottom: -20px; + padding: 0; +} +#navigation span { + padding: 5px; + background-color: #049000; + color: white; + font-weight: bold; + border: 2px solid black; + border-bottom: none; +} +#navigation span.previous { + float: left; +} +#navigation span.next { + float: right; +} +/* +#navigation span.previous:before { + content: "<<< "; +} +#navigation span.next:after { + content: " >>>"; +} +*/ +#navigation a { + color: white; +} +#navigation a:hover { + text-decoration: underline; +} +#navigation a:hover { + color: white; + text-decoration: underline; +} +/* EVENT INDEX */ +#event-index p.title { + font-weight: bold; + font-size: 150%; + margin: 0; +} +#event-index p.subtitle { + font-family: "Times", serif; + font-style: italic; + font-size: 140%; + margin-top: 5px; +} +/* COLOURS: EVENT INDEX, SPEAKER INDEX, EVENT DETAIL */ +#event-index th, #speaker-index th, #infobox th { + background-color: #047000; +} +#event-index td, #speaker-index td, #infobox td { + background-color: #c1c1c1; +} +#event-index td.track-community { + background-color: khaki; +} +#event-index td.track-culture { + background-color: plum; +} +#event-index td.track-hacking { + background-color: lightgreen; +} +#event-index td.track-making { + background-color: skyblue; +} +#event-index td.track-science { + background-color: silver; +} +#event-index td.track-society { + background-color: moccasin; +} +/* SCHEDULE */ +#schedule th { + padding: 10px; + background-color: #047000; + color: white; +} +#schedule td { + padding: 4px; +} +#schedule td.time { + font-size: 120%; + vertical-align: top; + background-color: #047000; + color: white; + padding: 2px; +} +#schedule td.empty { + background-color: #e6e9e1; +} +#schedule td.event { + background-color: #c1c1c1; + padding: 2px; +/* + border-color: black; + border-style: solid; + border-width: 1px; +*/ +} +#schedule td.conflict { + background-color: red; + border-color: black; + border-style: solid; + border-width: 0.01cm; +} +#schedule td.track-community { + background-color: khaki; +} +#schedule td.track-culture { + background-color: plum; +} +#schedule td.track-hacking { + background-color: lightgreen; +} +#schedule td.track-making { + background-color: skyblue; +} +#schedule td.track-science { + background-color: silver; +} +#schedule td.track-society { + background-color: moccasin; +} +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: ", "; } +#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-style: italic; + font-size: 125%; + margin-top: 0; +} +/* LINKS */ +#conference-logo { + position: absolute; + + left: 20px; + top: 20px; + width: 135px; + text-align: center; +} +#menu { + position: absolute; + left: 20px; + top: 170px; + width: 135px; +} +#menu ul { + margin: 0; + padding: 0; +} +#menu ul.track { + font-size: 0.9em; + margin-left: 15px; + width: 120px; +} +#menu li { + margin: 0; + padding: 0; + display: block; +} +#menu li span { + display: block; + + padding: 4px; + font-size: 110%; + line-height: 120%; + margin-top: 5px; + margin-bottom: 5px; + margin-left: 0; + margin-right: 0; + text-align: center; + + border-style: solid; + border-width: 1px; + border-color: #049000; +} +#menu :link, +#menu :visited { + text-decoration: none; + color: black; +} +#menu span.normal { + background-color: #e1e1e1; +} +#menu span.normal:hover { + background-color: #c1c1c1; +} +#menu span.normal:active { + background-color: #e1e1e1; +} +#menu span.selected { + background-color: #999; + color: #fff; + font-weight: bold; +} +#menu span.active { + background-color: #999; + color: black; + font-weight: bold; +} +#menu span.active:hover { + color: #ccc; +} +@media tty { + table { + border: medium solid; + } }