| Index: trunk/mockups/athena/athena.css |
| — | — | @@ -39,6 +39,14 @@ |
| 40 | 40 | z-index: 99999; |
| 41 | 41 | } |
| 42 | 42 | |
| | 43 | +#top-bar { |
| | 44 | + background: -webkit-linear-gradient(top, #3E3E3E 0%,#393939 14%,#2E2E2E 32%,#151515 64%,#080808 84%,#010101 100%); |
| | 45 | +} |
| | 46 | + |
| | 47 | +#bottom-bar { |
| | 48 | + background: -webkit-linear-gradient(top, #3E3E3E 0%,#393939 14%,#2E2E2E 32%,#151515 64%,#080808 84%,#010101 100%); |
| | 49 | +} |
| | 50 | + |
| 43 | 51 | .bar-float { |
| 44 | 52 | position: fixed; |
| 45 | 53 | } |
| — | — | @@ -59,6 +67,7 @@ |
| 60 | 68 | |
| 61 | 69 | .bar .detail { |
| 62 | 70 | background-color: gray; |
| | 71 | + background: -webkit-linear-gradient(top, #6D6D6D 0%,#676767 15%,#5A5A5A 36%,#494949 77%,#282828 100%); |
| 63 | 72 | } |
| 64 | 73 | |
| 65 | 74 | .bar button { |
| — | — | @@ -111,6 +120,9 @@ |
| 112 | 121 | background-position: center right; |
| 113 | 122 | background-repeat: no-repeat; |
| 114 | 123 | |
| | 124 | + box-shadow: 0px 3px 7px #BBBBBB inset; |
| | 125 | + -webkit-box-shadow: 0px 3px 7px #BBBBBB inset; |
| | 126 | + |
| 115 | 127 | width: 95%; |
| 116 | 128 | } |
| 117 | 129 | |