clean up org more

1 files changed, 203 insertions, 0 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
new file mode 100644
index 000000000..3e255d18e
--- /dev/null
+++ b/docs/assets/css/docs.css
@@ -0,0 +1,203 @@
+/* Add additional stylesheets below
+-------------------------------------------------- */
+/*
+  Baseline's documentation styles
+  Special styles for presenting Baseline's documentation and examples
+*/
+/* Body and structure
+-------------------------------------------------- */
+body {
+  background-color: #ffffff;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(0.15, #ffffff), to(#ffffff));
+  background-image: -webkit-linear-gradient(#eeeeee, color-stop(0.15, #ffffff), #ffffff);
+  background-image: -moz-linear-gradient(#eeeeee, color-stop(#ffffff, 0.15), #ffffff);
+  background-attachment: fixed;
+  background-position: 0 40px;
+  position: relative;
+}
+header,
+section,
+footer,
+article,
+aside {
+  display: block;
+}
+section {
+  padding-top: 80px;
+  margin-bottom: -40px;
+}
+#masthead, #footer {
+  background-color: #049cd9;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
+  background-image: -webkit-linear-gradient(#0056b0, #049cd9);
+  background-image: -moz-linear-gradient(#0056b0, #049cd9);
+  background-image: -o-linear-gradient(top, #0056b0, #049cd9);
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9));
+  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))";
+}
+#masthead div.inner, #footer div.inner {
+  background: transparent url(../img/grid-20px.png) 0 -1px;
+  padding: 40px 0;
+  -webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
+  -moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25);
+}
+#masthead h1,
+#footer h1,
+#masthead p,
+#footer p,
+#masthead small,
+#footer small {
+  color: #fff;
+  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
+}
+#masthead {
+  margin-top: 40px;
+  margin-bottom: -40px;
+}
+#masthead h1 {
+  margin-bottom: 0;
+}
+#masthead p.lead {
+  font-size: 20px;
+  font-weight: 300;
+  line-height: 30px;
+  margin: 5px 0;
+}
+#masthead a.btn {
+  background-color: #552e7e;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
+  background-image: -webkit-linear-gradient(#7a43b6, #552e7e);
+  background-image: -moz-linear-gradient(#7a43b6, #552e7e);
+  background-image: -o-linear-gradient(top, #7a43b6, #552e7e);
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
+  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";
+  display: block;
+  margin-bottom: 20px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  text-align: center;
+  border: 0;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
+  -webkit-transition: all 0.2s linear;
+  -moz-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+#masthead small {
+  display: block;
+  text-align: center;
+  font-size: 13px;
+  line-height: 20px;
+  color: rgba(255, 255, 255, 0.5);
+}
+#masthead small a {
+  color: #fff;
+}
+#footer {
+  margin-top: 80px;
+}
+#footer p {
+  margin-bottom: 0;
+}
+/* Special grid styles
+-------------------------------------------------- */
+.show-grid {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.show-grid .column, .show-grid .columns {
+  background: rgba(0, 0, 0, 0.1);
+  text-align: center;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  height: 30px;
+  line-height: 30px;
+}
+.show-grid:hover .column, .show-grid:hover .columns {
+  background: rgba(0, 0, 0, 0.25);
+}
+/* Hashgrid.js grid (press G & H to view)
+-------------------------------------------------- */
+#grid {
+  width: 980px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -490px;
+}
+#grid div.vert {
+  background-color: rgba(0, 206, 209, 0.075);
+  width: 39px;
+  border: solid darkturquoise;
+  border-width: 0 1px;
+  margin-right: 19px;
+}
+#grid div.vert.first-line {
+  margin-left: 19px;
+}
+#grid div.horiz {
+  height: 19px;
+  border-bottom: 1px solid rgba(255, 0, 0, 0.1);
+  margin: 0;
+  padding: 0;
+}
+#grid div.horiz:nth-child(5n) {
+  border-color: rgba(255, 0, 0, 0.25);
+}
+/* Render mini layout previews
+-------------------------------------------------- */
+div.mini-layout {
+  height: 340px;
+  margin-bottom: 20px;
+  padding: 9px;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
+}
+div.mini-layout div {
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+div.mini-layout div.mini-layout-body {
+  background-color: rgba(141, 192, 219, 0.25);
+  margin: 0 auto;
+  width: 450px;
+  height: 340px;
+}
+div.mini-layout.fluid div.mini-layout-sidebar, div.mini-layout.fluid div.mini-layout-header, div.mini-layout.fluid div.mini-layout-body {
+  float: left;
+}
+div.mini-layout.fluid div.mini-layout-sidebar {
+  background-color: rgba(141, 192, 219, 0.5);
+  width: 90px;
+  height: 340px;
+}
+div.mini-layout.fluid div.mini-layout-body {
+  width: 400px;
+  margin-left: 10px;
+}
+/* Topbar special styles
+-------------------------------------------------- */
+div.topbar-wrapper {
+  position: relative;
+  height: 40px;
+  margin: 5px 0 15px;
+}
+div.topbar-wrapper div.topbar {
+  position: absolute;
+  margin: 0 -20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
\ No newline at end of file