Styled the tab

This commit is contained in:
James Brooks
2014-12-05 13:10:19 +00:00
parent 027f27c895
commit 6c2990e8e0
4 changed files with 53 additions and 30 deletions
+24 -11
View File
@@ -1,13 +1,26 @@
ul.tabs { div[role=tabpanel] {
margin: 0; ul.nav-tabs {
padding: 0; border-bottom: 1px solid #d5d8d7;
list-style: none; li {
border-bottom: 1px solid #d5d8d7; a {
li { font-weight: 400;
display: inline; display: inline-block;
a { padding: 10px 25px;
display: inline-block; border-radius: 0;
padding: 15px 30px; font-size: 0.9em;
}
} }
} }
}
.tab-content {
border: {
left: 1px solid #d5d8d7;
bottom: 1px solid #d5d8d7;
right: 1px solid #d5d8d7;
}
background-color: white;
.tab-pane {
padding: 10px;
}
}
}
@@ -10,16 +10,21 @@
html, body { html, body {
height: 100%; } height: 100%; }
ul.tabs { div[role=tabpanel] ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7; } border-bottom: 1px solid #d5d8d7; }
ul.tabs li { div[role=tabpanel] ul.nav-tabs li a {
display: inline; } font-weight: 400;
ul.tabs li a { display: inline-block;
display: inline-block; padding: 10px 25px;
padding: 15px 30px; } border-radius: 0;
font-size: 0.9em; }
div[role=tabpanel] .tab-content {
border-left: 1px solid #d5d8d7;
border-bottom: 1px solid #d5d8d7;
border-right: 1px solid #d5d8d7;
background-color: white; }
div[role=tabpanel] .tab-content .tab-pane {
padding: 10px; }
body.dashboard { body.dashboard {
font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+14 -9
View File
@@ -10,16 +10,21 @@
html, body { html, body {
height: 100%; } height: 100%; }
ul.tabs { div[role=tabpanel] ul.nav-tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7; } border-bottom: 1px solid #d5d8d7; }
ul.tabs li { div[role=tabpanel] ul.nav-tabs li a {
display: inline; } font-weight: 400;
ul.tabs li a { display: inline-block;
display: inline-block; padding: 10px 25px;
padding: 15px 30px; } border-radius: 0;
font-size: 0.9em; }
div[role=tabpanel] .tab-content {
border-left: 1px solid #d5d8d7;
border-bottom: 1px solid #d5d8d7;
border-right: 1px solid #d5d8d7;
background-color: white; }
div[role=tabpanel] .tab-content .tab-pane {
padding: 10px; }
body.dashboard { body.dashboard {
font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+1 -1
View File
@@ -1,4 +1,4 @@
{ {
"css/all.css": "css/all-8df35456.css", "css/all.css": "css/all-ae1aa92e.css",
"js/all.js": "js/all-c84ab03b.js" "js/all.js": "js/all-c84ab03b.js"
} }