div.slide { width: 95% } body div.slide > * { text-align: left } body { padding: 2em; background-color: #c57830; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #ecd893), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ecd893), color-stop(.75, #ecd893), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(45deg, #ecd893 25%, transparent 25%, transparent 50%, #ecd893 50%, #ecd893 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #ecd893 25%, transparent 25%, transparent 50%, #ecd893 50%, #ecd893 75%, transparent 75%, transparent); -webkit-background-size: 200px 200px; -moz-background-size: 200px 200px; background-size: 200px 200px; } h1 { font-size: 3.4em; color: #fff; text-shadow: #340f07 -10px 10px 0px, #340f07 -9px 9px 0px, #340f07 -8px 8px 0px, #340f07 -7px 7px 0px, #340f07 -6px 6px 0px, #340f07 -5px 5px 0px, #340f07 -4px 4px 0px, #340f07 -3px 3px 3px, #340f07 -2px 2px 0px, #340f07 -1px 1px 0px, #340f07 1px 0px 0px, #340f07 0px -1px 0px, #340f07 -1px -2px 0px, #340f07 -2px -3px 0px; } p, ul { font-size: 1.6em; color: #fff; text-shadow: #340f07 -6px 6px 0px, #340f07 -5px 5px 0px, #340f07 -4px 4px 0px, #340f07 -3px 3px 3px, #340f07 -2px 2px 0px, #340f07 -1px 1px 0px, #340f07 1px 0px 0px, #340f07 0px -1px 0px, #340f07 -1px -2px 0px, #340f07 -2px -3px 0px; } pre { line-height: 1.3em } code { display: block; padding: 0.5em; background: #340f07; font-size: 140%; color: #fff; line-height: 1.2em } a { cursor: pointer; display: inline-block; padding: 0 0.2em; text-decoration: none; background: #f9fda2; color: #340f07; border-bottom: 1px solid #340f07 ; text-shadow: none } #note { display: none; color: #000; background: #f9fda2; } #note:after { content: "\00a0"; display: block; position: absolute; bottom: -30px; right: 30%; width: 0; height: 0; border-width: 0 20px 30px 0px; border-style: solid; border-color: transparent #f9fda2 } ul { font-size: 1.2em }