]> Pileus Git - ~andy/gtk/blob - gdk/broadway/client.html
[broadway] Make close button text unselectable
[~andy/gtk] / gdk / broadway / client.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
5 <title>broadway 2.0</title>
6 <script type="text/javascript" src="broadway.js"></script>
7 <style type="text/css">
8
9 .frame-window {
10     background-color: rgb(179, 230, 255);
11     background-image: -moz-linear-gradient(rgba(250, 253, 255, 0.1) 0px, rgba(250, 253, 255, 0.65) 40px, rgba(250, 253, 255, 0.75) 50px, rgba(250, 253, 255, 0) 54px);
12     background-image: -webkit-gradient(linear, left top, left 50, from(rgba(250, 253, 255, 0.9)), to(rgba(250, 253, 255, 0)), color-stop(88%, rgba(250, 253, 255, 0.75)));
13     border-radius: 6px;
14     -moz-border-radius: 6px;
15     border: 1px solid rgb(0, 0,0);
16     padding: 0 7px 7px 7px;
17 }
18
19 .frame-contents {
20     border-radius: 3px;
21     -moz-border-radius: 3px;
22     border: 1px solid rgb(0, 0, 0);
23     clear: both;
24     position: relative;
25 }
26
27 .frame-close {
28     margin: 0 2px 3px 2px;
29     background-color: #CC3333;
30     background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
31     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)));
32     border-radius: 2px;
33     border-top-left-radius: 0;
34     border-top-right-radius: 0;
35     -moz-border-radius: 2px;
36     -moz-border-top-left-radius: 0;
37     -moz-border-top-right-radius: 0;
38     border: 1px solid #550000;
39     border-top: none;
40     float: right;
41     color: white;
42     width: 36px;
43     text-shadow: black -1px 0 0, black 1px 0 0, black 0 1px 0, black 0 -1px 0;
44     font-weight: bold;
45     cursor: pointer;
46     -webkit-user-select: none;
47     -khtml-user-select: none;
48     -moz-user-select: none;
49     -o-user-select: none;
50     user-select: none;
51 }
52
53 .frame-close:focus {
54     left: 0;
55 }
56
57 .frame-close:hover {
58     background-color: #EE4A4A;
59 }
60
61 .frame-close:active {
62     background-color: #AA2020;
63 }
64
65 </style>
66 </head>
67
68 <body onload="connect()">
69 </body>
70 </html>