diff --git a/symposion_project/static/symposion/less/bootswatch.less b/symposion_project/static/symposion/less/bootswatch.less new file mode 100644 index 0000000000000000000000000000000000000000..4cce22fc28b14a6b3c80f3095bd196484f3f7682 --- /dev/null +++ b/symposion_project/static/symposion/less/bootswatch.less @@ -0,0 +1,193 @@ +// Bootswatch.less +// Swatch: Spacelab +// Version: 2.0.4 +// ----------------------------------------------------- + +// NAVBAR +// ----------------------------------------------------- + +.navbar { + .icon-bar { + color: @linkColor; + } + //border-bottom: 1px solid #CACACA; + + .navbar-inner { + //.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1)); + } + + .brand { + font-weight: bold; + + &:hover { + color: @linkColor; + } + } + + .navbar-text { + line-height: 38px; + padding: 0 10px; + } + + .nav > li > a { + font-weight: bold; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + } + + .nav .active > a { + background-color: transparent; + color: @textColor; + + &:hover { + background-color: transparent; + color: @linkColor; + } + } + + .nav > li > a:hover, + .nav li.open.dropdown .dropdown-toggle { + color: @linkColor; + } + + .nav .dropdown-toggle .caret { + border-top-color: @textColor; + opacity: 1; + } + + .navbar-search .search-query, + .navbar-search .search-query:hover { + border: none; + color: @grayLight; + .placeholder(@grayLight); + .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5)); + + &:focus, + &.focused { + .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5)); + color: @textColor; + } + } + + .nav-collapse.in .navbar-search { + border-top: none; + border-bottom: none; + } + + .nav-collapse.in > .nav li > a { + + color: @textColor; + + .caret { + border-top-color: @grayLight; + } + } + + .nav-collapse.in > .nav li > a:hover { + text-shadow: none; + color: @linkColor; + background-color: transparent; + + .caret { + border-top-color: @white; + } + } +} + +.nav li.open.dropdown .caret, +.nav .dropdown-toggle:hover .caret { + border-top-color: @linkColor; +} + +div.subnav { + + .nav > li > a { + font-weight: bold; + color: @textColor; + + &:hover { + color: @linkColor; + } + } + + .nav > li.active > a { + color: @textColor; + + &:hover { + color: @grayDark; + } + } + + .nav > li > .dropdown-toggle { + background-color: transparent; + } + + .nav > li.dropdown.open > .dropdown-toggle { + border-left: 1px solid whiteSmoke; + border-right: 1px solid #E5E5E5; + color: @linkColor; + } + + .nav > .open > .dropdown-toggle:hover .caret { + border-top-color: @linkColor; + } +} + +// BUTTON +// ----------------------------------------------------- + +.btn { + .buttonBackground(#F4F4F4, #ECECEC); +} + +.btn-primary { + .buttonBackground(#909090, #3F3F3F); +} + +.btn-warning { + .buttonBackground(lighten(@yellow, 15%), @yellow); +} + +.btn-danger { + .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D); +} + +.btn-success { + .buttonBackground(#8ADD6D, #60B044); +} + +.btn-info { + .buttonBackground(lighten(#4488BB, 15%), #4488BB); +} + +.btn-inverse { + .buttonBackground(lighten(@purple, 5%), @purple); +} + +// FORMS +// ----------------------------------------------------- + +.control-group.warning { + .formFieldState(#E29235, #E29235, @warningBackground); +} + +.control-group.error { + .formFieldState(#C00, #C00, @errorBackground); +} + +.control-group.success { + .formFieldState(#2BA949, #2BA949, @successBackground); +} + + +// MISC +// ----------------------------------------------------- + +.label-important { background-color: #BD2C00; } +.label-warning { background-color: #E3E84D; } +.label-success { background-color: #6CC644; } +.label-info { background-color: #4183C4; } + +.hero-unit { + .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); + border: 1px solid rgba(0,0,0,.05); +} \ No newline at end of file