diff options
Diffstat (limited to 'public/main.css')
-rw-r--r-- | public/main.css | 307 |
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; -} |