Index: third_party/polymer/components/paper-slider/demo.html |
diff --git a/third_party/polymer/components/paper-slider/demo.html b/third_party/polymer/components/paper-slider/demo.html |
deleted file mode 100644 |
index d5358b400a8dad4ab775e2dfeaa9c7f0fe706635..0000000000000000000000000000000000000000 |
--- a/third_party/polymer/components/paper-slider/demo.html |
+++ /dev/null |
@@ -1,142 +0,0 @@ |
-<!doctype html> |
-<html> |
-<head> |
- <title>paper-slider</title> |
- |
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
- <meta name="mobile-web-app-capable" content="yes"> |
- <meta name="apple-mobile-web-app-capable" content="yes"> |
- |
- <script src="../platform/platform.js"></script> |
- |
- <link rel="import" href="paper-slider.html"> |
- <link rel="import" href="../font-roboto/roboto.html"> |
- |
- <style shim-shadowdom> |
- |
- body { |
- font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; |
- margin: 0; |
- padding: 24px; |
- -webkit-user-select: none; |
- -moz-user-select: none; |
- -ms-user-select: none; |
- user-select: none; |
- -webkit-tap-highlight-color: rgba(0,0,0,0); |
- -webkit-touch-callout: none; |
- } |
- |
- paper-slider { |
- width: 100%; |
- } |
- |
- section { |
- max-width: 1000px; |
- padding: 20px 0; |
- background-color: #f0f0f0; |
- } |
- |
- section > div { |
- padding: 14px; |
- } |
- |
- .yellow-slider paper-slider::shadow #sliderKnobInner, |
- .yellow-slider paper-slider::shadow #sliderBar::shadow #activeProgress { |
- background-color: #f4b400; |
- } |
- |
- .green-slider paper-slider::shadow #sliderKnobInner, |
- .green-slider paper-slider::shadow #sliderKnobInner::before, |
- .green-slider paper-slider::shadow #sliderBar::shadow #activeProgress { |
- background-color: #0f9d58; |
- } |
- |
- #ratingsLabel { |
- padding-left: 12px; |
- color: #a0a0a0; |
- } |
- |
- </style> |
- |
-</head> |
-<body unresolved> |
- |
- <section class="yellow-slider"> |
- |
- <div>Music, video, games & other media</div> |
- <paper-slider value="50"></paper-slider> |
- |
- <br> |
- <br> |
- |
- <div>Notifications</div> |
- <paper-slider value="50"></paper-slider> |
- |
- <br> |
- <br> |
- |
- <div>Alarms</div> |
- <paper-slider value="80"></paper-slider> |
- |
- </section> |
- |
- <br> |
- |
- <section> |
- |
- <div center horizontal layout> |
- <div>R</div> |
- <paper-slider value="23" max="255" editable></paper-slider> |
- </div> |
- |
- <br> |
- <br> |
- |
- <div center horizontal layout> |
- <div>G</div> |
- <paper-slider value="183" max="255" editable></paper-slider> |
- </div> |
- |
- <br> |
- <br> |
- |
- <div center horizontal layout> |
- <div>B</div> |
- <paper-slider value="211" max="255" editable></paper-slider> |
- </div> |
- |
- </section> |
- |
- <br> |
- |
- <section class="green-slider"> |
- |
- <div>Brightness</div> |
- <br> |
- <paper-slider pin value="50"></paper-slider> |
- |
- </section> |
- |
- <br> |
- |
- <section class="green-slider"> |
- |
- <div> |
- <span>Ratings</span><span id="ratingsLabel"></span> |
- </div> |
- <br> |
- <paper-slider id="ratings" pin snaps max="10" step="1" value="5"></paper-slider> |
- |
- </section> |
- |
- <script> |
- |
- var ratings = document.querySelector('#ratings'); |
- ratings.addEventListener('change', function() { |
- document.querySelector('#ratingsLabel').textContent = ratings.value; |
- }); |
- |
- </script> |
- |
-</body> |
-</html> |