summaryrefslogtreecommitdiff
path: root/src/components/navigation/Navbar.sass
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/navigation/Navbar.sass')
-rw-r--r--src/components/navigation/Navbar.sass85
1 files changed, 18 insertions, 67 deletions
diff --git a/src/components/navigation/Navbar.sass b/src/components/navigation/Navbar.sass
index e9a83301..80346660 100644
--- a/src/components/navigation/Navbar.sass
+++ b/src/components/navigation/Navbar.sass
@@ -1,59 +1,30 @@
@import ../../style-globals/_mixins.sass
@import ../../style-globals/_variables.sass
-.opendc-navbar
- position: relative
- display: block
- width: 100%
- height: $navbar-height
-
- color: #eee
- background: #343434
-
- z-index: 100
-
- -webkit-box-shadow: -10px 8px 3px 12px #000
- -moz-box-shadow: -10px 8px 3px 12px #000
- box-shadow: -10px -10px 3px 12px #000
+.navbar
+ border-top: $blue 3px solid
+ border-bottom: $gray-semi-dark 1px solid
+ color: $gray-very-dark
+ background: #fafafb
.opendc-brand
display: inline-block
- float: left
- margin-left: $global-padding
+ //float: left
+ //margin-left: $global-padding
- padding: 0 10px
+ //padding: 0 10px
- cursor: pointer
- color: #eee
- height: 100%
+ //cursor: pointer
+ color: $gray-very-dark
+ //height: 100%
+transition(background, $transition-length)
- &:hover
- color: #fff
-
img
+ position: relative
+ bottom: 3px
display: inline-block
- float: left
- margin: $navbar-padding 0
-
- width: $navbar-height - $navbar-padding * 2
- height: $navbar-height - $navbar-padding * 2
- vertical-align: middle
-
- .opendc-title
- display: inline-block
- float: right
- margin-left: 20px
-
- font-size: 16pt
- line-height: $navbar-height
-
-.opendc-brand:hover
- background: $blue
-
-.opendc-brand:active
- background: $blue-dark
+ width: 30px
.navbar-button-group
display: inline-block
@@ -63,18 +34,16 @@
display: inline-block
line-height: $navbar-height
text-align: center
- color: #eee
-
- border-left: 1px solid #464646
+ color: $gray-very-dark
+clickable
+transition(background, $transition-length)
- a:last-of-type
- border-right: 1px solid #464646
+ a:hover
+ color: $gray-dark
.navigation
- margin-left: 30px
+ margin-left: 10px
.simulations
float: left
@@ -82,12 +51,6 @@
font-size: 12pt
- .simulations:hover
- background: #606060
-
- .simulations:active
- background: #161616
-
.user-controls
float: right
margin-right: $global-padding
@@ -100,20 +63,8 @@
font-size: 14pt
- .support:hover
- background: #41a0cd
-
- .support:active
- background: #307798
-
.username
float: left
padding: 0 20px
font-size: 12pt
-
- .username:hover
- background: #4eae44
-
- .username:active
- background: #2d6527