Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 28: | Line 28: | ||
#hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 700ms; } | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 700ms; } | ||
.loaded #hp-heading .hp-lead { opacity: 1; } | .loaded #hp-heading .hp-lead { opacity: 1; } | ||
| − | .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; | ||
| + | opacity: 0; | ||
| + | transition: all 500ms ease-in-out 1200ms; | ||
| + | } | ||
| + | .loaded .hp-large-button { opacity: 1; } | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 8em; } | .hp-search { margin-bottom: 8em; } | ||
Revision as of 16:01, 23 May 2022
Development verstion of the DCT Homepage.
Not ready for production!