Difference between revisions of "User:Nikathelostone/Sandbox2"

From A3! Wiki
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display: grid; grid-template-columns: auto auto; row-gap: 10px;">
+
{{#css:
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR.png|200px|center]]</div>
+
.musicinfo {
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+.png|200px|center]]</div>
+
  display: flex;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Raw.png|200px|center]]</div>
+
  width: 100%;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Raw.png|200px|center]]</div>
+
  flex-direction: row;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Transparent.png|300px|center]]</div>
+
  column-gap: 10px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Transparent.png|300px|center]]</div>
+
  margin-bottom: 10px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Full Raw.png|300px|center]]</div>
+
  padding: 15px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Full Raw.png|300px|center]]</div>
+
  border-radius: 15px;
</div>
+
}
 +
 
 +
.flex-list {
 +
  display: flex;
 +
  flex-direction: row;
 +
  column-gap: 10px;
 +
  justify-content: center;
 +
  }
 +
 
 +
/* MOBILE DESIGN */
 +
@media only screen and (max-width: 800px) {
 +
  .musicinfo {
 +
    flex-direction: column;
 +
    align-items: center;
 +
    float: none;
 +
  }
 +
 
 +
  .flex-list {
 +
    flex-direction: column;
 +
    row-gap: 10px;
 +
  }
 +
}
 +
}}
 
<div id="contentSub"><span class="subpages">&lt; [[Music]]</span></div>
 
<div id="contentSub"><span class="subpages">&lt; [[Music]]</span></div>
 
<div class="springmusic musicinfo">
 
<div class="springmusic musicinfo">
Line 23: Line 45:
 
   <tr>
 
   <tr>
 
     <td>CV</td>
 
     <td>CV</td>
     <td>{{{cv|}}}</td>
+
     <td>{{{cv}}}</td>
 
   </tr>
 
   </tr>
 
   <td>Lyrics</td>
 
   <td>Lyrics</td>
     <td>{{{lyricist|}}}</td>
+
     <td>{{{lyricist}}}</td>
 
   </tr>
 
   </tr>
 
<td>Composition</td>
 
<td>Composition</td>
Line 32: Line 54:
 
   </tr>
 
   </tr>
 
<td>Arrangement</td>
 
<td>Arrangement</td>
     <td>{{{arrangement|}}}</td>
+
     <td>{{{arrangement}}}</td>
 
   </tr>
 
   </tr>
 
<td>Album</td>
 
<td>Album</td>
Line 38: Line 60:
 
   </tr>
 
   </tr>
 
</table>
 
</table>
<div style="width: 100%; text-align: center;">
+
{| class="lyrictoggle-h" cellpadding=3 style="width:100%"
  <div class="springmusic-title" style="padding: 3px 0; font-weight: bold;">Lyric Toggle</div>
+
! colspan="3" class="{{{troupe|}}}music musicinfo-title" | Lyrics Toggles
  <div class="flex-list">
+
|-
  <span class="mw-customtoggle-Kanji">Show/Hide Kanji</span>
+
|<span class="mw-customtoggle-Kanji">Show/Hide Kanji</span>
  <span class="mw-customtoggle-Romaji">Show/Hide Romaji</span>
+
|<span class="mw-customtoggle-Romaji">Show/Hide Romaji</span>
  <span class="mw-customtoggle-English">Show/Hide English</span>
+
|<span class="mw-customtoggle-English">Show/Hide English</span>
    </div>
+
|}
  </div>
 
 
</div>
 
</div>
 
</div>
 
</div>
  
 
<b>Spring has come!</b> is the theme song of [[Spring Troupe]], sung by all the members. The full song was released on May 24, 2017, appearing on the [[Music#A3! First SPRING EP|A3! First SPRING EP]].
 
<b>Spring has come!</b> is the theme song of [[Spring Troupe]], sung by all the members. The full song was released on May 24, 2017, appearing on the [[Music#A3! First SPRING EP|A3! First SPRING EP]].

Latest revision as of 21:45, 12 November 2024

Mini Album A3! First SPRING EP.png
Title
Vocals
CV {{{cv}}}
Lyrics {{{lyricist}}}
Composition
Arrangement {{{arrangement}}}
Album [[Music#{{{album}}}|{{{album}}}]]
Lyrics Toggles
Show/Hide Kanji Show/Hide Romaji Show/Hide English

Spring has come! is the theme song of Spring Troupe, sung by all the members. The full song was released on May 24, 2017, appearing on the A3! First SPRING EP.