Widget: Homepage: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| 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 14:04, 24 May 2022
Development verstion of the DCT Homepage.
Not ready for production!