third_party/WebKit/LayoutTests/fast/scrolling/overlay-scrollbars-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 html, body {
   6     margin: 0;
   7     padding: 0;
   8 }
   9 .container {
  10     width: 100px;
  11     height: 100px;
  12     background-color: lime;
  13     position: relative;
  14 }
  15 .scrollbar {
  16     background-color: #808080;
  17     position: absolute;
  18 }
  19 .horizontal {
  20     width: 17px;
  21     height: 3px;
  22 }
  23 .vertical {
  24     width: 3px;
  25     height: 17px;
  26 }
  27 </style>
  28 <script>
  29 </script>
  30 </head>
  31 <body>
  32 <p>You should see first 2 green boxes with overlay scrollbars.
  33 The second box should have a scrollbar on the left.
  34 Remaining 2 green boxes should appear without overlay scrollbars.
  35 </p>
  36
  37 <div class="container">
  38 <div class="scrollbar vertical" style="right: 4px; top: 4px;"></div>
  39 <div class="scrollbar horizontal" style="left: 4px; bottom: 4px;"></div>
  40 </div>
  41 <div dir="rtl" class="container">
  42 <div class="scrollbar vertical" style="left: 4px; top: 4px;"></div>
  43 <div class="scrollbar horizontal" style="right: 4px; bottom: 4px;"></div>
  44 </div>
  45
  46 <div class="container"></div>
  47 <div dir="rtl" class="container"></div>
  48 </body>
  49 </html>