From a8a5509a02fec7dcc57ec9382c97685cf711360d Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 18 Aug 2017 23:00:34 +0200 Subject: index stuff --- public/css.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 public/css.css (limited to 'public/css.css') diff --git a/public/css.css b/public/css.css new file mode 100644 index 0000000..2bed6d9 --- /dev/null +++ b/public/css.css @@ -0,0 +1,50 @@ +html,body { +} +body.about, +body.entry, +body.submit { + overflow: hidden; +} + +#about, #entry, #submit { + position: fixed; + top: 0; left: 0; + width: 100%; height: 100%; + background: #444; + pointer-events: none; + opacity: 0; +} +.about #about, +.entry #entry, +.submit #submit { + opacity: 1; + pointer-events: auto; +} + +#header { + width: 100%; +} + +.cell { + display: inline-block; + width: 100vw; + height: 20vw; + color: white; + text-shadow: 0 0 2px #000; +} + +.media { + width: 100%; + max-height: 50vh; +} + +.cell:nth-child(3n+1) { background: #800; } +.cell:nth-child(3n+2) { background: #880; } +.cell:nth-child(3n+3) { background: #808; } + +@media screen and (max-width: 600px) { + .cell { + width: 100vw; + height: 20vh; + } +} \ No newline at end of file -- cgit v1.2.3-70-g09d2