Difference between revisions of "User:Yaycupcake/Sandbox4"
From A3! Wiki
Yaycupcake (talk | contribs) (tab test) |
Yaycupcake (talk | contribs) |
||
(15 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | < | + | __NOTOC__ |
+ | |||
+ | {{#css: | ||
+ | |||
+ | .mw-editsection { | ||
+ | display:none!important; | ||
+ | } | ||
+ | |||
+ | .monthbox { | ||
+ | margin-right: 5px; | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | .monthbox h4 { | ||
+ | display: block; | ||
+ | background-color: #ccc; /*test color*/ | ||
+ | } | ||
+ | |||
+ | .bdaybox { | ||
+ | display: inline-block; | ||
+ | border: 1px solid black; /*test style*/ | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | .calendarbox { | ||
+ | display: flex; | ||
+ | /*help i cant make this do what i want*/ | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
+ | this looks ugly but it's a test page so that's how it's supposed to be yay | ||
+ | |||
+ | <div class="calendarbox"> | ||
+ | |||
+ | <div class="monthbox winter"> | ||
+ | ====January==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Azuma Icon.png|100px|link=]] | ||
+ | <span class="bdate">22</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox winter"> | ||
+ | ====February==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Homare Icon.png|100px|link=]] | ||
+ | <span class="bdate">12</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Tasuku Icon.png|100px|link=]] | ||
+ | <span class="bdate">22</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox spring"> | ||
+ | ====March==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Sakuya Icon.png|100px|link=]] | ||
+ | <span class="bdate">9</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Masumi Icon.png|100px|link=]] | ||
+ | <span class="bdate">30</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox spring"> | ||
+ | ====April==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Tsuzuru Icon.png|100px|link=]] | ||
+ | <span class="bdate">9</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Itaru Icon.png|100px|link=]] | ||
+ | <span class="bdate">24</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | </div> | ||
+ | <div class="calendarbox"> | ||
+ | |||
+ | <div class="monthbox spring"> | ||
+ | ====May==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Citron Icon.png|100px|link=]] | ||
+ | <span class="bdate">15</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox summer"> | ||
+ | ====June==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Misumi Icon.png|100px|link=]] | ||
+ | <span class="bdate">6</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Tenma Icon.png|100px|link=]] | ||
+ | <span class="bdate">21</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox summer"> | ||
+ | ====July==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Yuki Icon.png|100px|link=]] | ||
+ | <span class="bdate">8</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox summer"> | ||
+ | ====August==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Kazunari Icon.png|100px|link=]] | ||
+ | <span class="bdate">1</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Muku Icon.png|100px|link=]] | ||
+ | <span class="bdate">30</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | </div> | ||
+ | <div class="calendarbox"> | ||
+ | |||
+ | <div class="monthbox autumn"> | ||
+ | ====September==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Banri Icon.png|100px|link=]] | ||
+ | <span class="bdate">9</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Juza Icon.png|100px|link=]] | ||
+ | <span class="bdate">27</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox autumn"> | ||
+ | ====October==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Taichi Icon.png|100px|link=]] | ||
+ | <span class="bdate">11</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox autumn"> | ||
+ | ====November==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Omi Icon.png|100px|link=]] | ||
+ | <span class="bdate">2</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Sakyo Icon.png|100px|link=]] | ||
+ | <span class="bdate">23</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | <div class="monthbox winter"> | ||
+ | ====December==== | ||
+ | |||
+ | <div class="bdaybox">[[File:Hisoka Icon.png|100px|link=]] | ||
+ | <span class="bdate">3</span></div> | ||
+ | |||
+ | <div class="bdaybox">[[File:Tsumugi Icon.png|100px|link=]] | ||
+ | <span class="bdate">28</span></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--divider--> | ||
+ | |||
+ | </div> |