| | |
| | | |
| | | .top-card { |
| | | border-radius: 4px; |
| | | background: linear-gradient(to bottom right, #bbf3eb, #62EAD2); |
| | | background: linear-gradient(to bottom right, #a5f5e9, #62EAD2); |
| | | color: white; |
| | | padding: 8px; |
| | | text-shadow: 1px 1px rgb(0, 0, 0, 0.4); |
| | | } |
| | | |
| | | .top-card .top-card__time { |
| | |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .icon { |
| | | width: 13px; |
| | | height: 13px; |
| | | } |
| | | |
| | | .title { |
| | | padding: 8px; |
| | | } |
| | |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | } |
| | | |
| | | .image-btn { |
| | | position: relative; |
| | | } |
| | | |
| | | .image-btn>image { |
| | | width: 46vw; |
| | | height: 90px; |
| | | } |
| | | |
| | | .image-btn .image-btn_title { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 4px; |
| | | color: white; |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .image-btn .image-btn_abstract { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 28px; |
| | | color: white; |
| | | font-size: 10px; |
| | | } |
| | | |
| | | .image-btn .image-btn_goto { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 48px; |
| | | width: 24px; |
| | | height: 24px; |
| | | background-color: white; |
| | | text-align: center; |
| | | border-radius: 50%; |
| | | background-repeat: no-repeat; |
| | | background-position: center; |
| | | background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) |
| | | } |
| | | |
| | | /* .image-btn .image-btn_goto>image { |
| | | width: 14px; |
| | | height: 20px; |
| | | src: url(); |
| | | } */ |