tethys/public/css/search_style.css

.result-list-info {
    display: block;  
    justify-content: flex-end;
    font-size: 16px;
    color: rgb(66, 66, 66);
    box-sizing: border-box;
}

.columns.right-bar {
    margin-left: 0% !important;
}

section.search {
    padding: 31.2px 0 0 0;
}


/* zenodo */
.label-success {
    background-color: #5cb85c;
}
.label-default {
    background-color: #777;
}
.label-info {
    background-color: #6aa3d5;
}
.label-keyword {
    background-color: #7E7E7E;
}
.label {
    display: inline-block;
    padding: .2em .12em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
    margin-right:1.25em;
    /* margin-left: 10px; */
}
/* .record-elem .h4, record-elem h4 {
    font-size: 18px;
} */
.record-elem p a {
    color: #3ad29f;;
    font-size: 14px; 
}
/* .record-elem h4 a {
    color: #000;
} */

.record-elem h4 a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    /* margin-left: 10px; */
    font-size: 16px;
  }
  .record-elem h4 a:hover {
    color: #777;
    text-decoration: none;
}
  /* .search-detail a:hover {
    color: rgb(0, 128, 0);
} */
.record-elem .h4, .record-elem h4 {
    font-size: 16px;
    letter-spacing: .05em;
    margin-top: 8px;
  }
  .record-detail h1, .record-detail p, 
  .record-elem h4, 
  .record-elem p, .well {
    word-wrap: break-word;
}
.record-elem p span {
    color: #000;
    font-size: 14px; 
}

.post {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    
    box-sizing: border-box;
    margin-bottom:10px; 
    margin-top: 15px;
    
}
.record-elem{
   
    border-top: 1px solid rgb(238, 238, 238);
}


/* zenodo left side: */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-title {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 0;
    color: inherit;
}


.panel-body {
    padding: 15px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
}
.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 0;
}
#left-bar .titlecase {
    text-transform: capitalize;
}


  

  /* Larger than mobile */
@media (max-width: 750px) {
   
    .search-items li.columns {
      width: 100%;
    }
}
   


.overflowing {
    color: #444444;
    list-style: none;
    z-index: 999;
}

.overflowing span {
    color: #444444;
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
}

/* ul.filter-items li {
    min-height: 15px;
    color: #444;
    font-size: 12px;
    list-style-type: none;
    list-style-position: outside;
    margin-left: 1em;
} */

.filter-items.limited li:nth-of-type(1n+3) {
    display: none;
}

ul.filter-items li span {
cursor: pointer;
/* color:#ffffff;
text-decoration: none;
font-weight: bold;
font-size: 16px; */
}


/* Relativer Tooltip */
.tooltip {
    position: relative;
    text-decoration: none;
    font-weight: bolder;
    color: #444444;
    cursor: pointer;
    overflow: visible;
    font-size: 8px;
}


.search-container {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    /* justify-content: space-between; */
    min-height: 500px;
}


.sidebar.left-bar {  
    float: left;
    border-left: none;
    width: 100%;
    height: 100%;
    padding: 25px;
    overflow-y: auto;
    /* background-color: #3abac4;  */
    /* opacity: .9; */
  /* color: white; */
  position: relative;  
}
/* 
.left-bar .sidebar-image {
    background: url("../images/csm_kabel.png") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: .2;     
}
.sidebar-image:after {
    content: '';
  opacity: .17; 
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iNTAlIiB4Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIiB5Mj0iNTAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmYWI0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); 
  background-image: -moz-linear-gradient(right, #A8EB12 0%, #3abac4 100%); 
  background-image: -o-linear-gradient(right, #bb4242 0%, #efab4a 100%); 
  background-image: -webkit-linear-gradient(right, #A8EB12 0%, #3abac4 100%); 
  background-image: linear-gradient(right, #bb4242 0%, #efab4a 100%);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  }

.card {
    z-index: 1;
    position: relative;    
} */

.sidebar.right-bar {
    border: none;
    padding: 25px;
    /* margin-left: 250px; */
    /* background-color: lightblue; */
}



/* .left-bar .indexheader {    
    font-weight: bold;
    display: block;
    color: white;
    font-family: Monoton, cursive;  
    text-align: center;
} */






.sidebar-simplesearch {
    position: relative;
    /* margin-bottom: 2.5em; */
    white-space: nowrap;
}
.search-input {
    
    height: 50px !important;
    /* border-color: currentcolor currentcolor rgb(204, 204, 204) !important; */
    /* border-style: none none solid !important; */
    /* border-width: medium medium 1px !important; */
    /* border-image: none 100% / 1 / 0 stretch !important; */
    /* background: rgb(250, 250, 250) none repeat scroll 0% 0%; */
    /* transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; */
    background-color: rgb(250, 250, 250) !important;
    width: 100%;

  
  
    /* outline: currentcolor none medium; */
    /* border-radius: 0px !important; */
    border: 1px solid;
    border-radius: 4px;

}
.search-button {
    position: absolute;
    top: 8px;
    cursor: pointer;
    /* padding-left: 12px; */
    padding: 0 10px;
    left: 0.25em;    
    border: none;   
}
.search-button svg.search-icon {
    fill: rgb(0, 128, 0);
} 
.sidebar-simplesearch input[type=text] {
   
    padding: 0.00em 40px;
    color: #666;  
}



/* .css-subject {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
}
.css-keyword {
    background: mediumseagreen none repeat scroll 0% 0%;
    background: #eee none repeat scroll 0% 0%;
    margin: 3px;
    padding: 4px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
} */
.abstract {
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    max-height: 140px;
  }


  /* overflow for abstracts */
  .clamped {
    line-height: 1.5;
    overflow: hidden;
    position: relative;
}
.clamped-2 {
    /* Clamp to 2 lines, ie line-height x 2: */
    max-height: 4.5em;
}
.ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
}
.fill {
    background: #fff; 
    height: 100%;
    position: absolute;
    width: 100%;
}



.css-w1gpbi {
    border: 0px none;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
.css-w1gpbi:checked + label::before {
    animation: 0s ease 0s 1 normal none running none;
    background-color: rgb(255, 255, 255);
    border-color: rgb(11, 106, 255);
}
.css-w1gpbi + label::before, .css-w1gpbi + label::after {
    border-radius: 50%;
}
.css-w1gpbi + label::before {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(92, 92, 92);
  
    content: "";
    /* color: rgb(11, 106, 255); */
    margin-right: calc(8px);
 
    width: calc(17px);
    height: 16px;
    display: inline-block;
vertical-align: middle;
    margin-top: 2px;
   
}
.css-w1gpbi:checked + label::after {
    transform: scale(1);
}
.css-w1gpbi + label::after {
    box-sizing: content-box;
    content: "";
    
    position: absolute;
    top: 11px;
    left: calc(3px);
    width: calc(12px);
    height: calc(12px);
    margin-top: calc(-6px);
    transform: scale(0);
    transform-origin: 50% center 0px;
    transition: transform 200ms ease-out 0s;
    z-index: 999;
    background-color: rgb(108,110,107);
}
.css-w1gpbi + label {
    position: relative;
    -moz-user-select: none;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0.4rem 0px;
    align-items: flex-start;
    cursor: pointer;
}

/* .active-filter-items a {
  
    flex-wrap: wrap;
    margin: 2px 3px;
    padding: 5px 8px;
    font-size: 0.95rem;
    position: relative;
} */
.filter-link {
    display: inline-flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid transparent;
    min-height: 30px;
    overflow-wrap: break-word;
    padding: 5px 12px;
    line-height: 1.2rem;
    background-color: rgb(238, 238, 238);
    color: rgb(66, 66, 66);
    cursor: pointer;
    -moz-user-select: none;
    transition: all 0.3s ease 0s;
}