SamS checkbox

From Level Access Web Labs
Revision as of 22:26, 18 August 2016 by Ssmith (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

<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" 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"> <label for="cc_all_182-123864-16"> CompareWells Fargo Cash Wise Visa® Card </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-platinum/terms" xmlns:tridion="http://www.tridion.com/ContentManager/5.0">Terms and Conditions </a>

<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

Retrieved from "https://labs.levelaccess.com/index.php?title=SamS_checkbox&oldid=2811"