From 760e8fff4d4fd71350ddc9b17e85e95a17d4ce8e Mon Sep 17 00:00:00 2001 From: Rasmus Date: Fri, 31 Mar 2023 19:41:34 +0300 Subject: oops --- rannak/kaart/kaart.css | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 rannak/kaart/kaart.css (limited to 'rannak/kaart/kaart.css') diff --git a/rannak/kaart/kaart.css b/rannak/kaart/kaart.css new file mode 100644 index 0000000..f941739 --- /dev/null +++ b/rannak/kaart/kaart.css @@ -0,0 +1,74 @@ +body { + display: flex; + flex-direction: column; +} + +/* Upper Container Stuff*/ +.upperContainer{ + text-align: center; + width: 70%; + margin-left: 15%; +} + + +.upperContainer .movementBtn{ + background-color: #687494; + border: none; + border-radius: 4px; + font-size:1.3rem; + color:white; + padding: 10px; + margin: 0 2px; +} + + +/* Move On Stuff*/ + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-left: 50px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; +} + + + +/* Kaart Stuff */ + + +.svgContainer { + overflow: hidden; + border: 2px solid #E3D4AD; + border-radius: 10px; + margin: 1.5%; + background-color: #434854; + max-height: 75vh; +} + + /* #00394f, #006284 */ + +svg {transition: transform 0.1s linear 0.1s;} +svg path{ + fill: #767F94; + stroke: #eee !important; + stroke-width: .25 !important; +} + +svg path:hover { + fill: #A9B5D4; + transition: 0.6s !important; + cursor: pointer !important; + +} -- cgit v1.2.3