Template:DSLogo/style.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
No edit summary |
||
| (41 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.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 { |
.DSRedirect { |
||
display: inline-block; |
|||
width: fit-content; |
|||
background: transparent; |
background: transparent; |
||
border: 0.5px solid #ffffff; |
|||
border: |
border-radius: 12px; |
||
padding: var(--space-xs); |
padding: var(--space-xs); |
||
| ⚫ | |||
margin: 0 auto; |
|||
cursor: pointer; |
|||
| ⚫ | |||
text-shadow: #ffffff 0px 0px 1px; |
text-shadow: #ffffff 0px 0px 1px; |
||
transition: all 0.3s ease-in-out; |
transition: all 0.3s ease-in-out; |
||
text-wrap: nowrap; |
|||
} |
|||
.DSRedirectIcon { |
|||
display: inline-block; |
|||
width: fit-content; |
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; |
|||
} |
} |
||
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;
}