Mudanças entre as edições de "Widget:Newmenu"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 25: Linha 25:
   .mainPage__linkIcon {
   .mainPage__linkIcon {
     position: relative;
     position: relative;
     width: 3rem;
     width: 5rem;
   }
   }


   .mainPage__linkIconContainer {
   .mainPage__linkIconContainer {
     background-image: url(https://media.discordapp.net/attachments/1063632353597079592/1231337194434723921/background.png?ex=662b6260&is=662a10e0&hm=cd0239c1c2dadb112ef9e9bacb2ec4db133fa1a5a36326360b9b255065c990bb&=&format=webp&quality=lossless);
    padding: .5rem;
     background-size: cover;
     background-image: url(https://imgur.com/TGFFsT5);
   
     background-size: cover;
   }
   }
</style>
</style>

Edição das 14h18min 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;
   gap: 1rem;
   grid-template-columns: repeat(9, 1fr);
 }
 .mainPage__linkIcon {
   position: relative;
   width: 5rem;
 }
 .mainPage__linkIconContainer {
   padding: .5rem;
   background-image: url(https://imgur.com/TGFFsT5);
   background-size: cover;  
 }

</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>