aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/dashboard/dashboard.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-12-31 13:53:33 -0800
committerMark Otto <[email protected]>2013-12-31 13:53:33 -0800
commitb253cb2c1e34a41940c4933fb95c46da833fc5f9 (patch)
treee5a40b963eba273c42e4aad21fb3858a657002dd /docs/examples/dashboard/dashboard.css
parent9e1153d0498a9e9612c1db85922642fe2aa38c2a (diff)
parent8812856de1ce17bb2f482c75370fb2e3db7ac6de (diff)
downloadbootstrap-b253cb2c1e34a41940c4933fb95c46da833fc5f9.tar.xz
bootstrap-b253cb2c1e34a41940c4933fb95c46da833fc5f9.zip
Merge branch 'master' into docs_derp
Conflicts: _config.yml docs/_includes/footer.html docs/_includes/nav-main.html docs/_includes/old-bs-docs.html docs/_layouts/default.html docs/_layouts/home.html docs/getting-started.html docs/index.html
Diffstat (limited to 'docs/examples/dashboard/dashboard.css')
-rw-r--r--docs/examples/dashboard/dashboard.css93
1 files changed, 93 insertions, 0 deletions
diff --git a/docs/examples/dashboard/dashboard.css b/docs/examples/dashboard/dashboard.css
new file mode 100644
index 000000000..750124bf8
--- /dev/null
+++ b/docs/examples/dashboard/dashboard.css
@@ -0,0 +1,93 @@
+/*
+ * Base structure
+ */
+
+/* Move down content because we have a fixed navbar that is 50px tall */
+body {
+ padding-top: 50px;
+}
+
+
+/*
+ * Global add-ons
+ */
+
+.sub-header {
+ padding-bottom: 10px;
+ border-bottom: 1px solid #eee;
+}
+
+
+/*
+ * Sidebar
+ */
+
+/* Hide for mobile, show later */
+.sidebar {
+ display: none;
+}
+@media (min-width: 768px) {
+ .sidebar {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ z-index: 1000;
+ display: block;
+ padding: 70px 20px 20px;
+ background-color: #f5f5f5;
+ border-right: 1px solid #eee;
+ }
+}
+
+/* Sidebar navigation */
+.nav-sidebar {
+ margin-left: -20px;
+ margin-right: -21px; /* 20px padding + 1px border */
+ margin-bottom: 20px;
+}
+.nav-sidebar > li > a {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+.nav-sidebar > .active > a {
+ color: #fff;
+ background-color: #428bca;
+}
+
+
+/*
+ * Main content
+ */
+
+.main {
+ padding: 20px;
+}
+@media (min-width: 768px) {
+ .main {
+ padding-left: 40px;
+ pading-right: 40px;
+ }
+}
+.main .page-header {
+ margin-top: 0;
+}
+
+
+/*
+ * Placeholder dashboard ideas
+ */
+
+.placeholders {
+ margin-bottom: 30px;
+ text-align: center;
+}
+.placeholders h4 {
+ margin-bottom: 0;
+}
+.placeholder {
+ margin-bottom: 20px;
+}
+.placeholder img {
+ border-radius: 50%;
+}