Mercurial > bottledash
comparison static/dash_style.css @ 28:af280057d5fa
enhanced the design
| author | sean |
|---|---|
| date | Fri, 14 Aug 2015 13:11:34 +0200 |
| parents | 3dfa9ed1dd8b |
| children | accefaf00c6a |
comparison
equal
deleted
inserted
replaced
| 27:030352fbf3ab | 28:af280057d5fa |
|---|---|
| 7 body { | 7 body { |
| 8 overflow: hidden; | 8 overflow: hidden; |
| 9 } | 9 } |
| 10 | 10 |
| 11 #wrapper{ | 11 #wrapper{ |
| 12 background-color: #F2F2F2; | 12 background-color: #0b1480; |
| 13 color: black; | 13 color: black; |
| 14 min-width: 100%; | 14 min-width: 100%; |
| 15 min-height: 100%; | 15 min-height: 100%; |
| 16 } | 16 } |
| 17 | 17 |
| 25 | 25 |
| 26 .tile{ | 26 .tile{ |
| 27 float: left; | 27 float: left; |
| 28 margin: 8px; | 28 margin: 8px; |
| 29 background-color: #FFFFFF; | 29 background-color: #FFFFFF; |
| 30 border: 1px solid #999999; | 30 border: 2px solid #999999; |
| 31 border: none; | 31 } |
| 32 text-align:center; | 32 |
| 33 vertical-align: middle; | 33 .tilecontent{ |
| 34 display: table-cell; | |
| 35 vertical-align: middle; | |
| 36 text-align:center; | |
| 34 } | 37 } |
| 35 | 38 |
| 36 .clear{ | 39 .clear{ |
| 37 height: 0px; | 40 height: 0px; |
| 38 clear: both; | 41 clear: both; |
| 39 } | 42 } |
| 40 | 43 |
| 41 .active{ | 44 .active{ |
| 42 border: 1px solid #00cc00; | 45 border: 2px solid #00cc00; |
| 43 background-color: #009900; | 46 background-color: #009900; |
| 47 color: #FFFFFF; | |
| 48 } | |
| 49 | |
| 50 .unclear{ | |
| 51 border: 2px solid #ffffd7; | |
| 52 background-color: #FFFF66; | |
| 53 color: #000000; | |
| 44 } | 54 } |
| 45 | 55 |
| 46 .dead{ | 56 .dead{ |
| 47 border: 1px solid #cc0000; | 57 border: 2px solid #cc0000; |
| 48 background-color: #990000; | 58 background-color: #990000; |
| 59 color: #FFFFFF; | |
| 49 } | 60 } |