diff options
| author | clarkohw <66530369+clarkohw@users.noreply.github.com> | 2021-04-19 03:02:45 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-19 03:02:45 -0400 |
| commit | ab4621b0e245043ef60db13e509fdb0c5b4cfc64 (patch) | |
| tree | 7a6c356cca51f4fa4b549c693e168f6fc61302b3 /react-frontend/src/css/Route.css | |
| parent | 0508b076ac948a11bde14cfa9f5261796d890ef2 (diff) | |
| parent | 0466db8b9051cb6300f274f0bba480d1020c63cf (diff) | |
Merge branch 'master' into profit-testing
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 |