f9202512c6
git-svn-id: svn://svn.c3d2.de/c3d2-web/trunk@236 31f61c52-7bfb-0310-b897-fc00f8a278f0
218 lines
3.7 KiB
CSS
218 lines
3.7 KiB
CSS
/*
|
|
* Datenspuren Fahrplan Stylesheet
|
|
*/
|
|
|
|
body {
|
|
color: black;
|
|
background: white url(http://www.datenspuren.de/images/datenspuren.png) no-repeat 20px 20px;
|
|
font-family: "Lucida Grande", "Arial", sans-serif;
|
|
font-size: 90%;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.2em;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
table { border-collapse: seperate; }
|
|
|
|
th {
|
|
text-align: center;
|
|
padding: 0px 2px;
|
|
}
|
|
|
|
td {
|
|
text-align: left;
|
|
vertical-align: top;
|
|
padding: 2px;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #d4b08e;
|
|
}
|
|
|
|
img { border-style: none; }
|
|
|
|
:link, :visited {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
:link:hover, :visited:hover { text-decoration: underline; }
|
|
|
|
#content {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 175px;
|
|
right: 20px;
|
|
padding: 0px;
|
|
margin: 0px 0px 20px 0px;
|
|
clear: both;
|
|
border: 1px solid #d4b08e;
|
|
border-top: 5px solid #d4b08e;
|
|
}
|
|
|
|
#content p.release {
|
|
margin: 0px 0px 10px 0px;
|
|
padding: 5px 10px;
|
|
float: right;
|
|
color: white;
|
|
background-color: #d4b08e;
|
|
}
|
|
|
|
#content p.intro {
|
|
font-size: 1.5em;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#content p.intro em { font-family: "Times", serif; }
|
|
|
|
#speaker img.speaker-image,#event img.event-image{
|
|
margin: 1em;
|
|
float: right;
|
|
border: 1px solid #d4b08e;
|
|
}
|
|
|
|
#event-index img.event-image, #speaker-index img.speaker-image {
|
|
margin: 0.5em;
|
|
float: left;
|
|
border: 1px solid #d4b08e;
|
|
}
|
|
|
|
#content div.abstract, div.description, div.links { margin: 1em; }
|
|
|
|
#content p.welcome{
|
|
margin: 1em;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* LINKS */
|
|
|
|
#menu {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 170px;
|
|
width: 150px;
|
|
}
|
|
|
|
#menu ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#menu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
}
|
|
|
|
|
|
#menu li span {
|
|
display: block;
|
|
margin: 5px 0px;
|
|
padding: 4px;
|
|
font-size: 1.2em;
|
|
line-height: 1.2em;
|
|
text-align: center;
|
|
border: 1px solid #d4b08e;
|
|
}
|
|
|
|
#menu :link, #menu :visited {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
#menu span { background-color: #ffeede; }
|
|
#menu span.normal { background-color: inherit; }
|
|
#menu span.normal:hover { background-color: #d4b08e; }
|
|
|
|
/* NAVIGATION */
|
|
|
|
#navigation {
|
|
clear: both;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#navigation span {
|
|
|
|
padding: 5px;
|
|
background-color: #d4b08e;
|
|
color: white;
|
|
border: 1px solid #d4b08e;
|
|
}
|
|
|
|
#navigation span.previous { float: left; }
|
|
#navigation span.next { float: right; }
|
|
#navigation a { color: white; }
|
|
#navigation a:hover { text-decoration: underline; }
|
|
|
|
/* SCHEDULE */
|
|
|
|
#schedule th {
|
|
padding: 10px;
|
|
color: black;
|
|
}
|
|
|
|
#schedule td { padding: 4px; }
|
|
|
|
#schedule td.empty { background-color: #ffeede; }
|
|
|
|
#schedule p.info,p.subtitle { display: none; }
|
|
|
|
#schedule td.time {
|
|
vertical-align: top;
|
|
color: black;
|
|
padding: 2px;
|
|
}
|
|
|
|
#schedule td.event {
|
|
width: 23em;
|
|
background-color: #ffeede;
|
|
padding: 5px;
|
|
border: 2px solid #d4b08e;
|
|
}
|
|
|
|
#speaker-index td { background-color: #ffeede; }
|
|
|
|
#event-index td { background-color: #ffeede; }
|
|
#event-index p.info { display: none; }
|
|
|
|
/* INFOBOXES */
|
|
|
|
#infobox {
|
|
float: right;
|
|
margin: 0px 0px 20px 10px;
|
|
width: 250px;
|
|
min-width: 250px;
|
|
background-color: #ffeede;
|
|
border: 1px solid #d4b08e;
|
|
padding: 1px;
|
|
}
|
|
|
|
#infobox table { width: 100%; }
|
|
|
|
#infobox th { background-color: #d4b08e; }
|
|
|
|
#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: #0B0;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 0px 2px;
|
|
}
|
|
|
|
#infobox .feedback a {
|
|
color: #ffeede;
|
|
font-weight: bold;
|
|
} |