/* ══════════════════════════════════════════════════════════════ CollegeKit Hub · 页头导航(自包含组件,样式全部锁在 .ckh-header 内) CKH-HEADER-VERSION: v1-20261027 配色:#F9E5DB 奶油底 / #E49129 琥珀 / #F05E22 主橙 / #A8382E 深砖 ══════════════════════════════════════════════════════════════ */ .ckh-header { --ckh-cream: #F9E5DB; --ckh-amber: #E49129; --ckh-orange: #F05E22; --ckh-brick: #A8382E; --ckh-white: #FFFFFF; --ckh-ink: #2A1A15; --ckh-ink-soft: #6B564E; --ckh-line: #E8D2C5; --ckh-brick2: #8C2D25; --ckh-navtop: 96px; --ckh-vw: 100vw; flex: 0 0 auto; width: var(--ckh-vw); max-width: var(--ckh-vw); margin-left: calc(50% - var(--ckh-vw)/2); margin-right: calc(50% - var(--ckh-vw)/2); position: sticky; top: 0; z-index: 9990; background: var(--ckh-white); color: var(--ckh-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.4; text-align: left; -webkit-font-smoothing: antialiased; border-bottom: 3px solid var(--ckh-orange) } .ckh-header *, .ckh-header *::before, .ckh-header *::after { box-sizing: border-box } .ckh-header a { color: inherit; text-decoration: none } .ckh-header ul { margin: 0; padding: 0; list-style: none } .ckh-header img { display: block; border: 0 } .ckh-header button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0 } .ckh-header svg { display: block } /* ---------- 顶部信息条 ---------- */ .ckh-topbar { background: var(--ckh-brick); color: var(--ckh-white) } .ckh-topbar-in { max-width: 1300px; margin: 0 auto; padding: 0 18px; min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12.5px } .ckh-ship { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; letter-spacing: .01em } .ckh-ship svg { flex: 0 0 14px; opacity: .95 } .ckh-tb-links { display: flex; align-items: center; gap: 14px; color: rgba(255, 255, 255, .82) } .ckh-tb-links a { font-weight: 600; transition: color .16s ease } .ckh-tb-links a:hover { color: var(--ckh-amber) } /* ---------- 主条 ---------- */ .ckh-bar { position: relative; z-index: 3; background: var(--ckh-white) } .ckh-bar-in { max-width: 1300px; margin: 0 auto; padding: 0 18px; height: 62px; display: flex; align-items: center; gap: 16px } /* ---------- 品牌 ---------- */ .ckh-header a.ckh-logo { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; border-radius: 4px; transition: opacity .16s ease } .ckh-header a.ckh-logo:hover { opacity: .86 } .ckh-logo-txt { display: flex; flex-direction: column; line-height: 1; min-width: 0 } .ckh-logo-name { font-size: 17px; font-weight: 900; letter-spacing: .03em; white-space: nowrap; color: var(--ckh-brick) } .ckh-logo-sub { margin-top: 5px; font-size: 9px; font-weight: 800; letter-spacing: .2em; white-space: nowrap; color: var(--ckh-orange) } /* ---------- 导航 ---------- */ .ckh-nav { flex: 1 1 auto; min-width: 0 } .ckh-menu { display: flex; align-items: stretch; justify-content: flex-start; width: 100%; height: 62px } .ckh-menu>li { display: flex; align-items: stretch; position: relative; height: 62px } .ckh-menu>li>a { display: flex; align-items: center; gap: 5px; padding: 0 12px; height: 62px; font-size: 13px; font-weight: 700; letter-spacing: .012em; white-space: nowrap; color: var(--ckh-ink); box-shadow: inset 0 -3px 0 0 transparent; transition: color .16s ease, background-color .16s ease, box-shadow .16s ease } .ckh-menu>li>a:hover, .ckh-menu>li:focus-within>a, .ckh-menu>li.ckh-open>a { color: var(--ckh-orange); background: var(--ckh-cream); box-shadow: inset 0 -3px 0 0 var(--ckh-orange) } .ckh-cv { width: 10px; height: 10px; flex: 0 0 10px; opacity: .55; transition: opacity .16s ease, transform .16s ease } .ckh-menu>li:hover>a .ckh-cv, .ckh-menu>li:focus-within>a .ckh-cv, .ckh-menu>li.ckh-open>a .ckh-cv { opacity: 1; transform: rotate(180deg) } .ckh-exp { display: none; width: 46px; flex: 0 0 46px; align-items: center; justify-content: center } .ckh-exp>span { position: relative; width: 13px; height: 13px } .ckh-exp>span::before, .ckh-exp>span::after { content: ""; position: absolute; background: var(--ckh-ink); border-radius: 1px; transition: opacity .16s ease, transform .16s ease } .ckh-exp>span::before { left: 0; top: 5.5px; width: 13px; height: 2px } .ckh-exp>span::after { left: 5.5px; top: 0; width: 2px; height: 13px } .ckh-exp[aria-expanded="true"]>span::after { opacity: 0; transform: rotate(90deg) } .ckh-exp[aria-expanded="true"]>span::before { background: var(--ckh-orange) } /* ---------- 命中层(防止相邻菜单边界闪烁)---------- */ .ckh-hit { position: absolute; left: 0; right: 0; top: 0; height: 100%; z-index: 0; pointer-events: none } .ckh-hasp .ckh-hit { pointer-events: auto; z-index: 2 } /* ---------- Mega Menu 面板 ---------- */ .ckh-panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--ckh-white); color: var(--ckh-ink); z-index: 1; box-shadow: 0 14px 30px -14px rgba(168, 56, 46, .3); border-top: 1px solid var(--ckh-line); display: none } .ckh-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -30px; height: 30px } .ckh-hasp:hover>.ckh-panel, .ckh-panel:hover, .ckh-hasp:focus-within>.ckh-panel, .ckh-menu>li.ckh-open>.ckh-panel { display: block } .ckh-panel-in { max-width: 1300px; margin: 0 auto; padding: 22px 18px 24px } .ckh-ph { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 13px; margin-bottom: 16px; border-bottom: 1px solid var(--ckh-line) } .ckh-ph p { margin: 0; font-size: 10.5px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--ckh-orange) } .ckh-ph b { display: block; font-size: 17px; font-weight: 900; color: var(--ckh-brick); margin-top: 5px } .ckh-ph__more { flex: 0 0 auto; font-size: 12.5px; font-weight: 800; color: var(--ckh-brick); border-bottom: 2px solid var(--ckh-amber); padding-bottom: 2px; transition: color .16s ease, border-color .16s ease } .ckh-ph__more:hover { color: var(--ckh-orange); border-bottom-color: var(--ckh-orange) } .ckh-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 24px } .ckh-cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .ckh-div>p { margin: 0 0 7px; padding-left: 9px; border-left: 3px solid var(--ckh-orange); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--ckh-brick); white-space: nowrap } /* 球队图标格 */ .ckh-tm { display: flex; align-items: center; gap: 9px; padding: 5px 7px; border-radius: 8px; transition: background-color .14s ease } .ckh-tm img { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain } .ckh-tm span { font-size: 12.5px; font-weight: 600; color: var(--ckh-ink); line-height: 1.25 } .ckh-tm:hover { background: var(--ckh-cream) } .ckh-tm:hover span { color: var(--ckh-orange) } .ckh-teamgrid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2px 10px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--ckh-line) } /* 文字链接列表 */ .ckh-pls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 16px } .ckh-pls--2 { grid-template-columns: 1fr } .ckh-pl { display: flex; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 7px; transition: background-color .14s ease } .ckh-pl b { font-size: 12.5px; font-weight: 700; color: var(--ckh-ink) } .ckh-pl:hover { background: var(--ckh-cream) } .ckh-pl:hover b { color: var(--ckh-orange) } /* 卡片 */ .ckh-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px } .ckh-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .ckh-card { display: block; padding: 13px 15px; border: 1px solid var(--ckh-line); border-left: 4px solid var(--ckh-amber); border-radius: 10px; background: var(--ckh-white); transition: border-color .16s ease, background-color .16s ease } .ckh-card:hover { border-left-color: var(--ckh-orange); background: var(--ckh-cream) } .ckh-card strong { display: block; font-size: 13.5px; font-weight: 800; color: var(--ckh-brick) } .ckh-card em { display: block; font-style: normal; font-size: 12px; color: var(--ckh-ink-soft); margin-top: 5px; line-height: 1.45 } .ckh-card u { display: inline-block; text-decoration: none; margin-top: 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ckh-orange) } .ckh-card--hl { border-left-color: var(--ckh-orange); background: var(--ckh-cream) } /* 数量徽章 */ .ckh-n { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--ckh-cream); color: var(--ckh-brick); font-size: 10.5px; font-weight: 800; letter-spacing: .02em; vertical-align: 1px } .ckh-chip .ckh-n { margin-left: 2px; background: rgba(168, 56, 46, .1) } /* 人群网格 */ .ckh-audgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px } .ckh-aud { padding: 14px 16px; border: 1px solid var(--ckh-line); border-radius: 10px; background: var(--ckh-white); transition: border-color .16s ease, background-color .16s ease } .ckh-aud:hover { border-color: var(--ckh-orange); background: var(--ckh-cream) } .ckh-aud__h { display: block } .ckh-aud__h strong { display: block; font-size: 15px; font-weight: 900; color: var(--ckh-brick) } .ckh-aud__h em { display: block; font-style: normal; font-size: 12px; color: var(--ckh-ink-soft); margin-top: 4px; line-height: 1.45 } .ckh-aud__s { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 12px; margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--ckh-line) } .ckh-pl--mini { font-size: 12.5px; padding: 2px 0 } /* 胶囊 */ .ckh-styles, .ckh-chiprow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 8px } .ckh-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; border: 1.5px solid var(--ckh-line); background: var(--ckh-white); font-size: 12.5px; font-weight: 700; color: var(--ckh-brick); transition: background-color .14s ease, border-color .14s ease, color .14s ease } .ckh-chip:hover { background: var(--ckh-orange); border-color: var(--ckh-orange); color: var(--ckh-white) } /* 底部快捷行 */ .ckh-pf { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--ckh-line); display: flex; flex-wrap: wrap; align-items: center; gap: 7px 12px; font-size: 12.5px; color: var(--ckh-ink) } .ckh-fl { font-weight: 800; color: var(--ckh-brick) } .ckh-pf a { font-weight: 700; color: var(--ckh-orange); transition: color .14s ease } .ckh-pf a:hover { color: var(--ckh-brick) } .ckh-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--ckh-line) } /* ---------- 右侧工具 ---------- */ .ckh-util { margin-left: auto; flex: 0 0 auto; display: flex; align-items: center; gap: 4px; position: relative; z-index: 4 } .ckh-srchbtn, .ckh-cart { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; color: var(--ckh-ink); position: relative; transition: background-color .16s ease, color .16s ease } .ckh-srchbtn:hover, .ckh-srchbtn[aria-expanded="true"], .ckh-cart:hover { background: var(--ckh-cream); color: var(--ckh-orange) } .ckh-cart__n { position: absolute; top: 2px; right: 2px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--ckh-orange); color: var(--ckh-white); font-size: 9.5px; font-weight: 800; display: flex; align-items: center; justify-content: center } .ckh-srchpanel { position: absolute; left: 0; right: 0; top: 100%; z-index: 6; display: none; background: var(--ckh-white); box-shadow: 0 14px 30px -14px rgba(168, 56, 46, .3); padding: 18px } .ckh-header.ckh-search .ckh-srchpanel { display: block } .ckh-srchpanel form { max-width: 820px; margin: 0 auto; display: flex; gap: 10px } .ckh-srchpanel input { flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 16px; border: 2px solid var(--ckh-line); border-radius: 10px; outline: 0; font-size: 14px; color: var(--ckh-ink); background: var(--ckh-white); transition: border-color .16s ease } .ckh-srchpanel input:focus { border-color: var(--ckh-orange) } .ckh-srchpanel button[type=submit] { flex: 0 0 auto; height: 46px; padding: 0 24px; border-radius: 10px; background: var(--ckh-orange); color: var(--ckh-white); font-size: 13.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; transition: background-color .16s ease } .ckh-srchpanel button[type=submit]:hover { background: var(--ckh-brick) } .ckh-srchpanel p { margin: 12px auto 0; max-width: 820px; font-size: 12px; color: var(--ckh-ink-soft) } .ckh-srchpanel p a { color: var(--ckh-orange); font-weight: 700; text-decoration: underline } .ckh-burger { display: none; width: 40px; height: 40px; border-radius: 9px; align-items: center; justify-content: center; border: 1px solid var(--ckh-line) } .ckh-burger>span { position: relative; width: 18px; height: 14px } .ckh-burger>span::before, .ckh-burger>span::after, .ckh-burger>span>i { content: ""; position: absolute; left: 0; width: 18px; height: 2px; border-radius: 2px; background: var(--ckh-ink) } .ckh-burger>span::before { top: 0 } .ckh-burger>span>i { top: 6px; display: block } .ckh-burger>span::after { top: 12px } .ckh-burger:hover { background: var(--ckh-cream) } .ckh-scrim { position: absolute; left: 0; top: 100%; width: 100%; height: 100vh; height: 100dvh; background: rgba(42, 26, 21, .5); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease; z-index: 1 } .ckh-header.ckh-drawer .ckh-scrim { opacity: 1; visibility: visible; pointer-events: auto } /* ══════════════ 窄屏 / 移动端 ══════════════ */ @media (max-width:1280px) { .ckh-menu>li>a { padding: 0 9px; font-size: 12.5px } .ckh-logo-name { font-size: 16px } .ckh-teamgrid { grid-template-columns: repeat(4, minmax(0, 1fr)) } } @media (max-width:1149px) { .ckh-topbar-in { min-height: 32px; padding: 6px 14px; font-size: 11.5px } .ckh-tb-links { display: none } .ckh-bar-in { height: 56px; padding: 0 14px; gap: 10px } .ckh-nav { position: absolute; left: 0; right: 0; top: 100%; margin: 0; display: none; background: var(--ckh-white); color: var(--ckh-ink); max-height: calc(100vh - var(--ckh-navtop) - 8px); max-height: calc(100dvh - var(--ckh-navtop) - 8px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; box-shadow: 0 26px 48px -18px rgba(168, 56, 46, .35); z-index: 3; padding: 0 0 34px } .ckh-header.ckh-drawer .ckh-nav { display: block; animation: ckhFade .2s ease } @keyframes ckhFade { from { opacity: 0 } to { opacity: 1 } } .ckh-menu { display: block; height: auto; width: auto } .ckh-menu>li { display: block; height: auto; border-bottom: 1px solid var(--ckh-line) } .ckh-hit { display: none !important } .ckh-menu>li>a { height: auto; padding: 15px 58px 15px 16px; font-size: 15px; font-weight: 700; box-shadow: none; color: var(--ckh-brick); background: var(--ckh-white) } .ckh-menu>li.ckh-open>a { background: var(--ckh-cream); color: var(--ckh-orange) } .ckh-menu .ckh-cv { display: none } .ckh-exp { display: flex; position: absolute; right: 0; top: 0; height: 52px; width: 52px } .ckh-hasp { position: relative } .ckh-panel { position: static; display: none; box-shadow: none; background: var(--ckh-cream); border-top: 0 } .ckh-panel::before { display: none } .ckh-menu>li.ckh-open>.ckh-panel { display: block } .ckh-panel-in { padding: 14px 12px 18px } .ckh-ph { display: block; padding: 0 4px 12px; margin-bottom: 12px } .ckh-ph__more { display: inline-block; margin-top: 9px } .ckh-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px } .ckh-cols--2 { grid-template-columns: 1fr } .ckh-pls { grid-template-columns: 1fr } .ckh-cards { grid-template-columns: 1fr } .ckh-cards--2 { grid-template-columns: 1fr } .ckh-audgrid { grid-template-columns: 1fr } .ckh-teamgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 8px } .ckh-pf { padding: 13px 4px 0; margin-top: 13px } .ckh-srchpanel { padding: 14px } .ckh-burger { display: flex } .ckh-header a.ckh-logo { margin-right: auto } } @media (max-width:620px) { .ckh-cols { grid-template-columns: 1fr } .ckh-teamgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) } .ckh-tm span { font-size: 13px } .ckh-srchpanel form { flex-wrap: wrap } .ckh-srchpanel button[type=submit] { width: 100% } } @media (max-width:420px) { .ckh-menu>li>a { padding: 14px 54px 14px 14px; font-size: 14.5px } .ckh-logo-name { font-size: 15px } .ckh-logo-sub { font-size: 8px; letter-spacing: .16em } .ckh-ship { font-size: 11px } } @media (prefers-reduced-motion:reduce) { .ckh-header * { transition-duration: .01ms !important; animation-duration: .01ms !important } } /* ═══ 隐藏主题自带页头 / 公告栏,避免双页头 ═══ */ .section.header-section, .header-section, .section.announcement-bar, .announcement-bar, [id*="announcement-bar"], [class*="announcement-bar"], theme-sticky-header { display: none !important } /* 隐藏主题原汉堡按钮(防止与本组件移动端汉堡重复) */ .header__menu-toggle, .js-mobile-menu-toggle, .mobile-menu-toggle, [data-mobile-menu-toggle], .header-icon--menu, .burger-icon, .hamburger, .drawer-toggle, .header__nav-toggle { display: none !important } /* ═══ 悬停零位移:全局防抖 ═══ */ .ckh-header .ckh-menu>li>a, .ckh-header .ckh-tm, .ckh-header .ckh-pl, .ckh-header .ckh-card, .ckh-header .ckh-chip { transform: none !important; translate: none !important; rotate: none !important; scale: none !important } @media (min-width:1150px) { .ckh-header .ckh-menu { display: flex !important; align-items: stretch !important; gap: 0 !important } .ckh-header .ckh-menu>li { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important } .ckh-header .ckh-menu>li>a, .ckh-header .ckh-menu>li:hover>a, .ckh-header .ckh-menu>li:focus-within>a, .ckh-header .ckh-menu>li.ckh-open>a { display: flex !important; width: 100% !important; align-items: center !important; height: 62px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; transform: none !important; translate: none !important; scale: none !important; white-space: nowrap !important } .ckh-header .ckh-menu>li>a * { margin-top: 0 !important; margin-bottom: 0 !important } }

Free tracked shipping on orders over $79 · Easy 30-day returns

  • Custom Jerseys
  • New Arrivals
  • Best Sellers
  • College Fanwear
  • Shop by Audience
  • Help & Info
  • Popular: Game Jerseys · Player Jerseys · Custom Jerseys · All Jerseys

    NCAA · Football

    Pennsylvania Quakers Football Jerseys

    Pennsylvania Quakers Football jerseys in the programme's own colours — the shirt the team actually plays in, in men's, women's and youth fits.

    Show moreShow less
    24Football listings
    3Fits — men, women and youth

    Other Football Sports at Pennsylvania Quakers

    +About Pennsylvania Quakers Football Jerseys

    The football line is the part of the Pennsylvania Quakers wardrobe that supporters buy first: the shirt the programme actually plays in, in the colours the crowd recognises from the stand.

    Colourways change between seasons, so the range covers both the current home set and the older and alternative colourways that come back around.

    What football jerseys are available for Pennsylvania Quakers?

    The section carries football shirts in the Pennsylvania Quakers palette, including game and replica cuts, plus the limited and player versions where they exist for this programme.

    Can I order Pennsylvania Quakers football jerseys in youth sizes?

    Youth fits are listed for every programme. They are cut separately from the men's and women's shirts rather than shortened versions of them.

    Availability
    0 selected Reset
    Price
    Maximum price is $74.99 Reset
    $
    $
    Sort: Recommended
    Sort:
    24 items
    Filter (24)
    Filter
    Availability
    0 selected Reset
    Price
    Maximum price is $74.99 Reset
    $
    $
    24 items
    Clear
    Recommended
    Sort:
    24 items