import kotlinx.html.li
import kotlinx.html.ol
import kotlinx.html.section
-import kotlinx.html.span
import kotlinx.html.style
import kotlinx.html.title
import kotlinx.html.ul
head {
title { +"Savoy Programme" }
style("text/css") {
- +"html { font-family: Roboto; }"
- +"section.new-movies > .label { font-family: Impact; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
+ +"html { font-family: 'Recursive Sans Linear Static', Roboto, serif; }"
+ +"section.new-movies > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
+"section.new-movies ul { padding: 0; margin: 0; }"
+"section.new-movies li.movie { list-style: none; width: 250px; height: 353px; display: inline-block; position: relative; margin: 1ex 1ex 1ex 0ex; }"
+"section.new-movies li.movie img { width: 100%; height: 100%; display: block; position: absolute; z-index: -1; }"
+"section.daily-programmes ol { padding: 0; }"
+"section.daily-programmes li { list-style: none; }"
- +"section.daily-programmes li.day > .label { font-family: Impact; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
+ +"section.daily-programmes li.day > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
+"section.daily-programmes li .performances { display: flex; border-top: 1ex; }"
+"section.daily-programmes li.performance { width: 250px; height: 353px; display: inline-block; margin: 1ex 1ex 1ex 0ex; position: relative; }"
+"section.daily-programmes li.performance a { width: 100%; height: 100%; display: block; text-decoration: none; }"