Ticket #3193: testing.phtml

File testing.phtml, 5.1 KB (added by mgl, 13 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3        <head>
4                <title>Opera Bug</title>
5                <script type="text/javascript" src="../js/jquery/jquery.js"></script>
6                <script type="text/javascript" src="../js/jquery/ui/ui.core.js"></script>
7                <script type="text/javascript" src="../js/jquery/ui/ui.draggable.js"></script>
8                <script type="text/javascript" src="../js/jquery/ui/ui.resizable.js"></script>
9                <script type="text/javascript" src="../js/jquery/ui/ui.dialog.js"></script>
10                <script type="text/javascript" src="../js/jquery/ui/ui.dialog.js"></script>
11                <script type="text/javascript">
12                        $(document).ready(function(){
13                                $("#dialogtest").dialog({title:"Opera Bug"});
14                        });
15                </script>
16                <style>
17                        /*dialog*/
18                        .ui-dialog {
19                                /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: .8em; text-decoration: none; font-size: 100%; list-style: none;
20                                font-family: Verdana, Arial, sans-serif;
21                                background: #ffffff;
22                                color: #222222;
23                                border: 4px solid #d3d3d3;
24                                position: relative;
25                        }
26                        .ui-dialog-content {
27                                border: 1px solid #d3d3d3;
28                                background: #ffffff;
29                                color: #222222;
30                        }
31                        .ui-resizable-handle {
32                                position: absolute;
33                                font-size: 0.1px;
34                                z-index: 99999;
35                        }
36                        .ui-resizable .ui-resizable-handle {
37                                display: block;
38                        }
39                        body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
40                        body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
41                        .ui-resizable-n {
42                                cursor: n-resize;
43                                height: 7px;
44                                width: 100%;
45                                top: -5px;
46                                left: 0px; 
47                        }
48                        .ui-resizable-s {
49                                cursor: s-resize;
50                                height: 7px;
51                                width: 100%;
52                                bottom: -5px;
53                                left: 0px;
54                        }
55                        .ui-resizable-e {
56                                cursor: e-resize;
57                                width: 7px;
58                                right: -5px;
59                                top: 0px;
60                                height: 100%;
61                        }
62                        .ui-resizable-w {
63                                cursor: w-resize;
64                                width: 7px;
65                                left: -5px;
66                                top: 0px;
67                                height: 100%;
68                        }
69                        .ui-resizable-se {
70                                cursor: se-resize;
71                                width: 13px;
72                                height: 13px;
73                                right: 0px;
74                                bottom: 0px;
75                                background: url(images/ui/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
76                        }
77                        .ui-resizable-sw {
78                                cursor: sw-resize;
79                                width: 9px;
80                                height: 9px;
81                                left: 0px;
82                                bottom: 0px; 
83                        }
84                        .ui-resizable-nw {
85                                cursor: nw-resize;
86                                width: 9px;
87                                height: 9px;
88                                left: 0px;
89                                top: 0px;
90                        }
91                        .ui-resizable-ne {
92                                cursor: ne-resize;
93                                width: 9px;
94                                height: 9px;
95                                right: 0px;
96                                top: 0px;
97                        }
98                        .ui-dialog-titlebar {
99                                /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1em; text-decoration: none; font-size: 100%; list-style: none;
100                                padding: .1em .1em .1em .2em;
101                                color: #555555;
102                                background: #e6e6e6 url(images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
103                                border-bottom: 1px solid #d3d3d3;
104                                font-size: .8em;
105                                font-weight: normal;
106                                position: relative;
107                        }
108                        .ui-dialog-title {
109                       
110                        }
111                        .ui-dialog-titlebar-close {
112                                /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1em; text-decoration: none; font-size: 100%; list-style: none;
113                                background: url(images/ui/888888_11x11_icon_close.gif) 0 0 no-repeat;
114                                position: absolute;
115                                right: 5px;
116                                top: 3px;
117                                width: 11px;
118                                height: 11px;
119                                z-index: 100;
120                        }
121                        .ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
122                                background: url(images/ui/454545_11x11_icon_close.gif) 0 0 no-repeat;
123                        }
124                        .ui-dialog-titlebar-close:active {
125                                background: url(images/ui/222222_11x11_icon_close.gif) 0 0 no-repeat;
126                        }
127                        .ui-dialog-titlebar-close span {
128                                display: none;
129                        }
130                        .ui-dialog-content {
131                                /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: .9em; text-decoration: none; font-size: 100%; list-style: none;
132                                background: #ffffff;
133                                color: #222222;
134                                /* padding: 1.5em 1.7em;        */
135                        }
136                        .ui-dialog-buttonpane {
137                                position: absolute;
138                                bottom: 0;
139                                width: 100%;
140                                text-align: left;
141                                border-top: 1px solid #d3d3d3;
142                                background: ;
143                        }
144                        .ui-dialog-buttonpane button {
145                                margin: .1em 0 .1em 8px;
146                                color: #555555;
147                                background: #e6e6e6 url(images/ui/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
148                                font-size: .8em;
149                                border: 1px solid #d3d3d3;
150                                cursor: pointer;
151                                padding: .1em .0em .1em .0em;
152                                line-height: 1em;
153                        }
154                        .ui-dialog-buttonpane button:hover {
155                                color: #212121;
156                                background: #dadada url(images/ui/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
157                                border: 1px solid #999999;
158                        }
159                        .ui-dialog-buttonpane button:active {
160                                color: #222222;
161                                background: #ffffff url(images/ui/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
162                                border: 1px solid #dddddd;
163                        }
164                        /* This file skins dialog */
165                        .ui-dialog.ui-draggable .ui-dialog-titlebar,
166                        .ui-dialog.ui-draggable .ui-dialog-titlebar {
167                                cursor: move;
168                        }
169                </style>
170        </head>
171        <body>
172                <div id="dialogtest" style="overflow:auto;width:400px;height:250px;">
173                        <textarea style="width:100px;height:500px;">try the scrollbar</textarea>
174                </div>
175        </body>
176</html>