gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Flat UI as default theme.

Browse Source 
Reduced navbar height on Flat UI theme.
Reduced image dimensions to 30px of profile image in navbar.
This commit is contained in:
Sahat Yalkabov
2013-12-17 23:36:59 -05:00
parent f35370dd30
commit 6bffa6bb3d
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/css/styles.less
View File

@ -1,12 +1,13 @@
@import "bootstrap/bootstrap";
@import "themes/flatly";
body {
padding-top: 70px;
padding-top: 80px;
}
.navbar-nav img {
width: 40px;
height: 40px;
width: 30px;
height: 30px;
margin: -15px 15px -15px 0;
}

4
public/css/themes/flatly.less
View File

@ -1,6 +1,7 @@
// Flatly 3.0.3
// Bootswatch
// -----------------------------------------------------
@import url(http://fonts.googleapis.com/css?family=Lato);
// Flatly 3.0.3
// Variables
@ -10,6 +11,7 @@
// Global values
// --------------------------------------------------
// Grays
// -------------------------
@ -264,7 +266,7 @@
// -------------------------
// Basics of a navbar
@navbar-height: 60px;
@navbar-height: 50px;
@navbar-margin-bottom: @line-height-computed;
@navbar-border-radius: @border-radius-base;
@navbar-padding-horizontal: floor(@grid-gutter-width / 2); // ~15px

3
views/layout.jade
View File

@ -11,13 +11,12 @@ html
link(href='/css/lib/font-awesome.min.css', rel='stylesheet')
link(href='/css/styles.css', rel='stylesheet')
script(src='/js/lib/jquery.js')
script(src='/js/lib/jquery.dataTables.min.js')
script(src='/js/lib/bootstrap.js')
script(src='/js/main.js')
body
.navbar.navbar-inverse.navbar-fixed-top
.navbar.navbar-default.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')