Template:DSLogo/style.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
No edit summary |
||
| (12 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.DSRedirectWrapper { |
.DSRedirectWrapper { |
||
display: inline-grid; |
display: inline-grid; |
||
grid-template-columns: |
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; |
||
align-items: center; |
align-items: center; |
||
justify-items: center; |
justify-items: center; |
||
text-align: center; |
text-align: center; |
||
gap: var(--space-sm); |
gap: var(--space-sm); |
||
width: |
width: 80%; |
||
margin-top: var(--space-xs); |
margin-top: var(--space-xs); |
||
| ⚫ | |||
.DSRedirectWrapper > :first-child { |
|||
justify-self: end; |
|||
} |
|||
.DSRedirectWrapper > :last-child { |
|||
justify-self: start; |
|||
} |
} |
||
| Line 23: | Line 15: | ||
.DSRedirect { |
.DSRedirect { |
||
display: inline-block; |
|||
width: fit-content; |
|||
background: transparent; |
|||
border: 0.5px solid #ffffff; |
|||
border-radius: 12px; |
|||
padding: var(--space-xs); |
|||
font-size: var(--font-size-medium); |
|||
text-shadow: #ffffff 0px 0px 1px; |
|||
transition: all 0.3s ease-in-out; |
|||
text-wrap: nowrap; |
|||
| ⚫ | |||
.DSRedirectIcon { |
|||
display: inline-block; |
display: inline-block; |
||
width: fit-content; |
width: fit-content; |
||
Latest revision as of 08:27, June 25, 2025
.DSRedirectWrapper {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
align-items: center;
justify-items: center;
text-align: center;
gap: var(--space-sm);
width: 80%;
margin-top: var(--space-xs);
}
.DSRedirectMain {
color: #00f2ff;
}
.DSRedirect {
display: inline-block;
width: fit-content;
background: transparent;
border: 0.5px solid #ffffff;
border-radius: 12px;
padding: var(--space-xs);
font-size: var(--font-size-medium);
text-shadow: #ffffff 0px 0px 1px;
transition: all 0.3s ease-in-out;
text-wrap: nowrap;
}
.DSRedirectIcon {
display: inline-block;
width: fit-content;
background: transparent;
border: 0.5px solid #ffffff;
border-radius: 12px;
padding: var(--space-xs);
font-size: var(--font-size-medium);
text-shadow: #ffffff 0px 0px 1px;
transition: all 0.3s ease-in-out;
}
.DSRedirect:hover {
background: #16181d;
}