Difference between revisions of "SamS checkbox"

From Level Access Web Labs
Jump to navigation Jump to search
(Undo revision 2801 by Sam Smith (talk))
(Undo revision 2799 by Sam Smith (talk))
Line 54: Line 54:
 
</div>
 
</div>
 
</div>
 
</div>
WEIRD
 

Revision as of 22:11, 18 August 2016

<html> <body> <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}

  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


<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"> 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/" 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>