|
223 | 223 | } |
224 | 224 |
|
225 | 225 | .member-program-content .panel-body { |
226 | | - /*background: -webkit-linear-gradient(360deg, rgb(15, 16, 31), rgb(101,220,85), rgb(164, 13, 62));*/ |
227 | 226 | height: 377px; |
228 | | - /*margin-left: 50px;*/ |
229 | 227 | overflow: hidden; |
230 | | - background: url('../i/swift_background_hpattern.jpg') repeat-x center center; |
231 | | - color: #eeeeee; |
| 228 | +} |
| 229 | + |
| 230 | +.member-program-content img[rel="program-logo"] { |
| 231 | + height: 80px; |
232 | 232 | } |
233 | 233 |
|
234 | 234 | .member-program-content .display-image { |
|
241 | 241 | } |
242 | 242 |
|
243 | 243 | .member-program-content .description { |
244 | | - /*float: left; |
245 | | - width: 50%;*/ |
| 244 | + text-align: justify; |
246 | 245 | } |
247 | 246 |
|
248 | 247 | .member-program-content .signup { |
|
257 | 256 | .member-program-content *[rel="badges"] *[rel="badge"] div[rel="image"] { |
258 | 257 | min-width: 30px; |
259 | 258 | min-height: 30px; |
260 | | - background-size: cover; |
| 259 | + background-image: url('../i/member-program/sprite.png'); |
| 260 | + background-repeat: no-repeat; |
| 261 | + zoom: 0.5; |
261 | 262 | } |
262 | 263 |
|
263 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge1 div[rel="image"] { |
264 | | - background-image: url("../i/member-program/get-ready-48.png"); |
265 | | - background-repeat: no-repeat; |
| 264 | +.member-program-content *[rel="badges"] *[rel="badge"].participant div[rel="image"] { |
| 265 | + background-position: -112px 0px; |
| 266 | + width: 76px; |
| 267 | + height: 76px; |
266 | 268 | } |
267 | 269 |
|
268 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge2 div[rel="image"] { |
269 | | - background-image: url("../i/member-program/step-one-48.png"); |
270 | | - background-repeat: no-repeat; |
| 270 | +.member-program-content *[rel="badges"] *[rel="badge"].education div[rel="image"] { |
| 271 | + background-position: -112px -78px; |
| 272 | + width: 74px; |
| 273 | + height: 74px; |
271 | 274 | } |
272 | 275 |
|
273 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge3 div[rel="image"] { |
274 | | - background-image: url("../i/member-program/getting-ready-48.png"); |
275 | | - background-repeat: no-repeat; |
| 276 | +.member-program-content *[rel="badges"] *[rel="badge"].peer div[rel="image"] { |
| 277 | + background-position: 0px -83px; |
| 278 | + width: 66px; |
| 279 | + height: 90px; |
276 | 280 | } |
277 | 281 |
|
278 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge4 div[rel="image"] { |
279 | | - background-image: url("../i/member-program/on-starting-line-48.png"); |
280 | | - background-repeat: no-repeat; |
| 282 | +.member-program-content *[rel="badges"] *[rel="badge"].challenge div[rel="image"] { |
| 283 | + background-position: -190px -76px; |
| 284 | + width: 54px; |
| 285 | + height: 74px; |
281 | 286 | } |
282 | 287 |
|
283 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge5 div[rel="image"] { |
284 | | - background-image: url("../i/member-program/break-the-finish-48.png"); |
285 | | - background-repeat: no-repeat; |
| 288 | +.member-program-content *[rel="badges"] *[rel="badge"].high-performer div[rel="image"] { |
| 289 | + background-position: -190px 0px; |
| 290 | + width: 63px; |
| 291 | + height: 74px; |
286 | 292 | } |
287 | 293 |
|
288 | | -.member-program-content *[rel="badges"] *[rel="badge"].badge6 div[rel="image"] { |
289 | | - background-image: url("../i/member-program/get-certified-48.png"); |
290 | | - background-repeat: no-repeat; |
| 294 | +.member-program-content *[rel="badges"] *[rel="badge"].custom div[rel="image"] { |
| 295 | + background-position: 0px -175px; |
| 296 | + width: 64px; |
| 297 | + height: 64px; |
291 | 298 | } |
292 | 299 |
|
293 | 300 | .member-program-content *[rel="badges"] *[rel="badge"] div[rel="name"] { |
294 | | - margin-top: 5px; |
295 | 301 | margin-left: 5px; |
| 302 | + line-height: 37px; /* sync with height of the badge images */ |
296 | 303 | } |
297 | 304 |
|
298 | 305 | .member-program-content *[rel="badges"] *[rel="badge-status"] { |
299 | | - padding-left: 20px; |
300 | | - margin-top: 5px; |
| 306 | + line-height: 37px; /* sync with height of the badge images */ |
| 307 | +} |
| 308 | +.member-program-content *[rel="badges"] *[rel="badge-status"] *[rel="image"] { |
| 309 | + width: 20px; |
| 310 | + height: 20px; |
| 311 | + margin-top: 8px; /* (height(badge) - height(checkbox)) / 2 = (37 - 20)/2 */ |
301 | 312 | } |
302 | 313 |
|
303 | | -.member-program-content *[rel="badges"] *[rel="badge-status"].pending { |
| 314 | +.member-program-content *[rel="badges"] *[rel="badge-status"].pending *[rel="image"] { |
304 | 315 | background: url("../i/check-box.png") no-repeat 0 0px; |
305 | 316 | } |
306 | 317 |
|
307 | | -.member-program-content *[rel="badges"] *[rel="badge-status"].completed { |
| 318 | +.member-program-content *[rel="badges"] *[rel="badge-status"].completed *[rel="image"] { |
308 | 319 | background: url("../i/check-box.png") no-repeat 0 -20px; |
309 | 320 | } |
310 | 321 |
|
|
360 | 371 | background: url("../i/ico-track-design.png") no-repeat center center; |
361 | 372 | } |
362 | 373 |
|
363 | | -.my-challenges th { |
| 374 | +.my-challenges table > thead > tr > th { |
364 | 375 | text-align: center; |
| 376 | + white-space: nowrap; |
| 377 | + padding-left: 13px; |
| 378 | + padding-right: 13px; |
| 379 | +} |
| 380 | + |
| 381 | +.my-challenges th .sort, |
| 382 | +.my-challenges th .sort-icon-place { |
| 383 | + width: 100%; |
| 384 | + height: 12px; |
| 385 | + |
| 386 | +} |
| 387 | + |
| 388 | +.my-challenges th[rel="sortable"] { |
| 389 | + cursor: pointer; |
| 390 | +} |
| 391 | + |
| 392 | +.my-challenges th .sort.asc { |
| 393 | + background: #f5f5f5 url("../i/sort-arrows.png") no-repeat center -94px; |
| 394 | +} |
| 395 | + |
| 396 | +.my-challenges th .sort.desc { |
| 397 | + background: #f5f5f5 url("../i/sort-arrows.png") no-repeat center 6px; |
365 | 398 | } |
366 | 399 |
|
367 | 400 | .my-challenges table > tbody> tr > td { |
|
376 | 409 |
|
377 | 410 | .my-challenges td[rel="challenge-name"] { |
378 | 411 | text-align: left; |
| 412 | + /*max-width: 320px;*/ |
379 | 413 | } |
380 | 414 |
|
381 | 415 | .my-challenges td[rel="challenge-name"] > a { |
|
403 | 437 | text-align: center; |
404 | 438 | } |
405 | 439 |
|
| 440 | +.upcoming-srms-div th .sort, |
| 441 | +.upcoming-srms-div th .sort-icon-place { |
| 442 | + width: 100%; |
| 443 | + height: 12px; |
| 444 | + |
| 445 | +} |
| 446 | + |
| 447 | +.upcoming-srms-div th[rel="sortable"] { |
| 448 | + cursor: pointer; |
| 449 | +} |
| 450 | + |
| 451 | +.upcoming-srms-div th .sort.asc { |
| 452 | + background: #f5f5f5 url("../i/sort-arrows.png") no-repeat center -94px; |
| 453 | +} |
| 454 | + |
| 455 | +.upcoming-srms-div th .sort.desc { |
| 456 | + background: #f5f5f5 url("../i/sort-arrows.png") no-repeat center 6px; |
| 457 | +} |
| 458 | + |
406 | 459 | .upcoming-srms-div table > tbody> tr > td { |
407 | 460 | padding-top: 20px; |
408 | 461 | padding-bottom: 20px; |
|
0 commit comments