Commit e72feba5 authored by Lisa Wood's avatar Lisa Wood Committed by Robert Lyon
Browse files

Design changes to modern theme



Change-Id: I6974e47d43a35c8bd6bec2b7edaeb01f198939c2
Signed-off-by: Robert Lyon's avatarRobert Lyon <robertl@catalyst.net.nz>
parent ebd81897
style/
\ No newline at end of file
style/
npm-debug.log
\ No newline at end of file
......@@ -22,36 +22,115 @@
@media (max-width: 768px) {
.navbar-inverse {
.navbar-toggle, {
border-color: transparent;
background-color: lighten($theme-primary-color, 1%);
body.admin .container {
margin-top: 0;
}
.navbar-toggle {
&:hover,
&:focus {
background-color: transparent;
}
&.navbar-showchildren {
color: #FFF;
&:hover {
background-color: lighten($theme-primary-color, 3%);
background-color: transparent;
.icon {
color: #FFF;
}
&:hover,
&:focus {
background-color: transparent;
}
}
.navbar-showchildren:focus,
.navbar-showchildren:hover {
background: none;
}
.main-nav {
.navbar-header {
padding: 10px;
background-color: $theme-secondary-color
}
.main-nav {
margin-top: 0;
li > a {
border-bottom-color: darken($theme-primary-color, 10%);
.nav {
li {
a {
border-top: 1px solid lighten($theme-primary-color, 10%);
border-bottom: 1px solid darken($theme-primary-color, 20%);
}
&.active > a {
background: lighten($theme-primary-color, 8%);
border-top: 1px solid lighten($theme-primary-color, 10%);
color: #FFF !important;
&:hover,
&:focus {
background-color: lighten( $theme-primary-color, 8%);
}
}
}
}
.child-nav {
background-color: darken($theme-primary-color, 5%);
.child-nav {
padding-top: 0;
padding-bottom: 0;
background-color: darken( $theme-primary-color, 5%);
li {
&.active a,
&.active a:hover,
&.active a:focus {
color: lighten($theme-secondary-color, 3%) !important;
background-color: darken( $theme-primary-color, 8%);
border-left: 5px solid lighten($theme-secondary-color, 3%);
border-top: 1px solid darken($theme-primary-color, 9%);
}
a {
color: lighten($theme-primary-color, 60%);
color: #FFF !important;
border-top: 1px solid darken($theme-primary-color, 2%);
border-bottom: 1px solid darken($theme-primary-color, 9%);
border-left: 5px solid darken( $theme-primary-color, 8%);
&:hover,
&:focus {
background-color: darken( $theme-secondary-color, 8%);
border-left: 5px solid darken( $theme-secondary-color, 8%);
}
}
.active > a {
color: #FFF;
background-color: darken($theme-primary-color, 8%);
}
.dropdown-tertiary {
padding-left: 0;
li {
background-color: darken( $theme-primary-color, 8%);
a {
border-left: 0;
color: #FFF;
}
}
}
}
}
}
.navbar-default {
.menu-toggle,
.search-toggle {
border-color: lighten($theme-primary-color, 10%);
background-color: lighten($theme-primary-color, 5%);
color: #FFF;
&:before {
border-color: lighten($theme-primary-color, 20%);
z-index: 1;
}
.icon-bar {
background-color: #FFF;
}
&:hover {
background-color: lighten($theme-primary-color, 10%);
}
}
}
.navbar-inverse {
&.navbar-toggle {
background-color: transparent;
}
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment