4 <link rel="stylesheet" href="../resources/css/base.css" />
8 <div class="instructions">Scroll the page</div>
16 background-color: rgba(210, 180, 140, 0.4);
20 box-sizing: border-box;
29 border: 10px solid #999;
31 background-color: #439CCC;
35 border: 10px solid #999;
36 background-color: #FFDC00;
45 <div class="content-box">
47 <p>This is some sort of crazy dialog.</p>
49 <p>It's setup to align with the center of the visible part of the blue area.</p>
53 <script src="../../tether.js"></script>
57 target: '.content-box',
58 attachment: 'middle center',
59 targetAttachment: 'middle center',
60 targetModifier: 'visible'