Commit 11b59447 authored by Karl Hasselbring's avatar Karl Hasselbring
Browse files

Die Optionen der Ergebnisse haben jetzt die selbe Größe wie die Öffnen-Knöpfe

parent a6fccbeb
...@@ -5,202 +5,202 @@ ...@@ -5,202 +5,202 @@
@result-font-url: 14px; @result-font-url: 14px;
@result-font-small: 12px; @result-font-small: 12px;
.result { .result {
.card; .card;
margin: @resultpage-leftbox-min-dist-top-bottom 0px margin: @resultpage-leftbox-min-dist-top-bottom 0px @resultpage-leftbox-min-dist-top-bottom 0px;
@resultpage-leftbox-min-dist-top-bottom 0px; padding: 15px;
padding: 15px; width: 100%;
width: 100%; .result-header {
.result-header { .result-headline {
.result-headline { display: flex;
display: flex; justify-content: space-between;
justify-content: space-between; .result-title {
.result-title { margin: 0px;
margin: 0px; &>* {
& > * { font-size: @result-font-large;
font-size: @result-font-large; }
.overflow-ellipsis;
.result-price {
padding: 0px 10px;
color: white;
background-color: #666699;
border-radius: 3px;
}
a {
&,
&:active,
&:hover,
&:focus,
&:visited {
color: black;
text-decoration: none;
}
}
}
.result-hoster {
font-size: @result-font-small;
margin-left: 20px;
color: #808080;
white-space: nowrap;
}
} }
.overflow-ellipsis; .result-link {
.result-price { .overflow-ellipsis;
padding: 0px 10px; display: block;
color: white; font-size: @result-font-small;
background-color: #666699; width: fit-content;
border-radius: 3px; max-width: 100%;
&,
&:active,
&:hover,
&:focus,
&:visited {
font-size: @result-font-url;
text-decoration: none;
}
span.advertisement-mark {
background-color: #0d9c0d;
color: white;
padding: 3px;
border-radius: 4px;
font-weight: bold;
font-size: 10px;
margin-right: 10px;
}
} }
a {
&,
&:active,
&:hover,
&:focus,
&:visited {
color: black;
text-decoration: none;
}
}
}
.result-hoster {
font-size: @result-font-small;
margin-left: 20px;
color: #808080;
white-space: nowrap;
}
}
.result-link {
.overflow-ellipsis;
display: block;
font-size: @result-font-small;
width: fit-content;
max-width: 100%;
&,
&:active,
&:hover,
&:focus,
&:visited {
font-size: @result-font-url;
text-decoration: none;
}
span.advertisement-mark {
background-color: #0d9c0d;
color: white;
padding: 3px;
border-radius: 4px;
font-weight: bold;
font-size: 10px;
margin-right: 10px;
}
}
}
.result-body {
margin-top: 1px;
width: 90%;
display: flex;
text-align: justify;
.result-image {
width: 180px;
padding-right: 10px;
margin-right: 10px;
& img {
display: block;
max-width: 160px;
max-height: 120px;
width: auto;
height: auto;
}
}
.result-description {
margin-bottom: 3px;
word-break: break-word;
color: @result-description-color;
font-size: 13px;
line-height: 1.3;
clear: both;
.date {
font-weight: bold;
}
p {
margin: 0;
margin-bottom: 4px;
}
img {
margin: 5px;
margin-left: 0px;
margin-right: 15px;
height: auto;
width: auto;
max-width: 120px;
max-height: 200px;
border: solid 1px @result-description-img-border-color;
}
}
}
.result-footer {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
& > *:not(:first-child) {
margin-left: 20px;
} }
.result-open, .result-body {
.result-open-newtab { margin-top: 1px;
&, width: 90%;
&:active, display: flex;
&:hover, text-align: justify;
&:focus, .result-image {
&:visited { width: 180px;
color: black; padding-right: 10px;
font-size: @result-font-small; margin-right: 10px;
text-decoration: none; & img {
} display: block;
} max-width: 160px;
@media (max-width: 499px) { max-height: 120px;
.result-open-newtab { width: auto;
display: none; height: auto;
} }
} }
.result-open-proxy { .result-description {
&, margin-bottom: 3px;
&:active, word-break: break-word;
&:hover, color: @result-description-color;
&:focus, font-size: 13px;
&:visited { line-height: 1.3;
color: black; clear: both;
font-size: @result-font-small; .date {
text-decoration: none; font-weight: bold;
} }
white-space: nowrap; p {
margin-left: 25px; margin: 0;
img { margin-bottom: 4px;
margin-bottom: 0px; }
margin-right: 2px; img {
} margin: 5px;
} margin-left: 0px;
.open-result-options { margin-right: 15px;
font-weight: normal; height: auto;
font-size: @result-font-small; width: auto;
flex-grow: 1; max-width: 120px;
text-align: right; max-height: 200px;
@media (max-width: 499px) { border: solid 1px @result-description-img-border-color;
display: none; }
} }
}
}
&.ad .ad-label {
&,
& a,
& a:active,
& a:hover,
& a:focus,
& a:visited {
font-size: @result-font-small;
color: #808080;
} }
} .result-footer {
& > .remover { margin-top: 10px;
cursor: pointer; display: flex;
text-align: right; flex-wrap: wrap;
color: #777; &>*:not(:first-child) {
} margin-left: 20px;
& > .result-options { }
& > .options { .result-open,
width: 100%; .result-open-newtab {
text-align: right; &,
overflow: hidden; &:active,
max-height: 0px; &:hover,
transition: all 1s; &:focus,
-webkit-transition: all 1s; &:visited {
opacity: 0; color: black;
font-size: @result-font-small;
text-decoration: none;
}
}
@media (max-width: 499px) {
.result-open-newtab {
display: none;
}
}
.result-open-proxy {
&,
&:active,
&:hover,
&:focus,
&:visited {
color: black;
font-size: @result-font-small;
text-decoration: none;
}
white-space: nowrap;
margin-left: 25px;
img {
margin-bottom: 0px;
margin-right: 2px;
}
}
.open-result-options {
font-weight: normal;
font-size: @result-font-small;
flex-grow: 1;
text-align: right;
@media (max-width: 499px) {
display: none;
}
}
} }
& > .result-toggle:checked + .options { &.ad .ad-label {
max-height: 150px; &,
overflow: initial; & a,
opacity: 1; & a:active,
& a:hover,
& a:focus,
& a:visited {
font-size: @result-font-small;
color: #808080;
}
} }
li { &>.remover {
font-size: 14px; cursor: pointer;
text-transform: uppercase; text-align: right;
margin: 10px 0; color: #777;
} }
li > a { &>.result-options {
color: black; &>.options {
font-size: @result-font-small;
width: 100%;
text-align: right;
overflow: hidden;
max-height: 0px;
transition: all 1s;
-webkit-transition: all 1s;
opacity: 0;
}
&>.result-toggle:checked+.options {
max-height: 150px;
overflow: initial;
opacity: 1;
}
li {
font-size: @result-font-small;
text-transform: uppercase;
margin: 10px 0;
}
li>a {
color: black;
}
} }
} }
} \ No newline at end of file
Supports Markdown
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