Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 153: | Line 153: | ||
} | } | ||
.snippet-header { | .snippet-header { | ||
| − | border-bottom: | + | border-bottom: 2px solid; |
padding: .75em; | padding: .75em; | ||
text-align: center; | text-align: center; | ||
| + | transition: all 250ms; | ||
| + | color: #fff; | ||
} | } | ||
.snippet-body { | .snippet-body { | ||
| − | padding: . | + | font-size: 75%; |
| − | + | padding: 1em; | |
| + | transition: all 250ms; | ||
| + | } | ||
| + | |||
| + | .snippet.TL { color: var(--links-blue); } | ||
| + | |||
| + | .snippet.GL { color: var(--links-orange); } | ||
| + | |||
| + | .snippet.UCL { color: var(--links-cyan); } | ||
| + | |||
| + | .snippet.ICH { color: var(--handbook-color); } | ||
| + | |||
| + | .snippet.FS { color: var(--safe-color); } | ||
| + | |||
| + | .snippet.TL .snippet-header { | ||
| + | background-color: var(--links-blue); | ||
| + | border-color: var(--links-blue); | ||
| + | } | ||
| + | |||
| + | .snippet.GL .snippet-header { | ||
| + | background-color: var(--links-orange); | ||
| + | border-color: var(--links-orange); | ||
| + | } | ||
| + | |||
| + | .snippet.UCL .snippet-header { | ||
| + | background-color: var(--links-cyan); | ||
| + | border-color: var(--links-cyan); | ||
| + | } | ||
| + | |||
| + | .snippet.ICH .snippet-header { | ||
| + | background-color: var(--handbook-color); | ||
| + | border-color: var(--handbook-color); | ||
| + | } | ||
| + | |||
| + | .snippet.FS .snippet-header { | ||
| + | background-color: var(--safe-color); | ||
| + | border-color: var(--safe-color); | ||
} | } | ||
| + | |||
| + | .snippet:hover .snippet-header { background-color: #fff; } | ||
| + | .snippet.TL:hover .snippet-header { color: var(--links-blue); } | ||
| + | .snippet.GL:hover .snippet-header { color: var(--links-orange); } | ||
| + | .snippet.UCL:hover .snippet-header { color: var(--links-cyan); } | ||
| + | .snippet.ICH:hover .snippet-header { color: var(--handbook-color); } | ||
| + | .snippet.FS:hover .snippet-header { color: var(--safe-color); } | ||
</style> | </style> | ||
Revision as of 16:38, 15 October 2023
Second version of the LINKS Community Center homepage.
Do not modify!