diff options
| author |   Fulup Ar Foll <fulup@iot.bzh> | 2016-02-09 18:40:49 +0100 |
|---|---|---|
| committer | Fulup Ar Foll <fulup@iot.bzh> | 2016-02-09 18:40:49 +0100 |
| commit | 3d2fda7dd39e2363682f1fa353c951ab0d44ddfa (patch) | |
| tree | af968a8ac5d4fde1f3cebcec5fb0973eb2bfb2cb /afb-client/bower_components/tether/examples/content-visible | |
| parent | 12a3520ba440316c76b95d92a684666f03f7b47d (diff) | |
Implemented URL query parsing for initial token /opa/?token=abcde
Diffstat (limited to 'afb-client/bower_components/tether/examples/content-visible')
| -rw-r--r-- | afb-client/bower_components/tether/examples/content-visible/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/afb-client/bower_components/tether/examples/content-visible/index.html b/afb-client/bower_components/tether/examples/content-visible/index.html new file mode 100644 index 0000000..94e2176 --- /dev/null +++ b/afb-client/bower_components/tether/examples/content-visible/index.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" href="../resources/css/base.css" /> + </head> + <body> + + <div class="instructions">Scroll the page</div> + + <style> + .instructions { + width: 100%; + text-align: center; + font-size: 24px; + padding: 15px; + background-color: rgba(210, 180, 140, 0.4); + } + + * { + box-sizing: border-box; + } + body { + min-height: 1200vh; + height: 100%; + } + + .content-box { + width: 600px; + border: 10px solid #999; + height: 600vh; + background-color: #439CCC; + margin: 200vh auto; + } + .element { + border: 10px solid #999; + background-color: #FFDC00; + width: 300px; + height: 200px; + padding: 0 15px; + font-size: 20px; + font-weight: bold; + } + </style> + + <div class="content-box"> + <div class="element"> + <p>This is some sort of crazy dialog.</p> + + <p>It's setup to align with the center of the visible part of the blue area.</p> + </div> + </div> + + <script src="../../tether.js"></script> + <script> + new Tether({ + element: '.element', + target: '.content-box', + attachment: 'middle center', + targetAttachment: 'middle center', + targetModifier: 'visible' + }); + </script> + </body> +</html> |