Difference between revisions of "User:BOBO/Sandbox"

From Detective Conan Wiki
(TEST)
 
(2 intermediate revisions by the same user not shown)
Line 217: Line 217:
  
 
= TEST =
 
= TEST =
<div style="display: flex; justify-content: space-between; width: 100%;">
+
This can be developed into a template:
     <div style="border: 2px solid #ccc; padding: 8px; margin: 8px 0px; margin-bottom: 5px; width: 48%;">
+
<div style="display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap;">
 +
     <div style="border: 2px solid #ccc; padding: 8px; margin: 8px 0px 5px 0px; width: 30%; box-sizing: border-box;">
 
         <div style="background: #6699CC; color: white; text-align: center; font-size: 130%;">'''Latest episode'''</div>
 
         <div style="background: #6699CC; color: white; text-align: center; font-size: 130%;">'''Latest episode'''</div>
         <div style="padding: 3px;">[[File:TV Episode 1146.jpg|250px|center|link=The Whistling Bookstore 4]]
+
         <div style="padding: 5px;">
             <div style="text-align: center; padding-top: 10px;">[[Stakeout 4|'''Episode 1147''': Stakeout 4]]<br><small>{{countdown|December 28, 2024}}</small></div>
+
            <div style="padding-top: 5px; padding-bottom: 10px;">
 +
                [[File:TV Episode 1146.jpg|250px|center|link=The Whistling Bookstore 4]]
 +
            </div>
 +
            <div style="text-align: center; padding-bottom: 10px;">[[The Whistling Bookstore 4|'''Episode 1146''': The Whistling Bookstore 4]]</div>
 +
----
 +
             <div style="text-align: center; padding-top: 10px;">
 +
                [[Stakeout 4|'''Episode 1147''': Stakeout 4]]<br>{{countdown|December 28, 2024}}
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <div style="border: 2px solid #ccc; padding: 8px; margin: 8px 0px; margin-bottom: 5px; width: 48%;">
+
     <div style="border: 2px solid #ccc; padding: 8px; margin: 8px 0px 5px 10px; width: 20%; box-sizing: border-box;">
 
         <div style="background: #6699CC; color: white; text-align: center; font-size: 130%;">'''Latest chapter'''</div>
 
         <div style="background: #6699CC; color: white; text-align: center; font-size: 130%;">'''Latest chapter'''</div>
         <div style="padding: 3px;">[[File:Chapter 1136 Cover.jpg|100px|center|link=A Once-in-a-Lifetime Encouter]]
+
         <div style="padding: 5px;">
             <div style="text-align: center; padding-top: 10px;">[[Volume 107|'''File 1137''': ???]]<br><small>{{countdown|January 22, 2025}}</small></div>
+
            <div style="padding-top: 5px; padding-bottom: 10px;">
 +
                [[File:Chapter 1136 Cover.jpg|100px|center|link=A Once-in-a-Lifetime Encouter]]
 +
            </div>
 +
            <div style="text-align: center; padding-bottom: 10px;">[[A Once-in-a-Lifetime Encouter|'''File 1136''': A Once-in-a-Lifetime Encouter]]</div>
 +
----
 +
             <div style="text-align: center; padding-top: 10px;">
 +
                [[Volume 107|'''File 1137''': ???]]<br>{{countdown|January 22, 2025}}
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>

Latest revision as of 22:30, 25 December 2024

Anime production staff

Screenplay


Organizer


Storyboard


TEST

This can be developed into a template: