result.less 3.55 KB
Newer Older
1 2 3
/* Ergebnis */

.result {
4 5 6
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
7 8
    padding-left: 4px;
    padding-right: 4px;
9
    width: 100%;
10 11 12 13 14 15 16 17 18 19 20 21 22 23
    .result-title {
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        a,
        a:active,
        a:focus,
        a:visited {
            color: black;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
        }
24 25 26 27
    }
    .result-header {
        display: flex;
        >*:not(:first-child) {
28
            margin-left: 10px;
29 30 31 32 33 34 35 36 37 38
        }
        .result-link {
            overflow: auto;
            a {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
            }
        }
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
        .result-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;
                }
            }
70
        }
71 72 73
        .result-hoster {
            font-size: 13px;
            color: @result-hoster-color;
74
            white-space: nowrap;
75 76 77
            a {
                color: @result-hoster-a-color;
            }
78
        }
79 80 81 82
        .partnershop-info {
            font-size: 13px;
            margin-top: 0;
            margin-left: 10px;
83
        }
84
        .result-proxy, .result-proxy a {
85 86
            font-size: 13px;
            margin-top: 0;
87
            white-space: nowrap;
88 89 90 91
            img {
                margin-bottom: 0px;
                margin-right: 2px
            }
92 93
        }
    }
94 95 96 97
    .result-body {
        .result-description {
            margin-bottom: 3px;
            color: @result-description-color;
98
            font-size: 16px;
99 100 101 102
            line-height: 1.3;
            clear: both;
            .date {
                font-weight: bold;
103
            }
104 105 106
            p {
                margin: 0;
                margin-bottom: 4px;
107
            }
108 109 110 111 112 113 114 115 116
            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;
117 118
            }
        }
119 120 121 122
        .result-image>img {
            height: 100px;
            padding: 10px;
            max-width: 100%;
123 124
        }
    }
125 126 127 128 129
    &.ad .ad-label {
        border: green solid 1px;
        padding: 1px;
        color: green;
        border-radius: 4px;
130
    }
131 132 133 134 135 136 137 138 139
    .result-information {
        border-radius: 5px;
        padding-left: 0px;
        &>.save {
            position: absolute;
            top: 0;
            right: 10px;
            cursor: pointer;
        }
140
    }
141 142 143 144
    &>.remover {
        cursor: pointer;
        text-align: right;
        color: #777;
145 146
    }
}