Make tab letter spacing better

This commit is contained in:
James Brooks
2014-12-06 10:23:25 +00:00
parent 345401d4d6
commit 615abc1d80
4 changed files with 24 additions and 15 deletions
+1
View File
@@ -8,6 +8,7 @@ div[role=tabpanel] {
padding: 10px 25px; padding: 10px 25px;
border-radius: 0; border-radius: 0;
font-size: 0.9em; font-size: 0.9em;
letter-spacing: 0.01em;
} }
} }
} }
@@ -17,7 +17,8 @@ div[role=tabpanel] ul.nav-tabs {
display: inline-block; display: inline-block;
padding: 10px 25px; padding: 10px 25px;
border-radius: 0; border-radius: 0;
font-size: 0.9em; } font-size: 0.9em;
letter-spacing: 0.01em; }
div[role=tabpanel] .tab-content { div[role=tabpanel] .tab-content {
border-left: 1px solid #d5d8d7; border-left: 1px solid #d5d8d7;
border-bottom: 1px solid #d5d8d7; border-bottom: 1px solid #d5d8d7;
@@ -43,21 +44,23 @@ body.dashboard .wrapper {
body.dashboard .wrapper .content { body.dashboard .wrapper .content {
-webkit-transition: margin 0.2s; -webkit-transition: margin 0.2s;
transition: margin 0.2s; transition: margin 0.2s;
margin-left: 250px; } } margin-left: 250px; }
}
body.dashboard .wrapper.active .sidebar { body.dashboard .wrapper.active .sidebar {
margin-left: 0; } margin-left: 0; }
@media (min-width: 550px) { @media (min-width: 550px) {
body.dashboard .wrapper.active .content { body.dashboard .wrapper.active .content {
-webkit-transition: margin 0.2s; -webkit-transition: margin 0.2s;
transition: margin 0.2s; transition: margin 0.2s;
margin-left: 250px; } } margin-left: 250px; }
}
body.dashboard .navbar { body.dashboard .navbar {
z-index: 999; z-index: 999;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
border-bottom: 1px solid #00695b; border-bottom: 1px solid #00695c;
background: #009c87; background: #009c89;
margin: 0; } margin: 0; }
body.dashboard .navbar a, body.dashboard .navbar a:active, body.dashboard .navbar a:visited { body.dashboard .navbar a, body.dashboard .navbar a:active, body.dashboard .navbar a:visited {
color: #ffffff; } color: #ffffff; }
@@ -70,7 +73,7 @@ body.dashboard .navbar {
body.dashboard .navbar .navbar-toggle.collapsed span { body.dashboard .navbar .navbar-toggle.collapsed span {
background-color: #ffffff; } background-color: #ffffff; }
body.dashboard .navbar .navbar-collapse { body.dashboard .navbar .navbar-collapse {
background: #009c87; } background: #009c89; }
body.dashboard .navbar a.navbar-brand { body.dashboard .navbar a.navbar-brand {
padding: 34px 21px; padding: 34px 21px;
line-height: 0em; line-height: 0em;
@@ -83,7 +86,8 @@ body.dashboard .navbar {
padding-right: 10px; } padding-right: 10px; }
body.dashboard .navbar a.navbar-brand span:before { body.dashboard .navbar a.navbar-brand span:before {
font-family: FontAwesome; font-family: FontAwesome;
content: "\f060"; } } content: "\f060"; }
}
body.dashboard .navbar .nav li a { body.dashboard .navbar .nav li a {
height: 68px; height: 68px;
line-height: 35px; } line-height: 35px; }
+11 -7
View File
@@ -17,7 +17,8 @@ div[role=tabpanel] ul.nav-tabs {
display: inline-block; display: inline-block;
padding: 10px 25px; padding: 10px 25px;
border-radius: 0; border-radius: 0;
font-size: 0.9em; } font-size: 0.9em;
letter-spacing: 0.01em; }
div[role=tabpanel] .tab-content { div[role=tabpanel] .tab-content {
border-left: 1px solid #d5d8d7; border-left: 1px solid #d5d8d7;
border-bottom: 1px solid #d5d8d7; border-bottom: 1px solid #d5d8d7;
@@ -43,21 +44,23 @@ body.dashboard .wrapper {
body.dashboard .wrapper .content { body.dashboard .wrapper .content {
-webkit-transition: margin 0.2s; -webkit-transition: margin 0.2s;
transition: margin 0.2s; transition: margin 0.2s;
margin-left: 250px; } } margin-left: 250px; }
}
body.dashboard .wrapper.active .sidebar { body.dashboard .wrapper.active .sidebar {
margin-left: 0; } margin-left: 0; }
@media (min-width: 550px) { @media (min-width: 550px) {
body.dashboard .wrapper.active .content { body.dashboard .wrapper.active .content {
-webkit-transition: margin 0.2s; -webkit-transition: margin 0.2s;
transition: margin 0.2s; transition: margin 0.2s;
margin-left: 250px; } } margin-left: 250px; }
}
body.dashboard .navbar { body.dashboard .navbar {
z-index: 999; z-index: 999;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
border-bottom: 1px solid #00695b; border-bottom: 1px solid #00695c;
background: #009c87; background: #009c89;
margin: 0; } margin: 0; }
body.dashboard .navbar a, body.dashboard .navbar a:active, body.dashboard .navbar a:visited { body.dashboard .navbar a, body.dashboard .navbar a:active, body.dashboard .navbar a:visited {
color: #ffffff; } color: #ffffff; }
@@ -70,7 +73,7 @@ body.dashboard .navbar {
body.dashboard .navbar .navbar-toggle.collapsed span { body.dashboard .navbar .navbar-toggle.collapsed span {
background-color: #ffffff; } background-color: #ffffff; }
body.dashboard .navbar .navbar-collapse { body.dashboard .navbar .navbar-collapse {
background: #009c87; } background: #009c89; }
body.dashboard .navbar a.navbar-brand { body.dashboard .navbar a.navbar-brand {
padding: 34px 21px; padding: 34px 21px;
line-height: 0em; line-height: 0em;
@@ -83,7 +86,8 @@ body.dashboard .navbar {
padding-right: 10px; } padding-right: 10px; }
body.dashboard .navbar a.navbar-brand span:before { body.dashboard .navbar a.navbar-brand span:before {
font-family: FontAwesome; font-family: FontAwesome;
content: "\f060"; } } content: "\f060"; }
}
body.dashboard .navbar .nav li a { body.dashboard .navbar .nav li a {
height: 68px; height: 68px;
line-height: 35px; } line-height: 35px; }
+1 -1
View File
@@ -1,4 +1,4 @@
{ {
"css/all.css": "css/all-ae1aa92e.css", "css/all.css": "css/all-43d753ea.css",
"js/all.js": "js/all-c84ab03b.js" "js/all.js": "js/all-c84ab03b.js"
} }