From 8fe5d450a12952c4b2bbfc98d443e7bf8adceab7 Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Wed, 16 Nov 2011 01:27:16 +0100
Subject: [PATCH] style: audio play button

---
 content/static/script/play-resources.js |  1 +
 content/static/style/default.css        | 26 +++++++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/content/static/script/play-resources.js b/content/static/script/play-resources.js
index 1dbf87cad..bafbdbdab 100644
--- a/content/static/script/play-resources.js
+++ b/content/static/script/play-resources.js
@@ -15,6 +15,7 @@ function addButton(container, res) {
     } else {
 	/* No poster */
 	button.text('▶ Play');
+	button.addClass('no-poster');
     }
 
     button.click(function() {
diff --git a/content/static/style/default.css b/content/static/style/default.css
index 62747c339..f93196804 100644
--- a/content/static/style/default.css
+++ b/content/static/style/default.css
@@ -646,6 +646,32 @@ li audio, li video, li .poster {
     cursor: pointer;
     font-weight: bold;
 }
+#content a.play.no-poster {
+    display: inline-block;
+    padding: 0.16em 0.8em 0.2em;
+
+    color: white;
+    font-weight: bold;
+    text-shadow: 0 1px rgba(0, 0, 0, 0.13);
+    border: 1px solid rgba(0, 0, 0, 0.34);
+    border-bottom-color: rgba(0, 0, 0, 0.55);
+    background: #83AC35;
+    webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.25);
+    moz-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.25);
+    ms-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.25);
+    o-box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.25);
+    box-shadow: 0 1px 0 rgba(255,255,255,0.55) inset,0 1.5px rgba(0,0,0,0.25);
+    webkit-border-radius: 3px;
+    moz-border-radius: 3px;
+    ms-border-radius: 3px;
+    o-border-radius: 3px;
+    border-radius: 3px;
+}
+#content a.play.no-poster:hover {
+    /* prevent default a:hover effect */
+    border: 1px solid #333;
+    margin-bottom: 1px;
+}
 
 .video-resource {
     vertical-align: top;