aboutsummaryrefslogtreecommitdiff
path: root/public/main.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/main.css')
-rw-r--r--public/main.css307
1 files changed, 0 insertions, 307 deletions
diff --git a/public/main.css b/public/main.css
deleted file mode 100644
index 8b41538..0000000
--- a/public/main.css
+++ /dev/null
@@ -1,307 +0,0 @@
-/* Box sizing */
-
-*, *:before, *:after {
- box-sizing: border-box;
-}
-
-/* Colors */
-
-:root {
- --color-header: #333333;
-}
-
-/* Layout */
-
-body {
- margin: 0;
- font-family: sans-serif;
-}
-
-.g-Layout__Header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: 100%;
- background-color: var(--color-header);
- color: white;
- font-size: 1.7rem;
- height: 3rem;
- padding: 0 0.5rem;
-}
-
-.g-Layout__Home {
- color: white;
- text-decoration: none;
-}
-
-.g-Layout__Home:visited {
- color: white;
-}
-
-.g-Layout__Section:not(:last-child) {
- margin-bottom: 2rem;
-}
-
-.g-Layout__Line {
- display: flex;
- align-items: center;
- gap: 1.5rem;
-}
-
-/* Modal */
-
-:root {
- --modal-border-radius: 1rem;
-}
-
-#g-Modal {
- z-index: 1000;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.g-Modal__Curtain {
- background-color: rgba(0,0,0,0.5);
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
-}
-
-.g-Modal__Window {
- position: relative;
- background-color: white;
- border-radius: var(--modal-border-radius);
- padding: 2rem 4rem;
-}
-
-.g-Modal__Close {
- position: absolute;
- top: 0px;
- right: 0px;
- font-size: 2rem !important;
- border-top-right-radius: var(--modal-border-radius);
- padding: 5px 10px 10px;
-}
-
-.g-Modal__Close:hover {
- background-color: #CCCCCC;
-}
-
-/* Context menu */
-
-:root {
- --context-menu-border-radius: 2px;
-}
-
-#g-ContextMenu {
- z-index: 1000;
- position: absolute;
- background-color: white;
- border-radius: var(--context-menu-border-radius);
- border: 1px solid #333333;
-}
-
-.g-ContextMenu__Entry:first-child {
- border-top-left-radius: var(--context-menu-border-radius);
- border-top-right-radius: var(--context-menu-border-radius);
-}
-
-.g-ContextMenu__Entry:last-child {
- border-bottom-left-radius: var(--context-menu-border-radius);
- border-bottom-right-radius: var(--context-menu-border-radius);
-}
-
-.g-ContextMenu__Entry {
- padding: 0.5rem 1rem;
-}
-
-.g-ContextMenu__Entry:hover {
- background-color: #DDDDDD;
- cursor: pointer;
-}
-
-/* Form */
-
-.g-Form__Field {
- display: flex;
- flex-direction: column;
- row-gap: 0.5rem;
- margin-bottom: 1rem;
-}
-
-.g-Form__Color {
- border: 1px solid #333333 !important;
- width: 20px;
- height: 20px;
- border-radius: 50%;
-}
-
-/* AutoComplete */
-
-.g-AutoComplete {
- position: relative;
- width: 100%;
-}
-
-.g-AutoComplete__Input {
- width: 100%;
-}
-
-.g-AutoComplete__Completion {
- position: absolute;
- width: 100%;
- background-color: white;
- max-height: 10rem;
- overflow-y: auto;
- border: 1px solid black;
-}
-
-.g-AutoComplete__Entry {
- display: block;
- width: 100%;
- text-align: left;
- background-color: transparent;
- border: none;
- cursor: pointer;
-}
-
-.g-AutoComplete__Entry:hover {
- background-color: #DDDDDD;
-}
-
-.g-AutoComplete__Clear {
- position: absolute;
- right: 0.5rem;
- top: 50%;
- transform: translateY(-53%);
-}
-
-/* Button */
-
-.g-Button__Raw {
- cursor: pointer;
- background-color: transparent;
- border: none;
- color: inherit;
- font-size: inherit;
-}
-
-.g-Button__Text {
- cursor: pointer;
- background-color: transparent;
- border: none;
- color: inherit;
- font-size: inherit;
-}
-
-.g-Button__Text:hover {
- text-decoration: underline;
-}
-
-.g-Button__Action {
- background-color: green;
- color: white;
- padding: 0.5rem 1rem;
- border-radius: 0.2rem;
- border: 1px solid black;
- font-size: 1.1rem;
- cursor: pointer;
- font-size: inherit;
-}
-
-.g-Button__Cancel {
- background-color: gray;
- color: white;
- padding: 0.5rem 1rem;
- border-radius: 0.2rem;
- border: 1px solid black;
- font-size: 1.1rem;
- cursor: pointer;
- font-size: inherit;
-}
-
-/* Map */
-
-.g-Map {
- position: absolute;
- top: 3rem;
- bottom: 0;
- left: 0;
- right: 0;
-}
-
-#g-Map__Content {
- width: 100%;
- height: 100%;
- cursor: grab;
-}
-
-/* Marker form */
-
-.g-MarkerForm__AutoCompleteAndIcon {
- position: relative;
-}
-
-.g-MarkerForm__AutoComplete {
- padding-left: 1.5rem;
-}
-
-.g-MarkerForm__Icon {
- position: absolute;
- width: 1rem;
- text-align: center;
- left: 0.5rem;
-}
-
-.g-MarkerForm__IconEntry {
- display: flex;
- gap: 0.5rem;
-}
-
-.g-MarkerForm__IconElem {
- width: 1rem;
-}
-
-/* Marker icon */
-
-.g-Marker {
- position: relative;
- width: 100%;
- height: 100%;
- cursor: move;
-}
-
-.g-Marker__Base {
- position: absolute;
- width: 25px;
- bottom: calc(50%);
- left: 50%;
- transform: translateX(-50%);
-}
-
-.g-Marker__Icon {
- position: absolute;
- bottom: 25px;
- display: flex;
- width: var(--marker-icon-size);
- height: var(--marker-icon-size);
-}
-
-.g-Marker__Title {
- position: absolute;
- bottom: 43px;
- left: 50%;
- transform: translateX(-50%);
- color: white;
- font-weight: bold;
- text-align: center;
- width: 100px;
-}