Difference between revisions of "Template:Box"
Line 2: | Line 2: | ||
{{Template:Box|1512|ESOLANG|Weird Computer Programming Language Codex|1512-ESOLANG|archive}} | {{Template:Box|1512|ESOLANG|Weird Computer Programming Language Codex|1512-ESOLANG|archive}} | ||
</noinclude> | </noinclude> | ||
+ | |||
+ | <div class="columns is-vcentered"> | ||
+ | <div class="column is-2"> | ||
+ | <span class="icon has-text-danger is-large"> | ||
+ | <i class="fa fa-archive fa-2x"></i> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <p class="bd-notification is-primary">Second column with more content. This is so you can see the vertical alignment.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
<div style="width:100%; background:#f9f9f9; padding:0; border-left:4px #A14A0C solid; margin-bottom: 1rem;"> | <div style="width:100%; background:#f9f9f9; padding:0; border-left:4px #A14A0C solid; margin-bottom: 1rem;"> | ||
Line 9: | Line 23: | ||
</div> | </div> | ||
<!-- RIGHT PART --> | <!-- RIGHT PART --> | ||
− | <div style="padding: 1rem; margin-left: | + | <div style="padding: 1rem; margin-left: 2rem;"> |
<div style="float:right;"> | <div style="float:right;"> | ||
[[{{{4}}}|<i class="fa fa-arrow-right" aria-hidden="true" style="margin-top: 0.5rem; font-size: 1.5rem;"></i>]] | [[{{{4}}}|<i class="fa fa-arrow-right" aria-hidden="true" style="margin-top: 0.5rem; font-size: 1.5rem;"></i>]] |
hkilter.com by H. K. Ilter is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
© 2020 H. K. Ilter