Make tab letter spacing better
This commit is contained in:
@@ -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; }
|
||||||
@@ -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,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"
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user