File size: 2,906 Bytes
0c7a07e 9c6bb82 3a9d82c 7c30dbc 3a9d82c 7c30dbc 3a9d82c 7c30dbc 3a9d82c 7c30dbc 3a9d82c 7c30dbc 3a9d82c 7c30dbc 411ba6e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 |
Shukusei!
- ## Requiem-BA+10
<!-- HTML -->
<div class="grid-image">
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172847449598074890/bsdf1.png" height="300px" width="200px"/>
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172846942678679614/bsdf.png" height="300px" width="200px"/>
</div>
Base*0.5 + BA+10*0.5
<style>
/* CSS */
.grid-image {
display:flex;
flex-wrap:wrap;
align-items:flex-start;
margin:30px 0;
}
.grid-image img {
width:calc(33.333% - 10px);
margin:0 15px 15px 0;
}
.grid-image img:nth-of-type(3n),
.grid-image img:last-child {
margin-right:0;
}
@media screen and (max-width:640px){
.grid-image img {
width:calc(50% - 15px);
}
}
@media screen and (max-width:480px){
.grid-image img:nth-of-type(2n) {
margin-right:0;
}
.grid-image img:nth-of-type(3n) {
margin-right:15px;
}
}
</style>
- ## Requiem-monolotus
<!-- HTML -->
<div class="grid-image">
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172847762744807545/csdf.png" height="300px" width="200px"/>
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172847763466223656/csdf1.png" height="300px" width="200px"/>
</div>
<style>
/* CSS */
.grid-image {
display:flex;
flex-wrap:wrap;
align-items:flex-start;
margin:30px 0;
}
.grid-image img {
width:calc(33.333% - 10px);
margin:0 15px 15px 0;
}
.grid-image img:nth-of-type(3n),
.grid-image img:last-child {
margin-right:0;
}
@media screen and (max-width:640px){
.grid-image img {
width:calc(50% - 15px);
}
}
@media screen and (max-width:480px){
.grid-image img:nth-of-type(2n) {
margin-right:0;
}
.grid-image img:nth-of-type(3n) {
margin-right:15px;
}
}
</style>
Base*0.25 + monolotus*0.75
- ## Requiem-Gamma
<!-- HTML -->
<div class="grid-image">
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172846820544753674/asdf.png" height="300px" width="200px"/>
<img src="https://cdn.discordapp.com/attachments/979612332441362452/1172848364010881034/asdf1.png" height="300px" width="200px"/>
</div>
<style>
/* CSS */
.grid-image {
display:flex;
flex-wrap:wrap;
align-items:flex-start;
margin:30px 0;
}
.grid-image img {
width:calc(33.333% - 10px);
margin:0 15px 15px 0;
}
.grid-image img:nth-of-type(3n),
.grid-image img:last-child {
margin-right:0;
}
@media screen and (max-width:640px){
.grid-image img {
width:calc(50% - 15px);
}
}
@media screen and (max-width:480px){
.grid-image img:nth-of-type(2n) {
margin-right:0;
}
.grid-image img:nth-of-type(3n) {
margin-right:15px;
}
}
</style>
Base*0.3 + Gamma*0.7 |