From 30dd80aa4e7310c3f7958f2db261233583ded909 Mon Sep 17 00:00:00 2001 From: LarsVomMars Date: Sat, 3 Oct 2020 12:14:33 +0200 Subject: Style --- mottovote/public/style.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 mottovote/public/style.css (limited to 'mottovote/public/style.css') diff --git a/mottovote/public/style.css b/mottovote/public/style.css new file mode 100644 index 0000000..bf4eac7 --- /dev/null +++ b/mottovote/public/style.css @@ -0,0 +1,55 @@ +html, +body { + padding: 0; + margin: 0; + height: 100%; + width: 100%; + background-color: #eec0c6; + background-image: linear-gradient(315deg, #eec0c6 0%, #7ee8fa 74%); +} + +main { + display: flex; + flex-flow: row wrap; + position: absolute; + height: 40%; + width: 50%; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + padding: 20px; + border-radius: 10px; + background: white; +} + +#voteButton { + height: 10%; +} + +#vote { + margin-bottom: 20px; + overflow-y: scroll; + width: 100%; +} + +#vote div { + padding: 5px; + display: flex; + align-items: center; +} + +#vote div input { + margin-right: 5px; +} + +button, +select { + width: 100%; +} + +@media only screen and (max-width: 600px) { + div { + width: calc(100% - 50px); + } +} -- cgit v1.2.3