Skip to content

Instantly share code, notes, and snippets.

@jgable

jgable/dialogSnip.htm

Created May 12, 2011 18:42
Show Gist options
  • Save jgable/969169 to your computer and use it in GitHub Desktop.
Save jgable/969169 to your computer and use it in GitHub Desktop.
Download ZIP
Dialog Element Example
Raw
dialogSnip.htm
<dialog>
<dt class="chatTitle">Me</dt>
<dd class="chatMsg">
<p>yo</p>
<span>1:39 PM</span>
<div class="arrow"></div>
<div class="arrow arrowOver"></div>
</dd>
<dt class="chatTitle reply">Expert</dt>
<dd class="chatMsg reply">
<p>What's up dude?</p>
<span>1:40 PM</span>
<div class="arrow"></div>
<div class="arrow arrowOver"></div>
</dd>
<dt class="chatTitle">Me</dt>
<dd class="chatMsg">
<p>chillin chillin...</p>
<span>1:40 PM</span>
<div class="arrow"></div>
<div class="arrow arrowOver"></div>
</dd>
<dt class="chatTitle reply">Expert</dt>
<dd class="chatMsg reply">
<p>For realz?</p>
<span>1:40 PM</span>
<div class="arrow"></div>
<div class="arrow arrowOver"></div>
</dd>
<dt class="chatTitle">Me</dt>
<dd class="chatMsg">
<p>nah, for fakez</p>
<span>1:40 PM</span>
<div class="arrow"></div>
<div class="arrow arrowOver"></div>
</dd>
</dialog>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment