datenspuren: 2007 layout

This commit is contained in:
Astro 2010-06-28 18:58:21 +02:00
parent 5ca3efacd3
commit 754cbbda6b
8 changed files with 389 additions and 439 deletions

View File

@ -1,21 +0,0 @@
table.schedule {
margin-top: 0.2em;
margin-bottom: 1em;
}
table.schedule tr th {
background-color: #eee;
}
table.schedule tr td.odd {
background-color: #eee;
}
table.schedule tr td.event {
background-color: #eee;
padding: 0 0.2em;
}
table.schedule tr td.event ul {
list-style-type: none;
font-size: 50%;
}
table.schedule tr td.event ul li {
display: inline-block;
}

View File

@ -1,5 +0,0 @@
@import "reset.css";
@import "reset_ie.css";
@import "structure.css";
@import "type.css";
@import "fahrplan.css";

View File

@ -1,164 +0,0 @@
* {
margin:0;
padding:0;
}
option {
padding-left:0.4em;
}
* html body * {
overflow:visible;
}
* html iframe, * html frame {
overflow:auto;
}
* html frameset {
overflow:hidden;
}
html {
height:100%;
margin-bottom:1px;
}
body {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-size:100.01%;
text-align:left;
}
fieldset, img {
border:0 solid;
}
ul, ol, dl {
margin:0;
}
li {
line-height:1.5em;
margin-left:1.5em;
}
dt {
font-weight:700;
}
dd {
margin:0 0 1em 2em;
}
blockquote {
margin:0 0 1em 1.5em;
}
#header {
position:relative;
}
#topnav {
text-align:right;
}
#header #topnav {
position:absolute;
right:10px;
top:10px;
}
#header, #nav, #main, #footer {
clear:both;
}
#col1 {
float:left;
width:200px;
}
#col2 {
float:right;
width:200px;
}
#col3 {
margin:0 200px;
width:auto;
}
#col1_content, #col2_content, #col3_content {
position:relative;
}
.hideboth #col3 {
margin-left:0;
margin-right:0;
}
.hidecol1 #col3 {
margin-left:0;
margin-right:200px;
}
.hidecol2 #col3 {
margin-left:200px;
margin-right:0;
}
.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 {
display:none;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:block;
}
.floatbox {
overflow:hidden;
}
#ie_clearing {
display:none;
}
.subcolumns {
overflow:hidden;
width:100%;
}
.subcolumns_oldgecko {
float:left;
width:100%;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
float:left;
}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
float:right;
margin-left:-5px;
}
.c25l, .c25r {
width:25%;
}
.c33l, .c33r {
width:33.333%;
}
.c50l, .c50r {
width:50%;
}
.c66l, .c66r {
width:66.666%;
}
.c75l, .c75r {
width:75%;
}
.c38l, .c38r {
width:38.2%;
}
.c62l, .c62r {
width:61.8%;
}
.subc {
padding:0 0.5em;
}
.subcl {
padding:0 1em 0 0;
}
.subcr {
padding:0 0 0 1em;
}
.skip, .hideme, .print {
height:1px;
left:-1000em;
position:absolute;
top:-1000em;
width:1px;
}
.skip:focus, .skip:active {
height:auto;
left:0;
position:static;
top:0;
width:auto;
}

View File

@ -1,90 +0,0 @@
html {
height:auto;
margin-bottom:0;
margin-right:1px;
}
* html textarea {
overflow-x:hidden;
overflow-y:scroll;
}
* html input {
overflow:hidden;
}
body {
height:1%;
position:relative;
}
* html body {
position:static;
}
#main {
position:relative;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
* html .floatbox {
width:100%;
}
.slidebox {
height:1%;
margin-right:-1000px;
position:relative;
}
* html #col1, * html #col2, * html #col3 {
position:relative;
}
#page_margins, #page, #header, #nav, #main, #footer {
}
#page_margins, #page {
height:1%;
}
* html #header, * html #nav, * html #main, * html #footer {
width:auto;
}
* html ul, * html ol, * html dl {
position:relative;
}
body ol li {
display:list-item;
}
#ie_clearing {
display:block;
font-size:0;
margin:-2px 0 -1em 1px;
position:static;
width:100%;
}
* html #ie_clearing {
margin:-2px 0 -1em;
}
#col3_content {
margin-bottom:-2px;
}
* html {
margin-right:0;
}
#col3 {
position:relative;
z-index:-1;
}
* html body a, * html body a:hover {
background-color:transparent;
}
#col1, #col2, .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
display:inline;
}
* html #col1_content, * html #col2_content, * html #col3_content {
}
* html .subcolumns .subc, * html .subcolumns .subcl, * html .subcolumns .subcr {
overflow:hidden;
}
#col3 {
height:1%;
}

View File

@ -1,68 +0,0 @@
body {
}
div#header {
margin-bottom:1em;
}
div#header h1 {
margin-top:-44px;
margin-left:170px;
}
div#container {
width:768px;
margin-left:155px;
padding:1em;
}
div#main, div#right {
float:left;
}
div#main {
width:500px;
margin-right:1em;
}
div#main div#intro {
padding-bottom:2em;
margin-bottom:1em;
border-bottom:1px solid #eee;
}
div#right {
width:150px;
}
div#navigation {
background:url('../images/navigation_background.png') left no-repeat #fff;
min-height:400px;
}
div#navigation a {
display:block;
border:1px solid #999;
padding:0.25em 0.25em 0.25em 0.5em;
margin-bottom:0.25em;
background:#fff;
}
div#main dl.main_left {
float:left;
width:125px;
margin-right:25px;
margin-top:40px;
}
div#main p.main_right {
float:left;
width:350px;
}
div#cccdd_logo {
position:fixed;
right:0;
bottom:0;
padding:0 20px 15px 0
}

View File

@ -1,53 +0,0 @@
body {
font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
font-size:0.9em;
color:#222;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom:0.5em;
margin-top: 2em;
}
h1 {
color:red;
}
h3 {
font-size:1.2em;
font-weight:normal;
color:#666;
}
p {
line-height:1.4em;
margin-bottom:1em;
}
a {
color:red;
}
a:hover {
text-decoration:none;
}
span.date {
font-size:0.6em;
color:#999;
padding-left: 2em;
}
div#right {
text-align:right;
}
div#navigation a {
text-decoration:none;
color:#000;
}
div#navigation a#active {
font-weight:bold;
text-align:left;
}

View File

@ -0,0 +1,336 @@
/* ###### Body Text ###### */
body {
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
margin: 0;
}
h1, h2, h3 {
font-family: arial, verdana, tahoma, sans-serif;
}
#logo {
float: left;
padding: 0px 4px;
}
h1 {
padding: 0px;
margin: 0px;
font-size: 25px;
font-weight: bold;
font-style: bold;
line-height: 1em;
padding-top: 0px;
padding-bottom: 15px;
letter-spacing: 3px;
}
h2 {
padding: 0px;
margin: 0px;
font-size: 18px;
font-weight: bold;
font-style: bold;
line-height: 1em;
padding-top: 20px;
padding-bottom: 15px;
letter-spacing: 2px;
}
p {
padding-bottom: 1ex;
padding: 0 1em 0 1em;
}
p.title {
margin-left: 7ex;
font-weight: bold;
font-size: 1.5em;
}
img {
border: none;
}
acronym {
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;
}
code {
font-family: "lucida console", monospace;
font-size: 11px;
}
dt {
font-weight: bold;
}
dd {
padding-bottom: 0.5em;
}
hr {
border-bottom: 1px;
color: white;
text-align: left;
margin-top: 40px;
margin-bottom: 60px;
}
ul {
line-height: 2em;
}
#bodyText {
text-align: justify;
line-height: 1.7em;
margin-left: 15em;
padding: 1em 4em 3em 3em;
height: 100%;
}
#bodyText span {
font-size: 10px;
}
#bodyText a {
text-decoration: none;
border-bottom-style: solid;
border-bottom-width: 1px;
/* See color-scheme.css */
}
#bodyText a:hover {
text-decoration: none;
border-bottom-style: solid;
border-bottom-width: 0;
}
.smallCaps {
font-variant: small-caps;
}
.hplink { font-size: 11px; }
/* ###### Header ###### */
#header {
padding: 0px 0px 0px 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
height: 128px;
}
h1 {
position: absolute;
top: 1.2ex;
left: 9ex;
font-size: 40px;
text-decoration: none;
font-weight: bold;
font-style: none;
line-height: 1em;
}
h2 {
position: absolute;
top: 4.5ex;
left: 25ex;
font-size: 20px;
font-style: italic;
text-decoration: none;
font-weight: bold;
line-height: 1em;
}
/* ###### Left Sidebar ###### */
.leftSideBar {
width: 15em;
float: left;
clear: left;
font-weight: bold;
}
.leftSideBar a, .leftSideBar span {
text-decoration: none;
line-height: 2em;
padding: 2ex 2ex 0ex;
display: block;
font-size: 12px;
}
[class~="leftSideBar"] a, [class~="leftSideBar"] span {
line-height: 2em;
}
.leftSideBar a:hover {
/* See color-scheme.css */
}
.leftSideBar .sideBarTitle {
font-weight: bold;
padding: 0.75ex 1ex;
letter-spacing: 2px;
}
.leftSideBar .sideBarText {
font-weight: normal;
padding: 1ex 0.75ex 1ex 1ex;
}
.leftSideBar .thisPage {
/* See color-scheme.css */
}
/* ###### Footer ###### */
#footer {
font-size: 0.8em;
text-align: center;
line-height: 1.25em;
padding: 1em 4mm 1.5em 4mm;
clear: left;
}
#footer div {
padding-bottom: 1ex;
}
#footer a {
text-decoration: none;
font-weight: bold;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#footer a:hover {
border-bottom: 0;
}
.right {
text-align: right;
}
/* ###### Vortraege ###### */
#uebersicht td {
text-align: center;
height: 40px;
padding: 8px;
}
#uebersicht {
width: 100%;
}
#uebersicht th {
text-align: center;
height: 25px;
}
.square {
list-style-type: square;
}
/* ###### Text Colors ###### */
/*h1,*/ #bodyText a, .leftSideBar a, .leftSideBar span,
.dateheader { color: /*#443d35;*/ #738B5D; }
h1, h2, p.title,
.headerLinks *, .menuBar a:hover
{ color: /* #443d35; #5179a3; */ #96cc62; }
.leftSideBar .sideBarTitle, .leftSideBar .thisPage, #footer *
{ color: white; }
.leftSideBar a:hover
{ color: #435B2D; }
body { color: #333; }
/* ###### Background Colors ###### */
body
{ background-color: white; }
#bodyText
{ background-color: white; border-color: #e8e3eb; }
#header
{ background-color: white; border-color: #736d78; }
.leftSideBar .sideBarTitle, .sideBarTitle, #footer
{ background-color: #A0C47E; }
.leftSideBar
{ background-color: #eeffde; }
#uebersicht tr.header {
background-color: #bab1c4;
}
#uebersicht td.empty {
background-color: #eee;
}
#uebersicht td.time {
background-color: #eee;
}
#uebersicht td.vortrag {
background-color: #e8e3eb;
}
/* ###### Border Colors ###### */
h1, .rightSideBar
{ border-color: #dfcfe6; }
#header {
border-bottom-color: #96cc62;
}
acronym
{ border-color: #96cc62; }
/* ###### Schedule ###### */
table.schedule {
text-align: left;
}
.scheduledate {
font-size: large;
font-weight: bold;
}
.schedulehead {
text-align: center;
}
.scheduletime {
color: #606060;
}
.scheduleempty {
background-color: #eeffde;
}
.scheduleevent {
text-align: left;
width: 32em;
background-color: #eeffde;
border: 2px solid #B0D48E;
}
.scheduleevent ul {
margin: 0px;
}

View File

@ -38,12 +38,10 @@
<xsl:call-template name="heading">
<xsl:with-param name="title" select="$title"/>
</xsl:call-template>
<div id="container" class="clearfix">
<div id="main">
<xsl:apply-templates/>
</div>
<xsl:call-template name="ending"/>
<div id="bodyText">
<xsl:apply-templates/>
</div>
<xsl:call-template name="footer"/>
</body>
</html>
@ -149,53 +147,70 @@
<xsl:param name="title"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Symposium Datenspuren - Privatsphäre war gestern, 2009, Kulturzentrum Scheune, veranstaltet vom Chaos Computer Club Dresden" />
<meta name="description" content="Symposium Datenspuren - Privatsphäre war gestern, 2010, Kulturzentrum Scheune, veranstaltet vom Chaos Computer Club Dresden" />
<meta name="keywords" content="Symposium Datenspuren,c3d2,Chaos Computer Club,CCC,Dresden,Datenschutz,Privatsphäre,Anonymität,informationelle Selbstbestimmung,Überwachung,Data Mining,ETSI,RFID,Mautsystem,Remailer,TCPA,TCG,Bundestrojaner,Vorratsdatenspeicherung,Biometrie" />
<meta name="robots" content="index,follow" />
<meta name="language" content="German" />
<link rel="stylesheet" type="text/css" href="css/general.css" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="news-rss.xml" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="news-atom.xml" />
<title>
<xsl:text>Datenspuren 2009</xsl:text>
<xsl:text>Datenspuren MMX</xsl:text>
<xsl:value-of select="$title" />
</title>
</head>
</xsl:template>
<xsl:template name="heading">
<!-- TODO: insert logo -->
<div id="header">
<a href="index.html" title="Datenspuren 2009 — Hands Off, Privacy On.">
<img src="images/hopo_logo.png" alt="Datenspuren 2009 — Hands Off, Privacy On." />
</a>
<h1>Datenspuren 2009 - 3./4. Oktober</h1>
<h1>Datenspuren MMX</h1>
<h2>Mind the Gap</h2>
</div>
<div class="leftSideBar">
<div class="sideBarTitle">Termin</div>
<span>
Samstag &amp; Sonntag,<br />
16. &amp; 17. Oktober 2010<br /><br /></span>
<div class="sideBarTitle">Ort</div>
<a href="http://www.scheune.org/">Kulturzentrum Scheune</a>
<span>
Alaunstr. 36-40<br />
01099 Dresden<br /><a href="veranstaltungsort.html">[mehr...]</a><br /></span>
<div class="sideBarTitle">Symposium</div>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">index</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">info</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">ort</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">fahrplan</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">mitschnitte</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">wikis</xsl:with-param>
</xsl:call-template>
<br />
<br />
<a href="2004/">2004</a>
<a href="2005/">2005</a>
<a href="2006/">2006</a>
<br />
</div>
</xsl:template>
<xsl:template name="ending">
<div id="right">
<div id="navigation">
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">index</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">info</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">ort</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">fahrplan</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">mitschnitte</xsl:with-param>
</xsl:call-template>
<xsl:call-template name="navigation-link">
<xsl:with-param name="page">wikis</xsl:with-param>
</xsl:call-template>
</div>
</div>
</xsl:template>
<xsl:template name="navigation-link">
<xsl:param name="page"/>
<xsl:variable name="title"
@ -209,11 +224,11 @@
</xsl:template>
<xsl:template name="footer">
<div id="cccdd_logo">
<!--div id="cccdd_logo">
<a href="https://www.c3d2.de/">
<img src="images/cccdd_logo.png" alt="Computer Chaos Club Dresden" />
</a>
</div>
</div-->
</xsl:template>
<xsl:template match="news-list">