result.less 4.12 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 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 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187
/* Ergebnis */

.result {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
    .result-title a {
        color: black;
        font-size: 18px;
        font-weight: bold;
    }
    .result-header {
        display: flex;
        >* {
            white-space: nowrap;
        }
        >*:not(:first-child) {
            margin-left: 5px;
        }
        .result-link {
            overflow: auto;
            a {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
            }
        }
    }
    .result-information {
        border-radius: 5px;
        padding-left: 0px;
        &>.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: 18px;
        font-weight: bold;
        margin-bottom: 0;
        white-space: nowrap;
        line-height: 1.1;
        max-width: 115ch;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .link {
        font-size: 16px;
        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: 16px;
        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;
        }
    }
    &.ad {
        .ad-label {
            border: green solid 1px;
            padding: 1px;
            color: green;
            border-radius: 4px;
        }
        .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%;
    }
}