From 90d9d819b70f68e10482954cfc461737c0165f8a Mon Sep 17 00:00:00 2001 From: "Gabriel A. Giovanini" Date: Wed, 13 Jul 2022 12:22:15 +0200 Subject: feat: Add custom css --- assets/style.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 100 insertions(+) create mode 100644 assets/style.css (limited to 'assets/style.css') diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..7f524b9 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,100 @@ +html, body, div, h1, header,section, table, th, td, tr{ + margin: 0; + padding: 0; + border: 0; +} + +body { + font-family: sans-serif; + margin: 0 auto; + background-color: #f4f4f4; +} + +header { + background-color: #0062cc; + padding: .5em; + margin: 0 auto; +} + +header h1 { + font-size: large; + text-transform: uppercase; +} + +header > h1 > a { + color: white; + text-decoration: none; +} + +main { + margin: 1em; +} + +table { + display: block; + border-spacing: 0; + width: 100%; + overflow:auto; + margin-top: 1em; +} + +th.fixed, td.fixed { + width: 100px; + overflow: hidden; +} + +th { + padding: 1em; + text-align: left; +} + +td { + padding: 1em; + overflow: hidden; + white-space: nowrap; + border-top: 1px solid #ccc; +} + +form { + width: 70%; + max-width: 500px; +} + +form input { + width: 100% +} + +form label { + display: block; +} + +.container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.field { + margin-bottom: 1em; +} + +a.button, button { + display: inline-block; + padding: .1rem .75rem; + background: #e9ecef; + border: #343a40 1px solid; + font-size: .9rem; + font-weight: 400; + line-height: 1.5; + cursor: pointer; + color: #000; + border-radius: 0; + text-decoration: none; + transition: 0.5s all; + align-self: flex-start; +} + +a.button:hover { + background-color: #fff; +} -- cgit v1.2.3