You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@lucene.apache.org by ct...@apache.org on 2020/01/07 15:19:37 UTC

[lucene-solr] 02/06: WIP stylesheet cleanup; add new CSS, remove some unused classes

This is an automated email from the ASF dual-hosted git repository.

ctargett pushed a commit to branch jira/solr-14173
in repository https://gitbox.apache.org/repos/asf/lucene-solr.git

commit 65a51cc6432e3265dd71b72fe8fd0b73792f470a
Author: Cassandra Targett <ca...@lucidworks.com>
AuthorDate: Thu Dec 12 09:15:46 2019 -0600

    WIP stylesheet cleanup; add new CSS, remove some unused classes
---
 solr/solr-ref-guide/src/_includes/head.html  |   3 +-
 solr/solr-ref-guide/src/css/customstyles.css | 808 +--------------------------
 solr/solr-ref-guide/src/css/decoration.css   | 144 +++++
 solr/solr-ref-guide/src/css/navs.css         | 569 +++++++++++++++++++
 solr/solr-ref-guide/src/css/ref-guide.css    | 251 +--------
 solr/solr-ref-guide/src/css/search.css       |  45 ++
 solr/solr-ref-guide/src/css/theme-solr.css   | 139 -----
 7 files changed, 762 insertions(+), 1197 deletions(-)

diff --git a/solr/solr-ref-guide/src/_includes/head.html b/solr/solr-ref-guide/src/_includes/head.html
index 07a90b7..72604dd 100755
--- a/solr/solr-ref-guide/src/_includes/head.html
+++ b/solr/solr-ref-guide/src/_includes/head.html
@@ -8,8 +8,9 @@
 
 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+<link rel="stylesheet" href="{{ "css/navs.css "}}">
+<link rel="stylesheet" href="{{ "css/decoration.css" }}"
 <link rel="stylesheet" href="{{ "css/customstyles.css" }}">
-<link rel="stylesheet" href="{{ "css/theme-solr.css" }}">
 <link rel="stylesheet" href="{{ "css/ref-guide.css" }}">
 
 <!-- Scrollbar Custom CSS -->
diff --git a/solr/solr-ref-guide/src/css/customstyles.css b/solr/solr-ref-guide/src/css/customstyles.css
index 808f024..77bae7c 100755
--- a/solr/solr-ref-guide/src/css/customstyles.css
+++ b/solr/solr-ref-guide/src/css/customstyles.css
@@ -5,82 +5,6 @@
     width: 100%;
 }
 
-#sidebar {
-    width: 275px;
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100vh;
-    z-index: 999;
-    background: #305CB3;
-    transition: all 0.3s;
-}
-
-#sidebar.active {
-  margin-left: -275px;
-}
-
-
-@media (max-width: 768px) {
-    #sidebar {
-        margin-left: -250px;
-    }
-    #sidebar.active {
-        margin-left: 0;
-    }
-}
-
-.sidebar-header {
-  padding-left: 5px;
-  color: #fff;
-}
-
-.sidebar-header h4 {
-  color: #fff;
-  font-size: 20px;
-  font-weight: bold;
-  margin-bottom: 20px;
-}
-
-.sidebar-header a {
-  color: #fff;
-}
-
-#mysidebar.nav a {
-  color: #fff;
-}
-
-#mysidebar.nav > li {
-    width: 275px;
-}
-
-#mysidebar.nav ul {
-    background-color: #FF833D;
-}
-
-#mysidebar.nav ul li a {
-  background-color: #FF833D;
-  font-weight: bold;
-  color: white;
-  border: none;
-}
-
-.navbar .container {
-  margin-left: 275px;
-  border: solid;
-  border-color: whitesmoke;
-  background-color: white;
-}
-
-.form-row {
-  padding-bottom: 15px;
-}
-
-.gi-2x{font-size: 2em;}
-.gi-3x{font-size: 3em;}
-.gi-4x{font-size: 4em;}
-.gi-5x{font-size: 5em;}
-
 /* Special rules for index.html so rows are all the same height */
 .row.match-my-cols {
     display: table;
@@ -92,30 +16,6 @@
     vertical-align: top;
 }
 
-/* Changes styling for Bootstrap "jumbotron" component used on index.html
-   Will be inherited by all jumbotron segments used anywhere */
-.jumbotron {
-  background-color: #FAFAFA;
-  border: solid 2px;
-  border-color: #D9411E;
-  padding: 20px;
-  margin-top: 20px;
-}
-
-/* Adds a custom "lead" style for use in index.html jumbotron box */
-.lead-homepage {
-  font-size: 1.21875em;
-  line-height: 1.3;
-  text-align: center;
-  font-weight: bold;
-}
-
-.breadcrumb > .active {color: #777 !important;}
-
-/* .post-content {
-  width: calc(100% - 250px);
-} */
-
 .post-content img {
     margin: 12px 0 3px 0;
     width: auto;
@@ -128,37 +28,10 @@
     margin: 10px 0;
 }
 
-ul.nav.nav-pills li {
-  margin-left: 5px;
-}
-
-.pageSummary {
-    font-size:13px;
-    display:block;
-    margin-bottom:15px;
-    padding-left:20px;
-}
-
-.post-summary {
-    margin-bottom:12px;
-}
-
-
 .bs-example{
     margin: 20px;
 }
 
-.breadcrumb li {
-    color: gray;
-}
-
-caption {
-    padding-top: 8px;
-    padding-bottom: 8px;
-    color: #777;
-    text-align: left;
-}
-
 p.external a {
     text-align:right;
     font-size:12px;
@@ -166,27 +39,8 @@ p.external a {
     display:inline;
 }
 
-#definition-box-container div a.active {
-    font-weight: bold;
-}
 p.post-meta {font-size: 80%; color: #777;}
 
-.entry-date{font-size:14px;font-size:0.875rem;line-height:1.71429;margin-bottom:0;text-transform:uppercase;}
-
-/* search area */
-#search-demo-container ul#results-container {
-    list-style: none;
-    font-size: 12px;
-    background-color: white;
-    position: absolute;
-    top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
-    left: 20px;
-    z-index: -1;
-    width:223px;
-    border-left: 1px solid #dedede;
-    box-shadow: 2px 3px 2px #dedede;
-}
-
 /* make room for the nav bar */
 h1[id],
 h2[id],
@@ -199,63 +53,7 @@ padding-top: 60px;
 margin-top: -40px
 }
 
-ul#results-container a {
-    background-color: transparent;
-}
-
-ul#results-container a:hover {
-    color: black;
-}
-
-
-#search-demo-container a:hover {
-    color: black;
-}
-#search-input {
-    padding: .5em;
-    margin-left:20px;
-    width:20em;
-    font-size: 0.8em;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    float: right;
-    margin-top:10px;
-}
-/* end search */
-
-.filter-options {
-    margin-bottom: 20px;
-}
-.filter-options button {
-    margin: 3px;
-}
-
-
-
-li.dropdownActive a {
-    font-weight: bold;
-}
-
-
-.post-content a.fa-rss {
-    color: orange;
-}
-
 
-.navbar-inverse .navbar-nav > li > a {
-    background-color: transparent;
-    margin-top:10px;
-}
-
-.post-content .rssfeedLink {
-    color: #248EC2;
-}
-
-footer {
-    font-size: smaller;
-    padding-top: 10px;
-}
 
 /* FAQ page */
 #accordion .panel-heading {
@@ -267,143 +65,6 @@ a.accordion-toggle, a.accordion-collapsed {
     text-decoration: none;
 }
 
-/* navgoco sidebar styles (customized) */
-.nav, .nav ul, .nav li {
-    list-style: none;
-}
-
-.nav ul {
-    padding: 0;
-    /*margin: 0 0 0 18px;*/
-    margin:0;
-}
-
-.nav {
-    /* padding: 4px;*/
-    padding:0;
-    margin: 0;
-}
-
-.nav > li {
-    margin: 1px 0;
-}
-
-.nav > li li {
-    margin: 2px 0;
-}
-
-.nav a {
-    color: #333;
-    display: block;
-    outline: none;
-    text-decoration: none;
-}
-
-.nav li > a > span {
-    float: right;
-    font-size: 19px;
-    font-weight: bolder;
-}
-
-
-.nav li > a > span:after {
-    content: '\25be';
-}
-.nav li.open > a > span:after {
-    content: '\25b4';
-}
-
-.nav a:hover, .nav a:focus, .nav li.active > a {
-    background-color: #8D8D8D;
-    color: #f5f5f5;
-}
-
-.nav > li.active > a  {
-background-color: #347DBE;
-}
-
-.nav li a {
-    line-height: 18px;
-    padding: 2px 10px;
-}
-.nav li.draft-notice {
-    /* we don't want the draft water mark to make this hard to notice */
-    background-color: rgb(255, 255, 255);
-    padding: 0px 0px 10px 0px;
-
-}
-.nav li.draft-notice a, .nav li.draft-notice a:hover, .nav li.draft-notice a:active .nav li.draft-notice a:focus {
-    display: inline;
-    color: #2156a5;
-    text-decoration: underline;
-
-    position: inherit;
-    line-height: inherit;
-    padding: inherit;
-    background-color: inherit;
-}
-
-.nav > li > a {
-    line-height: 20px;
-    padding: 4px 10px;
-}
-
-.nav-pills > li > a {
-  line-height: 30px;
-}
-
-ul#sidebar {
-    border-radius:0;
-}
-
-ul.nav li ul {
-   font-size: 10pt;
-}
-
-.nav ul li a {
-    background-color: #FAFAFA;
-}
-
-.nav li a {
-    padding-right:10px;
-}
-
-.nav li a:hover {
-    background-color: #8D8D8D;
-}
-
-.nav ul li a {
-    border-top:1px solid whitesmoke;
-    padding-left:10px;
-}
-/* end sidebar */
-
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
-    border-radius:5px;
-}
-
-.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
-    border-radius: 5px;
-}
-
-.footer {
-    text-align: right;
-}
-
-.footerMeta {
-    background-color: whitesmoke;
-    padding: 10px;
-    max-width: 250px;
-    border-radius: 5px;
-    margin-top: 50px;
-    font-style:italic;
-    font-size:12px;
-}
-
-img.screenshotSmall {
-    max-width: 300px;
-}
-
 
 dl dt p {
     margin-left:20px;
@@ -420,7 +81,6 @@ dl.dl-horizontal dd {
 }
 
 figcaption {
-
     padding-bottom:12px;
     padding-top:6px;
     max-width: 90%;
@@ -430,14 +90,7 @@ figcaption {
 
 }
 
-.testing {
-    color: orange;
-}
-
-.preference {
-    color: red;
-}
-
+/** Tables **/
 
 table.dataTable thead {
     background-color: #444;
@@ -458,10 +111,6 @@ section table tr.danger, table tr.preference, table tr.preference > td.sorting_1
     background-color: #f2dede !important;
 }
 
-.orange {
-    color: orange;
-}
-
 table.profile thead tr th {
     background-color: #248ec2;
 }
@@ -470,55 +119,6 @@ table.request thead tr th {
     background-color: #ED1951;
 }
 
-.audienceLabel {
-    margin: 10px;
-    float: right;
-    border:1px solid #dedede;
-    padding:7px;
-}
-
-.prefaceAudienceLabel {
-    color: gray;
-    text-align: center;
-    margin:5px;
-}
-span.myLabel {
-    padding-left:10px;
-    padding-right:10px;
-}
-
-button.cursorNorm {
-    cursor: default;
-}
-
-a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a  {
-    margin-left: 10px;
-}
-
-hr.faded {
-    border: 0;
-    height: 1px;
-    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
-    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
-    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
-    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
-}
-
-hr.shaded {
-    height: 12px;
-    border: 0;
-    box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5);
-    margin-top: 70px;
-    background: white;
-    width: 100%;
-    margin-bottom: 10px;
-}
-
-.fa-6x{font-size:900%;}
-.fa-7x{font-size:1100%;}
-.fa-8x{font-size:1300%;}
-.fa-9x{font-size:1500%;}
-.fa-10x{font-size:1700%;}
 
 i.border {
     padding: 10px 20px;
@@ -529,158 +129,18 @@ a[data-toggle] {
     color: #305CB3;
 }
 
-.summary {
-    font-size:120%;
-    color: #808080;
-    margin:20px 0 20px 0;
-    border-left: 5px solid #ED1951;
-    padding-left: 10px;
-
-}
-
-.summary:before {
-    content: "Summary: ";
-    font-weight: bold;
-}
-
 a.fa.fa-envelope-o.mailto {
     font-weight: 600;
 }
 
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:hover,
-.nav-tabs > li.active > a:focus {
-    background-color: #248ec2;
-    color: white;
-}
-
 ol li ol li {list-style-type: lower-alpha;}
 ol li ul li {list-style-type: disc;}
 
 li img {clear:both; }
 
 
-.tab-content {
-    padding: 0px;
-}
-
-span.tagTitle {font-weight: 500;}
-
-li.activeSeries {
-    font-weight: bold;
-}
-
-.seriesContext .dropdown-menu li.active {
-    font-weight: bold;
-    margin-left: 43px;
-    font-size:18px;
-}
-
-div.tags {padding: 10px 5px;}
-
-.tabLabel {
-    font-weight: normal;
-}
-
-hr {
-    border: 0;
-    border-bottom: 1px dashed #ccc;
-    background: #999;
-    margin: 30px 0;
-    width: 90%;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-button.cursorNorm {
-    cursor: pointer;
-}
-
-span.otherProgrammingLanguages {
-    font-style: normal;
-}
-
-a[data-toggle="tooltip"] {
-    color: #649345;
-    font-style: italic;
-    cursor: default;
-}
-
-.seriesNext, .seriesContext {
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-
-.seriescontext ol li {
-    list-style-type: upper-roman;
-}
-
-ol.series li {
-    list-style-type: decimal;
-    margin-left: 40px;
-    padding-left: 0;
-}
-
-.siteTagline {
-    font-size: 200%;
-    font-weight: bold;
-    color: silver;
-    font-family: monospace;
-    text-align: center;
-    line-height: 10px;
-    margin: 20px 0;
-    display: block;
-}
-
-.versionTagline {
-    text-align: center;
-    margin-bottom: 20px;
-    font-family: courier;
-    color: silver;
-    color: #444;
-    display:block;
-}
-
-
-.nav ul.series li {
-    list-style: decimal;
-    font-size:12px;
-}
-
-.nav ul.series li a:hover {
-    background-color: gray;
-}
-.nav ul.series {
-    padding-left: 30px;
-}
-
-.nav ul.series {
-    background-color: #FAFAFA;
-}
-
-/*
-a.dropdown-toggle.otherProgLangs {
-    color: #f7e68f !important;
-}
-*/
-
-span.muted {color: #666;}
-
 table code {background-color: transparent;}
 
-.highlight .err {
-    color: #a61717;
-    background-color: transparent !important;
-}
-
-#json-box-container pre {
-    margin: 0;
-}
-
-.video-js {
-    margin: 30px 0;
-}
-
 video {
     display: block;
     margin: 30px 0;
@@ -688,141 +148,12 @@ video {
 }
 
 
-p.required, p.dataType {display: block; color: #c0c0c0; font-size: 80%; margin-left:4px;}
-
 dd {margin-left:20px;}
 
 .post-content img.inline {
     margin:0;
     margin-bottom:6px;
 }
-.panel-heading {
-    font-weight: bold;
-}
-
-a.accordion-toggle {
-    font-style: normal;
-}
-
-span.red {
-    color: red;
-    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
-}
-
-h3.codeExplanation {
-    font-size:18px;
-    font-style:normal;
-    color: black;
-    line-height: 24px;
-}
-
-span.soft {
-    color: #c0c0c0;
-}
-
-.githubEditButton {
-    margin-bottom:7px;
-}
-
-.endpoint {
-    padding: 15px;
-    background-color: #f0f0f0;
-    font-family: courier;
-    font-size: 110%;
-    margin: 20px 0;
-    color: #444;
-}
-
-.parameter {
-    font-family: courier;
-    color: red !important;
-}
-
-.formBoundary {
-    border: 1px solid gray;
-    padding: 15px;
-    margin: 15px 0;
-    background-color: whitesmoke;
-}
-
-@media (max-width: 767px) {
-    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
-        color: #444;
-    }
-}
-
-@media (max-width: 990px) {
-    #sidebar {
-        position: relative;
-    }
-}
-
-@media (max-width: 900px) {
-
-    ul#sidebar {
-        max-width: 100%;
-    }
-}
-
-.col-md-9 img {
-    max-width: 100%;
-    max-height: 100%;
-}
-
-.videoThumbs img {
-    float: left;
-    margin:15px 15px 15px 0;
-    box-shadow: 2px 2px 1px #f0f0f0;
-    border: 1px solid #dedede;
-}
-
-@media only screen and (min-width: 900px)
-{.col-md-9 img {
-        max-width: 700px;
-        max-height: 700px;
-    }
-}
-
-@media only screen and (min-device-width: 900px)
-{.col-md-9 img {
-        max-width: 700px;
-        max-height: 700px;
-    }
-}
-*:hover > .anchorjs-link {
-    transition: color .25s linear;
-    text-decoration: none;
-}
-
-.kbCaption {
-    color: white;
-    background-color: #444;
-    padding:10px;
-}
-
-.btn-default {
-    margin-bottom: 10px;
-}
-
-/* algolia search */
-
-.search {
-    text-align: left;
-}
-.search input {
-    font-size: 20px;
-    width: 300px;
-}
-.results {
-    margin: auto;
-    text-align: left;
-}
-.results ul {
-    list-style-type: none;
-    padding: 0;
-}
-
-/* algolia */
 
 div.results {
     position: absolute;
@@ -830,34 +161,6 @@ div.results {
     width: 100%;
 }
 
-.post-meta {
-    font-size: 14px;
-    color: #828282;
-}
-
-.post-link {
-    font-size: 22px;
-}
-
-.post-list p {
-    margin: 10px 0;
-}
-
-time {
-    margin-right: 10px;
-}
-
-p.post-meta time {
-    margin-right: 0;
-}
-
-span.label.label-default {
-    background-color: gray;
-}
-
-span.label.label-primary {
-    background-color: #f0ad4e;
-}
 .col-lg-12 .nav li a {background-color: white}
 
 a code {
@@ -877,115 +180,6 @@ ol li ul li ol li ul li{
 }
 
 
-.box {
-    padding: 10px;
-    border: 1px solid #888;
-    box-shadow: 2px 2px 4px #dedede;
-    width: 100px;
-    height: 80px;
-    background-color: #f5f5f5;
-    font-family: Arial;
-    font-size: 12px;
-    hyphens: auto;
-    float: left;
-}
-
-.box:hover {
-    background-color: #f0f0f0;
-}
-
-#userMap {
-    overflow-x: auto;
-    overflow-y: auto;
-    padding: 20px;
-    min-width: 770px;
-}
-
-#userMap .active {
-    background-color: #d6f5d6;
-    border:1px solid #555;
-    font-weight: bold;
-}
-
-h2.userMapTitle {
-    font-family: Arial;
-}
-
-#userMap a:hover {
-    text-decoration: none;
-  }
-
-div.arrow {
-    max-width: 50px;
-    margin-left: 15px;
-    margin-right: 15px;
-    font-size: 20px;
-}
-
-#userMap div.arrow, #userMap div.content {
-    float: left;
-}
-
 .clearfix {
     clear: both;
 }
-
-
-#userMap div.arrow {
-    position: relative;
-    top: 30px;
-}
-
-.box1 {
-    margin-left:0;
-}
-
-button.btn.btn-default.btn-lg.modalButton1 {
-    margin-left: -20px;
-}
-
-div.box.box1 {
-    margin-left: -20px;
-}
-
-#userMap .btn-lg {
-    width: 100px;
-    height: 80px;
-
-}
-
-#userMap .complexArrow {
-    font-size: 22px;
-    margin: 0 10px;
-}
-
-
-#userMap .btn-lg .active {
-    background-color: #d6f5d6;
-}
-
-#userMap .btn-lg  {
-        white-space: pre-wrap;       /* css-3 */
-        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
-        white-space: -pre-wrap;      /* Opera 4-6 */
-        white-space: -o-pre-wrap;    /* Opera 7 */
-        word-wrap: break-word;       /* Internet Explorer 5.5+ */
-        font-size: 14px;
-    }
-
-/*
- * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
- *
- * [1] IE9
- * [2] IE10+
- */
-/* 1 */
-.ie9 img[src$=".svg"] {
-    width: 100%;
-}
-/* 2 */
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    img[src$=".svg"] {
-        width: 100%;
-    }
-}
diff --git a/solr/solr-ref-guide/src/css/decoration.css b/solr/solr-ref-guide/src/css/decoration.css
new file mode 100644
index 0000000..2ef207f
--- /dev/null
+++ b/solr/solr-ref-guide/src/css/decoration.css
@@ -0,0 +1,144 @@
+/** This CSS defines decoration elements, such as buttons, bootstrap-based
+    components (pills, jumbotrons), horizontal lines **/
+
+/** === BUTTONS === **/
+
+.btn-info,
+a[data-toggle].btn-info {
+  background-color: #F35B38;
+  font-size: 16px;
+  text-decoration: none;
+  color: #FFFFFF;
+  border: none;
+}
+
+/* Used for nav buttons */
+.btn-primary {
+    color: #F35B38;
+    background-color: transparent;
+    border-color: #CDCECF;
+    font-weight: bold;
+}
+
+/* Used for nav buttons */
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    background-color: #305CB3;
+    border-color: #E6E7E8;
+}
+
+/* used for Download Solr button on docs home page */
+.btn-home {
+  color: #ffffff;
+  background-color: #F35B38;
+  border-color: #E6E7E8;
+}
+
+.btn-default {
+    margin-bottom: 10px;
+}
+
+button.btn.btn-default.btn-lg.modalButton1 {
+    margin-left: -20px;
+}
+
+button.cursorNorm {
+    cursor: default;
+}
+
+
+
+/** === BOOTSTRAP TABS/PILLS === **/
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+    background-color: #248ec2;
+    color: white;
+}
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus,
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus
+ {
+    background-color: #FF833D;
+    color: white;
+}
+
+ul.nav.nav-pills li {
+  margin-left: 5px;
+}
+
+.tab-content {
+    padding: 0px;
+}
+
+
+/** === BOOTSTRAP JUMBOTRONS === **/
+
+/* Changes styling for Bootstrap "jumbotron" component used on index.html
+   Will be inherited by all jumbotron segments used anywhere */
+.jumbotron {
+  background-color: #FAFAFA;
+  border: solid 2px;
+  border-color: #D9411E;
+  padding: 20px;
+  margin-top: 20px;
+}
+
+/* Adds a custom "lead" style for use in index.html jumbotron box */
+.lead-homepage {
+  font-size: 1.21875em;
+  line-height: 1.3;
+  text-align: center;
+  font-weight: bold;
+}
+
+
+/** === HORIZONTAL RULES === **/
+
+hr {
+    border: 0;
+    border-bottom: 1px dashed #ccc;
+    background: #999;
+    margin: 30px 0;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+hr.faded {
+    border: 0;
+    height: 1px;
+    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
+}
+
+hr.shaded {
+    height: 12px;
+    border: 0;
+    box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5);
+    margin-top: 70px;
+    background: white;
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+/** === ANCHOR === **/
+
+.anchorjs-link:hover {
+    color: #216f9b;
+}
+
+*:hover > .anchorjs-link {
+    transition: color .25s linear;
+    text-decoration: none;
+}
diff --git a/solr/solr-ref-guide/src/css/navs.css b/solr/solr-ref-guide/src/css/navs.css
new file mode 100644
index 0000000..96a2509
--- /dev/null
+++ b/solr/solr-ref-guide/src/css/navs.css
@@ -0,0 +1,569 @@
+/** This CSS covers all navigation elements: sidebar, topnav,
+    bottom scrollnav, footer, and in-page TOCs **/
+
+/** === GENERAL NAV ELEMENTS === **/
+
+a.dropdown-toggle,
+.navbar-inverse .navbar-nav > li > a  {
+    margin-left: 10px;
+}
+
+.nav ul.series li {
+    list-style: decimal;
+    font-size:12px;
+}
+
+.nav ul.series li a:hover {
+    background-color: gray;
+}
+.nav ul.series {
+    padding-left: 30px;
+}
+
+.nav ul.series {
+    background-color: #FAFAFA;
+}
+
+.nav > li.active > a {
+    background-color: #262130;
+}
+
+.nav > li > a:hover {
+    background-color: #FF833D;
+}
+
+div.navbar-collapse .dropdown-menu > li > a:hover {
+    background-color: #D9411E;
+}
+
+.nav li.thirdlevel > a {
+    background-color: #FAFAFA !important;
+    color: #FF833D;
+    font-weight: bold;
+}
+
+li.dropdownActive a {
+    font-weight: bold;
+}
+
+/** === LEFT SIDEBAR === **/
+
+#sidebar {
+    width: 275px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100vh;
+    z-index: 999;
+    background: #305CB3;
+    transition: all 0.3s;
+}
+
+#sidebar.active {
+  margin-left: -275px;
+}
+
+
+@media (max-width: 768px) {
+    #sidebar {
+        margin-left: -250px;
+    }
+    #sidebar.active {
+        margin-left: 0;
+    }
+}
+
+.sidebar-header {
+  padding-left: 5px;
+  color: #fff;
+}
+
+.sidebar-header h4 {
+  color: #fff;
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+.sidebar-header a {
+  color: #fff;
+}
+
+#mysidebar.nav a {
+  color: #fff;
+}
+
+#mysidebar.nav > li {
+    width: 275px;
+}
+
+#mysidebar.nav ul {
+    background-color: #FF833D;
+}
+
+#mysidebar.nav ul li a {
+  background-color: #FF833D;
+  font-weight: bold;
+  color: white;
+  border: none;
+}
+
+
+
+@media (max-width: 990px) {
+    #sidebar {
+        position: relative;
+    }
+}
+
+@media (max-width: 900px) {
+
+    ul#sidebar {
+        max-width: 100%;
+    }
+}
+
+/* navgoco sidebar styles (customized) */
+.nav,
+.nav ul,
+.nav li {
+    list-style: none;
+}
+
+.nav ul {
+    padding: 0;
+    /*margin: 0 0 0 18px;*/
+    margin:0;
+}
+
+.nav {
+    /* padding: 4px;*/
+    padding:0;
+    margin: 0;
+}
+
+.nav > li {
+    margin: 1px 0;
+}
+
+.nav > li li {
+    margin: 2px 0;
+}
+
+.nav a {
+    color: #333;
+    display: block;
+    outline: none;
+    text-decoration: none;
+}
+
+.nav li > a > span {
+    float: right;
+    font-size: 19px;
+    font-weight: bolder;
+}
+
+
+.nav li > a > span:after {
+    content: '\25be';
+}
+.nav li.open > a > span:after {
+    content: '\25b4';
+}
+
+.nav a:hover,
+.nav a:focus,
+.nav li.active > a {
+    background-color: #8D8D8D;
+    color: #f5f5f5;
+}
+
+.nav > li.active > a  {
+background-color: #347DBE;
+}
+
+.nav li a {
+    line-height: 18px;
+    padding: 2px 10px;
+}
+.nav li.draft-notice {
+    /* we don't want the draft water mark to make this hard to notice */
+    background-color: rgb(255, 255, 255);
+    padding: 0px 0px 10px 0px;
+
+}
+.nav li.draft-notice a,
+.nav li.draft-notice a:hover,
+.nav li.draft-notice a:active .nav li.draft-notice a:focus {
+    display: inline;
+    color: #2156a5;
+    text-decoration: underline;
+
+    position: inherit;
+    line-height: inherit;
+    padding: inherit;
+    background-color: inherit;
+}
+
+.nav > li > a {
+    line-height: 20px;
+    padding: 4px 10px;
+}
+
+.nav-pills > li > a {
+  line-height: 30px;
+}
+
+ul#sidebar {
+    border-radius:0;
+}
+
+ul.nav li ul {
+   font-size: 10pt;
+}
+
+.nav ul li a {
+    background-color: #FAFAFA;
+}
+
+.nav li a {
+    padding-right:10px;
+}
+
+.nav li a:hover {
+    background-color: #8D8D8D;
+}
+
+.nav ul li a {
+    border-top:1px solid whitesmoke;
+    padding-left:10px;
+}
+/* end navgoco sidebar */
+
+div.sidebarTitle {
+    color: #015CAE;
+}
+
+li.sidebarTitle {
+    margin-top:40px;
+    font-weight:normal;
+    font-size:120%;
+    color: #262130;
+    margin-bottom:10px;
+    margin-left: 5px;
+}
+
+/* indent extra nav levels
+   TODO: is there any easy way to do this that just incrementally applies to anything below sb-level2?
+         ...w/o assuming sb-level4 is as deep as we go?
+*/
+ul#mysidebar li.sb-level3 a {
+   padding-left: 20px;
+}
+ul#mysidebar li.sb-level4 a {
+   padding-left: 40px;
+}
+
+/* we can style the 'current-tree' hierarchy in the sidebar independently of the 'active' page as
+   the user clicks around expanding/collapsing the nav menus w/o clicking a link to load a diff page
+
+   For now:
+    - the 'current' page title is always bolder if 'active' (ie: visible)
+    - if the 'current' page is not 'active'/visible, then the closest ancestor that *is* 'active'/visible
+      will be bolded -- reminding the reader what section of the doc they are currently in.
+*/
+ul#mysidebar li.current-tree > a {
+    font-weight: bolder;
+}
+ul#mysidebar li.current-tree.active > a {
+    font-weight: inherit;
+}
+ul#mysidebar li.current.active > a {
+    font-weight: bolder;
+}
+
+/** === TOP NAVBAR === **/
+
+.navbar .container {
+  margin-left: 275px;
+  border: solid;
+  border-color: whitesmoke;
+  background-color: white;
+}
+
+.navbar-inverse .navbar-nav > li > a {
+    background-color: transparent;
+    margin-top:10px;
+}
+
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+    border-radius:5px;
+}
+
+.navbar-inverse .navbar-nav>.open>a,
+.navbar-inverse .navbar-nav>.open>a:focus,
+.navbar-inverse .navbar-nav>.open>a:hover {
+    border-radius: 5px;
+}
+
+.navbar-inverse {
+    background-color: #D9411E;
+    border-color: #015CAE;
+}
+
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+    color: #015CAE;
+}
+
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+    background-color: #015CAE;
+    color: #ffffff;
+}
+
+/* not sure if using this ...*/
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+    border-color: #248ec2 !important;
+}
+
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+    background-color: #D9411E;
+}
+
+@media (max-width: 767px) {
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+        color: #444;
+    }
+}
+
+/** === TOCs === **/
+
+nav.toc ul li {
+    margin: 8px 0 8px 22px;
+    list-style: disc;
+    line-height: 1.25;
+}
+
+nav.toc ul {
+    background-color: #f1f1f1;;
+    padding: 5px;
+    border-radius: 5px;
+    color: gray;
+}
+
+nav.toc ul li ul {
+    padding-left: 8px;
+}
+
+nav.toc ul li ul li {
+    list-style: circle;
+    margin: 5px 0 0 0;
+}
+
+nav.toc ul li ul li ul li {
+  list-style: square;
+}
+
+nav.toc.section-toc >ul::before {
+    content: "In this section";
+}
+nav.toc >ul::before {
+    content: "On this Page";
+    font-weight: bold;
+    color: #555;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    width:70px;
+    padding-top:20px;
+    padding-bottom:20px;
+    padding-left:10px;
+}
+
+.toc > ul
+{
+    margin-left: .125em;
+}
+
+.toc ul.sectlevel0 > li > a
+{
+    font-weight: bold;
+}
+
+.toc ul.sectlevel0 ul.sectlevel1
+{
+    margin: .5em 0;
+}
+
+.toc ul
+{
+    list-style-type: none;
+    font-family: 'Noto Sans', sans-serif;
+}
+
+.toc a
+{
+    text-decoration: none;
+}
+
+.toc a:active
+{
+    text-decoration: underline;
+}
+
+@media only screen
+       and (min-width : 768px)
+{
+    body.toc2
+    {
+        padding-right: 0;
+        padding-left: 15em;
+    }
+
+    #toc.toc2
+    {
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 1000;
+        overflow: auto;
+        margin-top: 0!important;
+        padding: 1.25em 1em;
+        width: 15em;
+        height: 100%;
+        border-top-width: 0!important;
+        border-right: 1px solid #efefed;
+        border-bottom-width: 0!important;
+        background-color: #f8f8f7;
+    }
+
+    #toc.toc2 > ul
+    {
+        margin-bottom: 0;
+        font-size: .9em;
+    }
+
+    #toc.toc2 ul ul
+    {
+        margin-left: 0;
+        padding-left: 1em;
+    }
+
+    #toc.toc2 ul.sectlevel0 ul.sectlevel1
+    {
+        margin-top: .5em;
+        margin-bottom: .5em;
+        padding-left: 0;
+    }
+
+    body.toc2.toc-right
+    {
+        padding-right: 15em;
+        padding-left: 0;
+    }
+
+    body.toc2.toc-right #toc.toc2
+    {
+        right: 0;
+        left: auto;
+        border-right-width: 0;
+        border-left: 1px solid #efefed;
+    }
+}
+
+@media only screen
+       and (min-width : 1280px)
+{
+    body.toc2
+    {
+        padding-right: 0;
+        padding-left: 20em;
+    }
+
+    #toc.toc2
+    {
+        width: 20em;
+    }
+
+    #toc.toc2 > ul
+    {
+        font-size: .95em;
+    }
+
+    #toc.toc2 ul ul
+    {
+        padding-left: 1.25em;
+    }
+
+    body.toc2.toc-right
+    {
+        padding-right: 20em;
+        padding-left: 0;
+    }
+}
+
+#content #toc
+{
+    margin-bottom: 1.25em;
+    padding: 1.25em;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #e0e0dc;
+    -webkit-border-radius: 4px;
+            border-radius: 4px;
+    background: #f8f8f7;
+}
+
+#content .toc > :first-child
+{
+    margin-top: 0;
+}
+
+#content .toc > :last-child
+{
+    margin-bottom: 0;
+}
+
+/** === BOTTOM PAGE NAV (scrollnav) === **/
+
+.scrollnav {
+    margin-bottom: 1em;
+}
+.scrollnav .prev {
+    text-align: left;
+    float: left;
+    font-size: inherit;
+}
+.scrollnav .prev:before {
+    padding-right: 0.5em;
+    content: "\25C0";
+    display: inline-block; /* text-decoration: none doesn't work, but this does */
+}
+.scrollnav .next {
+    text-align: right;
+    float: right;
+    font-size: inherit;
+}
+.scrollnav .next:after {
+    padding-left: 0.5em;
+    content: " \25B6";
+    display: inline-block; /* text-decoration: none doesn't work, but this does */
+}
+
+/** === FOOTER === **/
+footer {
+    font-size: smaller;
+    padding-top: 10px;
+}
+
+.footer {
+    text-align: right;
+}
diff --git a/solr/solr-ref-guide/src/css/ref-guide.css b/solr/solr-ref-guide/src/css/ref-guide.css
index 795eed0..5857729 100644
--- a/solr/solr-ref-guide/src/css/ref-guide.css
+++ b/solr/solr-ref-guide/src/css/ref-guide.css
@@ -105,36 +105,6 @@ a.no_icon:after {
     padding-left: 0;
 }
 
-/* indent extra nav levels
-   TODO: is there any easy way to do this that just incrementally applies to anything below sb-level2?
-         ...w/o assuming sb-level4 is as deep as we go?
-*/
-ul#mysidebar li.sb-level3 a {
-   padding-left: 20px;
-}
-ul#mysidebar li.sb-level4 a {
-   padding-left: 40px;
-}
-
-/* we can style the 'current-tree' hierarchy in the sidebar independently of the 'active' page as
-   the user clicks around expanding/collapsing the nav menus w/o clicking a link to load a diff page
-
-   For now:
-    - the 'current' page title is always bolder if 'active' (ie: visible)
-    - if the 'current' page is not 'active'/visible, then the closest ancestor that *is* 'active'/visible
-      will be bolded -- reminding the reader what section of the doc they are currently in.
-*/
-ul#mysidebar li.current-tree > a {
-    font-weight: bolder;
-}
-ul#mysidebar li.current-tree.active > a {
-    font-weight: inherit;
-}
-ul#mysidebar li.current.active > a {
-    font-weight: bolder;
-}
-
-
 abbr[title] {
     border-bottom: 1px dotted;
 }
@@ -471,7 +441,6 @@ figcaption
     line-height: 1.45;
 }
 
-#toctitle,
 .sidebarblock > .title,
 blockquote,
 dd,
@@ -526,7 +495,6 @@ p aside
     line-height: 1.35;
 }
 
-#toctitle,
 .sidebarblock > .title,
 h1,
 h2,
@@ -548,7 +516,6 @@ h6
     page-break-after: avoid;
 }
 
-#toctitle small,
 .sidebarblock > .title small,
 h1 small,
 h2 small,
@@ -578,7 +545,6 @@ h2
     font-size: 1.6875em;
 }
 
-#toctitle,
 .sidebarblock > .title,
 h3
 {
@@ -750,7 +716,6 @@ blockquote p
 @media only screen
        and (min-width : 768px)
 {
-    #toctitle,
     .sidebarblock > .title,
     h1,
     h2,
@@ -772,7 +737,6 @@ blockquote p
         font-size: 2.3125em;
     }
 
-    #toctitle,
     .sidebarblock > .title,
     h3
     {
@@ -835,7 +799,6 @@ table tr td
     line-height: 1.6;
 }
 
-#toctitle strong,
 .sidebarblock > .title strong,
 h1 strong,
 h2 strong,
@@ -1116,213 +1079,6 @@ body.toc2 #header > h1:nth-last-child(2)
       margin-top: 1em;
     }
 }
-.toc > ul
-{
-    margin-left: .125em;
-}
-
-.toc ul.sectlevel0 > li > a
-{
-    font-weight: bold;
-}
-
-.toc ul.sectlevel0 ul.sectlevel1
-{
-    margin: .5em 0;
-}
-
-.toc ul
-{
-    list-style-type: none;
-    font-family: 'Noto Sans', sans-serif;
-}
-
-.toc a
-{
-    text-decoration: none;
-}
-
-.toc a:active
-{
-    text-decoration: underline;
-}
-
-.toctitle
-{
-    color: #7a2518;
-    font-size: 1.2em;
-}
-
-nav.toc ul li {
-    margin: 8px 0 8px 22px;
-    list-style: disc;
-    line-height: 1.25;
-}
-
-nav.toc ul {
-    background-color: #f1f1f1;;
-    padding: 5px;
-    border-radius: 5px;
-    color: gray;
-}
-
-nav.toc ul li ul {
-    padding-left: 8px;
-}
-
-nav.toc ul li ul li {
-    list-style: circle;
-    margin: 5px 0 0 0;
-}
-
-nav.toc ul li ul li ul li {
-  list-style: square;
-}
-
-nav.toc.section-toc >ul::before {
-    content: "In this section";
-}
-nav.toc >ul::before {
-    content: "On this Page";
-    font-weight: bold;
-    color: #555;
-    text-align:center;
-    margin-left:auto;
-    margin-right:auto;
-    width:70px;
-    padding-top:20px;
-    padding-bottom:20px;
-    padding-left:10px;
-}
-
-@media only screen
-       and (min-width : 768px)
-{
-    #toctitle
-    {
-        font-size: 1.375em;
-    }
-
-    body.toc2
-    {
-        padding-right: 0;
-        padding-left: 15em;
-    }
-
-    #toc.toc2
-    {
-        position: fixed;
-        top: 0;
-        left: 0;
-        z-index: 1000;
-        overflow: auto;
-        margin-top: 0!important;
-        padding: 1.25em 1em;
-        width: 15em;
-        height: 100%;
-        border-top-width: 0!important;
-        border-right: 1px solid #efefed;
-        border-bottom-width: 0!important;
-        background-color: #f8f8f7;
-    }
-
-    #toc.toc2 #toctitle
-    {
-        margin-top: 0;
-        font-size: 1.2em;
-    }
-
-    #toc.toc2 > ul
-    {
-        margin-bottom: 0;
-        font-size: .9em;
-    }
-
-    #toc.toc2 ul ul
-    {
-        margin-left: 0;
-        padding-left: 1em;
-    }
-
-    #toc.toc2 ul.sectlevel0 ul.sectlevel1
-    {
-        margin-top: .5em;
-        margin-bottom: .5em;
-        padding-left: 0;
-    }
-
-    body.toc2.toc-right
-    {
-        padding-right: 15em;
-        padding-left: 0;
-    }
-
-    body.toc2.toc-right #toc.toc2
-    {
-        right: 0;
-        left: auto;
-        border-right-width: 0;
-        border-left: 1px solid #efefed;
-    }
-}
-
-@media only screen
-       and (min-width : 1280px)
-{
-    body.toc2
-    {
-        padding-right: 0;
-        padding-left: 20em;
-    }
-
-    #toc.toc2
-    {
-        width: 20em;
-    }
-
-    #toc.toc2 #toctitle
-    {
-        font-size: 1.375em;
-    }
-
-    #toc.toc2 > ul
-    {
-        font-size: .95em;
-    }
-
-    #toc.toc2 ul ul
-    {
-        padding-left: 1.25em;
-    }
-
-    body.toc2.toc-right
-    {
-        padding-right: 20em;
-        padding-left: 0;
-    }
-}
-
-#content #toc
-{
-    margin-bottom: 1.25em;
-    padding: 1.25em;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #e0e0dc;
-    -webkit-border-radius: 4px;
-            border-radius: 4px;
-    background: #f8f8f7;
-}
-
-#content .toc > :first-child
-{
-    margin-top: 0;
-}
-
-#content .toc > :last-child
-{
-    margin-bottom: 0;
-}
 
 #footer
 {
@@ -1358,7 +1114,6 @@ nav.toc >ul::before {
 }
 
 #content h1 > a.anchor,
-#toctitle > a.anchor,
 .sidebarblock > .title > a.anchor,
 h2 > a.anchor,
 h3 > a.anchor,
@@ -1378,7 +1133,6 @@ h6 > a.anchor
 }
 
 #content h1 > a.anchor:before,
-#toctitle > a.anchor:before,
 .sidebarblock > .title > a.anchor:before,
 h2 > a.anchor:before,
 h3 > a.anchor:before,
@@ -1394,8 +1148,6 @@ h6 > a.anchor:before
 
 #content h1:hover > a.anchor,
 #content h1 > a.anchor:hover,
-#toctitle:hover > a.anchor,
-#toctitle > a.anchor:hover,
 .sidebarblock > .title:hover > a.anchor,
 .sidebarblock > .title > a.anchor:hover,
 h2:hover > a.anchor,
@@ -1413,7 +1165,6 @@ h6 > a.anchor:hover
 }
 
 #content h1 > a.link,
-#toctitle > a.link,
 .sidebarblock > .title > a.link,
 h2 > a.link,
 h3 > a.link,
@@ -1426,7 +1177,6 @@ h6 > a.link
 }
 
 #content h1 > a.link:hover,
-#toctitle > a.link:hover,
 .sidebarblock > .title > a.link:hover,
 h2 > a.link:hover,
 h3 > a.link:hover,
@@ -1532,6 +1282,7 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p
     margin-bottom: 0;
 }
 
+/** Not navigation sidebar; asciidoc concept of "sidebar" in text **/
 .sidebarblock
 {
     margin-bottom: 1.25em;
diff --git a/solr/solr-ref-guide/src/css/search.css b/solr/solr-ref-guide/src/css/search.css
new file mode 100644
index 0000000..229cd14
--- /dev/null
+++ b/solr/solr-ref-guide/src/css/search.css
@@ -0,0 +1,45 @@
+/** This CSS controls search box and results **/
+
+.form-row {
+  padding-bottom: 15px;
+}
+
+
+/* search area */
+#search-demo-container ul#results-container {
+    list-style: none;
+    font-size: 12px;
+    background-color: white;
+    position: absolute;
+    top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/
+    left: 20px;
+    z-index: -1;
+    width:223px;
+    border-left: 1px solid #dedede;
+    box-shadow: 2px 3px 2px #dedede;
+}
+
+ul#results-container a {
+    background-color: transparent;
+}
+
+ul#results-container a:hover {
+    color: black;
+}
+
+
+#search-demo-container a:hover {
+    color: black;
+}
+#search-input {
+    padding: .5em;
+    margin-left:20px;
+    width:20em;
+    font-size: 0.8em;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    float: right;
+    margin-top:10px;
+}
+/* end search */
diff --git a/solr/solr-ref-guide/src/css/theme-solr.css b/solr/solr-ref-guide/src/css/theme-solr.css
index 7f52435..839be64 100644
--- a/solr/solr-ref-guide/src/css/theme-solr.css
+++ b/solr/solr-ref-guide/src/css/theme-solr.css
@@ -1,94 +1,3 @@
-.summary {
-    color: #808080;
-    border-left: 5px solid #d9411e;
-    font-size:16px;
-}
-
-.nav > li.active > a {
-    background-color: #262130;
-}
-
-.nav > li > a:hover {
-    background-color: #FF833D;
-}
-
-.nav-tabs > li.active > a,
-.nav-tabs > li.active > a:hover,
-.nav-tabs > li.active > a:focus,
-.nav-pills > li.active > a,
-.nav-pills > li.active > a:hover,
-.nav-pills > li.active > a:focus
- {
-    background-color: #FF833D;
-    color: white;
-}
-
-div.navbar-collapse .dropdown-menu > li > a:hover {
-    background-color: #D9411E;
-}
-
-.nav li.thirdlevel > a {
-    background-color: #FAFAFA !important;
-    color: #FF833D;
-    font-weight: bold;
-}
-
-a[data-toggle="tooltip"] {
-    color: #649345;
-    font-style: italic;
-    cursor: default;
-}
-
-.navbar-inverse {
-    background-color: #D9411E;
-    border-color: #015CAE;
-}
-
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    color: #015CAE;
-}
-
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    background-color: #015CAE;
-    color: #ffffff;
-}
-
-/* not sure if using this ...*/
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
-    border-color: #248ec2 !important;
-}
-
-.btn-info,
-a[data-toggle].btn-info {
-  background-color: #F35B38;
-  font-size: 16px;
-  text-decoration: none;
-  color: #FFFFFF;
-  border: none;
-}
-
-/* Used for nav buttons */
-.btn-primary {
-    color: #F35B38;
-    background-color: transparent;
-    border-color: #CDCECF;
-    font-weight: bold;
-}
-
-.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
-    background-color: #D9411E;
-}
-
-/* Used for nav buttons */
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary:active,
-.btn-primary.active,
-.open .dropdown-toggle.btn-primary {
-    background-color: #305CB3;
-    border-color: #E6E7E8;
-}
-
 .printTitle {
     color: #015CAE !important;
 }
@@ -97,51 +6,3 @@ body.print h1 {color: #015CAE !important; font-size:28px !important;}
 body.print h2 {color: #595959 !important; font-size:20px !important;}
 body.print h3 {color: #E50E51 !important; font-size:14px !important;}
 body.print h4 {color: #679DCE !important; font-size:14px; font-style: italic !important;}
-
-.anchorjs-link:hover {
-    color: #216f9b;
-}
-
-div.sidebarTitle {
-    color: #015CAE;
-}
-
-li.sidebarTitle {
-    margin-top:40px;
-    font-weight:normal;
-    font-size:120%;
-    color: #262130;
-    margin-bottom:10px;
-    margin-left: 5px;
-
-}
-.scrollnav {
-    margin-bottom: 1em;
-}
-.scrollnav .prev {
-    text-align: left;
-    float: left;
-    font-size: inherit;
-}
-.scrollnav .prev:before {
-    padding-right: 0.5em;
-    content: "\25C0";
-    display: inline-block; /* text-decoration: none doesn't work, but this does */
-}
-.scrollnav .next {
-    text-align: right;
-    float: right;
-    font-size: inherit;
-}
-.scrollnav .next:after {
-    padding-left: 0.5em;
-    content: " \25B6";
-    display: inline-block; /* text-decoration: none doesn't work, but this does */
-}
-
-/* used for Download Solr button on docs home page */
-.btn-home {
-  color: #ffffff;
-  background-color: #F35B38;
-  border-color: #E6E7E8;
-}