Mercurial > ff-herdict-preso
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; }