Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 50: | Line 50: | ||
.hp-areas h2 { text-align: center; margin-bottom: 1.5em; } | .hp-areas h2 { text-align: center; margin-bottom: 1.5em; } | ||
.hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; } | ||
| + | .hp-area h3 { text-align: center; } | ||
.hp-area:hover { text-decoration: none; } | .hp-area:hover { text-decoration: none; } | ||
.hp-area:hover h3 { font-weight: 700 !important; } | .hp-area:hover h3 { font-weight: 700 !important; } | ||
| − | |||
.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-icon svg { width: 100px; height: 100px; } | .hp-area-icon svg { width: 100px; height: 100px; } | ||
.hp-area-text { flex: 1 1 75%; } | .hp-area-text { flex: 1 1 75%; } | ||
.hp-area-text p { font-size: 1.2em; margin: 0 0 0 .1em; } | .hp-area-text p { font-size: 1.2em; margin: 0 0 0 .1em; } | ||
| − | .hp-area-arrow { | + | .hp-area-arrow { display: none; } |
.hp-compass { | .hp-compass { | ||
border-top: 1px solid rgba(0, 0, 0, .9); | border-top: 1px solid rgba(0, 0, 0, .9); | ||
| Line 92: | Line 92: | ||
#hp-main { width: 75%; margin: auto; } | #hp-main { width: 75%; margin: auto; } | ||
.hp-search { margin-bottom: 8em; } | .hp-search { margin-bottom: 8em; } | ||
| + | .hp-area { flex-direction: row; } | ||
| + | .hp-area h3 { text-align: left; } | ||
.hp-areas h2 { margin-bottom: 2em; } | .hp-areas h2 { margin-bottom: 2em; } | ||
| − | |||
.hp-area-icon svg { width: 130px; height: 130px; } | .hp-area-icon svg { width: 130px; height: 130px; } | ||
| + | .hp-area-arrow { display: block; flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | ||
| + | .hp-area:hover .hp-area-arrow { transform: translateX(1em); } | ||
.hp-compass { padding: 5em; } | .hp-compass { padding: 5em; } | ||
#forum-topics { padding: 4em 1em 4em 0; border-right: 1px solid rgba(0, 0, 0, .9); } | #forum-topics { padding: 4em 1em 4em 0; border-right: 1px solid rgba(0, 0, 0, .9); } | ||
Revision as of 15:06, 25 May 2022
Development verstion of the DCT Homepage.
Not ready for production!