18″ Basketball Rim Replacement with Strong Spring Backboard Mounted Standard

body { font: 14px/1 Arial, Sans-Serif, Verdana; color: #333; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { margin: 0; padding: 0; } a:link, a:visited, a:hover { text-decoration: none; color: #333; cursor: pointer; } .container { position: relative; } .row { width: 100%; } .col5 { width: 20%; } .col5, .col6 { float: left; } .col6 { width: 16.66666%; } .row:after { content: ”; display: table; clear: both; overflow: hidden; } .wrapper { min-width: 1175px; max-width: 1200px; margin: 0 auto; } .card { padding: 5px 8px; transition: all .25s; list-style: none; border-radius: 3px; } .card:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12); } .card-media { background-color: white; height: 0; padding-top: 100%; position: relative; } .card-media-inner { text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .card-media-inner img { max-height: 100%; max-width: 100%; vertical-align: middle; } .card-title { font-size: 14px; font-weight: 400; height: 40px; line-height: 20px; margin: 5px 0 0 0; color: #333; overflow: hidden; white-space: normal; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .card-subtitle { font-size: 17px; font-weight: 500; margin: 8px 0 0 0; } .card-label { font-size: 13px; margin: 5px 0 0 0; font-weight: 400; color: #767676; } .panel { border: 1px solid #d9d9d9; padding: 10px; border-radius: 5px; } .panel-header { padding: 10px; margin: 0; } .panel-header-title { margin: 0; } .tabs { position: relative; } .tab-navs > span { display: inline-block; background: #FFE606; color: #fff; padding: 6px 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .tabs > input { display: none; } .tabs > section { display: none; } .tabs label { color: #ffffff; background: #FFE606; opacity: 0.7; font-family: Times; font-size: 16px; padding: 7px 15px; -moz-user-select: none; user-select: none; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; display: inline-block; text-align: center; cursor: pointer; } .tab-content { padding: 10px; line-height: 25px; } #tab-nav1:checked ~ #tab-content1 { display: block; border: 1px solid grey } #tab-nav2:checked ~ #tab-content2 { display: block; border: 1px solid grey } #tab-nav3:checked ~ #tab-content3 { display: block;border: 1px solid grey } #tab-nav4:checked ~ #tab-content4 { display: block; border: 1px solid grey } #tab-nav5:checked ~ #tab-content5 { display: block; } .thumbnail { position: relative; margin: 20px auto; border-radius: 10px; box-shadow: 4px 4px 3px rgba(158, 158, 158, 0.5); width: 100%; background-color: #ffffff; } .thumbnail-description ul { padding-left: 30px; } .thumbnail img { max-width: 100%; display: block; margin: 0 auto; } .thumbnail-header img { width: 100%; } .thumbnail-title { position: absolute; font-family: Impact !important; font-size: 75px; color: #bf6c1e; top: 10px; left: 25px; } .thumbnail-subtitle { position: absolute; font-family: Times !important; font-size: 26px; color: #6b6b07; top: 95px; left: 25px; } .thumbnail-menu ul { margin: 0 auto; text-align: center; } .thumbnail-menu ul li { display: inline-block; } .thumbnail-menu li a { padding: 10px 25px; display: inline-block; color: #fff; } .thumbnail-asidenav { float: left; width: 230px; } .thumbnail-content { } .thumbnail-body { padding: 15px; } .thumbnail-description ul li { line-height: 25px; } .accordion { border-radius: 5px; overflow: hidden; margin-bottom: 15px; } .accordion-header { background: #FFE606; padding: 10px; color: #fff; font-weight: bold; } .accordion-content { overflow: hidden; border-bottom-left-radius: 5px; border-bottom–righttradius: 5px; border: 1px solid #d9d9d9; } .list-item1, .list-item2 { list-style: none; } li.list-item1 a, li.list-item2 a { overflow: hidden; padding: 10px; display: block; border-bottom: 1px solid #d9d9d9; } li.list-item1 a:hover, li.list-item2 a:hover { background: #eee; } li.list-item1:last-child a, li.list-item2:last-child a { border: none; } li .list-item2-content { padding-left: 70px; } li .list-item2-content h4, li .list-item2-content p { font-weight: bold; width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Arial !important; margin: 0; } li .list-item2-content p { margin-top: 10px; } li .list-item2-content em { color: #ff5656; } li.list-item2 a > img { max-width: 60px; float: left; display: block; } .thumbnail-content > h2, .thumbnail-banner { text-align: center; } .ul-padding { padding-left: 30px; } table { width: 100% !important; max-width: 100% !important; } table tr td { padding: 5px 10px; } table tr:nth-of-type(1n) { padding: 5px !important; background: #ffffff; } table tr:nth-of-type(2n) { padding: 5px !important; background: #e1ebf4; } .pc { display: block; } .mobile { display: none !important; } .tabs > section { position: relative; } .tabs > section div.tab-mobile { position: absolute; width: calc(100% + 2px); top: -31px; left: -1px; background: #FFE606; color: #fff; height: 30px; display: block; line-height: 30px; } .tabs > section div.tab-mobile label { padding: 0 10px; display: block; text-align: left; color: #fff; opacity: 1; outline: none; } .tabs > section div.tab-mobile label:active { outline: none; } .thumbnail { border: 10px solid #999; } .thumbnail-menu { background: #FFE606 linear-gradient(0deg, #FFE606, #3b9494); } .accordion-header { background: #FFE606; color: #fff; } .tabs label:hover, input:checked + label { opacity: 1; background: #FFE606; } .tab-navs + .tab-content, .tabs > section { border: 2px solid #aad4ff } td { word-break: break-all; } input { display: none; } .tabs .tab-content > .tab-content-inner p { margin: 4px 0; } .tabs .tab-content > .tab-content-inner p:not(:first-child) { margin-top: 12px; } @media only screen and (max-width: 768px) { body { margin: 0; } .thumbnail img { height: auto !important; } .mobile-page { width: 100%; } .mobile-page .thumbnail { box-shadow: none; } .mobile-tabs > section > .tab-content { background: #fff; padding: 50px 10px 10px 10px; } .mobile-tabs > section { display: none; } .mobile-tabs { } .mobile-tab-navs label.tab-nav { position: relative; display: block; float: left; width: 50%; text-align: center; box-sizing: border-box; line-height: 40px; color: #333; background: #eee; font-size: 13px; white-space: nowrap; } .mobile-tab-navs label.tab-nav:before { content: ”; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); border: 8px solid transparent; } .clearfix { clear: both; } .mobile-tab-navs { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 10; } #mobile-tab-nav1:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav1′], #mobile-tab-nav2:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav2′], #mobile-tab-nav3:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav3′]{ background: #eee; color: #FFE606; } #mobile-tab-nav1:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav1′]:before, #mobile-tab-nav2:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav2′]:before, #mobile-tab-nav3:checked ~ .mobile-tab-navs label[for=’mobile-tab-nav3′]:before { border-bottom: 8px solid #fff; } #mobile-tab-nav1:checked ~ .mobile-tab-content1 { display: block; } #mobile-tab-nav2:checked ~ .mobile-tab-content2 { display: block; } #mobile-tab-nav3:checked ~ .mobile-tab-content3 { display: block; } .accordion-header { padding: 5px 10px; } .wrapper { max-width: 100%; min-width: 100%; } .col5, .col6 { width: 33.33333%; } .thumbnail { margin: 0; border: none; } .thumbnail-menu li a { padding: 5px; } .thumbnail-title { font-size: 18px; } .thumbnail-subtitle { top: 40px; font-size: 13px; } .thumbnail-asidenav { display: none; } .thumbnail-content { padding-left: 0; } .thumbnail-description ul { padding-left: 20px; } label:active, label:focus { outline: none; background: transparent; } input[type=checkbox]:checked + label { outline: none; background: transparent; } .thumbnail-body { padding: 0; } .pc { display: none !important; } .mobile { display: block !important; } .tab { margin-bottom: 15px; } .tabs > section { display: block; margin-top: 32px; } #tab-content1 { margin-top: 40px; } .tabs .tab-content > .tab-content-inner { border: 1px solid #d9d9d9; padding: 10px; } .tab-navs + .tab-content, .tabs > section { border: none; margin-bottom: 5px; } #tab-mobile-nav1:checked ~ .tab-content { height: auto; } #tab-mobile-nav2:checked ~ .tab-content { height: auto; } #tab-mobile-nav3:checked ~ .tab-content { height: auto; } #tab-mobile-nav4:checked ~ .tab-content { height: auto; } #tab-mobile-nav5:checked ~ .tab-content { height: auto; } .card-title { font-size: 13px; height: 20px; } .card-subtitle { font-size: 12px; margin-top: 3px; } }