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