Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 6: | Line 6: | ||
<style> | <style> | ||
#hp-wrapper { font-family: 'Open Sans'; } | #hp-wrapper { font-family: 'Open Sans'; } | ||
| − | #hp-heading { padding: 3em; margin-bottom: | + | #hp-heading { padding: 3em; margin-bottom: 8em; background: #eee; } |
#hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: 1em; } | #hp-heading h1 { font-family: 'Raleway'; font-size: 5em; margin-bottom: 1em; } | ||
#hp-heading h1 span { display: block; } | #hp-heading h1 span { display: block; } | ||
| Line 14: | Line 14: | ||
#hp-heading .hp-lead { font-size: 2em; font-weight: 300; } | #hp-heading .hp-lead { font-size: 2em; font-weight: 300; } | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
| − | .hp-search { margin-bottom: | + | .hp-search { margin-bottom: 8em; } |
| − | .hp-areas { margin-bottom: | + | .hp-areas { margin-bottom: 8em; } |
.hp-area { display: flex; } | .hp-area { display: flex; } | ||
.hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | .hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | ||
.hp-area-text { flex: 1 1 75%; } | .hp-area-text { flex: 1 1 75%; } | ||
.hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | .hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | ||
| − | .hp-area-text p { font-size: 1.2em; } | + | .hp-area-text p { font-size: 1.2em; margin: 0; } |
.hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | .hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | ||
.hp-compass { border: 1px solid black; padding: 5em; display: flex; justify-content: center; } | .hp-compass { border: 1px solid black; padding: 5em; display: flex; justify-content: center; } | ||
Revision as of 14:54, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!