@body-background-color: @result-page-body-background-color; @footer-a-color: @result-page-color-black!important; @hostlabel-a-link-or-visited-color: @result-page-color-white; @hostlabel-background-color: @result-page-color-strong-grey; @navbar-resultpage-background-color: @result-page-color-white; @navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color: @result-page-color-grey; @navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @result-page-color-almost-white; @research-a-color: @result-page-color-black; @content-wrapper-background-color: @result-page-color-white; @a-visited-color: @result-page-a-visited-color; @a-hover-color: @result-page-a-hover-color; @a-donation-normal-or-visited-color: inherit; @a-donation-hover-color: @result-page-a-hover-color; @resultpage-foki-or-foki-background-color: @result-page-color-white; @resultpage-foki-or-foki-li-a-color: @result-page-color-grey; @resultpage-foki-or-foki-li-active-a-color: @result-page-color-black; @resultpage-foki-or-foki-li-active-a-background-color: @result-page-color-white; @spruch-author-color: @result-page-color-strong-grey; @result-title-color: @result-page-color-black; @result-link-options-color: @result-page-color-strong-grey; @result-link-options-a-color: @result-page-color-strong-grey; @result-description-color: @result-page-color-black; @result-description-img-border-color: @result-page-color-almost-white; @result-hoster-color: @result-page-color-grey; @result-hoster-a-color: @result-page-color-strong-grey; @options-list-li-hover-background-color: @result-page-color-almost-white; @options-list-li-a-color: @result-page-color-strong-grey; @image-item-img-box-shadow-color: fade(@result-page-color-black, 30%); @searchplugin-a-color: @result-page-color-white; @product-border-color: @result-page-color-almost-white; @product-a-color: @result-page-color-strong-grey; @product-price-color: @result-page-color-strong-grey; @product-price-background-color: fade(@result-page-color-white, 90%); @product-shop-color: @result-page-product-shop-color; @lsprev-or-lsnext-i-background-color: @result-page-color-black; body { background-image: inherit; background-color: @body-background-color; } footer { text-align: center; a { color: @footer-a-color; } } #map, #map div { display: flex; margin: 0; } .nav-tabs>li>a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tab-content { padding-top: 10px; } .hostlabel { display: none; position: relative; margin-top: -14px; background-color: @hostlabel-background-color; a:link, a:visited { color: @hostlabel-a-link-or-visited-color; } } .img:hover .hostlabel { display: block; } .tab-pane.active { padding: 10px 0; padding-top: 0; } .tab-pane .alert { margin: 10px 0; padding: 5px 15px; } .alert ul { list-style-type: none; padding-left: 49px; } .navbar-resultpage { background-color: @navbar-resultpage-background-color; position: absolute; &>ul>li { padding-left: 0; padding-right: 0; &>a:not(.metager-navbar-toggle) { display: block; padding: 10px; color: @navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color; } &.active>a, a.metager-dropdown-toggle:hover, a.metager-dropdown-toggle:focus { background-color: @navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color; } } &>ul.list-inline { margin-bottom: 0; } @media (max-width: @screen-xs-max) { right: 0px!important; left: 0px!important; } right: initial; left: initial; margin-bottom: 0px; .container { padding: 0px; margin: 0px; } .logo { padding-top: 0px; } .input-group { margin: 0px 5px; } } .fa.fa-twitter{ color: #6faedc } .dense-col { padding: 0px } .logo { height: 35px; padding: 5px 0; &>a { line-height: 100%; height: 100%; display: block; } } .input-group-addon { padding: 0; } input#eingabeTop { height: 35px; } nav .input-group { height: 35px; padding: 5px 0; } #research { nav { ul>li { width: 20%; vertical-align: middle; padding-left: 15px; padding-right: 15px; } ul>li.visible-xs { width: 10%; padding-left: 15px; padding-right: 15px; } } ul.list-inline { margin-left: 0; width: 100%; } a { color: @research-a-color; } .visible-xs { @media (max-width: 767px) { display: inline-block!important; } } } .logo h1 { font-family: Liberation Sans, sans-serif; font-style: italic; margin: 0; font-weight: bold; line-height: 1; white-space: nowrap; } #search { background-color: inherit; border: 0; width: 50px; height: 100%; } .content-wrapper { padding: 0px; padding-top: 52px; background-color: @content-wrapper-background-color; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); } #helpButton { color: black; } a { &:visited { color: @a-visited-color; } &:hover { text-decoration: none; color: @a-hover-color; } &#donation { &, &:visited { color: @a-donation-normal-or-visited-color; } &:hover { color: @a-donation-hover-color; } } } .resultpage-foki, .foki { background-color: @resultpage-foki-or-foki-background-color; li { margin: 0px; margin-bottom: -1px; a { color: @resultpage-foki-or-foki-li-a-color; padding: 8px 12px; i+span { margin-left: 5px; } } span { margin-left: 3px; } &.active { i+span { display: inline!important; } a { color: @resultpage-foki-or-foki-li-active-a-color; background-color: @resultpage-foki-or-foki-li-active-a-background-color; } } } } #spenden { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #spruch { .author { font-size: 80%; font-weight: normal; font-style: italic; color: @spruch-author-color; } &>p { margin-bottom: 0; &+p { margin-top: 4px; } } } .saver-options { display: flex; padding-bottom: 15px; &>input { min-width: 35%; max-width: 80%; } } .ui-effects-transfer { border: 1px dotted black; } .result { margin-bottom: 10px; width: 100%; &>.number { font-size: 15px; line-height: 1; text-align: right; } &>.resultInformation { border-radius: 5px; &>.save { position: absolute; top: 0; right: 10px; cursor: pointer; } } &>.remover { cursor: pointer; text-align: right; color: #777; } .title { color: @result-title-color; text-decoration: none; font-size: 14px; font-weight: bold; margin-bottom: 0; white-space: nowrap; line-height: 1.1; max-width: 115ch; overflow: hidden; text-overflow: ellipsis; } .link { font-size: 13px; margin: 0; line-height: 1.5; &>div { white-space: nowrap; } &>span { white-space: nowrap; margin: 0 5px; } .options { color: @result-link-options-color; float: left; } .options>a { color: @result-link-options-a-color; display: block; padding-left: 8px; padding-right: 5px; } } .link-link { white-space: nowrap; max-width: 60%; overflow: hidden; text-overflow: ellipsis; float: left; } .description { margin-bottom: 3px; color: @result-description-color; font-size: 14px; line-height: 1.3; clear: both; .date { font-weight: bold; } p { margin: 0; margin-bottom: 4px; } img { margin: 5px; margin-left: 0; margin-right: 15px; height: auto; width: auto; max-width: 120px; max-height: 200px; border: solid 1px @result-description-img-border-color; } } &.ad .description { max-width: 115ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hoster { font-size: 13px; margin: 0; color: @result-hoster-color; margin-right: 10px; white-space: nowrap; a { color: @result-hoster-a-color; } } .options { .option-opener-icon { display: block; font-size: 16px; color: #2A2ADE; } .option-content { background-color: white; z-index: 1000; position: absolute; border: grey solid 1px; color: black; font-size: 16px; border-radius: 5px; hr { margin: 5px; } li { padding: 5px } li:not(.option-title):hover { background-color: #e0e0e0; } a, a:hover, a:focus, a:visited { color: black; display: block; } } } .proxy { font-size: 13px; margin-top: 0; white-space: nowrap; img { margin-bottom: 0px; margin-right: 2px } } .partnershop-info { font-size: 13px; margin-top: 0; margin-left: 10px; } .result-image>img { height: 100px; padding: 10px; } .image>img { max-width: 100%; } } .description-container { margin: 0!important; } .options-list>li { &:hover { background-color: @options-list-li-hover-background-color; } &>a { color: @options-list-li-a-color; white-space: nowrap; display: block; padding: 5px 14px; } input[type=submit] { width: 100%; background-color: transparent; border: 0; margin: 5px 0; } } #quicktips iframe { width: 100%; height: 800px; background-color: transparent; border: 0px none transparent; padding: 0px; overflow: hidden; } .js-only { display: none; } /* Hier der Style für die Bilder */ #fit-width .masonry { margin: 0 auto; } .image-item { width: 150px; text-align: center; margin-bottom: 10px; margin: 5px; .img { box-shadow: 0px 0px 10px 2px @image-item-img-box-shadow-color; } } .image-container { margin: 10px auto; display: flex; flex-wrap: wrap; } /* Placeholder für ladende Tabs */ .loader { text-align: center; margin-top: 20px; &>img { width: 30px; } } .pager { text-align: center; } #searchplugin { display: none; position: fixed; top: 50px; right: 10px; z-index: 501; width: 25%; &>div { text-align: center; padding-top: 5px; } &>a { color: @searchplugin-a-color; } } @media(min-width: 768px) { #searchplugin { display: initial; } } .product { text-align: center; border: 1px dotted @product-border-color; padding: 5px; max-width: 150px; height: 210px; a { color: @product-a-color; } img { max-width: 100px; } .price { position: relative; top: 20px; color: @product-price-color; background-color: @product-price-background-color; text-align: left; width: 80px; font-weight: bold; } .title { font-size: 12px; font-weight: bold; text-align: left; max-height: 31px; overflow: hidden; margin-bottom: 4px; } .shop { font-size: 10px; text-align: left; color: @product-shop-color; margin-bottom: 6px; } .shipping { font-size: 10px; text-align: left; } } .lightslider { overflow: visible!important; } #products { width: 100%; height: 210px; padding-bottom: 0; transform: translate3d(0px, 0px, 0px); margin-bottom: 10px; } .lSPrev>i, .lSNext>i { background-color: @lsprev-or-lsnext-i-background-color; padding: 5px; } #mark { font-size: 13px; a { margin-left: 3px; } } @media(max-width: @screen-xs-max) { .resultContainer { padding-left: 0; padding-right: 0; } }