aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/dashboard/dashboard.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-12-31 13:43:32 -0800
committerMark Otto <[email protected]>2013-12-31 13:43:32 -0800
commit8812856de1ce17bb2f482c75370fb2e3db7ac6de (patch)
treee1c69152a87c1a15c5eeb8487b7ac5b94e3eb470 /docs/examples/dashboard/dashboard.css
parent295736aff2d9698870d7bc2c1787ec0b1f9f9f30 (diff)
parent05cc208333cdffd95929b10e84ef5a2519dc52c7 (diff)
downloadbootstrap-8812856de1ce17bb2f482c75370fb2e3db7ac6de.tar.xz
bootstrap-8812856de1ce17bb2f482c75370fb2e3db7ac6de.zip
Merge pull request #12037 from twbs/docs_dir
Bring back the `/docs` directory
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%;
+}