c3d2/c3d2-web
c3d2
/
c3d2-web
38
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

style: audio play button

This commit is contained in:
Astro 2011-11-16 01:27:16 +01:00
parent 1046341c51
commit 8fe5d450a1
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
content/static/script/play-resources.js
View File

@ -15,6 +15,7 @@ function addButton(container, res) {
} else {
/* No poster */
button.text('▶ Play');
button.addClass('no-poster');
}
button.click(function() {

26
content/static/style/default.css
View File

@ -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;