Creating Document-Bootstrap Project Page

css/jquery.selectboxit.css

@@ -0,0 +1,106 @@
+/*
+ * jQuery.selectBoxIt.css 0.9.0
+ * Author: @gregfranko
+ */
+
+/* Div container holding the dropdown list */
+.selectboxit-container {
+  display: inline-block;
+  /* Hack for IE 6 and 7 to allow inline-block to work */
+  *display: inline;
+  zoom: 1;
+}
+
+/* Dropdown List Box */
+.selectboxit {
+  height: 30px; /* Height of the select box */
+  cursor:pointer;
+  white-space:nowrap;
+  /* Provide a background image here if you want to use an image for the down arrow */
+}
+
+/* Dropdown List Box and Dropdown Options List  */
+.selectboxit, .selectboxit-options {
+  width: 240px; /* Width of the dropdown list box and dropdown list options*/
+}
+
+/* Dropdown list Default Icon Positioning */
+.selectboxit-default-icon {
+  float: left;
+}
+
+/* Dropdown List Box Text */
+.selectboxit-text {
+  font: 14px Helvetica, Arial;
+  text-indent: 5px;
+  line-height: 30px;
+  overflow:hidden;
+  float:left;
+  white-space:nowrap;
+  /* Prevents text selection */
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: -moz-none;
+  ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+
+/* Dropdown List Options List*/
+ul.selectboxit-options { 
+  font: 14px Helvetica, Arial;
+  margin:0;
+  padding:0;
+  list-style:none;
+  position:absolute;
+  max-height: 180px; /* A vertical scrollbar appears if your select box options are taller than this and overflow is set to auto */
+  overflow:hidden; /* Change to auto if you want a vertical scrollbar to appear */
+  cursor:pointer;
+  display:none;
+  z-index:99999;
+  outline:none;
+}
+
+/* Dropdown List Individual Options */
+.selectboxit-options li, .selectboxit-options .selectboxit-optgroup-header {
+  line-height: 30px; /* Height of Individual Select Box Options */
+  text-indent: 5px; /* Horizontal Positioning of the select box option text */
+  overflow:hidden;
+  white-space:nowrap;
+  list-style:none;
+}
+
+/* Dropdown List Optgroup Headers */
+.selectboxit-options .selectboxit-optgroup-header {
+  font-weight: bold;
+}
+
+/* Dropdown List Optgroup Options */
+.selectboxit-options .selectboxit-optgroup-option {
+  text-indent: 20px;
+}
+
+/* Dropdown List Optgroup Header hover psuedo class */
+.selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover {
+  cursor: default;
+} 
+
+/* Dropdown List Down Arrow Container (if an image is not used) */
+.selectboxit-arrow-container {
+  /* Positions the down arrow */
+  width: 30px;
+  float:right;
+}
+
+/* Dropdown List Down Arrow */
+.selectboxit-arrow {
+  /* Horizontally centers the down arrow */
+  margin-right:auto;
+  margin-left:auto;
+}
+
+/* Dropdown List Individual Option Icon Positioning */
+.selectboxit-options li span {
+  float:left;
+}

css/jquery.tocify.css

@@ -0,0 +1,52 @@
+#toc {
+    width: 20%;
+    margin-left: 0px;
+    position: fixed;
+    border: 1px solid #ccc;
+    max-height: 95%;
+    overflow: auto;
+    webkit-border-radius: 2px;
+    moz-border-radius: 2px;
+    border-radius: 2px;
+}
+
+#toc .toc-title {
+    text-align: center;
+    padding-top: 10px;
+}
+
+#toc ul, #toc li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    border: none;
+    line-height: 25px;
+}
+
+.header {
+    text-indent: 10px;
+}
+.sub-header {
+    text-indent: 20px;
+    display: none;
+}
+
+.sub-header li {
+    font-size: 12px;
+}
+
+.sub-header .sub-header {
+    text-indent: 30px;
+}
+
+.sub-header .sub-header .sub-header {
+    text-indent: 40px;
+}
+
+@media (max-width: 767px) {
+    #toc {
+        position: relative;
+        width: 100%;
+        margin: 0px;
+    }
+}