style.css (1413B)
1 .block-timer { 2 padding: 5px; 3 background-color: #2d2d2d; 4 border-radius: 500px; 5 width: 277px; 6 box-sizing: border-box; 7 display: -webkit-box; 8 display: -ms-flexbox; 9 display: flex; 10 -webkit-box-pack: justify; 11 -ms-flex-pack: justify; 12 justify-content: space-between; 13 -webkit-box-align: center; 14 -ms-flex-align: center; 15 align-items: center; 16 box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); 17 -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); 18 -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); 19 padding-left: 50px; } 20 .block-timer img { 21 width: 50px; 22 height: 50px; 23 border-radius: 50%; } 24 .block-timer h3 { 25 font-size: 14px; 26 font-weight: 500; 27 color: #fff; 28 margin: 0; } 29 .block-timer p { 30 font-size: 14px; 31 font-weight: 100; 32 color: #ababab; 33 margin: 0; } 34 .block-timer .caret-icon { 35 border: 2px solid; 36 border-radius: 50%; 37 color: #6c6c6c; 38 margin: 0 15px; 39 width: 23px; 40 height: 23px; 41 font-size: 20px; 42 cursor: pointer; } 43 .block-timer .caret-icon .fa { 44 width: 100%; 45 text-align: center; 46 -webkit-transition: 400ms; 47 -o-transition: 400ms; 48 transition: 400ms; } 49 .block-timer .caret-icon.closed .fa { 50 -webkit-transform: rotate(180deg) translateY(1px); 51 -ms-transform: rotate(180deg) translateY(1px); 52 transform: rotate(180deg) translateY(1px); } 53 54 /*# sourceMappingURL=style.css.map */