Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 1: | Line 1: | ||
<noinclude>Development verstion of the DCT Homepage.<br><span style="color: red; font-weight: bold;">Not ready for production!</span></noinclude> | <noinclude>Development verstion of the DCT Homepage.<br><span style="color: red; font-weight: bold;">Not ready for production!</span></noinclude> | ||
<includeonly><style> | <includeonly><style> | ||
| − | #hp-wrapper { font-family: 'Open Sans'; } | + | #hp-wrapper { |
| + | --hp-border: 1px solid rgba(0, 0, 0, .9); | ||
| + | font-family: 'Open Sans'; | ||
| + | } | ||
#hp-wrapper h1, #hp-wrapper h2, #hp-wrapper h3 { | #hp-wrapper h1, #hp-wrapper h2, #hp-wrapper h3 { | ||
font-family: 'Raleway'; | font-family: 'Raleway'; | ||
| Line 39: | Line 42: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
padding: .5em; | padding: .5em; | ||
| − | border: | + | border: var(--hp-border); |
opacity: 0; | opacity: 0; | ||
transition: all 500ms ease-in-out 1300ms; | transition: all 500ms ease-in-out 1300ms; | ||
| Line 61: | Line 64: | ||
.hp-area-arrow { display: none; } | .hp-area-arrow { display: none; } | ||
.hp-compass { | .hp-compass { | ||
| − | border-top: | + | border-top: var(--hp-border); |
| − | border-bottom: | + | border-bottom: var(--hp-border); |
padding: 2em 1em; | padding: 2em 1em; | ||
display: flex; | display: flex; | ||
| Line 68: | Line 71: | ||
} | } | ||
#hp-resources, #hp-networks { padding: 2em 1em; } | #hp-resources, #hp-networks { padding: 2em 1em; } | ||
| − | #hp-resources { border-top: | + | #hp-resources { border-top: var(--hp-border); } |
#hp-resources .hp-area, #hp-networks .hp-area { margin-bottom: 0 !important; } | #hp-resources .hp-area, #hp-networks .hp-area { margin-bottom: 0 !important; } | ||
#hp-recent h3 { margin-bottom: 1em; } | #hp-recent h3 { margin-bottom: 1em; } | ||
#forum-topics { padding: 2em 1em; } | #forum-topics { padding: 2em 1em; } | ||
| − | #hp-changes { border-top: | + | #hp-changes { border-top: var(--hp-border); padding: 2em 1em; } |
.blue * { | .blue * { | ||
color: var(--links-blue); | color: var(--links-blue); | ||
| Line 95: | Line 98: | ||
/* Quick fix for removed Compass. Delete when Compass is restored. */ | /* Quick fix for removed Compass. Delete when Compass is restored. */ | ||
| − | #forum-topics { border-top: | + | #forum-topics { border-top: var(--hp-border); } |
@media screen and (min-width: 992px) { | @media screen and (min-width: 992px) { | ||
| Line 112: | Line 115: | ||
.hp-area:hover .hp-area-arrow { transform: translateX(1em); } | .hp-area:hover .hp-area-arrow { transform: translateX(1em); } | ||
.hp-compass { padding: 5em; } | .hp-compass { padding: 5em; } | ||
| − | #hp-collections { border-top: | + | #hp-collections { border-top: var(--hp-border); } |
#hp-resources { border-top: 0 none; } | #hp-resources { border-top: 0 none; } | ||
| − | #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: | + | #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: var(--hp-border); } |
#hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; } | #hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; } | ||
.hp-compass .hp-area-text h2 { font-size: 3em; } | .hp-compass .hp-area-text h2 { font-size: 3em; } | ||
| Line 122: | Line 125: | ||
/* Quick fix for removed Compass. Delete when Compass is restored. */ | /* Quick fix for removed Compass. Delete when Compass is restored. */ | ||
#hp-resources {border-right: 0 none; } | #hp-resources {border-right: 0 none; } | ||
| − | #hp-changes { border-top: | + | #hp-changes { border-top: var(--hp-border); } |
} | } | ||
</style> | </style> | ||
Revision as of 13:07, 29 June 2022
Development verstion of the DCT Homepage.
Not ready for production!