/* @override http://zbgntz.local/~steph/zarov.org/css/master.css http://zbgntz.local/~steph/zarov.org/css/screen.css */ /* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; @import "lib/buttons.css"; /* End import/hide */ /* Compressed version: [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this one when your site has launched (Ca 60% compressed): @import "lib/compressed.css"; */ /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). */ /* .container { background: url(lib/img/grid.png); } */ /* .container { background: url(lib/img/baseline.png); }*/ @font-face { font-family: "Didiot"; src: url(fonts/Didot.ttf) format("truetype"); } body,h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif; } h1, h2 {font-family: "Didiot";} body { background: url(../images/back_bill.jpg) 50% 0 no-repeat fixed; } #index h1 { font-size: 2em; margin-top: 5.25em; } #index h1.show { font-size: 3em; line-height: 1; margin-top: 0; } #index h1 a { text-decoration: none; } #index h1 a:hover { text-decoration: underline; } #header h1 { background: url(../images/GraphingShakespeare.jpg) no-repeat; text-indent: -10000px; line-height: 72px; } #header p { font-style: italic; margin-bottom: 0; } .epigraph { margin: 1.5em 0; } q:before { content: "“"; } q:after { content: "”"; } .epigraph q { margin-left: -0.35em; } #main h1 { width: 540px; text-align: right; margin-bottom: 0.5em; margin-left: 0; } #graphs img { margin-bottom: 0; margin-top: 0; width: 8em; height: 4.4em; border: 1px solid #ccc; -webkit-box-shadow: 3px 3px 7px #bbb; } #graphs p { text-align: left; margin-bottom: 1.5em; } #graphs p a { font-weight: bold; text-decoration: none; } #legend { width: 108px; border: 1px solid #ccc; padding: 0 5px; } .key h2 { font-size: .9em; font-weight: bold; } .key h3 { font-size: .9em; } .key ul, ul.meta { list-style-type: none; margin: 0 0 1.5em 0; } .key ul { margin-bottom: 0; font-size: 0.83333em; /* font size 10px */ line-height: 1.44em; } .key ul li { text-indent: 10px; background: no-repeat left 3px; } ul.meta li { text-indent: 10px; background: no-repeat left 5px; } .meta li.play, .key li.play { background-image: url(../images/inset.png); } .meta li.extempore, .key li.extempore { background-image: url(../images/extempore.png); } .meta li.gulling, .key li.gulling { background-image: url(../images/gulling.png); } .meta li.maske, .key li.maske { background-image: url(../images/maske.png); } .meta li.dream, .key li.dream { background-image: url(../images/dream.png); } .meta li.conscious, .key li.conscious { background-image: url(../images/conscious.png); } .meta li.unconscious, .key li.unconscious { background-image: url(../images/unconscious.png); } .meta li.theatre, .key li.theatre {background-image: url(../images/theatre.png);} .meta li.art, .key li.art {background-image: url(../images/art.png);} #footer ul { list-style: none; text-align: center; } #footer li { display: inline; } #footer li:before { content: " ~ "; } #footer li:first-child:before { content: ""; }