Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 20: | Line 20: | ||
#hp-heading h1 span:nth-child(2) { font-weight: 500; } | #hp-heading h1 span:nth-child(2) { font-weight: 500; } | ||
#hp-heading h1 span:nth-child(3) { font-weight: 100; } | #hp-heading h1 span:nth-child(3) { font-weight: 100; } | ||
| − | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em | + | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; } |
.hp-large-button { display: inline-block; font-weight: 600; font-size: 1.6em; padding: .5em; border: 1px solid black; user-select: none; } | .hp-large-button { display: inline-block; font-weight: 600; font-size: 1.6em; padding: .5em; border: 1px solid black; user-select: none; } | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
| Line 72: | Line 72: | ||
} | } | ||
.orange .placeholder-box::before, .orange .placeholder-box::after { background-color: var(--links-orange); } | .orange .placeholder-box::before, .orange .placeholder-box::after { background-color: var(--links-orange); } | ||
| + | @media screen and (min-width:720px) { | ||
| + | #hp-heading .hp-lead { max-width: 50%; } | ||
| + | } | ||
</style> | </style> | ||
<div id="hp-wrapper"> | <div id="hp-wrapper"> | ||
Revision as of 13:55, 23 May 2022
Development verstion of the DCT Homepage.
Not ready for production!