Mercurial > hg > thermostat-website-stg
view css/style.less @ 55:812fca4f61d8
Change rgb for dark-blue colour
author | Jie Kang <jkang@redhat.com> |
---|---|
date | Wed, 02 Nov 2016 14:49:39 -0400 |
parents | 8a0d6fa4958e |
children | 68b6675ca41b |
line wrap: on
line source
/* colours */ @white: rgb(255,255,255); @dark-blue: rgb(0,65,83); @orange: rgb(240,130,0); @grey: rgb(70,80,80); @black: rgb(0,0,0); /* sizes */ @screen-md-min: 992px; /* front page image */ .rel-box { position:relative; } .graph-img { max-width: 100%; } .graph-under { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .logo-img { max-width: 75%; } @media (min-width: @screen-md-min) { .logo-img { max-width: 75%; } } /* background box */ .bg-colour { background-color: @dark-blue; } .bg-img { background: url(../img/tms-graph.png); background-size: cover; background-repeat: no-repeat; } /* navbar */ /**/ .navbar-default { background: none; border: none; // border-bottom-color: @dark-blue; font-size: 1.2em; } .navbar-default .navbar-nav > li > a { color: @dark-blue; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: @grey; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: @dark-blue; font-size: 1.1em; background-color: @white; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: @grey; background-color: @white; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: @dark-blue } .navbar-c1 { margin-right: 0.1em; } .navbar-title { font-size: 1.2em; color: @dark-blue !important; } /* bs-docs-sidebar */ /**/ body { position: relative; } .fixed { position: fixed; } /* sidebar */ .bs-docs-sidebar { padding-left: 5px; padding-right: 10px; margin-top: 20px; margin-bottom: 20px; } /* all links */ .bs-docs-sidebar .nav>li>a { color: @grey; border-left: 2px solid transparent; padding: 4px 10px; font-size: 1.1em; font-weight: 400; } /* nested links */ .bs-docs-sidebar .nav .nav>li>a { padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px; } /* active & hover links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus { color: @dark-blue; text-decoration: none; background-color: transparent; border-left-color: @dark-blue; } /* all active links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active:focus>a { font-weight: 700; } /* nested active links */ .bs-docs-sidebar .nav .nav>.active>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active:focus>a { font-weight: 500; } /* hide inactive nested list */ .bs-docs-sidebar .nav ul.nav { display: none; } /* show active nested list */ .bs-docs-sidebar .nav>.active>ul.nav { display: block; } .back-to-top { color: @grey; border-left: 2px solid transparent; margin-top: 10px; padding: 4px 10px; font-size: 1em; font-weight: 400; display: block; } /* button */ /**/ .btn-c1 { color: @dark-blue; } .btn-c1:hover, .btn-c1:focus, .btn-c1:active, .btn-c1.active, .open>.dropdown-toggle.btn-c1 { color: @grey; background: @white; } .btn-xlarge { padding: 0.5em 3em; font-size: 1.4em; } /* panel */ /**/ .panel-default { border-color: @white; } .panel-default .panel-heading { background: @white; border-color: @white; } h1.panel-title { color: @dark-blue; font-size: 2.2em; } h2.panel-title { color: @dark-blue; font-size: 2em; } .h3-steps { margin-top: 1.5em; } /* text */ /**/ h1 { color: @dark-blue; } h2 { color: @dark-blue; } h3 { color: @dark-blue; } .h3c { color: @white; } .h4c { margin-top: 2em; font-size: 1.5em; color: @dark-blue; } .ac { color: @grey; }