diff --git a/muni.css b/muni.css index 9d6b260..cc3b275 100644 --- a/muni.css +++ b/muni.css @@ -1,74 +1,94 @@ -* { - font-family: "Comic Sans MS", "Comic Sans"; - box-sizing: border-box; -} - -body::before { - content: ""; - position: fixed; - width: 100vw; - height: 100vh; - top: 0; - left: 0; - background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1"); - background-size: cover; - background-repeat: no-repeat; - background-position: center calc(62% + 2%); - z-index: -1; - opacity: 0.25; -} - -textarea { - background-color: transparent; - width: 100%; -} - -textarea:disabled { - color: black; -} - -/* Tooltip container */ -.tooltip { - position: relative; - display: inline-block; - border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ -} - -/* Tooltip text */ -.tooltip .tooltiptext { - visibility: hidden; - width: 240px; - background-color: rgba(62,62,62,0.91); - color: #fff; - text-align: center; - padding: 5px 5px 5px 5px; - border-radius: 6px; - - /* Position the tooltip text */ - position: absolute; - z-index: 1; - top: -100%; - left: 105%; - - /* Fade in tooltip */ - opacity: 0; - transition: opacity 0.3s; -} - -/* Tooltip arrow */ -.tooltip .tooltiptext::after { - content: " "; - position: absolute; - top: 50%; - right: 100%; /* To the left of the tooltip */ - margin-top: -5px; - border-width: 5px; - border-style: solid; - border-color: transparent rgba(62,62,62,0.91) transparent transparent; -} - -/* Show the tooltip text when you mouse over the tooltip container */ -.tooltip:hover .tooltiptext { - visibility: visible; - opacity: 1; -} +* { + font-family: "Comic Sans MS", "Comic Sans"; + box-sizing: border-box; +} + +body::before { + content: ""; + position: fixed; + width: 100vw; + height: 100vh; + top: 0; + left: 0; + background-image: url("https://cdn.discordapp.com/emojis/744938186983080126.png?v=1"); + background-size: cover; + background-repeat: no-repeat; + background-position: center calc(62% + 2%); + z-index: -1; + opacity: 0.25; +} + +textarea { + background-color: transparent; + width: 100%; +} + +textarea:disabled { + color: black; +} + +/* Tooltip container */ +.tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ +} + +/* Tooltip text */ +.tooltip .tooltiptext { + visibility: hidden; + width: 240px; + background-color: rgba(62,62,62,0.91); + color: #fff; + text-align: center; + padding: 5px 5px 5px 5px; + border-radius: 6px; + + /* Position the tooltip text */ + position: absolute; + z-index: 1; + top: -100%; + left: 105%; + + /* Fade in tooltip */ + opacity: 0; + transition: opacity 0.3s; +} + +/* Tooltip arrow */ +.tooltip .tooltiptext::after { + content: " "; + position: absolute; + top: 50%; + right: 100%; /* To the left of the tooltip */ + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent rgba(62,62,62,0.91) transparent transparent; +} + +/* Show the tooltip text when you mouse over the tooltip container */ +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} + +.grid{ + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 20px; +} + +.munigrid{ + border-left: 1px dotted #000; + border-right: 1px dotted #000; +} + +.munigrid:nth-child(1){ + border-left:none; +} + +.munigrid:nth-child(even){ + border-left:none; + border-right:none; +} \ No newline at end of file diff --git a/parkingcalc.html b/parkingcalc.html index c5c42bb..19cca4e 100644 --- a/parkingcalc.html +++ b/parkingcalc.html @@ -1,79 +1,104 @@ - - -
- - - - -