Template:Clippy says: Difference between revisions
it looks like this is not a draft anymore! |
ask for improvements; mention accessibility issues |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
'''NOTICE''': this template is in | '''NOTICE''': this template is mostly "finished", but its presentation/style might change dramatically in the near future. Be careful! | ||
Feel free to improve this template! We need it to look good in dark-mode. | |||
BTW, if you use a screen-reader, please try it on the template and let us know of any problems! | |||
</noinclude> | </noinclude> | ||
<div style="padding: 8px; margin: 8px auto; max-width: 600px; display: flex; align-items: center; font-family: 'Segoe UI', Tahoma | <div style="padding: 8px; margin: 8px auto; max-width: 600px; display: flex; align-items: center; font-family: 'Segoe UI', Tahoma, sans-serif; color: #000000"> | ||
<div style="flex: 0 0 86px; text-align: center; margin-right: | <div style="flex: 0 0 86px; text-align: center; margin-right: 8px;"> | ||
[[File: | [[File:Clippy-new.jpg|86px|alt=Clippit the paper-clip, saying:|link=]] | ||
</div> | </div> | ||
| Line 13: | Line 17: | ||
<!-- arrow --> | <!-- arrow --> | ||
<div style="position: absolute; top: 50%; left: -6px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background: #eeb; border-left: 1px solid #333; border-bottom: 1px solid #333;"></div> | <div style="position: absolute; top: 50%; left: -6px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background: #eeb; border-left: 1px solid #333; border-bottom: 1px solid #333;"></div> | ||
{{{1|It looks like you forgot to type a message!}}} | {{{1|It looks like you forgot to type a message!}}} | ||