/* ========================================================================== Base styles: opinionated defaults ========================================================================== */ @darkblue: #184B63; @lightblue: lighten(@darkblue, 10%); html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .jumbotron.istex-header { padding-bottom: 0; padding-top: 1px; background-color: white; color: white; background-image: url(../img/istex-logo.svg); background-size: 20% 50%; background-repeat: no-repeat; background-position: center; } .jumbotron.istex-header h1 { font-weight: bold; text-align: center; } #logoIA { text-align: center; } .container { height: 100%; } .form-group { max-width: 250px; } .pager li { font-size: 20px; } #searchFieldRow { text-align: center; } #searchField { max-width: 250px; } #advancedSearchTitle { text-align: center; } #tableResult span.glyphicon { font-size: 20px; } #header { border-radius: 0px; margin-bottom: 0px; } #accordion .panel-heading { background-color: @lightblue; border-radius: 0px; } #accordion .panel { border-radius: 0px; border: 0px; } .loading { height: 16px; } .truncate { width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .truncate:hover { overflow: visible; white-space: normal; } #footer { text-align: center; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid gray; } .ui-slider .ui-slider-range { background: none repeat scroll 0 0 gray; } .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } @import (reference) "../vendor/bootstrap-3.3.6/less/variables.less"; @import (reference) "../vendor/bootstrap-3.3.6/less/mixins.less"; @import (reference) "../vendor/bootstrap-3.3.6/less/type.less"; @import (reference) "../vendor/bootstrap-3.3.6/less/glyphicons.less"; @import (reference) "../vendor/bootstrap-3.3.6/less/alerts.less"; @import (reference) "../vendor/bootstrap-3.3.6/less/wells.less"; // // Variables // -------------------------------------------------- //== New colors // @brand-istex-blue: #458CA5; @brand-istex-green: #C4D733; @brand-istex-orange: #FFB465; @brand-istex-violet: #5B59B7; @brand-istex-yellow: #FFD965; /* New colors */ .text-istex-blue{ .text-emphasis-variant(@brand-istex-blue); } .text-istex-green{ .text-emphasis-variant(@brand-istex-green); } .text-istex-orange{ .text-emphasis-variant(@brand-istex-orange); } .text-istex-violet{ .text-emphasis-variant(@brand-istex-violet); } .text-istex-yellow{ .text-emphasis-variant(@brand-istex-yellow); } .bg-istex-blue{ .bg-variant(@brand-istex-blue); } /* ========================================================================== Helpers ========================================================================== */ .vertical-middle { vertical-align: middle; } .inline-block{ display: inline-block; } .generate-inline-push-left(@n, @i: 1) when (@i <= @n){ .inline-push-left-@{i}{ margin-left: unit(@i, em); } .generate-inline-push-left(@n, @i + 1); } .generate-inline-push-left(4); .generate-inline-push-right(@n, @i: 1) when (@i <= @n){ .inline-push-right-@{i}{ margin-right: unit(@i, em); } .generate-inline-push-right(@n, @i + 1); } .generate-inline-push-right(4); .generate-inline-push-down(@n, @i: 1) when (@i <= @n){ .inline-push-down-@{i}{ margin-bottom: unit(@i, em); } .generate-inline-push-down(@n, @i + 1); } .generate-inline-push-down(4); .reset-box{ padding: 0 !important; width: auto !important; height: auto !important; } // link .link-external { &:after { .small; .glyphicon; content: "\e164"; } } // Label .label-istex-documentation { background-color: #f1c40f; background: linear-gradient(135deg, #EAA800 0%,#F1C40F 100%); color: #333; text-shadow: #AAA 1px 1px 2px; } // Warning query syntax #search-warning { display: none; margin-top:1.4em; .alert; .alert-danger; } /* ========================================================================== Tooltip @qtip ========================================================================== */ .qtip { .well; .well-sm; max-width: none; border-radius: @border-radius-large; border: 2px solid @brand-primary; background-color: #EDEDED; } #request-tooltip{ @media (min-width: @screen-sm-min) { max-width: @container-sm - (@grid-gutter-width + 22px); } @media (min-width: @screen-md-min) { max-width: @container-md - (@grid-gutter-width + 22px); } @media (min-width: @screen-lg-min) { max-width: @container-lg - (@grid-gutter-width + 22px); } } #request-tooltip-content{ font-family: "Lucida Console", Monaco, monospace; & > p > mark { padding: 0; white-space: nowrap; } } .qtip-content { padding: 0; /* Surcharge padding de base */ } .istex-tooltip { display: none; // Start hidden max-width: @font-size-base * 25; /* Reset de qtip */ font-size: @font-size-base; line-height: @line-height-computed; & > h5 { display: inline-block; .h4; .bg-primary; } & > p { font-size: @font-size-small; } & > .references{ .small; & > h6 { margin-bottom: @line-height-computed / 4; } } hr { margin-top: @line-height-computed / 2; margin-bottom: @line-height-computed / 2; border-top-color: @gray-light; } .query-chunk { font-size: @font-size-large; &:before,&:after { content: "..."; } & > mark{ &[data-ng-bind*="corpus"],bg-corpus { .bg-corpus; } &[data-ng-bind*="copyrightDate"] { .bg-copyrightDate; } &[data-ng-bind*="pubDate"] { .bg-pubDate; } &[data-ng-bind*="searchKeys"] { .bg-searchKeys; } &[data-ng-bind*="title"] { .bg-title; } &[data-ng-bind*="author"] { .bg-author; } &[data-ng-bind*="subject"] { .bg-subject; } } } } // New Contextual backgrounds .bg-searchKeys { background-color: lighten(@brand-istex-violet, 15%); } .bg-corpus { background-color: lighten(@brand-istex-blue, 15%); } .bg-author { background-color: lighten(@brand-istex-orange, 15%); } .bg-title { background-color: lighten(@brand-istex-yellow, 15%); } .bg-subject { background-color: lighten(@brand-istex-green, 15%); } .bg-copyrightDate { background-color: lighten(@brand-istex-violet, 10%); } .bg-pubDate { background-color: lighten(@brand-istex-blue, 10%); } .bg-wos { background-color: lighten(@brand-istex-orange, 20%); } .bg-lang { background-color: lighten(@brand-istex-yellow, 10%); } .bg-score { background-color: lighten(@brand-istex-green, 10%); } .bg-pdfWordCount { background-color: lighten(@brand-istex-violet, 20%); } .bg-pdfCharCount { background-color: lighten(@brand-istex-blue, 20%); } .bg-pdfVersion { background-color: lighten(@brand-istex-orange, 20%); } .bg-refBibsNative { background-color: lighten(@brand-istex-yellow, 20%); } .bg-facets { background-color: lighten(@brand-istex-green, 10%); } .bg-from { background-color: lighten(@brand-istex-violet, 5%); } .bg-size { background-color: lighten(@brand-istex-blue, 5%); } .bg-sortBy { background-color: lighten(@brand-istex-orange, 10%); } .bg-output { background-color: lighten(@brand-istex-yellow, 5%); } .bg-stats { background-color: lighten(@brand-istex-green, 5%); } // Reset input copyrightDate .amount{ border:0; padding-top:0; padding-left:0; } // Ellpisis // @dotdotdot #tableResult > tr > td > h4 { max-height: 1.13em; } .abstract{ &:hover{ background-color: darken(@table-bg-hover, 5%); cursor: zoom-out; } &.ellipsed{ max-height: 5.6em; &:hover{ cursor: zoom-in; } } } .glyphicon-flip-horizontal{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } // Enrichments .enrichment{ position: relative; } .enrichment-type{ position: absolute; left: 50%; margin-left: -65%; color: #000; font-weight: 700; vertical-align: super; line-height: 1; background-color: #F1DB32; transform: rotate(17deg) scale(0.80) skew(1deg) translate(0px); -webkit-transform: rotate(17deg) scale(0.80) skew(1deg) translate(0px); -moz-transform: rotate(17deg) scale(0.80) skew(1deg) translate(0px); -o-transform: rotate(17deg) scale(0.80) skew(1deg) translate(0px); -ms-transform: rotate(17deg) scale(0.80) skew(1deg) translate(0px); } // Pager #topResultPager{ margin-bottom: 5px; } .page{ text-align:center; margin-top:5px; } // Réponse brute complète #jsonFromApi{ overflow-wrap: break-word; } // Résultats #totalResults { border:0; text-align: center; width: 80px; } #totalms { border:0; width: 30px; font-size: smaller; } #topResultPager { padding-right: 0px; } #sortMenu { width: 100%; }