themes/solr/static/css/operator.css

/*
  Licensed to the Apache Software Foundation (ASF) under one
  or more contributor license agreements.  See the NOTICE file
  distributed with this work for additional information
  regarding copyright ownership.  The ASF licenses this file
  to you under the Apache License, Version 2.0 (the
  "License"); you may not use this file except in compliance
  with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied.  See the License for the
  specific language governing permissions and limitations
  under the License.
*/
html, body {
  font-family: 'Helvetica Neue', sans-serif; /* substitute for proxima nova */
  color: #333;
}

body {
  overflow-x:hidden;
  pointer-events: none;
}

body > * {
  pointer-events: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.container {
  padding: 40px 0;
}

code, pre {
  font-family: Menlo, Consolas,"Liberation Mono",Courier,monospace;
  color:#4F504D;
}

code {
  font-weight: 500;
}

/*
 * Elements
 */
:focus {
  outline: 0;
}

.offset {
  position: relative;
  top: -150px;
  padding-top: 150px;
  margin-bottom: -130px;
  z-index: -1000;
}

.offset-medium {
  position: relative;
  top: -115px;
  padding-top: 115px;
  padding-bottom: 0px;
  margin-bottom: -115px;
  z-index: -1000;
}

.offset-small {
  position: relative;
  top: -56px;
  padding-top: 112px;
  margin-bottom: -56px;
  z-index: -1000;
}

.btn1{
  border: 1px solid #d1d3d4;
  background-color:inherit;
  text-transform: uppercase;
  color:#000;
  padding: 0.7em 1em;
  font-weight: 500;
  margin: 0;
}
.btn1:hover, .btn1:focus {
  color:#ff833d;
  background:inherit;
}

div.centered {
  text-align: center;
  padding-top: 32px;
}

a.btn, button {
  border: 1px solid #d1d3d4;
  background-color:inherit;
  text-transform: uppercase;
  color:#000;
  padding: 0.7em 1em;
  font-weight: 500;
  margin: 0;
}

a.btn:hover, a.btn:focus,
button:hover, button:focus {
  color:#ff833d;
  background:inherit;
}

a.btn.white, 
button.white {
  color:#fff;
}

a.btn.white,
button.white:hover {
  color:#262130;
  background:#fff;
}

/*
 * Header
 */

.header-section {
  position: fixed;
  z-index: 999;
  min-width: 100%;
  background:#865981;
}

.header-fill {
  padding-top: 90px;
}

.top-bar, .top-bar .name {
  background:#865981;
  height: 90px;
}

.top-bar .name .logo {
  height: 100%;
  position:relative;
  left: 15px;
  padding: 20px 0 25px 0;
}

.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
  background: #865981;
}

.top-bar-section li:not(.has-form) a:not(.btn):hover {
  background:inherit;
  color: #25202f;
}

.top-bar-section .navigation a.selected {
  color: #25202f;
}

.top-bar-section li:not(.has-form) a.btn:hover, .top-bar-section li:not(.has-form) a.btn:focus {
  background:#fff;
  color: #25202f;
}

.top-bar-section ul li>a, 
.top-bar-section ul li>a.btn, 
.top-bar.shrink.expanded .top-bar-section ul li>a, 
.top-bar.shrink.expanded .top-bar-section ul li>a.btn {
  padding: 0 10px !important;
  transition: all 0.1s ease;
  text-transform:uppercase;
  font-size:0.92rem;
}

.top-bar-section ul li>a.btn {
  margin: 0;
  background-color: transparent;
  text-align:left;
}

.top-bar.expanded .toggle-topbar a {
  color:#fff;
}

.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.btn):hover {
  background:#fff;
}

/* full-width nav styles */
@media only screen and (min-width: 47.5em) {
  .top-bar-section .navigation {
    margin: 20px 20px 20px 0;
  }
  .top-bar .name .logo {
    left: 15px;
  }
  .top-bar .btn {
    padding-top: .65rem;
    padding-bottom: .55rem;
    top: 2px;
    text-align:center;
    border: 1px solid #fff;
  }
  .top-bar .btn:hover {
    background:#fff;
  }
}

/* shrink header styles */
.top-bar.shrink, .top-bar.shrink .name, .top-bar.expanded .name {
  height: 55px;
}

.top-bar.shrink.expanded {
  height:auto;
}

.top-bar.shrink .name .logo, .top-bar.expanded .name .logo {
  padding: 10px 0 15px 0;
}

.top-bar.shrink .top-bar-section ul li>a, .top-bar.shrink .top-bar-section ul li>a.btn {
  font-size: 0.8em;
}

.top-bar.shrink .top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 35px;
}

.top-bar.shrink .navigation {
  margin: 10px 15px 10px 0;
}

.top-bar.shrink.expanded .navigation {
  margin: 0;
}

.top-bar.shrink.expanded .top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 1.6;
}

.top-bar.shrink .button {
  padding: 10px 20px;
}

/*
 * Global
 */
h1, h2, h3, h4, h5 {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
  font-weight:300;
}

h1 {
  margin-bottom: 20px;
  color: #865981;
}

h2 {
  margin-bottom: 0.8em;
  color: #865981;
}

h3 {
  color: #666;
}

h4 {
  color: #666;
}

h5 {
  color: #999;
}

p {
  line-height: 1.8em;
  color:#262130;
}

.button {
  background-color: #ff833d;
  text-transform: uppercase;
}

.button:hover,
.button:focus,
.button:active {
  background-color: #ff5c00;
}

.annotation {
  color: #262130;
  text-transform: uppercase;
  margin-bottom: 0.8em;
  font-weight:400;
}

/*
 * PAGES
 */

.homepage h1.red {
  color: #865981;;
}

.page h1, .page h2, .page h3 {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
  color: #262130;
}

.page h1, .subnav h1 , h1.news {
  font-weight:300;
}

.subnav h1 , h1.news {
  margin-bottom: 30px;
}

.subnav h1 , h1.news {
  line-height:0.8;
}

.page h1 small, .subnav h1 small, h1.news small {
  font-size:0.4em;
  color:#333;
}

.page h2, .page h3 {
  font-weight:500;
}

.page h2 {
  font-size:1.5em;
}

.page h3 {
  font-size:1.4em;
}

.page p, .page ul li, .page ol li {
  color:#333;
}

.page a {
  color: #865981;
}

.page .date {
  color: #865981;
  text-transform:uppercase;
  font-weight:500;
}

#resources {
  text-align:center;
}

pre {
  white-space:pre-wrap;
  overflow:hidden;
}

/*
 * Alternate styles (blue sections)
 */
.alternate .annotation {
  color: #865981;
}

.alternate h1 {
  font-weight: 100;
  color: #212121;
}

.alternate h2 {
  font-weight: 300;
}

hr {
  margin-bottom: 2em;
  color:#e4e2dd;
}

/*
 * Small styles
 */

.small h1 {
  font-size: 2em;
}

.small h2 {
  font-size: 1.6em;
}

.small h3 {
  font-size: 1.4em;
}

.small h4 {
  font-size: 1.2em;
}

.small h5 {
  font-size: 1em;
}

.small p {
  font-size: 0.9em;
}

/*
 * Section styles
 */
section {
  padding: 40px 0;
  color: #333;
  text-align:center;
}

.artifacthub-widget > section {
  padding: 0;
}

section.gray {
  background-color: #f9f8f8;
}

section.orange {
  background-color: #865981;
  color: #fff;
  padding:60px 0 80px 0;
  text-align:center;
  position:relative;
}

section.orange .annotation {
  color:#fff;
}

section.orange h1 {
  color: inherit;
}

section.orange h2 {
  color: inherit;
}

section.orange p {
  color:#fff;
  font-weight: 300;
  font-size: 1.1em;
}

section.orange .down-arrow {
  position: absolute;
  left: 50%;
}

section.orange .down-arrow .red {
  color: #ff833c;
}

section.orange .down-arrow a {
  color:#fff;
}

section.orange.full-width {
  margin-left: -100%;
  margin-right: -100%;
  margin-bottom: 2em;
}


/*
 * Hero
 */
.hero {
  background-color: #262130;
  color: #fff;
  position:relative;
  padding: 100px 0;
}

.hero h1,
.hero p {
  color: #fff;
}

.hero p {
  margin-bottom: 40px;
  font-weight: 300;
  font-size: 1.1em;
}

.hero .button {
  background-color: #305cb3;
}

.hero .button:hover,
.hero .button:focus,
.hero .button:active {
  background-color: #0045cd;
}

.hero .down-arrow {
  position: absolute;
  bottom: -80px;
  left: 50%;
}

.hero .down-arrow .red {
  color: #865981;
}

.hero .down-arrow a {
  color:#fff;
}

.security {
  background-color: #FFBF78;
  padding-top: 10px;
  padding-bottom: 0px;
  display: none;
}

.security a {
  color: #262130;
}

.topnews {
  background-color: #59BD81;
  padding-top: 15px;
  padding-bottom: 0px;
  display: none;
}

.topnews .row p a {
  color: #262130;
  font-size: larger;
}

.topnews-operator {
  background-color: #59BD81;
  padding-top: 15px;
  padding-bottom: 0px;
  display: none;
}

.topnews-operator .row p a {
  color: #262130;
  font-size: larger;
}

/*
 * Footer
 */
footer {
  background-color: #262130;
  color: #f9f8f8;
  padding: 40px 0 20px 0;
}

footer h4 {
  padding-bottom:15px;
  text-transform:uppercase;
  font-size: 1em;
}

footer h4, footer ul li a, .page footer ul li a  {
  color: #f9f8f8;
  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
}

footer ul li a, .page footer ul li a {
  font-weight:300;
  font-size:0.9em;
}

footer ul {
  list-style: none;
  margin-left: 0;
}

footer .copyright {
  padding: 50px 0 40px 0;
}

footer .copyright p {
  color: #bbb;
  font-size:0.7em;
  text-align:center;
}

/*
 * Gray/white section styles
 */

.white h1 {
  line-height:0.8;
}

.gray .annotation {
  color: #262130;
  font-size: 1em;
}

.gray h1 {
  color: #865981;
  line-height:0.8;
}

.gray .box h3 {
  color:#000;
  font-size:1.4em;
  margin-bottom:20px;
}

.gray .box p {
  font-size: 0.9em;
  line-height: 1.3em;
  color:#333;
}

.gray .box button {
  font-size: 0.75em;
  margin-bottom: 0;
}

.gray .box button:hover {
  background-color:inherit;
  color:#ff833d;
}

.gray .box:hover {
  background:#fff;
  border: 1px solid #333;
  cursor:pointer;
}

.gray .box:hover button {
  color:#ff833d;
}

.gray .box .img {
  height:120px;
}

.gray .box .img img {
  height:95px;
}

.full-width .gray .box {
  padding:0;
  border:none;
}

.full-width .gray .box:hover {
  border:none;
  cursor:default;
  background:inherit;
}

/* box variants */
.col-4 .box {
  margin: 15px;
  padding: 5px 5px 15px 5px;
  border: solid 1px transparent
}

.col-4 .box .title {
  height: 70px;
}

.col-3 .box {
  margin: 15px;
  padding: 20px 20px 30px 20px;
  border: solid 1px transparent
}

.col-3 .box .title {
  height: 70px;
}

[class*="block-grid-"] {
  display: flex;
  padding: 0;
  margin:0;
  flex-wrap: wrap;
  justify-content: center;
}

/*
 * Solr books
 */
.books {
  margin:40px 0;

}

.books > div{
    padding-left: 5px;
}

.powered{
    line-height: 99px;
    height: 99px;
}
.powered div{
    line-height: 99px;
    height: 99px;
    padding-right: 10px;
}

.powered img{
    vertical-align: middle;
    display: inline;
}

/*
 * Slider
 * TODO: Not in use
 */
.slider-prev {
  left:-25px;
  color:#ffa16b;
}

.slider-next {
  right:-25px;
  color:#ffa16b;
}

.slider-prev, .slider-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  cursor: pointer;
  top: 50%;
  margin-top: -10px;
}

/*
 * FEATURES PAGE
 */
section.list {
  padding:80px 0;
}

section.list {
  text-align:left;
}

section.list ul li {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
  font-weight:300;
  color: #333;
  font-size: 1.2em;
  padding-right:20px;
}

section.list ul li p {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight:300;
  color: #A13016;
  margin-top: 10px;
  font-size: 0.8em;
}

section.list ul li ul {
  padding-top: 10px;
}

section.list ul li ul li {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight:300;
  color: #A13016;
  margin-top: 2px;
  font-size: 0.96em;
}


.anchor-fixed {
  top: 57px;
  z-index: 1000;
  position: fixed;
}

/*
 * Subnav style pages
 */
.sub-nav {
  display:inline-block;
  margin-bottom:0;
}

.sub-nav-container {
  height: 100px;
  width: 1000px;
  margin: 0 auto;
}

.sub-nav-border {
  padding: 20px 0;
  background: white;
  border-top: 1px solid #e4e2dd;
  border-bottom: 1px solid #e4e2dd;
  margin: 0 auto 30px auto;
}

.sub-nav dd {
  margin-bottom: 0;
}

.sub-nav dd a {
  padding-right: 30px;
  padding-left: 15px;
  border-right:1px solid #e4e2dd;
  position: relative;
  z-index: 2000;
}

.codehilite {
  margin: 10px 0;
  background-color: #EEEEEE;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
}

pre {
  line-height:1.5;
}

ul.breadcrumbs {
  background-color:transparent;
  border: none;
}

/*
 * Sidebar
 */

.side-nav {
  padding:25px;
  border:1px solid #e4e2dd;
  margin-bottom:40px;
}

ul.side-nav > li {
  border-top:1px solid #e4e2dd;
  padding:10px 0 10px 10px;
  margin:0;
}

.page .side-nav li a {
  color:#25202f;
  font-weight:300;
  font-size: 1.3em;
}

.page .side-nav li a.active {
  color:#865981;
}

.page .side-nav li a:hover {
  color:#865981;
}

#search form, #search fieldset {
  border:none;
  padding:0;
  margin:0;
}

.search-box {
  display: inline-block;
  padding-right: 1em;
  position: relative;
  width: 150px;
  height: 42px;
}

#search input[type="search"] {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
  font-weight:300;
  height: 28px;
  width: 135px;
  font-size: 12px;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 8px;
  left: 0px;
  padding-right: 26px;
}

#search input[type="search"]:focus {
  background-color: #f9f9f9;
}

.search-button {
  position:absolute;
  height:23px;
  width:23px;
  background-color: transparent !important;
  line-height: 23px !important;
  padding: 0 !important;
  top: 10px;
  right: 17px;
  margin:0;
}

.search-button img {
  padding:0;
  line-height:23px;
  margin:0;
}

.nested-nav {

}

ul.breadcrumbs {
  margin:0;
  padding:0;
}

ul.breadcrumbs a {
  text-transform:none;
  font-size:1.2em;
}

.tutorials .orange {
  margin-top: 40px;
  margin-bottom:40px;
}

.float-right {
    float: right;
}

img.float-right {
    margin: 5px 0px 10px 10px;
}


.poweredby .list ul{
    list-style-type: none;
}

.wrappable-btn {
  border: 1px solid #d1d3d4;
  background-color: inherit;
  text-transform: uppercase;
  color: #000;
  padding: 0.25em 0.75em 0.05em 0.47em;
  font-weight: 500;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.wrappable-btn:hover, .wrappable-btn:focus {
  color: #ff833d;
  background: inherit;
}

.ref-guide-badge {
  background-color: #865981;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 0.6em;
  line-height: 1.1;
  font-weight: 500;
  vertical-align: middle;
  padding: 1px 2px;
  margin: 0em 0.50em 0.30em -0.40em;
}
.wrappable-btn:hover .ref-guide-badge, .wrappable-btn:focus .ref-guide-badge {
  background-color: #ff833d;
}

ul li div.box div.img img.resizeable-solr-logo {
  max-width:243px; 
  max-height:123px; 
  height:auto;
  width: 100%;
  border:2px solid #CCC                 
}

ul li div.box h3.fixed-wrap-point-logo-title {
  padding-left:9px;
  padding-right:8px;
}

section h3.asset-download {
  text-align: left;
  padding-top: 10px;
}

ul li div.box div.img.logo-container {
  padding: 20px;
  height: auto;
  width: auto;
}
ul li div.box div.img.logo-container.black-background {
  background-color:#000;
}
ul li div.box div.img.logo-container.white-background {
  background-color:#fff;
}
ul li div.box div.img.logo-container.orange-background {
  background-color:#865981;
}
.full-width .gray .box.logo-box {
  position: relative; 
  border: 1px solid #CCC;
}