diff options
| author | clarkohw <66530369+clarkohw@users.noreply.github.com> | 2021-04-19 16:17:31 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-19 16:17:31 -0400 |
| commit | 3780077f257b973426577d6168936a3ce0a904e3 (patch) | |
| tree | e91feb27c711f65814753b0a41ad49da76cf62ea /react-frontend/src/css/Route.css | |
| parent | f00c1c6e89db16b19267202c6982b980e736d5a0 (diff) | |
| parent | 534d0cc5070287b221fa77f5dd564dd4544b5780 (diff) | |
Merge branch 'master' into profit-tests
Diffstat (limited to 'react-frontend/src/css/Route.css')
| -rw-r--r-- | react-frontend/src/css/Route.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/react-frontend/src/css/Route.css b/react-frontend/src/css/Route.css new file mode 100644 index 0000000..efc4868 --- /dev/null +++ b/react-frontend/src/css/Route.css @@ -0,0 +1,56 @@ +.Route { + grid-area: route; + z-index: 10; + color: white; + border-radius: 10px; + background-color: #121212; + /*cursor: default;*/ + /* Transparent background */ + background: rgba(0, 0, 0, 0); +} + +.Coord-selectors-flex { + display: flex; + gap: 20px; + padding: 8px; + margin: 0; + align-content: flex-end; + background-color: #333333; + margin: 5px; + border-radius: 3px; +} + +/* CSS adapted from w3school buttons */ +.Btn { + color: white; + padding: 16px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + transition-duration: 0.4s; + cursor: pointer; + outline: none; +} + +.Route-btn:hover { + box-shadow: 3px 3px #ccc; + color: black; + background-color: lightgreen; +} + +.Route-btn { + background-color: #424242; + border: 2px solid lightgreen; + box-shadow: .5px .5px 0 2px lightgreen; +} + +.Btn:disabled, +.Btn[disabled]{ + border: 1px solid #999999; + background-color: #cccccc; + color: #666666; + /*cursor: default;*/ + box-shadow: none; +}
\ No newline at end of file |