Mudanças entre as edições de "Widget:Newmenu"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<style> | <style> | ||
#content { | |||
background: linear-gradient(#23242b, #284460); | |||
border: 2px solid #155777; | |||
} | |||
.mainPage__card { | |||
border: 4px solid #354967; | |||
} | |||
.mainPage__cardTitle { | |||
background-color: #354967; | |||
color: #fff; | |||
font-weight: 700; | |||
text-align: center; | |||
font-size: 1.3rem; | |||
} | |||
.mainPage__containerLinkIcon { | |||
display: grid; | |||
padding: .75rem 0; | |||
gap: 1rem; | |||
grid-template-columns: repeat(9, 1fr); | |||
} | |||
.mainPage__linkIcon { | |||
width: 9.5rem; | |||
margin-bottom: -10px; | |||
} | |||
.mainPage__linkIconContainer::before { | |||
content: ""; | |||
position: absolute; | |||
top: 14px; | |||
left: 1.5rem; | |||
</style> | width: 9rem; | ||
height: 8rem; | |||
background-image: url("https://cdn.discordapp.com/attachments/822511410768248902/1233793476777476219/back-new.png?ex=662e6337&is=662d11b7&hm=771d450ed3bf539f58a5342e5537d99051ac6d21fae86b5192ea4de56da06352&"); | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
z-index: -1; | |||
} | |||
.mainPage__linkIconContainer { | |||
position: relative; | |||
display: grid; | |||
place-items: center; | |||
padding: .25rem; | |||
padding-block-end: 0; | |||
} | |||
</style> | |||
Edição das 15h10min de 27 de abril de 2024
<style>
#content {
background: linear-gradient(#23242b, #284460);
border: 2px solid #155777;
}
.mainPage__card {
border: 4px solid #354967;
}
.mainPage__cardTitle {
background-color: #354967;
color: #fff;
font-weight: 700;
text-align: center;
font-size: 1.3rem;
}
.mainPage__containerLinkIcon {
display: grid;
padding: .75rem 0;
gap: 1rem;
grid-template-columns: repeat(9, 1fr);
}
.mainPage__linkIcon {
width: 9.5rem;
margin-bottom: -10px;
}
.mainPage__linkIconContainer::before {
content: "";
position: absolute;
top: 14px;
left: 1.5rem;
width: 9rem;
height: 8rem;
background-image: url("https://cdn.discordapp.com/attachments/822511410768248902/1233793476777476219/back-new.png?ex=662e6337&is=662d11b7&hm=771d450ed3bf539f58a5342e5537d99051ac6d21fae86b5192ea4de56da06352&");
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}
.mainPage__linkIconContainer {
position: relative;
display: grid;
place-items: center;
padding: .25rem;
padding-block-end: 0;
}
</style>
Menu
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
<a href="#" class="mainPage__linkIconContainer">
<img
src="https://media.discordapp.net/attachments/1063632353597079592/1231337192387776612/chests.png?ex=6636971f&is=6624221f&hm=5fc2eaa17580af5f65453c0622eb3e5e88f781f59861450acb790a3decf85b65&=&format=webp&quality=lossless"
alt="" class="mainPage__linkIcon" />
</a>
