WiiMart/WiiMart-org
1
0
Fork 0
mirror of https://wiilab.wiimart.org/wiimart/WiiMart-github-io synced 2025-09-04 04:21:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

New contributor and Install page changes

Browse Source
This commit is contained in:
Gemdation 2025-08-07 04:16:37 -05:00
parent 51d36cb08e
commit 1bcd51d287
6 changed files with 238 additions and 228 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
credits.html
View File

@ -20,7 +20,6 @@
figure {display:flex;align-items:flex-start} figure {display:flex;align-items:flex-start}
figure img.pfp {margin-left: -30px;width:150px;height:100%;object-fit: cover;border-radius:5px;} figure img.pfp {margin-left: -30px;width:150px;height:100%;object-fit: cover;border-radius:5px;}
figcaption {padding-left:15px;text-align:left} figcaption {padding-left:15px;text-align:left}
p.mem {flex:1}
hr {border-style:dashed} hr {border-style:dashed}
div#Contribute button {min-width:300px;} div#Contribute button {min-width:300px;}
div#Contribute button img {float:left;} div#Contribute button img {float:left;}
@ -303,6 +302,17 @@
<a href="https://theerrorexe.dev/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a> <a href="https://theerrorexe.dev/"><button><img loading="lazy" src="meta/ico-web.png" class="ico"></button></a>
</figcaption> </figcaption>
</figure> </figure>
<hr>
<figure id="AFA">
<img loading="lazy" src="media/pfp-afa.png" class="pfp">
<figcaption>
<b>A for Animation</b> has contributed with some Virtual Console injects.
<br><br>
<a href="https://www.youtube.com/@AforAnimation888"><button><img loading="lazy" src="meta/ico-yt.png" class="ico"></button></a>
</figcaption>
</figure>
</div> </div>
<script>document.addEventListener('DOMContentLoaded', function() {const pfpDivs = document.querySelectorAll('figure'); pfpDivs.forEach(function(pfpDiv) {const clickableImage = pfpDiv.querySelector('img'); const sound = pfpDiv.querySelector('audio'); if (clickableImage && sound) {clickableImage.addEventListener('click', function() {const newSound = new Audio(sound.src);newSound.play();});}});});</script> <script>document.addEventListener('DOMContentLoaded', function() {const pfpDivs = document.querySelectorAll('figure'); pfpDivs.forEach(function(pfpDiv) {const clickableImage = pfpDiv.querySelector('img'); const sound = pfpDiv.querySelector('audio'); if (clickableImage && sound) {clickableImage.addEventListener('click', function() {const newSound = new Audio(sound.src);newSound.play();});}});});</script>

38
fishiemart.html
View File

@ -6,16 +6,24 @@
<style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight:normal;font-style:normal;}</style> <style>@font-face {font-family:'Shop';src:url('meta/shop.ttf') format('truetype');font-weight:normal;font-style:normal;}</style>
<script src="meta/music.js" ></script> <script src="meta/music.js" ></script>
<title>FishieMart: an active Fishie Fishie revival!</title> <title>FishieMart: an active Fishie Fishie revival!</title>
<meta content="FishieMart: an active Fishie Fishie revival!" property="og:title"> <meta property="og:title" content="FishieMart: an active Fishie Fishie revival!">
<meta content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE." property="og:description"> <meta property="og:description" content="FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE FISHIE.">
<meta content="https://wiimart.org/media/pfp-fishie.png" property="og:image"> <meta property="og:image" content="https://wiimart.org/media/pfp-fishie.png">
<meta content="https://wiimart.org/fishiemart" property="og:url"> <meta property="og:url" content="https://wiimart.org/fishiemart">
<meta content="#FFA500" data-react-helmet="true" name="theme-color"> <meta name="theme-color" content="#FFA500">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="meta/main.css"> <link rel="stylesheet" href="meta/main.css">
<script src="meta/gallery.js" defer></script> <script src="meta/gallery.js" defer></script>
<link rel="icon" type="image/x-icon" href="meta/favicon-fishie.ico"> <link rel="icon" type="image/x-icon" href="meta/favicon-fishie.ico">
<style>div.box {border-color: orange; box-shadow: 0 0 10px #a153005d; } h1, h2, h3 {color:orange} a {color:orange}</style> <style>
div.box {border-color: orange; box-shadow: 0 0 10px #a153005d}
h1, h2, h3 {color:orange}
a {color:orange}
figure {display:flex;align-items:flex-start}
figure img.pfp {margin-left: -30px;width:150px;height:100%;object-fit: cover;border-radius:5px;}
figcaption {padding-left:15px;text-align:left}
hr {border-style:dashed}
</style>
</head> </head>
<body onload="loadafterwednesdaycheck();preloadArrows();"> <body onload="loadafterwednesdaycheck();preloadArrows();">
<div class="box" id="bgmplayer"> <div class="box" id="bgmplayer">
@ -24,7 +32,7 @@
<p><br>Enable aqua fishplay in your browser for it to continue playing throughout the ocean.</p> <p><br>Enable aqua fishplay in your browser for it to continue playing throughout the ocean.</p>
</div> </div>
<h1 style="cursor:pointer;">FishieMart</h1> <h1 style="cursor:pointer">FishieMart</h1>
<div class="row"> <div class="row">
<div class="box" style="padding-bottom:10px;"> <div class="box" style="padding-bottom:10px;">
@ -86,15 +94,13 @@
<div class="box"> <div class="box">
<h2>Project Fishies</h2> <h2>Project Fishies</h2>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt="Fishie"></a> <hr>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> <figure>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> <img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt="Fishie">
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> <figcaption>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> <b><i>Fishie</i></b> is the creator of FishieMart! He began working on it after the unsuccess of Rii Slop. As the owner, he maintains the slop entirely.
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> </figcaption>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a> </figure>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a>
<a href="http://christophekohler.epizy.com/FishieFishie" title="Fishie"><img loading="lazy" src="media/pfp-fishie.png" class="pfp" alt=""></a>
<p>Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart</p> <p>Want to also eat some fish? Swim with Fishie by downloading Fishie Fishie on the FishieMart</p>
</div> </div>
</div> </div>

4
index.html
View File

@ -43,8 +43,8 @@
<ul> <ul>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Beavis and Butt-Head</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Beavis and Butt-Head</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Tanglewood</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Tanglewood</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Fantasy Zone</i> <img src="media/em-afa.png"></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Fantasy Zone</i> <a href="credits#AFA"><img src="media/em-afa.png"></a></li>
<li><img src="meta/em-vc-master.png" class="pf"> <i>Fantasy Zone: The Maze</i> <img src="media/em-afa.png"></li> <li><img src="meta/em-vc-master.png" class="pf"> <i>Fantasy Zone: The Maze</i> <a href="credits#AFA"><img src="media/em-afa.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 2</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 2</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 3</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 3</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>

14
info-log.html
View File

@ -15,14 +15,6 @@
<meta name="viewport" content="width=device-width initial-scale=1.0"> <meta name="viewport" content="width=device-width initial-scale=1.0">
<link rel="stylesheet" href="meta/main.css"> <link rel="stylesheet" href="meta/main.css">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<style>
details.legend {margin:10px;margin:auto 90px;text-align:center;}
details.legend img {width:25px;height:25px}
summary.legend {background-color: #E6FFF2;border-radius: 10px;padding: 4px;color:black;text-decoration: none;filter: drop-shadow(1px 1px 1px black);font-weight: 100;display:inline}
summary.legend:hover {background-color: #C7FDFF;}
summary.legend:active {filter: none;}
@media (prefers-color-scheme: dark) {summary.legend {background-color: #587566;color:white} summary.legend:hover {background-color: #7da2a3;}}
</style>
</head> </head>
<body onload="loadafterwednesdaycheck();"> <body onload="loadafterwednesdaycheck();">
<div class="box" id="bgmplayer"> <div class="box" id="bgmplayer">
@ -43,8 +35,8 @@
<ul> <ul>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Beavis and Butt-Head</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Beavis and Butt-Head</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Tanglewood</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Tanglewood</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a></li>
<li><img src="meta/em-vc-genesis.png" class="pf"> <i>Fantasy Zone</i> <img src="media/em-afa.png"></li> <li><img src="meta/em-vc-genesis.png" class="pf"> <i>Fantasy Zone</i> <a href="credits#AFA"><img src="media/em-afa.png"></a></li>
<li><img src="meta/em-vc-master.png" class="pf"> <i>Fantasy Zone: The Maze</i> <img src="media/em-afa.png"></li> <li><img src="meta/em-vc-master.png" class="pf"> <i>Fantasy Zone: The Maze</i> <a href="credits#AFA"><img src="media/em-afa.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 2</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 2</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>
<li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 3</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li> <li><img src="meta/em-flash.png" class="pf"> <i>Riddle School 3</i> <a href="credits#Idkwh"><img src="media/em-idkwh.png"></a></li>
@ -137,7 +129,7 @@
<summary>WiiMart Wednesday #12 <span class="date">06-25</span></summary> <summary>WiiMart Wednesday #12 <span class="date">06-25</span></summary>
<p>These titles were added this Wednesday. To celebrate the 34th birthday of Sonic on June 23rd some additional Sonic titles have been included!</p> <p>These titles were added this Wednesday. To celebrate the 34th birthday of Sonic on June 23rd some additional Sonic titles have been included!</p>
<ul> <ul>
<li><img src="meta/em-vc-64.png" class="pf"> <i>Super Sonic 2 Bros.</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a> & <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li> <li><img src="meta/em-vc-64.png" class="pf"> <i>Super Sonic 2 Bros.</i> <a href="credits#Dustin"><img src="media/em-dustin.png"></a> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li>
<li><img src="meta/em-vc-nes.png" class="pf"> <i>Deadpool</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li> <li><img src="meta/em-vc-nes.png" class="pf"> <i>Deadpool</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li>
<li><img src="meta/em-vc-nes.png" class="pf"> <i>Evil Dead: Ash Lives!</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li> <li><img src="meta/em-vc-nes.png" class="pf"> <i>Evil Dead: Ash Lives!</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li>
<li><img src="meta/em-vc-nes.png" class="pf"> <i>Q*bert</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li> <li><img src="meta/em-vc-nes.png" class="pf"> <i>Q*bert</i> <a href="credits#Subnetic"><img src="media/em-subnetic.png"></a></li>

27
install.html
View File

@ -25,6 +25,8 @@
div.box#platform button {width:60%;margin-bottom: 10px} div.box#platform button {width:60%;margin-bottom: 10px}
div.box {display:none} div.box {display:none}
a {text-decoration:none} a {text-decoration:none}
a button, button:disabled {width:100%}
span.descrip {color:rgb(172, 172, 172);font-size: smaller}
</style> </style>
</head> </head>
<body onload="loadafterwednesdaycheck();"> <body onload="loadafterwednesdaycheck();">
@ -126,8 +128,8 @@
<p>Go to <b>Tools</b>, then <b>Manage NAND</b>, then <b>Import BootMii NAND backup</b>, then select your <b>nand.bin</b> file.</p> <p>Go to <b>Tools</b>, then <b>Manage NAND</b>, then <b>Import BootMii NAND backup</b>, then select your <b>nand.bin</b> file.</p>
<h3>Downloading WADs</h3> <h3>Downloading WADs</h3>
<p>Download <i>one</i> of the WADs below.</p> <p>Download <i>one</i> of the WADs below.</p>
<p><a href="wad/WiiMart.wad" class="btn">Download WiiMart</a></p> <p><a href="wad/WiiMart.wad"><button>Download WiiMart<br><span class="descrip">This is a <em style="color:#ff6680">required</em> file for the main service.</span></button></a></p>
<p><a href="wad/WiiMartOB.wad" class="btn">Download WiiMart (2006 banner)</a> <a href="support#OldBanner">(?)</a></p> <p><a href="wad/WiiMartOB.wad"><button>Download WiiMart (2006)<br><span class="descrip">Instead of the regular banner, you can get one with the 2006 banner.</span></button></a><br><span class="descrip">You cannot have two WiiMarts installed at once. To see screenshots of the 2006 banner, click <a href="support#OldBanner">here</a>.</span></p>
<h3>Installing WADs</h3> <h3>Installing WADs</h3>
<img src="media/screenshot-dolphin-vwii-install.png" alt="Hover menus to install a WAD"> <img src="media/screenshot-dolphin-vwii-install.png" alt="Hover menus to install a WAD">
<p>Go to <b>Tools</b>, <b>Install WAD</b>, and select the WAD you downloaded.</p> <p>Go to <b>Tools</b>, <b>Install WAD</b>, and select the WAD you downloaded.</p>
@ -143,12 +145,12 @@
<div id="vWii" class="box"> <div id="vWii" class="box">
<h2>vWii</h2> <h2>vWii</h2>
<h3>Downloading WADs</h3> <h3>Downloading WADs</h3>
<h4>IOS WADs</h4>
<p>Download IOS56 for vWii and <i>one</i> of the WiiMart WADs below.</p> <p>Download IOS56 for vWii and <i>one</i> of the WiiMart WADs below.</p>
<p><a href="wad/IOS56(vWii).wad">Download IOS56 for vWii</a></p> <p><a href="wad/IOS56(vWii).wad"><button>Download IOS56 for vWii<br><span class="descrip">This is a <em style="color:#ff6680">required</em> file to download and install titles.</span></button></a></p>
<p>IOS80 can be installed from the <a href="https://oscwii.org/library/app/Patched_IOS80_Installer_for_vWii">homebrew patcher</a>.</p> <p><button disabled>IOS80 can be installed from the <a href="https://oscwii.org/library/app/Patched_IOS80_Installer_for_vWii">homebrew patcher</a><br><span class="descrip" style="font-weight:normal">This is an optional file to install titles to the SD Card.</span></button></p>
<p><a href="wad/WiiMart.wad">Download WiiMart</a></p> <p><a href="wad/WiiMart.wad"><button>Download WiiMart<br><span class="descrip">This is a <em style="color:#ff6680">required</em> file for the main service.</span></button></a></p>
<p><a href="wad/WiiMartOB.wad">Download WiiMart (2006 banner)</a> <a href="support#OldBanner">(?)</a></p> <p><a href="wad/WiiMartOB.wad"><button>Download WiiMart (2006)<br><span class="descrip">Instead of the regular banner, you can get one with the 2006 banner.</span></button></a><br><span class="descrip">You cannot have two WiiMarts installed at once. To see screenshots of the 2006 banner, click <a href="support#OldBanner">here</a>.</span></p>
<p style="color:#9A9A9A">IOS80 is optional, install if you want to download titles to the SD Card.</p>
<h3>Installing WADs</h3> <h3>Installing WADs</h3>
<p>Use <a href="https://oscwii.org/library/app/yawmME">YAWWME</a> as it is <i>the</i> recommended WAD manager for it's brick protection.</p> <p>Use <a href="https://oscwii.org/library/app/yawmME">YAWWME</a> as it is <i>the</i> recommended WAD manager for it's brick protection.</p>
<img src="media/screenshot-yawmme-vwii.png" alt="WAD manager screenshot"> <img src="media/screenshot-yawmme-vwii.png" alt="WAD manager screenshot">
@ -165,12 +167,11 @@
<div id="wii" class="box"> <div id="wii" class="box">
<h2>Wii</h2> <h2>Wii</h2>
<h3>Downloading WADs</h3> <h3>Downloading WADs</h3>
<p>Download IOS56 for Wii and <i>one</i> of the WiiMart WADs below.</p> <p>Download IOS56 for vWii and <i>one</i> of the WiiMart WADs below.</p>
<p><a href="wad/IOS56(Wii).wad">Download IOS56 for Wii</a></p> <p><a href="wad/IOS56(Wii).wad"><button>Download IOS56 for Wii<br><span class="descrip">This is a <em style="color:#ff6680">required</em> file to download and install titles.</span></button></a></p>
<p><a href="wad/IOS80(Wii).wad">Download IOS80 for Wii</a> <a href="support#IOS80">(?)</a></p> <p><a href="wad/IOS80(Wii).wad"><button>Download IOS80 for Wii<br><span class="descrip" style="font-weight:normal">This is an optional file to install titles to the SD Card.</span></button></a></p>
<p><a href="wad/WiiMart.wad">Download WiiMart</a></p> <p><a href="wad/WiiMart.wad"><button>Download WiiMart<br><span class="descrip">This is a <em style="color:#ff6680">required</em> file for the main service.</span></button></a></p>
<p><a href="wad/WiiMartOB.wad">Download WiiMart (2006 banner)</a> <a href="support#OldBanner">(?)</a></p> <p><a href="wad/WiiMartOB.wad"><button>Download WiiMart (2006)<br><span class="descrip">Instead of the regular banner, you can get one with the 2006 banner.</span></button></a><br><span class="descrip">You cannot have two WiiMarts installed at once. To see screenshots of the 2006 banner, click <a href="support#OldBanner">here</a>.</span></p>
<p style="color:#9A9A9A">IOS80 is optional, install if you want to download titles to the SD Card.</p>
<h3>Installing WADs</h3> <h3>Installing WADs</h3>
<p>Use <a href="https://oscwii.org/library/app/yawmME">YAWWME</a> as it is <i>the</i> recommended WAD manager for it's brick protection.</p> <p>Use <a href="https://oscwii.org/library/app/yawmME">YAWWME</a> as it is <i>the</i> recommended WAD manager for it's brick protection.</p>
<img src="media/screenshot-yawmme-wii.png" alt="WAD manager screenshot"> <img src="media/screenshot-yawmme-wii.png" alt="WAD manager screenshot">

1
meta/main.css
View File

@ -19,6 +19,7 @@ span.date {float: right;}
span.hide {color:black} span.hide {color:black}
button {margin-bottom: 6px;font-family:'Shop',sans-serif;padding: 5px;outline: 1px solid #34BEED;border-radius: 3px;filter: drop-shadow(1px 1px 3.4px #bbbbbb);border:none} button {margin-bottom: 6px;font-family:'Shop',sans-serif;padding: 5px;outline: 1px solid #34BEED;border-radius: 3px;filter: drop-shadow(1px 1px 3.4px #bbbbbb);border:none}
button:hover {box-shadow: inset 0 0 0 3px #34BEED;cursor:pointer} button:hover {box-shadow: inset 0 0 0 3px #34BEED;cursor:pointer}
button:disabled {outline: 1px solid #9A9A9A;box-shadow:none;cursor:default}
details {text-align:left;padding-left: 5px;padding-right: 5px;} details {text-align:left;padding-left: 5px;padding-right: 5px;}
details ul {padding-left: 0;} details ul {padding-left: 0;}