plugins/websocketsink/test/style.css

   1 .PassClass {
   2     font: bold 16px Arial;
   3     color: green;
   4 }
   5
   6 .FailClass {
   7     font: bold 16px Arial;
   8     color: red;
   9 }
  10
  11 .LogClass {
  12     font: 16px Arial;
  13     color: black;
  14 }
  15
  16 #tester {
  17     position: absolute;
  18     -webkit-user-select: none;
  19     top: 0px;
  20     left: 0%;
  21     height: 100%;
  22     width: 620px;
  23     overflow-y: auto;
  24 }
  25
  26 #result {
  27     position: absolute;
  28     top: 0px;
  29     left: 620px;
  30     height: 98%;
  31     width: 1380px;
  32     padding-top: 1%;
  33     background-color: #eeeeee;
  34     padding-left: 1%;
  35     word-wrap:break-word;
  36     overflow-y: auto;
  37 }
  38
  39 .proptest {
  40     position: relative;
  41     left: 0px;
  42     height: 67px;
  43     width: 700px;
  44     overflow: hidden;
  45 }
  46
  47 .proptest .buttons {
  48     position: absolute;
  49     top: 32px;
  50     left: 0px;
  51     height: 35px;
  52     width: 630px;
  53 }
  54
  55 .smallText {
  56     text-align: left;
  57     color: #FFFFFF;
  58     font: 18px Arial;
  59     display: inline;
  60 }
  61 .propinfo {
  62     position: absolute;
  63     top: 0px;
  64     left: 0px;
  65     height: 67px;
  66     width: 600px;
  67     text-align: left;
  68     color: #FFFFFF;
  69     font: 18px Arial;
  70     line-height: 30px;
  71     padding-left: 5px;
  72     background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  73     cursor: pointer;
  74 }
  75
  76 .propinfo.select {
  77     background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#aaa));
  78 }
  79
  80 .propinfo.unselectable {
  81     cursor: auto;
  82     background: #000000;
  83     border-bottom: solid 1px #444;
  84 }
  85
  86 input[type='text'] {
  87     margin-top: 5px;
  88     color: black;
  89     font: bold 18px Arial;
  90     height: 19px;
  91     width: 100px;
  92     background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#fff));
  93     -webkit-transition: all 2s linear;
  94 }
  95
  96 input[type='text'].change {
  97     -webkit-transition: all 0.1s linear;
  98     color: red;
  99 }
 100
 101 .testbutton {
 102     position: relative;
 103     float: left;
 104     color: #d7d7d7;
 105     border: solid 1px #333;
 106     text-align: center;
 107     text-decoration: none;
 108     font: 16px/100% Arial, Helvetica, sans-serif;
 109     text-shadow: 0 1px 1px rgba(0,0,0,.3);
 110     -webkit-border-radius: 12px;
 111     border-radius: 12px;
 112     background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
 113     height: 25px;
 114     line-height: 24px;
 115     cursor: pointer;
 116     box-shadow: 2px 2px 14px #000;
 117     margin-top: 5px;
 118     margin-bottom: 5px;
 119     margin-right: 2px;
 120 }
 121
 122 .testbutton.types {
 123     width: 50px;
 124     background: -webkit-gradient(linear, left top, left bottom, from(blue), to(#000));
 125 }
 126
 127 .testbutton.types:after {
 128     content: 'types';
 129 }
 130
 131 .testbutton.get {
 132     width: 35px;
 133     background: -webkit-gradient(linear, left top, left bottom, from(green), to(#000));
 134 }
 135
 136 .testbutton.get:after {
 137     content: 'get';
 138 }
 139
 140 .testbutton.set {
 141     width: 35px;
 142     background: -webkit-gradient(linear, left top, left bottom, from(green), to(#000));
 143 }
 144
 145 .testbutton.set:after {
 146     content: 'set';
 147 }
 148
 149 .testbutton.subscribe {
 150     width: 80px;
 151     background: -webkit-gradient(linear, left top, left bottom, from(purple), to(#000));
 152 }
 153
 154 .testbutton.subscribe.disable {
 155     pointer-events: none;
 156     color: #999999;
 157     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#111));
 158 }
 159
 160 .testbutton.subscribe:after {
 161     content: 'subscribe';
 162 }
 163
 164 .testbutton.unsubscribe {
 165     width: 100px;
 166     background: -webkit-gradient(linear, left top, left bottom, from(purple), to(#000));
 167 }
 168
 169 .testbutton.unsubscribe.disable {
 170     pointer-events: none;
 171     color: #999999;
 172     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#111));
 173 }
 174
 175 .testbutton.unsubscribe:after {
 176     content: 'unsubscribe';
 177 }
 178
 179 .testbutton:active {
 180     color: #666;
 181     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
 182 }