Template:Userbox: Difference between revisions

No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="userbox" style="display: inline-block; vertical-align: top; margin-right: 1em; margin-bottom: 0.5em; border: {{{border-s|1}}}px solid {{{border-c|var(--border-color-base)}}}; border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);"><div class="userbox-image" style="float: left; width: 48px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; background-color: {{{id-c|#B0C4DE}}}; font-size: 0; line-height: 0; padding: 0;"><span style="display: block; line-height: 0; overflow: hidden; height: 48px; width: 48px;">{{{id}}}</span></div><div class="userbox-text" style="border-left: {{{border-s|1}}}px solid {{{border-c|var(--border-color-base)}}}; padding: 8px 10px; min-height: 48px; display: flex; align-items: center; background-color: {{{info-c|#E0FFFF}}}; font-size: {{{info-s|9}}}pt; line-height: 1.3em; color: #000;"><div style="vertical-align: middle; display: inline-block;">{{{info}}}</div></div></div>
<div class="userbox" style="display: inline-block; vertical-align: top; margin-right: 1em; margin-bottom: 0.5em; border: {{{border-s|1}}}px solid {{{border-c|var(--border-color-base)}}}; border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);"><div class="userbox-image" style="float: left; width: 48px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; background-color: {{{id-c|#B0C4DE}}}; font-size: 0; line-height: 0; padding: 0;"><span style="display: inline-block; line-height: 0; margin: 0; padding: 0;">[[File:{{{id}}}|48px|link=|alt={{{id}}}]]</span></div><div class="userbox-text" style="border-left: {{{border-s|1}}}px solid {{{border-c|var(--border-color-base)}}}; padding: 0px 10px; min-height: 48px; display: flex; align-items: center; background-color: {{{info-c|#E0FFFF}}}; font-size: {{{info-s|9}}}pt; line-height: 1.3em; color: #000; max-width: 150px;"><div style="vertical-align: middle; display: inline-block;">{{{info}}}</div></div></div>