comparison: Touchgui/www/css/main.css
Touchgui/www/css/main.css
- changeset 0
- e8ccd40d0ef6
equal
deleted
inserted
replaced
| -1:000000000000 | 0:39a28ad2baa1 |
|---|---|
| 1 .center{ | |
| 2 text-align: center; | |
| 3 } | |
| 4 | |
| 5 h1{ | |
| 6 font-style: italic; | |
| 7 } | |
| 8 | |
| 9 #notifier_circle{ | |
| 10 display: inline-block; | |
| 11 margin-top: 18px; | |
| 12 -webkit-animation-name: spin; | |
| 13 -webkit-animation-duration: 3s; | |
| 14 -webkit-animation-iteration-count: infinite; | |
| 15 -webkit-animation-timing-function: linear; | |
| 16 -moz-animation-name: spin; | |
| 17 -moz-animation-duration: 3s; | |
| 18 -moz-animation-iteration-count: infinite; | |
| 19 -moz-animation-timing-function: linear; | |
| 20 -ms-animation-name: spin; | |
| 21 -ms-animation-duration: 3s; | |
| 22 -ms-animation-iteration-count: infinite; | |
| 23 -ms-animation-timing-function: linear; | |
| 24 | |
| 25 border-radius: 50%; | |
| 26 } | |
| 27 | |
| 28 .green{ | |
| 29 background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%); | |
| 30 background-image: -webkit-radial-gradient(45px 45px, circle cover, #80EE9F, #1BCA37); | |
| 31 background-image: radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%); | |
| 32 } | |
| 33 | |
| 34 .gray{ | |
| 35 background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%); | |
| 36 background-image: -webkit-radial-gradient(45px 45px, circle cover, rgba(182, 180, 180, 0.59), rgba(178, 190, 180, 0)); | |
| 37 background-image: radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%); | |
| 38 } | |
| 39 | |
| 40 .redtext{ | |
| 41 color:red; | |
| 42 } |
