Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 4: | Line 4: | ||
#hp-heading { | #hp-heading { | ||
padding: 1em; | padding: 1em; | ||
| − | margin-bottom: | + | margin-bottom: 4em; |
background: | background: | ||
linear-gradient(125deg, #FFFFFF 0%, #000000 100%), | linear-gradient(125deg, #FFFFFF 0%, #000000 100%), | ||
| Line 40: | Line 40: | ||
} | } | ||
.loaded .hp-large-button { opacity: 1; } | .loaded .hp-large-button { opacity: 1; } | ||
| − | + | .hp-search { margin-bottom: 4em; } | |
| − | .hp-search { margin-bottom: | ||
.hp-areas { margin-bottom: 8em; } | .hp-areas { margin-bottom: 8em; } | ||
.hp-area { display: flex; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | .hp-area { display: flex; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | ||
| Line 72: | Line 71: | ||
@media screen and (min-width: 992px) { | @media screen and (min-width: 992px) { | ||
| − | #hp-heading { padding: 3em; } | + | #hp-heading { padding: 3em; margin-bottom: 8em; } |
#hp-heading h1 { font-size: 5em; } | #hp-heading h1 { font-size: 5em; } | ||
#hp-heading .hp-lead { max-width: 50%; font-size: 2em; } | #hp-heading .hp-lead { max-width: 50%; font-size: 2em; } | ||
| Line 78: | Line 77: | ||
.hp-large-button { font-size: 1.6em; } | .hp-large-button { font-size: 1.6em; } | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
| + | .hp-search { margin-bottom: 8em; } | ||
} | } | ||
</style> | </style> | ||
Revision as of 15:04, 24 May 2022
Development verstion of the DCT Homepage.
Not ready for production!