Difference between revisions of "Template:Message bubble"
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
− | .row { | + | .message-row { |
max-width: 100%; | max-width: 100%; | ||
width: 100%; | width: 100%; | ||
display: inline-block; | display: inline-block; | ||
− | } .base { | + | } .message-base { |
border-radius: 8px; | border-radius: 8px; | ||
padding: 4px 12px; | padding: 4px 12px; | ||
− | } .base p { | + | } .message-base p { |
margin: 0; | margin: 0; | ||
+ | } .message-mark { | ||
+ | margin: -16px -10px -6px; | ||
}}<!-- | }}<!-- | ||
--><includeonly><!-- | --><includeonly><!-- | ||
− | --><div class=row> | + | --><div class=message-row> |
− | <div class=base style= | + | <div class=message-base style= |
"background-color: | "background-color: | ||
{{#switch: {{{type|{{{2|right}}}}}} | {{#switch: {{{type|{{{2|right}}}}}} | ||
Line 34: | Line 36: | ||
{{{text|{{{1|}}}}}} | {{{text|{{{1|}}}}}} | ||
− | {{#ifeq:{{{ | + | {{#ifeq:{{{status|none}}}|none||<div class=message-mark> |
+ | [[File:{{#switch:{{{status|none}}} | ||
+ | | sent = MBSent.png | ||
+ | | read = MBRead.png | ||
+ | | #default = MBSent.png | ||
+ | }}|16px]] | ||
+ | </div>}} | ||
</div> | </div> | ||
− | </div><!-- | + | </div> |
+ | {{#ifeq:{{{owned|no}}}|yes|<div style="position: fixed; bottom: 0%; left: 0%; z-index: 9000;">[[File:smartphowned.png|1000px]]</div>|}}<!-- | ||
--></includeonly><!-- | --></includeonly><!-- | ||
--><noinclude> | --><noinclude> | ||
− | {{Message bubble|Nerpy?|right|Scuba|owned=yes | + | {{Message bubble|Nerpy?|right|Scuba|4:20pm|status=read|owned=yes}} |
{{Message bubble|Scuba.|left|Nerpy|4:21pm|user-link=Nerpy Scuba}} | {{Message bubble|Scuba.|left|Nerpy|4:21pm|user-link=Nerpy Scuba}} | ||
{{Message bubble|{{Lorem ipsum}}|left|Someone|4:21pm}} | {{Message bubble|{{Lorem ipsum}}|left|Someone|4:21pm}} |