Add (C) Nintendo logo to sidebar
This commit is contained in:
parent
5029fa3346
commit
0e50e64ba6
3 changed files with 45 additions and 8 deletions
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
|
@ -91,12 +91,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="websiteredirect-link-container" style="text-align: center; margin-top: 15px;">
|
||||
<div class="websiteredirect-link-container">
|
||||
<a href="https://www.nintendo.co.jp/wiiu/agmj/" target="_blank" rel="noopener noreferrer">
|
||||
<img src="/assets/en/svg/text/menu/tx_officialpage-51d6bd752e52fb7c599246bec3c9bbb960e9f2ab063cf6e9e5b037e8fab8a7ea.svg" alt="Description" style="max-width: 100%; height: auto;">
|
||||
<img src="/assets/en/svg/text/menu/tx_officialpage-51d6bd752e52fb7c599246bec3c9bbb960e9f2ab063cf6e9e5b037e8fab8a7ea.svg" alt="Official Page">
|
||||
</a>
|
||||
|
||||
<div class="nintylogo-static">
|
||||
<img src="/assets/en/svg/text/menu/tx_nintendo-8cad05eb543ca2c254e282cdf62fc0b3a027aed70e77a11a8cd45f0631f0acd7.svg" alt="Static Decoration">
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<script src="config.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
44
style.css
44
style.css
|
|
@ -231,22 +231,22 @@ body {
|
|||
cursor: pointer;
|
||||
gap: 10px;
|
||||
padding: 5px;
|
||||
background: transparent; /* Removes the box */
|
||||
background: transparent; /* vro fuckass vscode autocomplete adds comments... if anyone knows a better
|
||||
code editor that doesnt do this pls dm me i hate having to remove these. */
|
||||
}
|
||||
|
||||
.image-dropdown-toggle img:first-child {
|
||||
height: 24px; /* Adjust based on your SVG height */
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.dropdown-arrow-icon {
|
||||
height: 12px;
|
||||
/* Use filter if you need the arrow to be white/different color */
|
||||
}
|
||||
|
||||
.image-dropdown-options {
|
||||
display: none; /* Hidden by default */
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 100%; /* Opens upwards, or use top: 100% to open down */
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
|
|
@ -285,4 +285,38 @@ body {
|
|||
.websiteredirect-link-container img {
|
||||
width: 180px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.websiteredirect-link-container {
|
||||
margin-top: 15px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-left: 15px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.websiteredirect-link-container img {
|
||||
width: 180px;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nintylogo-static {
|
||||
margin-top: 10px;
|
||||
width: 90px;
|
||||
height: 15px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin-top: 80px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.nintylogo-static img {
|
||||
width: 180px;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
Loading…
Reference in a new issue