有兽档案馆
搜索
切换搜索
切换菜单
切换个人菜单
查看“Template:ChatBubble/styles.css”的源代码
模板页面
阅读
查看源代码
查看历史
模板
讨论
更多操作
←
Template:ChatBubble/styles.css
因为以下原因,您没有权限编辑该页面:
您所请求的操作,仅限具有
注册用户
、
自动确认用户
、
管理员
、
界面管理员
、
优质编辑者
、
确认用户
、
巡查员
、
档案理事员
等
权限
的
用户
执行。
若您尚未登录有兽档案馆账号,请您
登录
有兽档案馆账号后操作。
您尚未完成电子邮件确认,因此操作受限,请尽快
完成电子邮件确认
。
若您无法完成前述手续,请通过适当渠道请求管理员或档案理事员协助。
您可以查看和复制此页面的源代码。
若您无权编辑本页面,您可以
提出编辑请求
,提请有权限者代为编辑。
.chat-widget { font-family: Arial, sans-serif; background-color: transparent; /* 修改背景颜色为透明 */ /*padding: 20px;*/ color: #252525; } .chat-widget .chat-container { display: flex; flex-direction: column; max-width: 600px; margin: 0; /* 修改为默认居左 */ } .chat-widget .chat-item { display: flex; align-items: flex-start; /* 确保头像与气泡顶部对齐 */ margin: 10px 0; } .chat-widget .chat-item.left { flex-direction: row; } .chat-widget .chat-item.right { flex-direction: row-reverse; } .chat-widget .chat-bubble { position: relative; padding: 8px 12px; border-radius: 10px; /*max-width: 70%;*/ /* margin-top: 25px;确保气泡与头像对齐 */ } .chat-widget p { line-height: 1.2; } .chat-widget .chat-bubble.left { background-color: #e5e5ea; /* 原来的浅灰色 */ } .chat-widget .chat-bubble.right { background-color: #007aff; color: white; margin-left: 0px; } .chat-widget .avatar { width: 40px; height: 40px; border-radius: 50%; margin: 0 10px; align-self: flex-start; /* 确保头像与气泡顶部对齐 */ } .chat-widget-inline-avatar > a > img { width: 40px; height: 40px; border-radius: 50%; margin: 0 10px; align-self: flex-start; /* 确保头像与气泡顶部对齐 */ } .ChatBubble-content { max-width: 70%; min-width: 0; } .ChatBubble-username-font{/* 设置对话角色名字颜色大小等样式 */ font-size: 13px; color: #252525; } .ChatBubble-content-user{/* 对话内容对齐,默认左侧对齐 */ margin:0; padding: 0; } .ChatBubble-content-user-right {/* 右侧对齐对话内容 */ text-align: right; } .content-left { margin: 0; background-color: #e5e5ea; } .content-right { margin: 0; max-width: none; background-color: #007aff; color: white; margin-left: 0px; }
返回
Template:ChatBubble/styles.css
。