For information regarding the configurable labels available, refer to accountBenefits.asp, accountDefaultPayment.asp, accountEvents.asp, accountFriends.asp, accountInformation.asp, accountMarketing.asp, accountMemberships.asp, accountMessageList.asp and accountMessageView.asp.
| Component Comments |
CSS Selectors |
Line Reference |
Default Properties |
Default Property Values |
New Property Value |
| My Account menu |
#accountNav |
389 |
background-color |
#F4F9FC |
|
| |
|
|
border |
1px solid #D0E6FB |
|
| |
li.accountListItem |
393 |
background-color |
transparent |
|
| |
|
|
background-image |
url(../../../Online/branding/chevron.jpg) |
|
| |
|
|
background-position |
97% center |
|
| |
|
|
background-repeat |
no-repeat |
|
| |
|
|
border-top |
1px solid #D0E6FB |
|
| |
#accountNav ul#accountList li a |
400 |
color |
#2C76B7 |
|
| |
#accountNav ul#accountList li.accountListItem_selected |
403 |
background-color |
#FFF |
|
| |
|
|
border |
solid #D0E6FB |
|
| |
|
|
border-width |
1px 0 1px 1px |
|
| |
#accountNav ul#accountList li.accountListItem_selected a |
408 |
font-weight |
bold |
|
| offer counter that appears next to the offers menu item |
#accountNav ul#accountList li#listItem_offers span#offerCount |
411 |
background-color |
#2E75B5 |
|
| |
|
|
color |
#FFF |
|
| |
|
|
font-weight |
bold |
|
| |
#accountContent h2 |
416 |
color |
#F58036 |
|
| |
#accountContent h3 |
419 |
color |
#2C76B7 |
|
| |
#accountContent a.sectionAllLink |
422 |
color |
#2C76B7 |
|
| my account header that contians the user's name, customer #, create date, etc… |
#accountHeader |
425 |
background-color |
#F4F9FC |
|
| |
|
|
border |
1px solid #D0E6FB |
|
| |
#customerName.accountHeaderItem |
429 |
color |
#2C76B7 |
|
| |
|
|
font-size |
15px |
|
| |
#customerNumber .label,
#customerCreateDate .label |
433 |
color |
#2C76B7 |
|
| |
|
|
font-weight |
normal |
|
| |
#customerNumber, #customerCreateDate |
438 |
font-size |
11px |
|
| |
#customerValue |
442 |
font-size |
11px |
|
| |
.accountHeaderCustomerValueItem |
445 |
font-size |
11px |
|
| |
|
|
font-weight |
normal |
|
| |
#customerPoints .label, #customerRank .label, #customerTotal .label |
449 |
color |
#2C76B7 |
|
| |
|
|
font-weight |
normal |
|
| page anchors in my account |
#sectionList li |
455 |
background-color |
#F4F9FC |
|
| |
|
|
border |
1px solid #D0E6FB |
|
| |
#sectionList li a |
459 |
color |
#2C76B7 |
|
| my account information/results |
.sectionBox |
462 |
border |
1px solid #CCC |
|
| |
.sectionBox .dataTable tbody |
465 |
border-bottom |
1px dotted #9F9F9F |
|
| |
.sectionBox .dataTable tr.odd td, .sectionBox .dataTable tr.even td |
469 |
background-color |
#FFF |
|
| |
|
|
border-top |
1px dotted #9F9F9F |
|
| |
.sectionBox .dataTable td a |
474 |
color |
#2C76B7 |
|
| |
.sectionBox .dataTable #keywordsBox |
477 |
border |
1px solid #9F9F9F |
|
| |
#accountContent .accountSectionBox |
480 |
border |
1px solid #CCC |
|
| offer and customer search boxes |
#accountContent #offerSearchBox,
#accountContent #addFriendBox |
483 |
background-color |
#EBF3F6 |
|
| |
|
|
border |
1px solid #CEE5FB |
|
| my account messages page |
.actionList li a |
488 |
background-color |
#F4F9FC |
|
| |
|
|
border |
1px solid #D0E6FB |
|
| |
|
|
color |
#2C76B7 |
|
| |
#archiveMessage .disabled |
493 |
background-color |
#E7E7E7 |
|
| |
|
|
border |
1px solid #DCDCDC |
|
| |
|
|
color |
#999999 |
|
| |
#messageCenterBox table.dataTable td.read |
498 |
- |
- |
|
| |
#messageCenterBox table.dataTable td.unread |
501 |
color |
#000 |
|
| |
|
|
font-weight |
bold |
|
| |
ul#messageSearchButtons.actionList |
505 |
border-bottom |
1px solid #D0E6FB |
|
| |
ul#messageSearchButtons.actionList li a |
508 |
border |
1px solid #D0E6FB |
|
| |
ul#messageSearchButtons.actionList li.selectedMessageFilter a |
511 |
background-color |
#FFF |
|
| |
.actionList li.selectedMessageFilter a |
514 |
font-weight |
bold |
|