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

View File

@@ -1,13 +1,26 @@
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7;
li {
display: inline;
a {
display: inline-block;
padding: 15px 30px;
div[role=tabpanel] {
ul.nav-tabs {
border-bottom: 1px solid #d5d8d7;
li {
a {
font-weight: 400;
display: inline-block;
padding: 10px 25px;
border-radius: 0;
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;
}
}
}

View File

@@ -10,16 +10,21 @@
html, body {
height: 100%; }
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
div[role=tabpanel] ul.nav-tabs {
border-bottom: 1px solid #d5d8d7; }
ul.tabs li {
display: inline; }
ul.tabs li a {
display: inline-block;
padding: 15px 30px; }
div[role=tabpanel] ul.nav-tabs li a {
font-weight: 400;
display: inline-block;
padding: 10px 25px;
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 {
font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

View File

@@ -10,16 +10,21 @@
html, body {
height: 100%; }
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
div[role=tabpanel] ul.nav-tabs {
border-bottom: 1px solid #d5d8d7; }
ul.tabs li {
display: inline; }
ul.tabs li a {
display: inline-block;
padding: 15px 30px; }
div[role=tabpanel] ul.nav-tabs li a {
font-weight: 400;
display: inline-block;
padding: 10px 25px;
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 {
font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

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"
}