Skip to content
Snippets Groups Projects
Commit 687f7698 authored by Demian Katz's avatar Demian Katz
Browse files

Fixed line endings.

parent e714cadb
No related merge requests found
@import "bootstrap/bootstrap"; @import "bootstrap/bootstrap";
@import "bootstrap-accessibility/bootstrap-accessibility"; @import "bootstrap-accessibility/bootstrap-accessibility";
@import "a11y"; @import "a11y";
.alert.alert-info a {text-decoration: underline;} .alert.alert-info a {text-decoration: underline;}
.btn.disabled { .btn.disabled {
&:active, &:active,
&:focus, &:focus,
&:hover {color: #000;} &:hover {color: #000;}
} }
[data-toggle~="dropdown"] {cursor: pointer;} [data-toggle~="dropdown"] {cursor: pointer;}
.fa {cursor: default;} .fa {cursor: default;}
.list-unstyled {margin: 0;} .list-unstyled {margin: 0;}
.highlight,mark { .highlight,mark {
background: lighten(#FF0, 20%); background: lighten(#FF0, 20%);
padding: .1em .2em; padding: .1em .2em;
} }
.icon-bar {background-color: #888;} .icon-bar {background-color: #888;}
img {max-width: 100%;} img {max-width: 100%;}
label.list-group-item { label.list-group-item {
margin-top: 0; margin-top: 0;
padding-left: 35px; padding-left: 35px;
font-weight: normal; font-weight: normal;
border-radius: 0; border-radius: 0;
} }
.list-group-item.title {font-weight: bold;} .list-group-item.title {font-weight: bold;}
#modal {background-color: rgba(0,0,0,.2);} #modal {background-color: rgba(0,0,0,.2);}
#modal .modal-body > h2:first-child {display: none;} #modal .modal-body > h2:first-child {display: none;}
.popover {width: 250px;} .popover {width: 250px;}
.sub-breadcrumb { .sub-breadcrumb {
padding: 5px 10px; padding: 5px 10px;
white-space: nowrap; white-space: nowrap;
li {display: inline-block;} li {display: inline-block;}
li + li:before { li + li:before {
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
color: @breadcrumb-color; color: @breadcrumb-color;
content: "@{breadcrumb-separator}\00a0"; content: "@{breadcrumb-separator}\00a0";
} }
} }
.tab-content {padding: 4px;} .tab-content {padding: 4px;}
@media (max-width: 991px) { @media (max-width: 991px) {
header .container.navbar {margin-bottom: 0;} header .container.navbar {margin-bottom: 0;}
.searchForm {margin-top: 0;} .searchForm {margin-top: 0;}
} }
@media (min-width: 768px) { @media (min-width: 768px) {
h2 { h2 {
font-size: 23px; font-size: 23px;
font-weight: normal; font-weight: normal;
} }
h3 { h3 {
font-size: 20px; font-size: 20px;
font-weight: normal; font-weight: normal;
} }
.form-control { max-width: 400px; } .form-control { max-width: 400px; }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
h2 { font-size: 20px; } h2 { font-size: 20px; }
h3 { font-size: 16px; } h3 { font-size: 16px; }
.searchForm {padding-top: 0;} .searchForm {padding-top: 0;}
} }
/* --- Form Errors --- */ /* --- Form Errors --- */
.has-error {margin-bottom: 0;} .has-error {margin-bottom: 0;}
.sms-error {.has-error;} .sms-error {.has-error;}
.help-block.with-errors { .help-block.with-errors {
margin: 0; margin: 0;
padding-top: @padding-base-vertical; padding-top: @padding-base-vertical;
padding-bottom: @padding-base-vertical; padding-bottom: @padding-base-vertical;
&:empty {padding: 0;} &:empty {padding: 0;}
} }
/* --- Advanced Search --- */ /* --- Advanced Search --- */
.group { .group {
position: relative; position: relative;
background: @gray-lighter; background: @gray-lighter;
border-radius: @border-radius-base; border-radius: @border-radius-base;
border: 1px solid darken(@gray-lighter, 15%); border: 1px solid darken(@gray-lighter, 15%);
margin-top: 0; margin-top: 0;
margin-bottom: .5em !important; margin-bottom: .5em !important;
.add_search_link { .add_search_link {
display: inline-block; display: inline-block;
margin-top: 4px; margin-top: 4px;
} }
& .group-close { & .group-close {
&:extend(.close); &:extend(.close);
position: absolute; position: absolute;
top: .3em; top: .3em;
right: .5em; right: .5em;
opacity: .4; opacity: .4;
z-index: 2; z-index: 2;
} }
.search { .search {
margin-bottom: 2px; margin-bottom: 2px;
.close {opacity: .8;} .close {opacity: .8;}
} }
@media (min-width: 768px) { @media (min-width: 768px) {
padding: 10px 10px 10px 25px; padding: 10px 10px 10px 25px;
[class^=col-] {padding-left: 0;} [class^=col-] {padding-left: 0;}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.search .middle { .search .middle {
float: left; float: left;
width: 90%; width: 90%;
} }
& .group-close { & .group-close {
top: .5em; top: .5em;
right: 1em; right: 1em;
opacity: .6; opacity: .6;
} }
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.form-control {max-width: none;} .form-control {max-width: none;}
} }
} }
#groupPlaceHolder { #groupPlaceHolder {
display:block; display:block;
padding:6px; padding:6px;
} }
.template-dir-eds.template-name-advanced { .template-dir-eds.template-name-advanced {
legend {margin-bottom: 0;} legend {margin-bottom: 0;}
.no-js .group:nth-child(n+3) {display: none;} .no-js .group:nth-child(n+3) {display: none;}
.search .close a {margin-left: -2em;} .search .close a {margin-left: -2em;}
} }
/* --- Alphabrowse --- */ /* --- Alphabrowse --- */
.alphabrowse { .alphabrowse {
border-collapse: separate; border-collapse: separate;
.lcc {width: 20%;} .lcc {width: 20%;}
.titles { .titles {
width: 10%; width: 10%;
text-align: center; text-align: center;
} }
/* highlighting the row makes ff bugs; operate on its children */ /* highlighting the row makes ff bugs; operate on its children */
tr.browse-match td { tr.browse-match td {
border-top: .2em solid @brand-primary; border-top: .2em solid @brand-primary;
border-bottom: .2em solid @brand-primary; border-bottom: .2em solid @brand-primary;
&:first-child {border-left: .2em solid @brand-primary;} &:first-child {border-left: .2em solid @brand-primary;}
&:last-child {border-right: .2em solid @brand-primary;} &:last-child {border-right: .2em solid @brand-primary;}
} }
} }
/* --- Autocomplete --- */ /* --- Autocomplete --- */
.autocomplete-results { .autocomplete-results {
margin-top: 2px; margin-top: 2px;
border: 1px solid @list-group-border; border: 1px solid @list-group-border;
background-color: #fff; background-color: #fff;
border-radius: @border-radius-base; border-radius: @border-radius-base;
overflow: hidden; overflow: hidden;
.item { .item {
display: block; display: block;
padding-top: .75rem; padding-top: .75rem;
padding-right: 1rem; padding-right: 1rem;
padding-bottom: .75rem; padding-bottom: .75rem;
padding-left: 1.25rem; padding-left: 1.25rem;
border-bottom: 1px solid @list-group-border; border-bottom: 1px solid @list-group-border;
cursor: pointer; cursor: pointer;
&:last-child {border: 0;} &:last-child {border: 0;}
&.selected { &.selected {
background-color: @brand-primary; background-color: @brand-primary;
color: #fff; color: #fff;
} }
} }
} }
/* --- Badges - blend the links in --- */ /* --- Badges - blend the links in --- */
.badge a {color: #fff;} .badge a {color: #fff;}
/* --- Browse --- */ /* --- Browse --- */
.browse.list-group .list-group-item { .browse.list-group .list-group-item {
word-wrap: break-word; word-wrap: break-word;
&.view-record { &.view-record {
padding: 2px 4px; padding: 2px 4px;
font-size: 85%; font-size: 85%;
text-align: right; text-align: right;
border-top: 0; border-top: 0;
} }
} }
/* --- Cart --- */ /* --- Cart --- */
.cart-controls .checkbox { .cart-controls .checkbox {
line-height: 2.5em; line-height: 2.5em;
padding-right: 1em; padding-right: 1em;
} }
#modal .cart-controls .btn {margin-bottom: 4px;} #modal .cart-controls .btn {margin-bottom: 4px;}
#modal .cart-controls .checkbox {padding-bottom: 1em;} #modal .cart-controls .checkbox {padding-bottom: 1em;}
#modal .cart-controls ~ hr {margin-top: 0;} #modal .cart-controls ~ hr {margin-top: 0;}
/* --- Icons --- */ /* --- Icons --- */
// Search Icons // Search Icons
.fa-grid:before {content: "\f00a";} // .fa-th .fa-grid:before {content: "\f00a";} // .fa-th
.fa-visual:before {content: "\f008";} // .fa-film .fa-visual:before {content: "\f008";} // .fa-film
// Type Icons // Type Icons
.fa-x:before {content: "\f0f6";} // .fa-file-text-o .fa-x:before {content: "\f0f6";} // .fa-file-text-o
.fa-atlas:before {content: "\f14e";} // .fa-compass .fa-atlas:before {content: "\f14e";} // .fa-compass
.fa-book:before {content: "\f02d";} // .fa-book .fa-book:before {content: "\f02d";} // .fa-book
.fa-braille:before {content: "\f0a6";} // .fa-hand-o-up .fa-braille:before {content: "\f0a6";} // .fa-hand-o-up
.fa-cdrom:before {content: "\f109";} // .fa-laptop .fa-cdrom:before {content: "\f109";} // .fa-laptop
.fa-chart:before {content: "\f012";} // .fa-signal .fa-chart:before {content: "\f012";} // .fa-signal
.fa-chipcartridge:before {content: "\f109";} // .fa-laptop .fa-chipcartridge:before {content: "\f109";} // .fa-laptop
.fa-collage:before {content: "\f03e";} // .fa-picture-o .fa-collage:before {content: "\f03e";} // .fa-picture-o
.fa-disccartridge:before {content: "\f109";} // .fa-laptop .fa-disccartridge:before {content: "\f109";} // .fa-laptop
.fa-drawing:before {content: "\f03e";} // .fa-picture-o .fa-drawing:before {content: "\f03e";} // .fa-picture-o
.fa-ebook:before {content: "\f0f6";} // .fa-file-text-o .fa-ebook:before {content: "\f0f6";} // .fa-file-text-o
.fa-electronic:before {content: "\f1c6";} // .fa-file-archive-o .fa-electronic:before {content: "\f1c6";} // .fa-file-archive-o
.fa-filmstrip:before {content: "\f008";} // .fa-film .fa-filmstrip:before {content: "\f008";} // .fa-film
.fa-flashcard:before {content: "\f0e7";} // .fa-bolt .fa-flashcard:before {content: "\f0e7";} // .fa-bolt
.fa-floppydisk:before {content: "\f0c7";} // .fa-save .fa-floppydisk:before {content: "\f0c7";} // .fa-save
.fa-globe:before {content: "\f0ac";} // .fa-globe .fa-globe:before {content: "\f0ac";} // .fa-globe
.fa-journal:before {content: "\f0f6";} // .fa-file-text-o .fa-journal:before {content: "\f0f6";} // .fa-file-text-o
.fa-kit:before {content: "\f0b1";} // .fa-briefcase .fa-kit:before {content: "\f0b1";} // .fa-briefcase
.fa-manuscript:before {content: "\f0f6";} // .fa-file-text-o .fa-manuscript:before {content: "\f0f6";} // .fa-file-text-o
.fa-map:before {content: "\f14e";} // .fa-compass .fa-map:before {content: "\f14e";} // .fa-compass
.fa-microfilm:before {content: "\f008";} // .fa-film .fa-microfilm:before {content: "\f008";} // .fa-film
.fa-motionpicture:before {content: "\f03d";} // .fa-video-camera .fa-motionpicture:before {content: "\f03d";} // .fa-video-camera
.fa-musicalscore:before {content: "\f001";} // .fa-music .fa-musicalscore:before {content: "\f001";} // .fa-music
.fa-musicrecording:before {content: "\f001";} // .fa-music .fa-musicrecording:before {content: "\f001";} // .fa-music
.fa-newspaper:before {content: "\f0f6";} // .fa-file-text-o .fa-newspaper:before {content: "\f0f6";} // .fa-file-text-o
.fa-online:before {content: "\f109";} // .fa-laptop .fa-online:before {content: "\f109";} // .fa-laptop
.fa-painting:before {content: "\f03e";} // .fa-picture-o .fa-painting:before {content: "\f03e";} // .fa-picture-o
.fa-photo:before {content: "\f03e";} // .fa-picture-o .fa-photo:before {content: "\f03e";} // .fa-picture-o
.fa-photonegative:before {content: "\f03e";} // .fa-picture-o .fa-photonegative:before {content: "\f03e";} // .fa-picture-o
.fa-physicalobject:before {content: "\f187";} // .fa-archive .fa-physicalobject:before {content: "\f187";} // .fa-archive
.fa-print:before {content: "\f03e";} // .fa-picture-o .fa-print:before {content: "\f03e";} // .fa-picture-o
.fa-sensorimage:before {content: "\f03e";} // .fa-picture-o .fa-sensorimage:before {content: "\f03e";} // .fa-picture-o
.fa-serial:before {content: "\f0f6";} // .fa-file-text-o .fa-serial:before {content: "\f0f6";} // .fa-file-text-o
.fa-slide:before {content: "\f008";} // .fa-film .fa-slide:before {content: "\f008";} // .fa-film
.fa-software:before {content: "\f109";} // .fa-laptop .fa-software:before {content: "\f109";} // .fa-laptop
.fa-soundcassette:before {content: "\f025";} // .fa-headphones .fa-soundcassette:before {content: "\f025";} // .fa-headphones
.fa-sounddisc:before {content: "\f109";} // .fa-laptop .fa-sounddisc:before {content: "\f109";} // .fa-laptop
.fa-soundrecording:before {content: "\f025";} // .fa-headphones .fa-soundrecording:before {content: "\f025";} // .fa-headphones
.fa-tapecartridge:before {content: "\f109";} // .fa-laptop .fa-tapecartridge:before {content: "\f109";} // .fa-laptop
.fa-tapecassette:before {content: "\f025";} // .fa-headphones .fa-tapecassette:before {content: "\f025";} // .fa-headphones
.fa-tapereel:before {content: "\f008";} // .fa-film .fa-tapereel:before {content: "\f008";} // .fa-film
.fa-transparency:before {content: "\f008";} // .fa-film .fa-transparency:before {content: "\f008";} // .fa-film
.fa-unknown:before {content: "\f128";} // .fa-question .fa-unknown:before {content: "\f128";} // .fa-question
.fa-video:before {content: "\f03d";} // .fa-video-camera .fa-video:before {content: "\f03d";} // .fa-video-camera
.fa-videocartridge:before {content: "\f03d";} // .fa-video-camera .fa-videocartridge:before {content: "\f03d";} // .fa-video-camera
.fa-videocassette:before {content: "\f03d";} // .fa-video-camera .fa-videocassette:before {content: "\f03d";} // .fa-video-camera
.fa-videodisc:before {content: "\f109";} // .fa-laptop .fa-videodisc:before {content: "\f109";} // .fa-laptop
.fa-videoreel:before {content: "\f03d";} // .fa-video-camera .fa-videoreel:before {content: "\f03d";} // .fa-video-camera
/* --- PubDateVis --- */ /* --- PubDateVis --- */
#dateVisColorSettings { #dateVisColorSettings {
background-color: #fff; // background of box background-color: #fff; // background of box
fill: rgb(234,234,234); // fillColor fill: rgb(234,234,234); // fillColor
outline-color: #e8cfac; // selection color outline-color: #e8cfac; // selection color
stroke: @brand-primary; // color stroke: @brand-primary; // color
} }
/* --- Record --- */ /* --- Record --- */
.citation .pace-car { .citation .pace-car {
th, th,
td { td {
border: 0; border: 0;
padding: 0; padding: 0;
} }
} }
.citation th {text-align: right;} .citation th {text-align: right;}
#hierarchyTreeHolder { #hierarchyTreeHolder {
overflow-x: hidden; overflow-x: hidden;
border-right: 1px solid @gray-lighter; border-right: 1px solid @gray-lighter;
} }
#hierarchyTree .currentHierarchy > a, #hierarchyTree .currentHierarchy > a,
#hierarchyTree .currentRecord a { #hierarchyTree .currentRecord a {
font-weight: bold; font-weight: bold;
color: #000; color: #000;
} }
.item-notes ul { padding-left: 2rem; } .item-notes ul { padding-left: 2rem; }
.recordcover {max-height: 300px;} .recordcover {max-height: 300px;}
.tagList { .tagList {
.tag { .tag {
display: inline-block; display: inline-block;
margin: 0 1px 1px; margin: 0 1px 1px;
border-radius: 4px; border-radius: 4px;
&.selected { &.selected {
background-color: @btn-primary-bg; background-color: @btn-primary-bg;
a {color: #fff;} a {color: #fff;}
.badge { .badge {
color: @gray-darker; color: @gray-darker;
background-color: #fff; background-color: #fff;
&:hover {color: #a94442;} &:hover {color: #a94442;}
} }
} }
.button-size(@padding-base-vertical; @padding-base-vertical; @font-size-base; @line-height-base; @border-radius-base); .button-size(@padding-base-vertical; @padding-base-vertical; @font-size-base; @line-height-base; @border-radius-base);
.badge .fa {width: 12px;} .badge .fa {width: 12px;}
} }
button {border: 0;} button {border: 0;}
.tag-form {display: inline;} .tag-form {display: inline;}
} }
.tagList.loggedin .tag:not(.selected) .badge:hover {background-color: @brand-success;} .tagList.loggedin .tag:not(.selected) .badge:hover {background-color: @brand-success;}
/* --- Search --- */ /* --- Search --- */
.bulkActionButtons label {display: inline-block;} .bulkActionButtons label {display: inline-block;}
.bulkActionButtons label input {margin-top: 2px;} .bulkActionButtons label input {margin-top: 2px;}
.grid { @media (max-width: 767px) {min-height: 250px;} } .grid { @media (max-width: 767px) {min-height: 250px;} }
.result { .result {
a.title {font-weight: bold;} a.title {font-weight: bold;}
.left { .left {
text-align: center; text-align: center;
img {max-width: 100%;} img {max-width: 100%;}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
a {text-decoration: underline;} a {text-decoration: underline;}
.middle, .middle,
.right {padding: 0;} .right {padding: 0;}
} }
@media (max-width: 530px) { @media (max-width: 530px) {
.checkbox {display: none !important;} .checkbox {display: none !important;}
.left {width: 40%;} .left {width: 40%;}
.middle {width: 60%;} .middle {width: 60%;}
.right {display: none;} .right {display: none;}
} }
} }
.search-controls .alert {margin-bottom: 0;} .search-controls .alert {margin-bottom: 0;}
.searchtools a {padding: 0 .5em;} .searchtools a {padding: 0 .5em;}
.title-in-heading { .title-in-heading {
font-size: inherit; font-size: inherit;
font-style: italic; font-style: italic;
} }
/* --- Sidebar --- */ /* --- Sidebar --- */
/* Sidebar rounded corners */ /* Sidebar rounded corners */
.narrow-toggle { text-align: center; } .narrow-toggle { text-align: center; }
.sidebar { .sidebar {
label:not(.list-group-item) {margin-left: 20px;} label:not(.list-group-item) {margin-left: 20px;}
.list-group:not(.filters) .title { .list-group:not(.filters) .title {
cursor: pointer; cursor: pointer;
&.collapsed { &.collapsed {
border-radius: @border-radius-base; border-radius: @border-radius-base;
&:after {content: '\25BC';} &:after {content: '\25BC';}
} }
&:after { &:after {
content: '\25B2'; content: '\25B2';
float: right; float: right;
} }
} }
.collapse,.collapsing { .collapse,.collapsing {
.list-group-item { .list-group-item {
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-top-right-radius: 0px; border-top-right-radius: 0px;
&[id^=more] { &[id^=more] {
border-bottom-left-radius: @border-radius-base; border-bottom-left-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base; border-bottom-right-radius: @border-radius-base;
} }
} }
} }
#side-collapse-publishDate .list-group-item { #side-collapse-publishDate .list-group-item {
border-bottom-left-radius: @border-radius-base; border-bottom-left-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base; border-bottom-right-radius: @border-radius-base;
} }
} }
.list-group-item, .badge { .list-group-item, .badge {
i.fa { i.fa {
cursor: inherit; cursor: inherit;
} }
} }
.sidebar .facet a {text-decoration: none;} .sidebar .facet a {text-decoration: none;}
.top-row .applied { .top-row .applied {
font-weight: bold; font-weight: bold;
&:hover { &:hover {
color: @state-danger-text; color: @state-danger-text;
.fa.fa-check:before { .fa.fa-check:before {
content: "\f00d"; content: "\f00d";
} }
} }
} }
/* --- Slider accessibility --- */ /* --- Slider accessibility --- */
.slider-container { .slider-container {
padding:4px 10px; padding:4px 10px;
text-align:center; text-align:center;
.slider.slider-horizontal { .slider.slider-horizontal {
width: 100%; width: 100%;
} }
.slider-track { .slider-track {
background:@gray-light; background:@gray-light;
box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.4); box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.4);
} }
.slider-handle { .slider-handle {
background:@brand-primary; background:@brand-primary;
background-image:none; background-image:none;
border:1px solid @brand-primary; border:1px solid @brand-primary;
box-shadow:none; box-shadow:none;
opacity:.9; opacity:.9;
&:hover,&:active,&:focus { &:hover,&:active,&:focus {
opacity:1; opacity:1;
background:#FFF; background:#FFF;
border-color:@gray-light; border-color:@gray-light;
} }
&:active,&:focus { &:active,&:focus {
border-color:@brand-primary; border-color:@brand-primary;
} }
} }
.slider-selection { .slider-selection {
background: #CCC; background: #CCC;
box-shadow:inset 0 -1px 0 rgba(0,0,0,0.3); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.3);
} }
input {display: none;} input {display: none;}
} }
/* --- Table wrapping to prevent horizontal overflow --- */ /* --- Table wrapping to prevent horizontal overflow --- */
.table { .table {
table-layout: fixed; table-layout: fixed;
word-wrap: break-word; word-wrap: break-word;
} }
/* --- Visualization View --- */ /* --- Visualization View --- */
.node { .node {
position: absolute; position: absolute;
box-sizing: content-box; box-sizing: content-box;
margin: -1px; margin: -1px;
overflow: hidden; overflow: hidden;
font: 10px sans-serif; font: 10px sans-serif;
line-height: 12px; line-height: 12px;
border: 1px solid white; border: 1px solid white;
} }
.node div {margin-top: 0px;} .node div {margin-top: 0px;}
.toplevel {border: 2px solid black;} .toplevel {border: 2px solid black;}
.node .label { .node .label {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
min-height: 1px; min-height: 1px;
padding: 2px 4px; padding: 2px 4px;
font-size: 85%; font-size: 85%;
background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5);
border-radius: 0; border-radius: 0;
text-shadow: none; text-shadow: none;
} }
.notalabel {color: #000;} .notalabel {color: #000;}
#viz-instructions {padding-top: 600px;} #viz-instructions {padding-top: 600px;}
/* ----- HOVER OVERLAY ------ */ /* ----- HOVER OVERLAY ------ */
/* - similar items carousel - */ /* - similar items carousel - */
#similar-items-carousel { #similar-items-carousel {
.carousel-indicators { .carousel-indicators {
bottom: 0px; bottom: 0px;
li { li {
width: 8px; width: 8px;
height: 8px; height: 8px;
margin: 2px; margin: 2px;
background-color: rgba(255,255,255,.3); background-color: rgba(255,255,255,.3);
border-color: @gray-darker; border-color: @gray-darker;
} }
} }
.hover-overlay { .hover-overlay {
position: relative; position: relative;
display: block; display: block;
min-width: 150px; min-width: 150px;
min-height: 200px; min-height: 200px;
margin: auto; margin: auto;
text-align: center; text-align: center;
img { img {
max-width: 100%; max-width: 100%;
margin: 10px 0; margin: 10px 0;
} }
.content { .content {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
display: none; display: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: .5em .5em 0; padding: .5em .5em 0;
color: #fff; color: #fff;
background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5);
} }
&:hover .content {display: block;} &:hover .content {display: block;}
} }
} }
#similar-items-carousel .item {padding: 0 4em;} #similar-items-carousel .item {padding: 0 4em;}
/* --- Hierarchical facets --- */ /* --- Hierarchical facets --- */
/* jsTree arrows */ /* jsTree arrows */
.facet .jstree-ocl:before { .facet .jstree-ocl:before {
float: left; float: left;
width: 10px; width: 10px;
padding: 0; padding: 0;
margin-left: -10px; margin-left: -10px;
font-family: 'FontAwesome'; font-family: 'FontAwesome';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
text-decoration:inherit; text-decoration:inherit;
cursor: pointer; cursor: pointer;
speak: none; speak: none;
} }
.facet .jstree-default { .facet .jstree-default {
& .jstree-open > .jstree-ocl:before {content: "\f0d7";} & .jstree-open > .jstree-ocl:before {content: "\f0d7";}
& .jstree-closed > .jstree-ocl:before {content: "\f0da";} & .jstree-closed > .jstree-ocl:before {content: "\f0da";}
& .jstree-leaf > .jstree-ocl:before {content: " ";} & .jstree-leaf > .jstree-ocl:before {content: " ";}
} }
/* facet list styling */ /* facet list styling */
.jstree-facet li span.main { .jstree-facet li span.main {
display: block; display: block;
padding-left: 1px; /* Fix Firefox cutting the checkboxes */ padding-left: 1px; /* Fix Firefox cutting the checkboxes */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.jstree-facet .jstree-container-ul { .jstree-facet .jstree-container-ul {
padding: 0; padding: 0;
& > li.active, & > li.active,
& > li.active a.jstree-anchor { & > li.active a.jstree-anchor {
background-color: #265680; background-color: #265680;
color: #fff; color: #fff;
} }
} }
li.jstree-facet, li.jstree-facet,
li.jstree-node { li.jstree-node {
list-style: none; list-style: none;
} }
li.jstree-facet .badge {cursor: text;} li.jstree-facet .badge {cursor: text;}
li.jstree-facet ul {padding-left: 20px;} li.jstree-facet ul {padding-left: 20px;}
/* --- Hierarchy tree --- */ /* --- Hierarchy tree --- */
/* jsTree arrows */ /* jsTree arrows */
.hierarchy-tree { .hierarchy-tree {
.jstree-ocl:before { .jstree-ocl:before {
float: left; float: left;
width: 10px; width: 10px;
padding: 0; padding: 0;
margin-left: -10px; margin-left: -10px;
font-family: 'FontAwesome'; font-family: 'FontAwesome';
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
cursor: pointer; cursor: pointer;
text-decoration: inherit; text-decoration: inherit;
speak: none; speak: none;
} }
.jstree-open > .jstree-ocl:before {content: "\f0d7";} .jstree-open > .jstree-ocl:before {content: "\f0d7";}
.jstree-closed > .jstree-ocl:before {content: "\f0da";} .jstree-closed > .jstree-ocl:before {content: "\f0da";}
.jstree-leaf > .jstree-ocl:before {content: " ";} .jstree-leaf > .jstree-ocl:before {content: " ";}
.jstree-icon { .jstree-icon {
width: 16px; width: 16px;
color: #000; color: #000;
} }
.jstree-anchor { .jstree-anchor {
padding: 2px 5px; padding: 2px 5px;
white-space: nowrap; white-space: nowrap;
} }
.jstree-container-ul, .jstree-container-ul,
.jstree-children { .jstree-children {
padding-left: 16px; padding-left: 16px;
} }
.jstree-initial-node {display: none;} .jstree-initial-node {display: none;}
.jstree-clicked { .jstree-clicked {
color: @list-group-active-color; color: @list-group-active-color;
background-color: @list-group-active-bg; background-color: @list-group-active-bg;
.jstree-icon { .jstree-icon {
color: #fff; color: #fff;
} }
} }
.jstree-search a { .jstree-search a {
font-style: italic; font-style: italic;
color: #8b0000 ; color: #8b0000 ;
font-weight: bold; font-weight: bold;
} }
} }
/* --- Offcanvas --- */ /* --- Offcanvas --- */
@offcanvas-offset: 75%; @offcanvas-offset: 75%;
@offcanvas-padding: 30px; @offcanvas-padding: 30px;
.offcanvas-overlay, .offcanvas-overlay,
.offcanvas-toggle {display: none;} .offcanvas-toggle {display: none;}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
body.offcanvas { body.offcanvas {
overflow-x: hidden; /* Prevent scroll on narrow devices */ overflow-x: hidden; /* Prevent scroll on narrow devices */
.sidebar { .sidebar {
position: fixed; position: fixed;
height: 100%; height: 100%;
top: 0; top: 0;
width: @offcanvas-offset; width: @offcanvas-offset;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
overflow-y: auto; overflow-y: auto;
h4 {padding-left: @padding-base-horizontal;} h4 {padding-left: @padding-base-horizontal;}
.checkbox {margin-left: 20px + @padding-base-horizontal;} .checkbox {margin-left: 20px + @padding-base-horizontal;}
.list-group, .list-group-item { .list-group, .list-group-item {
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
border-radius: 0 !important; border-radius: 0 !important;
} }
} }
&.active {overflow-y: hidden;} &.active {overflow-y: hidden;}
&.offcanvas-left { &.offcanvas-left {
padding-left: @offcanvas-padding - @grid-gutter-width/2; padding-left: @offcanvas-padding - @grid-gutter-width/2;
& .main {background: #FFF;} & .main {background: #FFF;}
&.active { &.active {
margin-left: @offcanvas-offset; margin-left: @offcanvas-offset;
margin-right: -@offcanvas-offset; margin-right: -@offcanvas-offset;
.sidebar {left: 0;} .sidebar {left: 0;}
.offcanvas-overlay {right: -@offcanvas-offset;} .offcanvas-overlay {right: -@offcanvas-offset;}
.offcanvas-toggle {left: @offcanvas-offset;} .offcanvas-toggle {left: @offcanvas-offset;}
} }
.sidebar {left: -@offcanvas-offset;} .sidebar {left: -@offcanvas-offset;}
.offcanvas-overlay {right: -100%;} .offcanvas-overlay {right: -100%;}
.offcanvas-toggle { .offcanvas-toggle {
border-radius: 0 @border-radius-small @border-radius-small 0; // top right and bottom right border-radius: 0 @border-radius-small @border-radius-small 0; // top right and bottom right
left: 0; left: 0;
} }
} }
&.offcanvas-right { &.offcanvas-right {
padding-right: @offcanvas-padding - @grid-gutter-width/2; padding-right: @offcanvas-padding - @grid-gutter-width/2;
& .main > .container {background: #FFF;} & .main > .container {background: #FFF;}
&.active { &.active {
margin-left: -@offcanvas-offset; margin-left: -@offcanvas-offset;
margin-right: @offcanvas-offset; margin-right: @offcanvas-offset;
.sidebar {right: 0;} .sidebar {right: 0;}
.offcanvas-overlay {left: -@offcanvas-offset;} .offcanvas-overlay {left: -@offcanvas-offset;}
.offcanvas-toggle {right: @offcanvas-offset;} .offcanvas-toggle {right: @offcanvas-offset;}
} }
.sidebar {right: -@offcanvas-offset;} .sidebar {right: -@offcanvas-offset;}
.offcanvas-overlay {left: -100%;} .offcanvas-overlay {left: -100%;}
.offcanvas-toggle { .offcanvas-toggle {
border-radius: @border-radius-small 0 0 @border-radius-small; // top left and bottom left border-radius: @border-radius-small 0 0 @border-radius-small; // top left and bottom left
right: 0; right: 0;
} }
} }
.offcanvas-overlay { .offcanvas-overlay {
display: block; display: block;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.3);
z-index: 3; z-index: 3;
} }
.offcanvas-toggle { .offcanvas-toggle {
display: block; display: block;
position: fixed; position: fixed;
top: 50%; top: 50%;
width: calc(@offcanvas-padding - 5px); width: calc(@offcanvas-padding - 5px);
padding: 20px 0; padding: 20px 0;
background: @brand-primary; background: @brand-primary;
color: #EEE; color: #EEE;
text-align: center; text-align: center;
z-index: 5; z-index: 5;
} }
.offcanvas-overlay, .offcanvas-overlay,
.offcanvas-toggle, .offcanvas-toggle,
.offcanvas-toggle * {cursor: pointer;} .offcanvas-toggle * {cursor: pointer;}
&,.sidebar, &,.sidebar,
.offcanvas-overlay, .offcanvas-overlay,
.offcanvas-toggle { .offcanvas-toggle {
-webkit-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out; -o-transition: all .25s ease-out;
transition: all .25s ease-out; transition: all .25s ease-out;
} }
} }
} }
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment