Card by reshades
#212121
1.card { 2 width: 250px; 3 height: 254px; 4 background: #121212; 5 border-radius: 10px; 6 border: 1px #212121 solid; 7} 8 9.card hr { 10 color: #313131; 11 margin-top: -3.5px 12} 13 14.content { 15 color: #8e8e8e; 16 margin-left: 0.3em; 17} 18 19.c1 { 20 color: rgb(55, 91, 158) 21} 22 23.c2 { 24 color: rgb(55, 158, 150) 25} 26 27.c3 { 28 color: rgb(158, 151, 55) 29} 30 31.c4 { 32 color: rgb(88, 158, 55) 33} 34 35.comment { 36 opacity: 50% 37} 38 39.title { 40 color: #e8e8e8; 41 font-size: small; 42 float: left; 43 margin-left: 0.6em; 44 margin-top: 0.6em; 45} 46 47.top { 48 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 49 font-size: 21px; 50 font-weight: 450; 51 background-color: #121212; 52 width: 100%; 53 text-align: right; 54 border-radius: 10px 55} 56 57.topfix { 58 background-color: #121212; 59 width: 100%; 60 height: 1em; 61 margin-top: -1em; 62} 63 64button { 65 width: 40px; 66 height: 35px; 67 margin-left: -5px; 68 border: 0; 69 outline: 0; 70 background: transparent; 71 transition: 0.2s; 72} 73 74button svg path, 75button svg rect, 76button svg polygon { 77 fill: #ffffff; 78} 79 80button svg { 81 width: 10px; 82 height: 10px; 83} 84 85.close:hover { 86 background-color: #ffffff10; 87} 88 89.maximize:hover { 90 background-color: #ffffff10; 91} 92 93.minimize:hover { 94 background-color: #ffffff10; 95}
698 views
698 views
MIT License