third_party/WebKit/LayoutTests/fast/css/imageTileOpacity.html

   1 <head>
   2         <style type="text/css" title="AppleStyle">
   3
   4         .dialog-background {
   5             position:absolute;
   6             top:75px;
   7             left:7px;
   8             background-color:rgba(0,0,0,0.82);
   9             width:284px;
  10             height:212px;
  11         }
  12
  13         .dialog-cancel-button {
  14             position:absolute;
  15             top:162px;
  16             right:150px;
  17
  18         }
  19
  20         .dialog-button {
  21             font: 12px "Helvetica Neue";
  22             font-weight:bold;
  23             color: white;
  24             opacity:0.5;
  25         }
  26
  27         </style>
  28         <script>
  29
  30             var dialog = null;
  31
  32
  33             function load ()
  34             {
  35                 dialog = new Dialog ();
  36             }
  37
  38             function Dialog ()
  39             {
  40                 var div = document.createElement('div');
  41                 div.setAttribute('id', 'dialog-background');
  42                 div.setAttribute('class', 'dialog-background');
  43
  44                 var button_div = document.createElement('div');
  45                 button_div.setAttribute('class', 'dialog-button dialog-cancel-button');
  46                 div.appendChild (button_div);
  47                 createDialogButton (button_div, 'Cancel', 66);
  48
  49                 document.body.appendChild(div);
  50                 this.background = div;
  51             }
  52
  53             function createDialogButton (div, title, minwidth)
  54             {
  55                 element = document.createElement('div');
  56                 element.setAttribute ("style", 'display:inline-block;text-align:center;line-height:24px;background:url(button_center.png) repeat-x top left;');
  57                 div.appendChild (element);
  58                 element.innerHTML = title;
  59             }
  60
  61         </script>
  62 </head>
  63
  64 <body onload='load();'>
  65
  66 </body>
  67 </html>