Mercurial > hg > thermostat-website-stg
view css/style.less @ 43:a88a7af50185
Use less file to create css file.
author | Jie Kang <jkang@redhat.com> |
---|---|
date | Mon, 31 Oct 2016 13:15:06 -0400 |
parents | |
children | 8c4596f5e86c |
line wrap: on
line source
/* colours */ @white: rgb(255,255,255); @dark-blue: rgb(0,34,85); @orange: rgb(240,130,0); @grey: rgb(70,80,80); /* sizes */ @screen-md-min: 992px; /* logo */ /**/ div#logo-box { margin: 1em; margin-top: 4em; } div#logo-box img { max-width: 50%; height: auto; } @media (min-width: @screen-md-min) { div#logo-box img { max-width: 25%; } } /* navbar */ /**/ .navbar-default { background-color: @white; border-color: @white; 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: @orange; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: @orange; background-color: @white; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: @orange; background-color: @white; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: @orange } .navbar-c1 { margin-right: 0.1em; } /* 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: @orange; 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; } .h4c { margin-top: 2em; font-size: 1.5em; color: @dark-blue; } .ac { color: @grey; }