SamS checkbox

From Level Access Web Labs
Revision as of 22:11, 18 August 2016 by Ssmith (talk | contribs)
Jump to navigation Jump to search

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

WEIRD

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