Difference between revisions of "User:Nikathelostone/Sandbox2"

From A3! Wiki
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="display: grid; grid-template-columns: auto auto; gap: 10px; justify-content: center;">
+
{{#css:
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR.png|300px]]</div>
+
.musicinfo {
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+.png|300px]]</div>
+
  display: flex;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Transparent.png|300px]]</div>
+
  width: 100%;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Transparent.png|300px]]</div>
+
  flex-direction: row;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Raw.png|300px]]</div>
+
  column-gap: 10px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Raw.png|300px]]</div>
+
  margin-bottom: 10px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR Full Raw.png|500px]]</div>
+
  padding: 15px;
<div>[[File:(MANKAI Birthday) Sakuya Serious SSR+ Full Raw.png|500px]]</div>
+
  border-radius: 15px;
 +
}
 +
 
 +
.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 class="springmusic musicinfo">
 +
<div style="flex-basis: 150px; flex-grow: 1; max-width: 300px;">[[file:Mini_Album_A3%21_First_SPRING_EP.png|300px|center]]</div>
 +
<div style="flex-basis: 150px; flex-grow: 3;">
 +
<table cellpadding=3 style="width:100%">
 +
  <tr>
 +
    <th colspan="2" class="springmusic-title">Title</th>
 +
    </tr>
 +
  <tr>
 +
    <td>Vocals</td>
 +
    <td>{{{character|}}}</td>
 +
  </tr>
 +
  <tr>
 +
    <td>CV</td>
 +
    <td>{{{cv}}}</td>
 +
  </tr>
 +
  <td>Lyrics</td>
 +
    <td>{{{lyricist}}}</td>
 +
  </tr>
 +
<td>Composition</td>
 +
    <td>{{{composition|}}}</td>
 +
  </tr>
 +
<td>Arrangement</td>
 +
    <td>{{{arrangement}}}</td>
 +
  </tr>
 +
<td>Album</td>
 +
    <td>[[Music#{{{album}}}|{{{album}}}]]</td>
 +
  </tr>
 +
</table>
 +
{| class="lyrictoggle-h" cellpadding=3 style="width:100%"
 +
! colspan="3" class="{{{troupe|}}}music musicinfo-title" | Lyrics Toggles
 +
|-
 +
|<span class="mw-customtoggle-Kanji">Show/Hide Kanji</span>
 +
|<span class="mw-customtoggle-Romaji">Show/Hide Romaji</span>
 +
|<span class="mw-customtoggle-English">Show/Hide English</span>
 +
|}
 
</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]].

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.