Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 54: | Line 54: | ||
transform: rotate(-45deg); | transform: rotate(-45deg); | ||
} | } | ||
| + | .blue { | ||
| + | color: var(--links-blue); | ||
| + | border-color: var(--links-blue); | ||
| + | } | ||
| + | .blue::before, .blue::after { background-color: var(--links-blue); } | ||
| + | .orange { | ||
| + | color: var(--links-orange); | ||
| + | border-color: var(--links-orange); | ||
| + | } | ||
| + | .orange::before, .orange::after { background-color: var(--links-orange); } | ||
</style> | </style> | ||
<div id="hp-wrapper"> | <div id="hp-wrapper"> | ||
| Line 72: | Line 82: | ||
<div class="hp-areas"> | <div class="hp-areas"> | ||
| − | <div class="hp-area"> | + | <div class="hp-area blue"> |
<div class="hp-area-icon"> | <div class="hp-area-icon"> | ||
<div class="placeholder-box"></div> | <div class="placeholder-box"></div> | ||
| Line 85: | Line 95: | ||
</div> | </div> | ||
| − | <div class="hp-area"> | + | <div class="hp-area orange"> |
<div class="hp-area-icon"> | <div class="hp-area-icon"> | ||
<div class="placeholder-box"></div> | <div class="placeholder-box"></div> | ||
Revision as of 16:19, 20 May 2022
Development verstion of the DCT Homepage.
Not ready for production!