Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | .clearfix { |
| 2 | *zoom: 1; |
||
| 3 | } |
||
| 4 | .clearfix:before, |
||
| 5 | .clearfix:after { |
||
| 6 | display: table; |
||
| 7 | content: ""; |
||
| 8 | line-height: 0; |
||
| 9 | } |
||
| 10 | .clearfix:after { |
||
| 11 | clear: both; |
||
| 12 | } |
||
| 13 | .hide-text { |
||
| 14 | font: 0/0 a; |
||
| 15 | color: transparent; |
||
| 16 | text-shadow: none; |
||
| 17 | background-color: transparent; |
||
| 18 | border: 0; |
||
| 19 | } |
||
| 20 | .input-block-level { |
||
| 21 | display: block; |
||
| 22 | width: 100%; |
||
| 23 | min-height: 30px; |
||
| 24 | -webkit-box-sizing: border-box; |
||
| 25 | -moz-box-sizing: border-box; |
||
| 26 | box-sizing: border-box; |
||
| 27 | } |
||
| 28 | .clockface { |
||
| 29 | width: 160px; |
||
| 30 | padding: 3px; |
||
| 31 | text-align: center; |
||
| 32 | /* |
||
| 33 | .l3 .center span { |
||
| 34 | vertical-align: middle; |
||
| 35 | display: inline-block; |
||
| 36 | .ie7-inline-block(); |
||
| 37 | padding: 0 2px; |
||
| 38 | } |
||
| 39 | */ |
||
| 40 | |||
| 41 | /* |
||
| 42 | input { |
||
| 43 | width: 20px; |
||
| 44 | margin: 0; |
||
| 45 | vertical-align: top; |
||
| 46 | } |
||
| 47 | |||
| 48 | a { |
||
| 49 | text-decoration: none; |
||
| 50 | padding: 0 3px; |
||
| 51 | vertical-align: top; |
||
| 52 | font-size: 0.85em; |
||
| 53 | .border-radius(3px); |
||
| 54 | |||
| 55 | &.am {margin-right: 8px;} |
||
| 56 | |||
| 57 | &.active, |
||
| 58 | &.active:hover { |
||
| 59 | .buttonBackground(@btnSuccessBackground, spin(@btnSuccessBackground, 20)); |
||
| 60 | } |
||
| 61 | } |
||
| 62 | */ |
||
| 63 | |||
| 64 | } |
||
| 65 | .clockface > div { |
||
| 66 | clear: both; |
||
| 67 | overflow: auto; |
||
| 68 | } |
||
| 69 | .clockface .outer, |
||
| 70 | .clockface .inner { |
||
| 71 | width: 22px; |
||
| 72 | height: 22px; |
||
| 73 | line-height: 22px; |
||
| 74 | cursor: default; |
||
| 75 | -webkit-border-radius: 4px; |
||
| 76 | -moz-border-radius: 4px; |
||
| 77 | border-radius: 4px; |
||
| 78 | } |
||
| 79 | .clockface .outer.active, |
||
| 80 | .clockface .inner.active, |
||
| 81 | .clockface .outer.active:hover, |
||
| 82 | .clockface .inner.active:hover { |
||
| 83 | color: #fff; |
||
| 84 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||
| 85 | } |
||
| 86 | .clockface .outer:hover, |
||
| 87 | .clockface .inner:hover { |
||
| 88 | background-color: #dcdcdc; |
||
| 89 | } |
||
| 90 | .clockface .outer { |
||
| 91 | color: gray; |
||
| 92 | font-size: 0.8em; |
||
| 93 | } |
||
| 94 | .clockface .outer.active, |
||
| 95 | .clockface .outer.active:hover { |
||
| 96 | color: #ffffff; |
||
| 97 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||
| 98 | background-color: #5bb75b; |
||
| 99 | background-image: -moz-linear-gradient(top, #62c462, #51a351); |
||
| 100 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); |
||
| 101 | background-image: -webkit-linear-gradient(top, #62c462, #51a351); |
||
| 102 | background-image: -o-linear-gradient(top, #62c462, #51a351); |
||
| 103 | background-image: linear-gradient(to bottom, #62c462, #51a351); |
||
| 104 | background-repeat: repeat-x; |
||
| 105 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); |
||
| 106 | border-color: #51a351 #51a351 #387038; |
||
| 107 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||
| 108 | *background-color: #51a351; |
||
| 109 | /* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
||
| 110 | |||
| 111 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||
| 112 | } |
||
| 113 | .clockface .outer.active:hover, |
||
| 114 | .clockface .outer.active:hover:hover, |
||
| 115 | .clockface .outer.active:active, |
||
| 116 | .clockface .outer.active:hover:active, |
||
| 117 | .clockface .outer.active.active, |
||
| 118 | .clockface .outer.active:hover.active, |
||
| 119 | .clockface .outer.active.disabled, |
||
| 120 | .clockface .outer.active:hover.disabled, |
||
| 121 | .clockface .outer.active[disabled], |
||
| 122 | .clockface .outer.active:hover[disabled] { |
||
| 123 | color: #ffffff; |
||
| 124 | background-color: #51a351; |
||
| 125 | *background-color: #499249; |
||
| 126 | } |
||
| 127 | .clockface .outer.active:active, |
||
| 128 | .clockface .outer.active:hover:active, |
||
| 129 | .clockface .outer.active.active, |
||
| 130 | .clockface .outer.active:hover.active { |
||
| 131 | background-color: #408140 \9; |
||
| 132 | } |
||
| 133 | .clockface .inner.active, |
||
| 134 | .clockface .inner.active:hover { |
||
| 135 | color: #ffffff; |
||
| 136 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||
| 137 | background-color: #006dcc; |
||
| 138 | background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
||
| 139 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
||
| 140 | background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
||
| 141 | background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
||
| 142 | background-image: linear-gradient(to bottom, #0088cc, #0044cc); |
||
| 143 | background-repeat: repeat-x; |
||
| 144 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); |
||
| 145 | border-color: #0044cc #0044cc #002a80; |
||
| 146 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||
| 147 | *background-color: #0044cc; |
||
| 148 | /* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
||
| 149 | |||
| 150 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||
| 151 | } |
||
| 152 | .clockface .inner.active:hover, |
||
| 153 | .clockface .inner.active:hover:hover, |
||
| 154 | .clockface .inner.active:active, |
||
| 155 | .clockface .inner.active:hover:active, |
||
| 156 | .clockface .inner.active.active, |
||
| 157 | .clockface .inner.active:hover.active, |
||
| 158 | .clockface .inner.active.disabled, |
||
| 159 | .clockface .inner.active:hover.disabled, |
||
| 160 | .clockface .inner.active[disabled], |
||
| 161 | .clockface .inner.active:hover[disabled] { |
||
| 162 | color: #ffffff; |
||
| 163 | background-color: #0044cc; |
||
| 164 | *background-color: #003bb3; |
||
| 165 | } |
||
| 166 | .clockface .inner.active:active, |
||
| 167 | .clockface .inner.active:hover:active, |
||
| 168 | .clockface .inner.active.active, |
||
| 169 | .clockface .inner.active:hover.active { |
||
| 170 | background-color: #003399 \9; |
||
| 171 | } |
||
| 172 | .clockface .l1 .cell, |
||
| 173 | .clockface .l5 .cell { |
||
| 174 | width: 22px; |
||
| 175 | display: inline-block; |
||
| 176 | *display: inline; |
||
| 177 | /* IE7 inline-block hack */ |
||
| 178 | |||
| 179 | *zoom: 1; |
||
| 180 | } |
||
| 181 | .clockface .l1 .outer { |
||
| 182 | margin-bottom: 3px; |
||
| 183 | } |
||
| 184 | .clockface .l5 .outer { |
||
| 185 | margin-top: 3px; |
||
| 186 | } |
||
| 187 | .clockface .l2 .outer, |
||
| 188 | .clockface .l3 .outer, |
||
| 189 | .clockface .l4 .outer, |
||
| 190 | .clockface .l2 .inner, |
||
| 191 | .clockface .l3 .inner, |
||
| 192 | .clockface .l4 .inner { |
||
| 193 | display: inline-block; |
||
| 194 | *display: inline; |
||
| 195 | /* IE7 inline-block hack */ |
||
| 196 | |||
| 197 | *zoom: 1; |
||
| 198 | vertical-align: middle; |
||
| 199 | } |
||
| 200 | .clockface .l2 .left, |
||
| 201 | .clockface .l3 .left, |
||
| 202 | .clockface .l4 .left { |
||
| 203 | float: left; |
||
| 204 | } |
||
| 205 | .clockface .l2 .left .outer, |
||
| 206 | .clockface .l3 .left .outer, |
||
| 207 | .clockface .l4 .left .outer { |
||
| 208 | margin-right: 3px; |
||
| 209 | } |
||
| 210 | .clockface .l2 .right, |
||
| 211 | .clockface .l3 .right, |
||
| 212 | .clockface .l4 .right { |
||
| 213 | float: right; |
||
| 214 | } |
||
| 215 | .clockface .l2 .right .outer, |
||
| 216 | .clockface .l3 .right .outer, |
||
| 217 | .clockface .l4 .right .outer { |
||
| 218 | margin-left: 3px; |
||
| 219 | } |
||
| 220 | .clockface .ampm { |
||
| 221 | font-size: 0.8em; |
||
| 222 | text-decoration: none; |
||
| 223 | border-bottom: dashed 1px; |
||
| 224 | } |
||
| 225 | .clockface .ampm:focus { |
||
| 226 | outline: 0; |
||
| 227 | outline: thin dotted \9; |
||
| 228 | /* IE6-9 */ |
||
| 229 | } |