Pileus Git - ~andy/gtk/blob - 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(248, 248, 248);
  11     background-image: -moz-linear-gradient(rgb(255, 255, 255) 1px, rgb(247, 247, 247) 1px, rgb(237, 236, 235) 32px);
  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: 5px 5px 0 0;
  14     -moz-border-radius: 5px 5px 0 0;
  15     border: 1px solid rgb(142, 142, 142);
  16     padding: 0 0 3px;
  17 }
  18
  19 .frame-contents {
  20     clear: both;
  21     position: relative;
  22 }
  23
  24 .frame-close {
  25     margin: 0 0 4px;
  26     background-color: #BFC1C1;
  27     background-image: -moz-linear-gradient(#D1D2D2 0%, #BABBBC 65%, #D4D4D5 100%);
  28 /*    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))); */
  29     border-radius: 0 4px 0 5px;
  30 /*    border-top-left-radius: 0;
  31     border-top-right-radius: 4px;
  32     -moz-border-radius: 2px;
  33     -moz-border-top-left-radius: 0;
  34     -moz-border-top-right-radius: 0; */
  35     border-top: none;
  36     border-right: none;
  37     border-bottom: 1px solid #BEBEBE;
  38     border-left: 1px solid #8E8E8E;
  39     float: right;
  40     color: white;
  41     line-height: 30px;
  42     width: 30px;
  43     text-shadow: 0 1px 0 #8E8E8E;
  44     font-weight: bold;
  45     font-family: sans-serif;
  46     font-size: 190%;
  47     cursor: pointer;
  48     -webkit-user-select: none;
  49     -khtml-user-select: none;
  50     -moz-user-select: none;
  51     -o-user-select: none;
  52     user-select: none;
  53 }
  54
  55 .frame-close.frame-hover {
  56     background-image: -moz-linear-gradient(#E8E8E8 0%, #C7C8C9 65%, #D6D6D6 100%);
  57 }
  58
  59 .frame-close.frame-active {
  60     background-image: -moz-linear-gradient(#8E8E8E 1px, #BEBEBE 100%);
  61     text-shadow: none;
  62     /* this is a gross hack, remove if it break things */
  63     margin: -1px 0 4px;
  64     padding-top: 1px;
  65 }
  66
  67 </style>
  68 </head>
  69
  70 <body onload="connect()">
  71 </body>
  72 </html>