view css/ff-herdict-preso.css @ 11:9c2325f7bcb1

Added subtitles, though they currently are hard to see on a dark background and also override all dynamic clickable content of the actual slideshow.
author Atul Varma <varmaa@toolness.com>
date Wed, 10 Feb 2010 13:32:36 -0800
parents b8b3aaf44c1c
children ca63f0dd6b0e
line wrap: on
line source

@font-face {
    font-family: "MuseoSans";
    src: url(../fonts/MuseoSans_500.otf) format("opentype");
}

body {
    background: white;
    font-family: "MuseoSans", Helvetica, Sans-Serif;
    text-align: center;
}

h1 {
    font-weight: normal;
    font-size: 24pt;
}

#container {
    width: 660px;
    margin: 0 auto;
}

#subtitles {
    height: 400px;
    width: 660px;
    margin: 0 auto;
    display: table;
    font-size: 12pt;
    position: absolute;
    top: 0px;
}

#subtitles p {
    vertical-align: bottom;
    display: none;
}

#subtitles .visible {
    display: table-cell;
}

#slides {
    height: 400px;
    margin: 0 auto;
    display: table;
    position: static;
}

#slides div {
    font-size: 24pt;
    display: none;
    vertical-align: middle;
}

#slides .visible {
    display: table-cell;
}

#slides div em {
    font-style: normal;
    font-weight: bold;
}

audio {
    width: 660px;
}

img {
    border: none;
}

a {
    white-space: nowrap;
    color: black;
}

img[src="images/fallows-article.png"] {
    height: 380px;
}

img[src="images/cubicles.jpg"] {
    height: 380px;
}

img[src="images/china-flag.png"] {
    height: 380px;
}

img[src="images/herdict-map-2.png"] {
    height: 380px;
}

img[src="images/mockup-firewall.png"] {
    height: 380px;
}

img[src="images/mockup-china.png"] {
    height: 380px;
}

img[src="images/mockup-everyone.png"] {
    height: 380px;
}