summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/css/imageTileOpacity.html
blob: e204394bf44f867ea804401043c4f5fa9f1d14bf (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<head>
	<style type="text/css" title="AppleStyle">
            
        .dialog-background {
            position:absolute;
            top:75px;
            left:7px;
            background-color:rgba(0,0,0,0.82);
            width:284px;
            height:212px;
        }

        .dialog-cancel-button {
            position:absolute;
            top:162px;
            right:150px;

        }

        .dialog-button {
            font: 12px "Helvetica Neue";
            font-weight:bold;
            color: white;
            opacity:0.5;
        }	
        
        </style>
        <script>
        
            var dialog = null;
            
            
            function load ()
            {
                dialog = new Dialog ();		
            }
            
            function Dialog ()
            {
                var div = document.createElement('div');
                div.setAttribute('id', 'dialog-background');
                div.setAttribute('class', 'dialog-background');
                
                var button_div = document.createElement('div');
                button_div.setAttribute('class', 'dialog-button dialog-cancel-button');
                div.appendChild (button_div);
                createDialogButton (button_div, 'Cancel', 66);
                
                document.body.appendChild(div);
                this.background = div;	
            }
            
            function createDialogButton (div, title, minwidth)
            {
                element = document.createElement('div');
                element.setAttribute ("style", 'display:inline-block;text-align:center;line-height:24px;background:url(button_center.png) repeat-x top left;');	
                div.appendChild (element);
                element.innerHTML = title;
            }
        
        </script>	
</head>

<body onload='load();'>

</body>
</html>