|
|
| Line 1: |
Line 1: |
| .hp{ | | .nohoverzoom a.image { |
| max-width: 1100px; | | background: transparent !important; |
| margin: 0 auto; | | border: 0 !important; |
| padding: 24px 16px 40px; | | box-shadow: none !important; |
| color: #eaf1ff; | | padding: 0 !important; |
| font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
| |
| } | | } |
|
| |
|
| .hp-hero{ | | .nohoverzoom a.image img { |
| text-align: center;
| | border: 0 !important; |
| padding: 26px 10px 20px;
| | outline: 0 !important; |
| }
| |
| | |
| .hp-kicker{ | |
| opacity: .85;
| |
| font-size: 14px;
| |
| letter-spacing: .02em;
| |
| }
| |
| | |
| .hp-title{
| |
| font-weight: 800;
| |
| font-size: 12em;
| |
| letter-spacing: .04em;
| |
| margin: 8px 0 8px;
| |
| }
| |
| | |
| .hp-sub{
| |
| opacity: .85;
| |
| max-width: 780px;
| |
| margin: 0 auto 18px;
| |
| font-size: 14px;
| |
| }
| |
| | |
| .hp-search{
| |
| max-width: 640px;
| |
| margin: 0 auto;
| |
| padding: 14px 18px;
| |
| border-radius: 999px;
| |
| border: 1px solid rgba(255,255,255,.14); | |
| background: rgba(20,28,40,.55);
| |
| box-shadow: 0 0 0 1px rgba(0,0,0,.35) inset;
| |
| }
| |
| .hp-search a{
| |
| display: block;
| |
| color: inherit;
| |
| text-decoration: none;
| |
| opacity: .9; | |
| }
| |
| | |
| .hp-patch{
| |
| margin: 18px auto 14px;
| |
| border-radius: 14px;
| |
| border: 1px solid rgba(255,255,255,.12);
| |
| background: rgba(10,14,20,.35);
| |
| overflow: hidden;
| |
| }
| |
| | |
| .hp-patchLabel{
| |
| padding: 10px 14px 0;
| |
| opacity: .8;
| |
| font-size: 13px;
| |
| }
| |
| | |
| .hp-patchBody{
| |
| padding: 10px 14px 14px;
| |
| }
| |
| .hp-patchBody img{
| |
| width: 100%;
| |
| height: auto;
| |
| border-radius: 10px;
| |
| display: block;
| |
| }
| |
| | |
| /* tile grid */
| |
| .hp-tiles{
| |
| display: grid;
| |
| grid-template-columns: repeat(5, 1fr);
| |
| gap: 10px;
| |
| margin-top: 10px;
| |
| }
| |
| | |
| .hp-tile{
| |
| border-radius: 999px;
| |
| border: 1px solid rgba(255,255,255,.14);
| |
| background: rgba(20,28,40,.45);
| |
| padding: 10px 12px;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| text-overflow: ellipsis;
| |
| }
| |
| | |
| /* Make wiki links fill the pill */
| |
| .hp-tile a{
| |
| display: block;
| |
| color: inherit;
| |
| text-decoration: none;
| |
| }
| |
| | |
| /* responsive */
| |
| @media (max-width: 980px){
| |
| .hp-tiles{ grid-template-columns: repeat(3, 1fr); }
| |
| }
| |
| @media (max-width: 560px){
| |
| .hp-tiles{ grid-template-columns: repeat(2, 1fr); }
| |
| } | | } |
