summaryrefslogtreecommitdiff
path: root/frontend/static/sass/src/avatar.sass
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/static/sass/src/avatar.sass')
-rw-r--r--frontend/static/sass/src/avatar.sass56
1 files changed, 56 insertions, 0 deletions
diff --git a/frontend/static/sass/src/avatar.sass b/frontend/static/sass/src/avatar.sass
new file mode 100644
index 0000000..790b4e8
--- /dev/null
+++ b/frontend/static/sass/src/avatar.sass
@@ -0,0 +1,56 @@
+table
+ float: left
+.avatar-right
+ left: 250px
+.message
+ vertical-align: top
+.tri
+ vertical-align: top
+ height: 100%
+.triangle-left
+ width: 0
+ height: 0
+ border-top: 10px solid transparent
+ border-bottom: 5px solid transparent
+ border-right: 25px solid #fff
+ position: relative
+ top: 10px
+ left: 5px
+ margin-left: -16px
+.triangle-right
+ width: 0
+ height: 0
+ border-top: 10px solid transparent
+ border-bottom: 5px solid transparent
+ border-left: 25px solid #fff
+ position: relative
+ top: 10px
+ margin-left: -12px
+.message .message-blurb
+ box-shadow: 2px 2px 10px #123
+ max-width: 250px
+ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
+ background-color: #fff
+ border-top: 2px solid #f0f0f8
+ border-left: 2px solid #ebeeef
+ border-right: 2px solid #ddd
+ border-bottom: 2px solid #ddd
+ -moz-border-radius: 20px
+ -webkit-border-radius: 20px
+ padding: 10px
+ color: #222
+ word-wrap: break-word
+#chat img
+ max-width: 250px
+ max-height: 250px
+#chat .ytlink:hover
+ color: #f3c
+#chat .ytlink
+ color: #c3d
+#chat .ytlink.playing
+ color: #60b
+div.frame
+ display: inline-block
+ padding: 2px
+ height: 300px
+ overflow: visible