无编辑摘要 |
无编辑摘要 |
||
| 第5行: | 第5行: | ||
<div class="bubble-wrap" style="height: 40em; overflow-y: hidden; overflow-x: hidden; padding-right: 100px; margin-right: -100px;"> | <div class="bubble-wrap" style="height: 40em; overflow-y: hidden; overflow-x: hidden; padding-right: 100px; margin-right: -100px;"> | ||
<div class="bubble-text-time" style="clear: both; text-align: center; font-size: 0.6em; color: rgba(0,0,0,0.5); margin: 0.5em 0;"><div>iMessage</div><div>今日 0:42</div></div> | <div class="bubble-text-time" style="clear: both; text-align: center; font-size: 0.6em; color: rgba(0,0,0,0.5); margin: 0.5em 0;"><div>iMessage</div><div>今日 0:42</div></div> | ||
<div class="bubble bubble-aite" style="float: left; clear: both; max-width: 63%; display: block; color: rgba(0,0,0,1); background: rgba(0,0,0,0.1); border-radius: 1em; padding: 0 0.5em; margin-left:0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;"> | <div class="bubble bubble-aite" style="float: left; clear: both; max-width: 63%; display: block; color: rgba(0,0,0,1); background: rgba(0,0,0,0.1); border-radius: 1em; padding: 0 0.5em; margin-left:0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;">你看,居然可以写出这种东西!</div> | ||
<div class="bubble bubble-jibun" style="float: right; clear: both; max-width: 63%; display: block; color: rgba(255,255,255,1); background: linear-gradient(to top, rgba(66, 160, 255, 1), rgba(66, 160, 255, 0.8)); border-radius: 1em; padding: 0 0.5em; margin-right: 0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;">好神奇!怎么做到的??</div> | <div class="bubble bubble-jibun" style="float: right; clear: both; max-width: 63%; display: block; color: rgba(255,255,255,1); background: linear-gradient(to top, rgba(66, 160, 255, 1), rgba(66, 160, 255, 0.8)); border-radius: 1em; padding: 0 0.5em; margin-right: 0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;">好神奇!怎么做到的??</div> | ||
<div class="bubble-text-sent" style="float: right; clear: both; font-size: 0.6em; color: rgba(0,0,0,0.5); margin-right: 0.4em; margin-bottom: 0.2em; margin-top: -0.1em;">配信済み</div> | <div class="bubble-text-sent" style="float: right; clear: both; font-size: 0.6em; color: rgba(0,0,0,0.5); margin-right: 0.4em; margin-bottom: 0.2em; margin-top: -0.1em;">配信済み</div> | ||
<div class="bubble bubble-aite" style="float: left; clear: both; max-width: 63%; display: block; color: rgba(0,0,0,1); background: rgba(0,0,0,0.1); border-radius: 1em; padding: 0 0.5em; margin-left:0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;"> | <div class="bubble bubble-aite" style="float: left; clear: both; max-width: 63%; display: block; color: rgba(0,0,0,1); background: rgba(0,0,0,0.1); border-radius: 1em; padding: 0 0.5em; margin-left:0.35em; margin-bottom: 0.2em; overflow-wrap: break-word;">不知道捏😂</div> | ||
</div> | </div> | ||
<div class="message-input" style="height: 1.7em; border-radius: 0.85em; border: 0.7px solid rgba(0,0,0,0.25); margin: 0.2em 0.3em; color: rgba(0,0,0,0.6); padding: 0 0.5em;">Enterキーを押して送信</div> | <div class="message-input" style="height: 1.7em; border-radius: 0.85em; border: 0.7px solid rgba(0,0,0,0.25); margin: 0.2em 0.3em; color: rgba(0,0,0,0.6); padding: 0 0.5em;">Enterキーを押して送信</div> | ||