Line 1: |
Line 1: |
| | | |
− | .dot { | + | .circle { |
− | height: 25px;
| + | position: relative; |
− | width: 25px;
| + | display: inline-block; |
− | background-color: #bbb;
| + | width: 100%; |
− | border-radius: 50%;
| + | height: 0; |
− | display: inline-block;
| + | padding: 50% 0%; |
− | } | + | border-radius: 50%; |
| + | /* Just making it pretty */ |
| + | @shadow: rgba(0, 0, 0, .1); |
| + | @shadow-length: 4px; |
| + | -webkit-box-shadow: 0 @shadow-length 0 0 @shadow; |
| + | box-shadow: 0 @shadow-length 0 0 @shadow; |
| + | text-shadow: 0 @shadow-length 0 @shadow; |
| + | background: #000; |
| + | color: white; |
| + | font-family: "josefin sans", Arial Black, sans; |
| + | font-size: 20px; |
| + | text-align: center; |
| + | } |
| | | |
| | | |