Difference between revisions of "SamS checkbox"

From Level Access Web Labs
Jump to navigation Jump to search
(Undo revision 2799 by Sam Smith (talk))
 
(16 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<body>
 
<body>
 
<style>
 
<style>
.compareCheckBox{float:right;height:24px;top:0;right:0;position:relative}.compareCheckBox input[type="checkbox"]{opacity:1;float:right;height:0;width:0}.compareCheckBox input[type="checkbox"]+label span{display:inline-block;width:22px;height:22px;margin:-5px 0 0 10px;vertical-align:middle;background:#e6e6e6;cursor:pointer;border:1px solid #bfc0be;border-radius:2px;float:right}.compareCheckBox input[type="checkbox"]:checked+label span{background-position:50%}.compareCheckBox label{margin:5px -5px 0 0;font-size:100%;float:right}.compareCheckBox input[type="checkbox"]:focus+label{outline:#5174b8 dotted thin}.cardCompareSticky{height:205px;padding-top:25px;padding-bottom:25px;position:fixed;bottom:0;background-color:#fff;width:100%;display:none;right:0;z-index:92;box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3)}.cardCompareSticky .cardContainer{margin:0 auto;width:800px;padding-top:20px}.cardCompareSticky .cardData{position:relative;text-align:center}.cardCompareSticky .cardData img{max-width:145px}.cardPlaceholder img{max-width:145px}.cardCompareSticky h2{text-align:center;margin:0;font-family:georgia;font-size:18px;line-height:22px;font-weight:normal}.cardCompareSticky .compareCard{width:163px;margin-right:20px;float:left}.cardCompareSticky .cardData p{padding-top:15px;margin-bottom:0;font-size:14px;line-height:17px}.cardCompareSticky a.removeCard{width:45px;height:45px;display:inline-block;position:absolute;top:-12px;right:1px}.icon-compare-btn-bg .c7{background:#bb0826;border-radius:2px;width:163px;margin:0 auto;padding:13px 0;display:inline-block;font-size:121%;font-weight:normal;margin-top:5px}.c101{margin:5px auto;border:1px solid #d6d6d6;width:722px;border-radius:3px;padding:52px 35px 35px 35px;box-sizing:border-box}.comparebox-wrapper{float:right;height:0;position:relative;top:-38px;right:-20px;cursor:default;display:inline-block}.cardDetailWrapperLeft{float:left;max-width:332px;box-sizing:border-box}.cardDetailWrapperRight{float:right;width:290px;padding:0;box-sizing:border-box}.cardDetailWrapperLeft>div{width:100%}.clearfix:after{content:'';display:table;clear:both;overflow:hidden}.cardDetailWrapperLeft .btnContainer>a:first-of-type{margin-right:5px}.cardDetailWrapperLeft .btnContainer{max-height:45px}.cardDetailWrapperLeft .c89bonusFeature .legalLinkContainer{text-align:left;padding-bottom:25px;padding-top:25px;font-size:12px;color:#5174b8;width:100%;float:left}.cardDetailWrapperLeft .c89bonusFeature li{font-size:14px;line-height:19px;text-align:left;color:#434343;margin:0;float:left;width:100%;padding-top:33px}.cardDetailWrapperLeft .c89bonusFeature li>strong{font-size:17px}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left}.cardPlaceholder{position:relative}.comparebox-wrapper .compareCheckBox label{margin:0}.comparebox-wrapper .compareCheckBox input[type="checkbox"]+label span{margin:0 0 0 10px}.compareCheckBox .checked.c29link+label>span{background:url('/assets/images/css/template/icn-check_compare-glob-16x14@1x.png') no-repeat center center,#e6e6e6!important}.btnContainer a.c93,a.c93.disabled{width:163px;box-sizing:border-box;float:left;font-size:15px}.c101 .btnContainer{overflow:hidden;clear:both}.c101 .btnContainer a.c93,.c101 .btnContainer a.c93.disabled{width:163px;box-sizing:border-box;float:none}.drop-down{margin-bottom:10px;float:right;position:relative}.drop-btn{width:230px;padding:10px 15px 10px 18px;border-radius:0;background-color:#bb0826;border:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){button.drop-btn:active{vertical-align:top;padding:9px 15px 10px 17px}button.drop-btn:active .dropdown-chevron{margin-top:1px;vertical-align:top}}.drop-btn.small{height:45px}.drop-btn.large{height:68px}.drop-btn.large .drop-title{line-height:1.2em}.drop-title{float:left;width:160px;text-align:left;font-family:Verdana;font-size:15px;font-style:normal;color:#fff;line-height:1em}.drop-icon{padding-left:10px;position:relative;right:0;display:inline}.dropdown-content{display:none;position:absolute;background-color:#d9d9d6;width:230px;overflow:auto;padding-bottom:5px;z-index:999}.dropdown-content ul{list-style:none;text-align:left;padding-left:0;padding-bottom:0;margin:0}.dropdown-content ul li{margin:0}.dropdown-chevron-up{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Open_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron-down{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Closed_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron{display:inline-block;vertical-align:bottom}.dropdown-content a,.dropdown-content a:visited{padding:12px 15px 12px 18px;text-decoration:none;display:block;font-family:Verdana;font-size:15px;font-style:normal;color:#44464a}.dropdown-content a:hover,.dropdown-content a:focus{text-decoration:none;display:block;background-color:#f8f8f8;font-size:15px;font-weight:bold;color:#44464a!important}.dropdown-content .active{background-color:#f8f8f8;font-weight:bold}.dropdown-content a:active{background-color:#f8f8f8;font-weight:bold;color:#44464a}#ccst-table .cardContent h3{font-size:18px;line-height:22px;font-family:verdana;color:#434343;padding-bottom:10px}#ccst-table .legalLinkContainer{padding:12px 0 3px 0;display:block;width:100%;font-size:16px;line-height:19px}#ccst-table th{font-weight:normal}#ccst-table .cardContent{border:0;position:relative;padding:7px 25px 10px;font-size:14px;line-height:17px;font-family:verdana;font-style:regular;color:#434343}.creditCardImage>img{width:100%}.addCardPlaceholder .cardContent{padding:45px 25px 35px}#ccst-table .iconCompareClose{width:25px;height:25px;display:inline-block}#ccst-table .closeButton{top:5px;right:11px;text-align:right}.clearFix{clear:both}#ccst-table .bestforList ul li{font-size:16px;line-height:19px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList ul li{list-style-type:none;font-size:16px;line-height:22px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList{margin-bottom:23px}.placeholdertext{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;text-decoration:none;margin:0}#compareResults{background-color:#efefef;padding:10px;margin-bottom:20px}#ccst-table .cardheader .cardContent{padding-top:32px}#ccst-table .cardContent .closeButton{position:absolute}.ui-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;visibility:inherit}#compareResults th,#compareResults td{width:310px;margin-right:10px;background-color:#fff}#ccst-table th,#ccst-table td{width:310px;margin-right:10px;background-color:#fff;border-right:10px solid #efefef}#ccst-table tr td:first-child+td+td{width:310px;margin-right:10px;background-color:#fff;border-right:0}#ccst-table tr th:first-child+th+th{width:310px;margin-right:10px;background-color:#fff;border-right:0}#compareResults a.c7{font-size:15px}#compareResults .addCard p{padding-top:12px;padding-bottom:23px}#compareResults .addCard .creditCardImage{width:100%}#compareResults .addCard .creditCardImage>img{height:123px}#compareResults ul{padding:0;margin:0}#compareResults .seperator{color:#CCC;margin-bottom:18px;margin-top:3px}#ccst-table th h2{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;min-height:63px;padding-top:8px;font-weight:normal;vertical-align:middle;padding-bottom:0;margin-bottom:0}#ccst-table th h2 a{font-size:17px;line-height:21px;line-height:21px;font-family:Georgia;font-weight:normal;color:#44464a;text-decoration:none;vertical-align:middle}.cardContent .creditCardImage{margin-bottom:11px}.cardContent .btnContainer{margin-top:0}#ccst-table{width:950px;border-spacing:0;border-collapse:separate}.row-data{vertical-align:top}.placeHolderAddCard .creditCardImage{margin-top:0;margin-bottom:0}
+
.compareCheckBox{float:right;height:24px;top:0;right:0;position:relative}.compareCheckBox input[type="checkbox"]{float: right;position: absolute;z-index: -1;float:right;right: 0px; width: 22px; height: 22px;
 +
}.compareCheckBox input[type="checkbox"]+label span{display:inline-block;width:22px;height:22px;margin:-5px 0 0 10px;vertical-align:middle;background:#e6e6e6;cursor:pointer;border:1px solid #bfc0be;border-radius:2px;float:right}.compareCheckBox input[type="checkbox"]:checked+label span{background-position:50%}.compareCheckBox label{margin:5px -5px 0 0;font-size:100%;float:right}.compareCheckBox input[type="checkbox"]:focus+label{outline:#5174b8 dotted thin}.cardCompareSticky{height:205px;padding-top:25px;padding-bottom:25px;position:fixed;bottom:0;background-color:#fff;width:100%;display:none;right:0;z-index:92;box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3)}.cardCompareSticky .cardContainer{margin:0 auto;width:800px;padding-top:20px}.cardCompareSticky .cardData{position:relative;text-align:center}.cardCompareSticky .cardData img{max-width:145px}.cardPlaceholder img{max-width:145px}.cardCompareSticky h2{text-align:center;margin:0;font-family:georgia;font-size:18px;line-height:22px;font-weight:normal}.cardCompareSticky .compareCard{width:163px;margin-right:20px;float:left}.cardCompareSticky .cardData p{padding-top:15px;margin-bottom:0;font-size:14px;line-height:17px}.cardCompareSticky a.removeCard{width:45px;height:45px;display:inline-block;position:absolute;top:-12px;right:1px}.icon-compare-btn-bg .c7{background:#bb0826;border-radius:2px;width:163px;margin:0 auto;padding:13px 0;display:inline-block;font-size:121%;font-weight:normal;margin-top:5px}.c101{margin:5px auto;border:1px solid #d6d6d6;width:722px;border-radius:3px;padding:52px 35px 35px 35px;box-sizing:border-box}.comparebox-wrapper{float:right;height:0;position:relative;top:-38px;right:-20px;cursor:default;display:inline-block}.cardDetailWrapperLeft{float:left;max-width:332px;box-sizing:border-box}.cardDetailWrapperRight{float:right;width:290px;padding:0;box-sizing:border-box}.cardDetailWrapperLeft>div{width:100%}.clearfix:after{content:'';display:table;clear:both;overflow:hidden}.cardDetailWrapperLeft .btnContainer>a:first-of-type{margin-right:5px}.cardDetailWrapperLeft .btnContainer{max-height:45px}.cardDetailWrapperLeft .c89bonusFeature .legalLinkContainer{text-align:left;padding-bottom:25px;padding-top:25px;font-size:12px;color:#5174b8;width:100%;float:left}.cardDetailWrapperLeft .c89bonusFeature li{font-size:14px;line-height:19px;text-align:left;color:#434343;margin:0;float:left;width:100%;padding-top:33px}.cardDetailWrapperLeft .c89bonusFeature li>strong{font-size:17px}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left}.cardPlaceholder{position:relative}.comparebox-wrapper .compareCheckBox label{margin:0}.comparebox-wrapper .compareCheckBox input[type="checkbox"]+label span{margin:0 0 0 10px}.compareCheckBox .checked.c29link+label>span{background:url('/assets/images/css/template/icn-check_compare-glob-16x14@1x.png') no-repeat center center,#e6e6e6!important}.btnContainer a.c93,a.c93.disabled{width:163px;box-sizing:border-box;float:left;font-size:15px}.c101 .btnContainer{overflow:hidden;clear:both}.c101 .btnContainer a.c93,.c101 .btnContainer a.c93.disabled{width:163px;box-sizing:border-box;float:none}.drop-down{margin-bottom:10px;float:right;position:relative}.drop-btn{width:230px;padding:10px 15px 10px 18px;border-radius:0;background-color:#bb0826;border:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){button.drop-btn:active{vertical-align:top;padding:9px 15px 10px 17px}button.drop-btn:active .dropdown-chevron{margin-top:1px;vertical-align:top}}.drop-btn.small{height:45px}.drop-btn.large{height:68px}.drop-btn.large .drop-title{line-height:1.2em}.drop-title{float:left;width:160px;text-align:left;font-family:Verdana;font-size:15px;font-style:normal;color:#fff;line-height:1em}.drop-icon{padding-left:10px;position:relative;right:0;display:inline}.dropdown-content{display:none;position:absolute;background-color:#d9d9d6;width:230px;overflow:auto;padding-bottom:5px;z-index:999}.dropdown-content ul{list-style:none;text-align:left;padding-left:0;padding-bottom:0;margin:0}.dropdown-content ul li{margin:0}.dropdown-chevron-up{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Open_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron-down{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Closed_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron{display:inline-block;vertical-align:bottom}.dropdown-content a,.dropdown-content a:visited{padding:12px 15px 12px 18px;text-decoration:none;display:block;font-family:Verdana;font-size:15px;font-style:normal;color:#44464a}.dropdown-content a:hover,.dropdown-content a:focus{text-decoration:none;display:block;background-color:#f8f8f8;font-size:15px;font-weight:bold;color:#44464a!important}.dropdown-content .active{background-color:#f8f8f8;font-weight:bold}.dropdown-content a:active{background-color:#f8f8f8;font-weight:bold;color:#44464a}#ccst-table .cardContent h3{font-size:18px;line-height:22px;font-family:verdana;color:#434343;padding-bottom:10px}#ccst-table .legalLinkContainer{padding:12px 0 3px 0;display:block;width:100%;font-size:16px;line-height:19px}#ccst-table th{font-weight:normal}#ccst-table .cardContent{border:0;position:relative;padding:7px 25px 10px;font-size:14px;line-height:17px;font-family:verdana;font-style:regular;color:#434343}.creditCardImage>img{width:100%}.addCardPlaceholder .cardContent{padding:45px 25px 35px}#ccst-table .iconCompareClose{width:25px;height:25px;display:inline-block}#ccst-table .closeButton{top:5px;right:11px;text-align:right}.clearFix{clear:both}#ccst-table .bestforList ul li{font-size:16px;line-height:19px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList ul li{list-style-type:none;font-size:16px;line-height:22px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList{margin-bottom:23px}.placeholdertext{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;text-decoration:none;margin:0}#compareResults{background-color:#efefef;padding:10px;margin-bottom:20px}#ccst-table .cardheader .cardContent{padding-top:32px}#ccst-table .cardContent .closeButton{position:absolute}.ui-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;visibility:inherit}#compareResults th,#compareResults td{width:310px;margin-right:10px;background-color:#fff}#ccst-table th,#ccst-table td{width:310px;margin-right:10px;background-color:#fff;border-right:10px solid #efefef}#ccst-table tr td:first-child+td+td{width:310px;margin-right:10px;background-color:#fff;border-right:0}#ccst-table tr th:first-child+th+th{width:310px;margin-right:10px;background-color:#fff;border-right:0}#compareResults a.c7{font-size:15px}#compareResults .addCard p{padding-top:12px;padding-bottom:23px}#compareResults .addCard .creditCardImage{width:100%}#compareResults .addCard .creditCardImage>img{height:123px}#compareResults ul{padding:0;margin:0}#compareResults .seperator{color:#CCC;margin-bottom:18px;margin-top:3px}#ccst-table th h2{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;min-height:63px;padding-top:8px;font-weight:normal;vertical-align:middle;padding-bottom:0;margin-bottom:0}#ccst-table th h2 a{font-size:17px;line-height:21px;line-height:21px;font-family:Georgia;font-weight:normal;color:#44464a;text-decoration:none;vertical-align:middle}.cardContent .creditCardImage{margin-bottom:11px}.cardContent .btnContainer{margin-top:0}#ccst-table{width:950px;border-spacing:0;border-collapse:separate}.row-data{vertical-align:top}.placeHolderAddCard .creditCardImage{margin-top:0;margin-bottom:0}
 
#ccst-table .cardContent.placeHolderAddCard{padding-top:16px;margin-top:0}.cardContent .creditCardImage img{width:185px;padding-bottom:0}#ccst-table .btnContainer a{width:100%}#ccst-table .btnContainer a{margin-top:10px}#ccst-table .btnContainer .c93{width:100%}.bestforList ul :last-child{padding-bottom:1px;margin-bottom:0}.card1.language .cardContent,.card2.language .cardContent,.card3.language .cardContent{margin-top:13px;margin-bottom:18px;text-align:center}.cardDetailContainer h2 a{max-width:650px;font-size:25px;line-height:29px;text-align:left;margin:0;font-family:georgia;text-decoration:none;font-weight:normal;color:#434343}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left;padding-bottom:15px}.c89bonusFeature ul.c92{list-style-type:none;margin:0;padding:0}.cardDetailWrapperRight .c89img{padding-top:33px}.c92 li img{margin-right:12px;display:inline-block;float:left}.cardDetailWrapperLeft .c89bonusFeature li+li{padding-top:22px}.compare-button input[type="button"]:disabled{opacity:.4}.dropdown-wrapper .filterTxt{float:left;margin:0;line-height:46px;font-weight:normal;font-family:georgia;font-size:21px;padding-bottom:10px;padding-top:10px}.dropdown-wrapper{max-height:55px}.aprDas strong{font-size:16px!important;font-weight:normal!important}td.APR{font-size:16px}.aprDas{line-height:19px;font-size:16px}.aprDas div{margin-left:0!important}.aprDas span{font-size:16px!important}.faqDetailsDas div{margin-left:0!important}.faqDetailsDas strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas span strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas b{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas h3{font-family:verdana;font-weight:bold;font-size:12px;line-height:19px;color:#434343;text-align:left;padding-top:20px}.faqDetailsDas h3:first-child{padding-top:0}.faqDetailsDas .inlineDas div{display:inline}.faqDetailsDas .strongDas{font-weight:bold!important}.c89bonusFeature .c92 li img{height:40px;width:40px;margin-right:12px;display:table-cell}.c89bonusFeature .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}#contentBody .c89bonusFeature li+li{padding-top:22px;float:left;width:100%}#contentBody .c89bonusFeature li{margin:0}.c89checkedList h2{padding-bottom:20px}.c89featureList h2{padding-bottom:20px}.c89checkedList .c91 li{padding-bottom:15px;margin:0;padding-left:27px}.allcard-holder{margin-bottom:40px}body #shell .cardDetailWrapperLeft a.c29link,body #shell .c89bonusFeature a.c29link{color:#5174b8}#shell.ccstFootnote{margin-bottom:205px}#shell.ccstEmptyfootnote{margin-bottom:0}.ccstStickyview{display:block}.ccstStickyhide{display:none}.cardfeatureList.compareList ul.c92{list-style-type:none;margin:0;padding:0}.c92 li{padding:0;list-style-type:none;background:0;color:#434343}.cardfeatureList.compareList .c92 li img{height:40px;width:40px;margin-right:12px;display:none}.cardfeatureList.compareList .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}body #shell .compare-button input.c7:disabled:hover,body #shell .compare-button input.c7:disabled:focus,body #shell .compare-button input.c7:disabled:visited,body #shell .compare-button input.c7:disabled{text-decoration:none}
 
#ccst-table .cardContent.placeHolderAddCard{padding-top:16px;margin-top:0}.cardContent .creditCardImage img{width:185px;padding-bottom:0}#ccst-table .btnContainer a{width:100%}#ccst-table .btnContainer a{margin-top:10px}#ccst-table .btnContainer .c93{width:100%}.bestforList ul :last-child{padding-bottom:1px;margin-bottom:0}.card1.language .cardContent,.card2.language .cardContent,.card3.language .cardContent{margin-top:13px;margin-bottom:18px;text-align:center}.cardDetailContainer h2 a{max-width:650px;font-size:25px;line-height:29px;text-align:left;margin:0;font-family:georgia;text-decoration:none;font-weight:normal;color:#434343}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left;padding-bottom:15px}.c89bonusFeature ul.c92{list-style-type:none;margin:0;padding:0}.cardDetailWrapperRight .c89img{padding-top:33px}.c92 li img{margin-right:12px;display:inline-block;float:left}.cardDetailWrapperLeft .c89bonusFeature li+li{padding-top:22px}.compare-button input[type="button"]:disabled{opacity:.4}.dropdown-wrapper .filterTxt{float:left;margin:0;line-height:46px;font-weight:normal;font-family:georgia;font-size:21px;padding-bottom:10px;padding-top:10px}.dropdown-wrapper{max-height:55px}.aprDas strong{font-size:16px!important;font-weight:normal!important}td.APR{font-size:16px}.aprDas{line-height:19px;font-size:16px}.aprDas div{margin-left:0!important}.aprDas span{font-size:16px!important}.faqDetailsDas div{margin-left:0!important}.faqDetailsDas strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas span strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas b{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas h3{font-family:verdana;font-weight:bold;font-size:12px;line-height:19px;color:#434343;text-align:left;padding-top:20px}.faqDetailsDas h3:first-child{padding-top:0}.faqDetailsDas .inlineDas div{display:inline}.faqDetailsDas .strongDas{font-weight:bold!important}.c89bonusFeature .c92 li img{height:40px;width:40px;margin-right:12px;display:table-cell}.c89bonusFeature .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}#contentBody .c89bonusFeature li+li{padding-top:22px;float:left;width:100%}#contentBody .c89bonusFeature li{margin:0}.c89checkedList h2{padding-bottom:20px}.c89featureList h2{padding-bottom:20px}.c89checkedList .c91 li{padding-bottom:15px;margin:0;padding-left:27px}.allcard-holder{margin-bottom:40px}body #shell .cardDetailWrapperLeft a.c29link,body #shell .c89bonusFeature a.c29link{color:#5174b8}#shell.ccstFootnote{margin-bottom:205px}#shell.ccstEmptyfootnote{margin-bottom:0}.ccstStickyview{display:block}.ccstStickyhide{display:none}.cardfeatureList.compareList ul.c92{list-style-type:none;margin:0;padding:0}.c92 li{padding:0;list-style-type:none;background:0;color:#434343}.cardfeatureList.compareList .c92 li img{height:40px;width:40px;margin-right:12px;display:none}.cardfeatureList.compareList .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}body #shell .compare-button input.c7:disabled:hover,body #shell .compare-button input.c7:disabled:focus,body #shell .compare-button input.c7:disabled:visited,body #shell .compare-button input.c7:disabled{text-decoration:none}
 
</style>
 
</style>
Line 8: Line 9:
 
   <header>
 
   <header>
 
   <h2>Wells Fargo Checkbox Issue</h2>
 
   <h2>Wells Fargo Checkbox Issue</h2>
 
 
<div class="c101 clearfix" data-ccard="cc_all">
 
<div class="c101 clearfix" data-ccard="cc_all">
 
<div class="comparebox-wrapper">
 
<div class="comparebox-wrapper">
Line 15: Line 15:
 
 
 
<span data-purposename="Cash Wise Visa Card">
 
<span data-purposename="Cash Wise Visa Card">
+
<input id="cc_all_182-123864-16" class="c29link" isclickable="true" triggerhover="false" data-content-id="cardCompareToolTip"  name="check[]" value="tcm:182-123864-16" reference="cc_all,cc_balance_transfer,cc_cash_back,cc_no_annual_fee" type="checkbox">
 
<label for="cc_all_182-123864-16">
 
<label for="cc_all_182-123864-16">
<input id="cc_all_182-123864-16" class="c29link" isclickable="true" triggerhover="false" data-content-id="cardCompareToolTip" aria-haspopup="true" name="check[]" value="tcm:182-123864-16" reference="cc_all,cc_balance_transfer,cc_cash_back,cc_no_annual_fee" type="checkbox">
+
<span></span>Compare<span class="ui-hidden-accessible"></span>
<span></span>Compare<span class="ui-hidden-accessible">Wells Fargo Cash Wise Visa® Card</span>
 
 
</label>
 
</label>
 
</span>
 
</span>
Line 54: Line 53:
 
</div>
 
</div>
 
</div>
 
</div>
 +
TEST
 +
 +
 +
************************************
 +
<h3 aria-level="3" role="heading" class="heading-purple">
 +
<a href="/about/code-of-conduct-employee">Code of Conduct for Employees</a>            </h3>

Latest revision as of 20:50, 7 September 2016

<html> <body> <style> .compareCheckBox{float:right;height:24px;top:0;right:0;position:relative}.compareCheckBox input[type="checkbox"]{float: right;position: absolute;z-index: -1;float:right;right: 0px; width: 22px; height: 22px; }.compareCheckBox input[type="checkbox"]+label span{display:inline-block;width:22px;height:22px;margin:-5px 0 0 10px;vertical-align:middle;background:#e6e6e6;cursor:pointer;border:1px solid #bfc0be;border-radius:2px;float:right}.compareCheckBox input[type="checkbox"]:checked+label span{background-position:50%}.compareCheckBox label{margin:5px -5px 0 0;font-size:100%;float:right}.compareCheckBox input[type="checkbox"]:focus+label{outline:#5174b8 dotted thin}.cardCompareSticky{height:205px;padding-top:25px;padding-bottom:25px;position:fixed;bottom:0;background-color:#fff;width:100%;display:none;right:0;z-index:92;box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,.3)}.cardCompareSticky .cardContainer{margin:0 auto;width:800px;padding-top:20px}.cardCompareSticky .cardData{position:relative;text-align:center}.cardCompareSticky .cardData img{max-width:145px}.cardPlaceholder img{max-width:145px}.cardCompareSticky h2{text-align:center;margin:0;font-family:georgia;font-size:18px;line-height:22px;font-weight:normal}.cardCompareSticky .compareCard{width:163px;margin-right:20px;float:left}.cardCompareSticky .cardData p{padding-top:15px;margin-bottom:0;font-size:14px;line-height:17px}.cardCompareSticky a.removeCard{width:45px;height:45px;display:inline-block;position:absolute;top:-12px;right:1px}.icon-compare-btn-bg .c7{background:#bb0826;border-radius:2px;width:163px;margin:0 auto;padding:13px 0;display:inline-block;font-size:121%;font-weight:normal;margin-top:5px}.c101{margin:5px auto;border:1px solid #d6d6d6;width:722px;border-radius:3px;padding:52px 35px 35px 35px;box-sizing:border-box}.comparebox-wrapper{float:right;height:0;position:relative;top:-38px;right:-20px;cursor:default;display:inline-block}.cardDetailWrapperLeft{float:left;max-width:332px;box-sizing:border-box}.cardDetailWrapperRight{float:right;width:290px;padding:0;box-sizing:border-box}.cardDetailWrapperLeft>div{width:100%}.clearfix:after{content:;display:table;clear:both;overflow:hidden}.cardDetailWrapperLeft .btnContainer>a:first-of-type{margin-right:5px}.cardDetailWrapperLeft .btnContainer{max-height:45px}.cardDetailWrapperLeft .c89bonusFeature .legalLinkContainer{text-align:left;padding-bottom:25px;padding-top:25px;font-size:12px;color:#5174b8;width:100%;float:left}.cardDetailWrapperLeft .c89bonusFeature li{font-size:14px;line-height:19px;text-align:left;color:#434343;margin:0;float:left;width:100%;padding-top:33px}.cardDetailWrapperLeft .c89bonusFeature li>strong{font-size:17px}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left}.cardPlaceholder{position:relative}.comparebox-wrapper .compareCheckBox label{margin:0}.comparebox-wrapper .compareCheckBox input[type="checkbox"]+label span{margin:0 0 0 10px}.compareCheckBox .checked.c29link+label>span{background:url('/assets/images/css/template/icn-check_compare-glob-16x14@1x.png') no-repeat center center,#e6e6e6!important}.btnContainer a.c93,a.c93.disabled{width:163px;box-sizing:border-box;float:left;font-size:15px}.c101 .btnContainer{overflow:hidden;clear:both}.c101 .btnContainer a.c93,.c101 .btnContainer a.c93.disabled{width:163px;box-sizing:border-box;float:none}.drop-down{margin-bottom:10px;float:right;position:relative}.drop-btn{width:230px;padding:10px 15px 10px 18px;border-radius:0;background-color:#bb0826;border:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){button.drop-btn:active{vertical-align:top;padding:9px 15px 10px 17px}button.drop-btn:active .dropdown-chevron{margin-top:1px;vertical-align:top}}.drop-btn.small{height:45px}.drop-btn.large{height:68px}.drop-btn.large .drop-title{line-height:1.2em}.drop-title{float:left;width:160px;text-align:left;font-family:Verdana;font-size:15px;font-style:normal;color:#fff;line-height:1em}.drop-icon{padding-left:10px;position:relative;right:0;display:inline}.dropdown-content{display:none;position:absolute;background-color:#d9d9d6;width:230px;overflow:auto;padding-bottom:5px;z-index:999}.dropdown-content ul{list-style:none;text-align:left;padding-left:0;padding-bottom:0;margin:0}.dropdown-content ul li{margin:0}.dropdown-chevron-up{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Open_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron-down{background:url('../../assets/images/css/template/Category_Dropdown_Arrow_Desktop_Closed_17x12.png') no-repeat right top;height:12px;width:17px}.dropdown-chevron{display:inline-block;vertical-align:bottom}.dropdown-content a,.dropdown-content a:visited{padding:12px 15px 12px 18px;text-decoration:none;display:block;font-family:Verdana;font-size:15px;font-style:normal;color:#44464a}.dropdown-content a:hover,.dropdown-content a:focus{text-decoration:none;display:block;background-color:#f8f8f8;font-size:15px;font-weight:bold;color:#44464a!important}.dropdown-content .active{background-color:#f8f8f8;font-weight:bold}.dropdown-content a:active{background-color:#f8f8f8;font-weight:bold;color:#44464a}#ccst-table .cardContent h3{font-size:18px;line-height:22px;font-family:verdana;color:#434343;padding-bottom:10px}#ccst-table .legalLinkContainer{padding:12px 0 3px 0;display:block;width:100%;font-size:16px;line-height:19px}#ccst-table th{font-weight:normal}#ccst-table .cardContent{border:0;position:relative;padding:7px 25px 10px;font-size:14px;line-height:17px;font-family:verdana;font-style:regular;color:#434343}.creditCardImage>img{width:100%}.addCardPlaceholder .cardContent{padding:45px 25px 35px}#ccst-table .iconCompareClose{width:25px;height:25px;display:inline-block}#ccst-table .closeButton{top:5px;right:11px;text-align:right}.clearFix{clear:both}#ccst-table .bestforList ul li{font-size:16px;line-height:19px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList ul li{list-style-type:none;font-size:16px;line-height:22px;color:#434343;font-family:verdana;font-style:normal}#ccst-table .cardfeatureList{margin-bottom:23px}.placeholdertext{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;text-decoration:none;margin:0}#compareResults{background-color:#efefef;padding:10px;margin-bottom:20px}#ccst-table .cardheader .cardContent{padding-top:32px}#ccst-table .cardContent .closeButton{position:absolute}.ui-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;visibility:inherit}#compareResults th,#compareResults td{width:310px;margin-right:10px;background-color:#fff}#ccst-table th,#ccst-table td{width:310px;margin-right:10px;background-color:#fff;border-right:10px solid #efefef}#ccst-table tr td:first-child+td+td{width:310px;margin-right:10px;background-color:#fff;border-right:0}#ccst-table tr th:first-child+th+th{width:310px;margin-right:10px;background-color:#fff;border-right:0}#compareResults a.c7{font-size:15px}#compareResults .addCard p{padding-top:12px;padding-bottom:23px}#compareResults .addCard .creditCardImage{width:100%}#compareResults .addCard .creditCardImage>img{height:123px}#compareResults ul{padding:0;margin:0}#compareResults .seperator{color:#CCC;margin-bottom:18px;margin-top:3px}#ccst-table th h2{font-size:17px;line-height:21px;font-family:Georgia;color:#44464a;min-height:63px;padding-top:8px;font-weight:normal;vertical-align:middle;padding-bottom:0;margin-bottom:0}#ccst-table th h2 a{font-size:17px;line-height:21px;line-height:21px;font-family:Georgia;font-weight:normal;color:#44464a;text-decoration:none;vertical-align:middle}.cardContent .creditCardImage{margin-bottom:11px}.cardContent .btnContainer{margin-top:0}#ccst-table{width:950px;border-spacing:0;border-collapse:separate}.row-data{vertical-align:top}.placeHolderAddCard .creditCardImage{margin-top:0;margin-bottom:0}

  1. ccst-table .cardContent.placeHolderAddCard{padding-top:16px;margin-top:0}.cardContent .creditCardImage img{width:185px;padding-bottom:0}#ccst-table .btnContainer a{width:100%}#ccst-table .btnContainer a{margin-top:10px}#ccst-table .btnContainer .c93{width:100%}.bestforList ul :last-child{padding-bottom:1px;margin-bottom:0}.card1.language .cardContent,.card2.language .cardContent,.card3.language .cardContent{margin-top:13px;margin-bottom:18px;text-align:center}.cardDetailContainer h2 a{max-width:650px;font-size:25px;line-height:29px;text-align:left;margin:0;font-family:georgia;text-decoration:none;font-weight:normal;color:#434343}.cardDetailContainer .cardTag{text-transform:uppercase;color:#007133;font-weight:bold;margin:0;font-size:15px;line-height:18px;text-align:left;padding-bottom:15px}.c89bonusFeature ul.c92{list-style-type:none;margin:0;padding:0}.cardDetailWrapperRight .c89img{padding-top:33px}.c92 li img{margin-right:12px;display:inline-block;float:left}.cardDetailWrapperLeft .c89bonusFeature li+li{padding-top:22px}.compare-button input[type="button"]:disabled{opacity:.4}.dropdown-wrapper .filterTxt{float:left;margin:0;line-height:46px;font-weight:normal;font-family:georgia;font-size:21px;padding-bottom:10px;padding-top:10px}.dropdown-wrapper{max-height:55px}.aprDas strong{font-size:16px!important;font-weight:normal!important}td.APR{font-size:16px}.aprDas{line-height:19px;font-size:16px}.aprDas div{margin-left:0!important}.aprDas span{font-size:16px!important}.faqDetailsDas div{margin-left:0!important}.faqDetailsDas strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas span strong{font-weight:normal!important;font-size:12px!important}.faqDetailsDas{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas b{font-family:verdana;font-weight:normal;font-size:12px;line-height:19px;color:#434343;text-align:left;margin-top:0;padding-top:0}.faqDetailsDas h3{font-family:verdana;font-weight:bold;font-size:12px;line-height:19px;color:#434343;text-align:left;padding-top:20px}.faqDetailsDas h3:first-child{padding-top:0}.faqDetailsDas .inlineDas div{display:inline}.faqDetailsDas .strongDas{font-weight:bold!important}.c89bonusFeature .c92 li img{height:40px;width:40px;margin-right:12px;display:table-cell}.c89bonusFeature .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}#contentBody .c89bonusFeature li+li{padding-top:22px;float:left;width:100%}#contentBody .c89bonusFeature li{margin:0}.c89checkedList h2{padding-bottom:20px}.c89featureList h2{padding-bottom:20px}.c89checkedList .c91 li{padding-bottom:15px;margin:0;padding-left:27px}.allcard-holder{margin-bottom:40px}body #shell .cardDetailWrapperLeft a.c29link,body #shell .c89bonusFeature a.c29link{color:#5174b8}#shell.ccstFootnote{margin-bottom:205px}#shell.ccstEmptyfootnote{margin-bottom:0}.ccstStickyview{display:block}.ccstStickyhide{display:none}.cardfeatureList.compareList ul.c92{list-style-type:none;margin:0;padding:0}.c92 li{padding:0;list-style-type:none;background:0;color:#434343}.cardfeatureList.compareList .c92 li img{height:40px;width:40px;margin-right:12px;display:none}.cardfeatureList.compareList .c92 li span.nobr{display:table-cell;vertical-align:top;padding:0;white-space:normal}body #shell .compare-button input.c7:disabled:hover,body #shell .compare-button input.c7:disabled:focus,body #shell .compare-button input.c7:disabled:visited,body #shell .compare-button input.c7:disabled{text-decoration:none}

</style> <section>

 <header>

Wells Fargo Checkbox Issue


<input id="cc_all_182-123864-16" class="c29link" isclickable="true" triggerhover="false" data-content-id="cardCompareToolTip" name="check[]" value="tcm:182-123864-16" reference="cc_all,cc_balance_transfer,cc_cash_back,cc_no_annual_fee" type="checkbox"> <label for="cc_all_182-123864-16"> Compare </label>


<a href="/credit-cards/visa-wise/" xmlns:tridion="http://www.tridion.com/ContentManager/5.0">Wells Fargo Cash Wise Visa® Card</a>

  • <img alt="" ""="" src="/assets/images/icons/40x40/icon_cash_back_2x.png">Unlimited 1.5% cash rewards on net purchases1
  • <img alt="" ""="" src="/assets/images/icons/40x40/icon_no_annual_fee_2x.png"><a href="/credit-cards/visa-wise-platinum/terms" xmlns:tridion="http://www.tridion.com/ContentManager/5.0">$0 annual fee</a>
  • <img alt="" ""="" src="/assets/images/icons/40x40/icon_low_apr_2x.png">Our lowest possible intro APR on purchases and balance transfers for 15 months

<a href="/credit-cards/visa-wise/" class="c93 secondarybtn" xmlns:tridion="http://www.tridion.com/ContentManager/5.0">View Details </a> <a class="c93" data-platform="salesplatform" href="/wf/product/apply?prodSet=APP2K&prodCode=CC-CW">Apply Now </a>

<figure class="c89img" id="cc_all2tcm:182-123864-16"> <a href="/credit-cards/visa-wise/" xmlns:tridion="http://www.tridion.com/ContentManager/5.0"><img alt="Wells Fargo Cash Wise Visa Card details" src="/assets/images/photography/product/credit-cards/cash_wise_visa_card.png"></a> </figure>

TEST


<a href="/about/code-of-conduct-employee">Code of Conduct for Employees</a>