From f270d48786186569a2878d4adf0fe670fcbf2cad Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Mon, 2 May 2011 12:34:26 +0200 Subject: Tooltip: Add video player demo --- demos/tooltip/index.html | 2 +- demos/tooltip/video-player.html | 91 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 92 insertions(+), 1 deletion(-) create mode 100644 demos/tooltip/video-player.html (limited to 'demos/tooltip') diff --git a/demos/tooltip/index.html b/demos/tooltip/index.html index 3563350c5..4ad189ed2 100644 --- a/demos/tooltip/index.html +++ b/demos/tooltip/index.html @@ -14,7 +14,7 @@
  • Track the mouse
  • Custom animation
  • Delegation Mixbag
    • -
  • Lots
    • +
  • Video Player
    • diff --git a/demos/tooltip/video-player.html b/demos/tooltip/video-player.html new file mode 100644 index 000000000..0c251ea83 --- /dev/null +++ b/demos/tooltip/video-player.html @@ -0,0 +1,91 @@ + + + + jQuery UI Tooltip - Video Player demo + + + + + + + + + + + + + + + +
    + +
    Here Be Video (HTML5?)
    +
    + + + + + + + + + + + +
    +
    + + + + + +
    + +

    A fake video player with like/share/stats button, each with a tooltip.

    + +
    + + + + + -- cgit v1.2.3 From 0f24c5a5c99d8ad0b1cff0d613fe71a3d5f418b0 Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Mon, 2 May 2011 12:42:45 +0200 Subject: Tooltip: Custom styles for video player demo --- demos/tooltip/video-player.html | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'demos/tooltip') diff --git a/demos/tooltip/video-player.html b/demos/tooltip/video-player.html index 0c251ea83..bf11692c5 100644 --- a/demos/tooltip/video-player.html +++ b/demos/tooltip/video-player.html @@ -43,6 +43,12 @@ .player { width: 500px; height: 300px; border: 2px groove gray; background: rgb(200, 200, 200); text-align: center; line-height: 300px; } /* TODO load from jquery.ui.popup.css */ .ui-popup { position: absolute; z-index: 5000; } + + .ui-tooltip { + border: 1px solid white; + background: rgba(20, 20, 20, 1); + color: white; + } -- cgit v1.2.3 From 0c674ca7e35b84bc2c34ce47acd83dc7441bea35 Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Mon, 2 May 2011 13:01:27 +0200 Subject: Tooltip: Update demo description --- demos/tooltip/video-player.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'demos/tooltip') diff --git a/demos/tooltip/video-player.html b/demos/tooltip/video-player.html index bf11692c5..9af1c8b10 100644 --- a/demos/tooltip/video-player.html +++ b/demos/tooltip/video-player.html @@ -87,7 +87,7 @@
    -

    A fake video player with like/share/stats button, each with a tooltip.

    +

    A fake video player with like/share/stats button, each with a custom-styled tooltip.

    -- cgit v1.2.3