Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 37: | Line 37: | ||
#hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; } | #hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; } | ||
.loaded #hp-heading .hp-lead { opacity: .95; } | .loaded #hp-heading .hp-lead { opacity: .95; } | ||
| − | .hp-button-wrapper { text-align: | + | .hp-button-wrapper { text-align: left; } |
.hp-large-button { | .hp-large-button { | ||
display: inline-block; | display: inline-block; | ||
background-color: var(--links-grey); | background-color: var(--links-grey); | ||
| − | color: # | + | color: #C31980; |
border: 1px solid currentColor; | border: 1px solid currentColor; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
| Line 49: | Line 49: | ||
text-decoration: none; | text-decoration: none; | ||
cursor: pointer; | cursor: pointer; | ||
| + | background-color: rgba(255, 255, 255, .4); | ||
} | } | ||
| − | .hp-large-button svg { fill: # | + | .hp-large-button svg { fill: #C31980; height: 4em; transition: fill 500ms; } |
| − | .hp-large-button:hover { text-decoration: none; color: var(--links- | + | .hp-large-button:hover { text-decoration: none; color: var(--links-blue); } |
| − | .hp-large-button:hover svg { fill: var(--links- | + | .hp-large-button:hover svg { fill: var(--links-blue); } |
.loaded .hp-large-button { opacity: 1; } | .loaded .hp-large-button { opacity: 1; } | ||
.hp-search { margin-bottom: 4em; } | .hp-search { margin-bottom: 4em; } | ||
Revision as of 15:32, 25 November 2022
Second version of the LINKS Community Center homepage.
Do not modify!