https://wiki3.rohmega.com/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-09-04T12:34:48Z Revision history for this page on the wiki MediaWiki 1.43.9 https://wiki3.rohmega.com/index.php?title=MediaWiki:Common.css&diff=50&oldid=prev 2026-09-04T09:19:08Z

<p>add chat widget</p> <p><b>New page</b></p><div>/* Retina Chip Wiki chat widget styles (wiki3.rohmega.com) */<br /> <br /> #rmg-chat-toggle {<br /> position: fixed;<br /> bottom: 20px;<br /> right: 20px;<br /> width: 56px;<br /> height: 56px;<br /> border-radius: 50%;<br /> border: none;<br /> background: #3366cc;<br /> color: #fff;<br /> font-size: 26px;<br /> cursor: pointer;<br /> box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);<br /> z-index: 10000;<br /> line-height: 1;<br /> }<br /> #rmg-chat-toggle:hover {<br /> background: #2a55aa;<br /> }<br /> <br /> #rmg-chat-panel {<br /> position: fixed;<br /> bottom: 88px;<br /> right: 20px;<br /> width: 340px;<br /> max-width: 90vw;<br /> height: 460px;<br /> max-height: 70vh;<br /> background: #fff;<br /> border: 1px solid #ccc;<br /> border-radius: 12px;<br /> box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);<br /> display: flex;<br /> flex-direction: column;<br /> z-index: 10000;<br /> overflow: hidden;<br /> }<br /> <br /> #rmg-chat-head {<br /> background: #3366cc;<br /> color: #fff;<br /> padding: 10px 14px;<br /> font-weight: bold;<br /> display: flex;<br /> justify-content: space-between;<br /> align-items: center;<br /> font-size: 14px;<br /> }<br /> #rmg-chat-head button {<br /> background: none;<br /> border: none;<br /> color: #fff;<br /> font-size: 22px;<br /> cursor: pointer;<br /> line-height: 1;<br /> }<br /> <br /> #rmg-chat-msgs {<br /> flex: 1;<br /> overflow-y: auto;<br /> padding: 12px;<br /> display: flex;<br /> flex-direction: column;<br /> gap: 8px;<br /> }<br /> <br /> .rmg-bubble {<br /> max-width: 85%;<br /> padding: 8px 12px;<br /> border-radius: 14px;<br /> font-size: 14px;<br /> line-height: 1.4;<br /> white-space: pre-wrap;<br /> word-wrap: break-word;<br /> }<br /> .rmg-bubble.user {<br /> align-self: flex-end;<br /> background: #3366cc;<br /> color: #fff;<br /> border-bottom-right-radius: 4px;<br /> }<br /> .rmg-bubble.bot {<br /> align-self: flex-start;<br /> background: #f0f0f0;<br /> color: #222;<br /> border-bottom-left-radius: 4px;<br /> }<br /> <br /> #rmg-chat-foot {<br /> display: flex;<br /> border-top: 1px solid #ddd;<br /> padding: 8px;<br /> gap: 6px;<br /> }<br /> #rmg-chat-input {<br /> flex: 1;<br /> border: 1px solid #ccc;<br /> border-radius: 18px;<br /> padding: 8px 14px;<br /> font-size: 14px;<br /> }<br /> #rmg-chat-send {<br /> border: none;<br /> background: #3366cc;<br /> color: #fff;<br /> border-radius: 18px;<br /> padding: 8px 16px;<br /> cursor: pointer;<br /> font-size: 14px;<br /> }<br /> #rmg-chat-send:disabled {<br /> opacity: 0.5;<br /> cursor: default;<br /> }</div>

Ronald