mirror of
https://github.com/rvtr/rmc_website.git
synced 2025-10-31 13:31:21 -04:00
119 lines
3.1 KiB
HTML
119 lines
3.1 KiB
HTML
<style>
|
|
body {
|
|
font-family: dsifont;
|
|
}
|
|
@font-face {
|
|
font-family: dsifont;
|
|
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/nintendo_NTLGDB_001.ttf);
|
|
}
|
|
@font-face {
|
|
font-family: dsifont-bios;
|
|
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/nintendo-DS-BIOS.ttf);
|
|
}
|
|
@font-face {
|
|
font-family: dsifont-special;
|
|
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/NITROIPL_Gaiji.ttf);
|
|
}
|
|
|
|
|
|
|
|
.program_prompt_container {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #0057e3;
|
|
}
|
|
.program_prompt {
|
|
width:50%;
|
|
height:auto
|
|
}
|
|
.program_icon_container {
|
|
z-index: 1;
|
|
margin: 30px;
|
|
background: #009938;
|
|
}
|
|
.program_icon {
|
|
position: relative;
|
|
}
|
|
.program_text_container {
|
|
z-index:2;
|
|
}
|
|
.program_container {
|
|
width: 25%;
|
|
height: auto;
|
|
}
|
|
|
|
.program_container_2 {
|
|
position: relative;
|
|
margin: 30px;
|
|
}
|
|
|
|
|
|
.flex-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background-color: blue;
|
|
gap: 10%;
|
|
text-align: center;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div class="flex-container">
|
|
|
|
|
|
<div class="program_container">
|
|
<div class="program_container_2">
|
|
<div class="program_prompt_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_prompt.png" class="program_prompt">
|
|
</div>
|
|
<div class="program_prompt_container program_icon_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/icon/program/default.gif" width="100%" height="100%" class="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="program_container">
|
|
<div class="program_container_2">
|
|
<div class="program_prompt_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_prompt.png" class="program_prompt">
|
|
</div>
|
|
<div class="program_prompt_container program_icon_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/icon/program/default.gif" width="100%" height="100%" class="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="program_container">
|
|
<div class="program_container_2">
|
|
<div class="program_prompt_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_prompt.png" class="program_prompt">
|
|
</div>
|
|
<div class="program_prompt_container program_icon_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/icon/program/default.gif" width="100%" height="100%" class="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="program_container">
|
|
<div class="program_container_2">
|
|
<div class="program_prompt_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_prompt.png" class="program_prompt">
|
|
</div>
|
|
<div class="program_prompt_container program_icon_container">
|
|
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/icon/program/default.gif" width="100%" height="100%" class="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</body>
|