Card by Rodrypaladin
#e8e8e8
1.card { 2 width: 250px; 3 background: rgb(44, 44, 44); 4 font-family: "Courier New", Courier, monospace; 5 border-top-left-radius: 12px; 6 border-top-right-radius: 12px; 7 border-bottom-left-radius: 4px; 8 border-bottom-right-radius: 4px; 9 overflow: hidden; 10} 11 12.card__title { 13 color: white; 14 font-weight: bold; 15 padding: 5px 10px; 16 border-bottom: 1px solid rgb(167, 159, 159); 17 font-size: 0.95rem; 18} 19 20.card__data { 21 font-size: 0.8rem; 22 display: flex; 23 justify-content: space-between; 24 border-right: 1px solid rgb(203, 203, 203); 25 border-left: 1px solid rgb(203, 203, 203); 26 border-bottom: 1px solid rgb(203, 203, 203); 27} 28 29.card__right { 30 width: 60%; 31 border-right: 1px solid rgb(203, 203, 203); 32} 33 34.card__left { 35 width: 40%; 36 text-align: end; 37} 38 39.item { 40 padding: 3px 0; 41 background-color: white; 42} 43 44.card__right .item { 45 padding-left: 0.8em; 46} 47 48.card__left .item { 49 padding-right: 0.8em; 50} 51 52.item:nth-child(even) { 53 background: rgb(234, 235, 234); 54} 55
675 views
675 views
MIT License