To check out this repository please hg clone the following URL, or open the URL using EasyMercurial or your preferred Mercurial client.
root / onto / talks / mo-ismir-2007 / ui / default / framing.css @ 0:1e44d666ced1
History | View | Annotate | Download (950 Bytes)
| 1 |
/* The following styles size, place, and layer the slide components.
|
|---|---|
| 2 |
Edit these if you want to change the overall slide layout.
|
| 3 |
The commented lines can be uncommented (and modified, if necessary)
|
| 4 |
to help you with the rearrangement process. */
|
| 5 |
|
| 6 |
/* target = 1024x768 */
|
| 7 |
|
| 8 |
div#header, div#footer, .slide {width: 100%; top: 0; left: 0;} |
| 9 |
div#header {top: 0; height: 3em; z-index: 1;} |
| 10 |
div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;} |
| 11 |
.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2; list-style: none;} |
| 12 |
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;} |
| 13 |
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%; |
| 14 |
margin: 0;} |
| 15 |
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;} |
| 16 |
html>body #currentSlide {position: fixed;} |
| 17 |
|
| 18 |
/*
|
| 19 |
div#header {background: #FCC;}
|
| 20 |
div#footer {background: #CCF;}
|
| 21 |
div#controls {background: #BBD;}
|
| 22 |
div#currentSlide {background: #FFC;}
|
| 23 |
*/
|