css/style.css

   1 .box {
   2         margin: 0px;
   3         padding: 0px;
   4         display: table-cell;
   5         vertical-align: middle;
   6         height: inherit;
   7         width: inherit;
   8 }
   9
  10 #start-header .ui-btn-back {
  11         width: 34px;
  12 }
  13
  14 #chat-header .ui-btn-back {
  15         width: 34px;
  16 }
  17
  18 #chat-header .ui-btn-footer-down {
  19         width: 45px;
  20         right: 0px;
  21 }
  22
  23 .ui-btn-start {
  24         margin: 10px auto;
  25         padding: 0;
  26         width: 90%;
  27         font-size: 26px;
  28 }
  29
  30 .ui-btn-start > span {
  31         padding-top: 30px;
  32         padding-bottom: 30px;
  33 }
  34
  35 /*
  36 #keyboard-text {
  37         width: 100%;
  38         margin: 0px;
  39         padding: 0px;
  40         border: 0px;
  41         border-radius: 0px;
  42         overflow: hidden;
  43         font-size: 24px;
  44         outline: none;
  45 }
  46 */
  47
  48 #keyboard-text {
  49         width: 90%;
  50         margin: 16px auto;
  51 }
  52
  53 #keyboard-content .ui-scrollview-view {
  54         padding: 0px;
  55         text-align: center;
  56 }
  57
  58 html {
  59         background: white !important;
  60 }
  61
  62 #start-content {
  63         background-color: white;
  64 }
  65
  66 #keyboard-content {
  67         background-color: white;
  68 }
  69
  70 #keyboard-back-button {
  71         position: absolute;
  72         right: 50px;
  73         bottom: 15px;
  74         width: 40px;
  75 }
  76
  77 #keyboard-ok-button {
  78         position: absolute;
  79         right: 5px;
  80         bottom: 15px;
  81         width: 40px;
  82 }
  83
  84 #ui-textArea {
  85         position: absolute;
  86         width: 100%;
  87         height: 160px;
  88         display: -webkit-box;
  89         -webkit-box-orient: horizontal;
  90 }
  91
  92 #ui-textArea-text {
  93         -webkit-box-flex: 1;
  94 }
  95
  96 #ui-textArea-button {
  97         width: 100px;
  98         height: 108px;
  99 }
 100
 101 #text {
 102         background-color: #fff;
 103         color: #555;
 104         position: absolute;
 105         left: 10px;
 106         right: 110px;
 107         top: 10px;
 108         height: 140px;
 109         margin: 0px;
 110         border: 0px solid #000;
 111         border-radius: 5px;
 112         font-size: 26px;
 113         overflow: auto;
 114 }
 115
 116 #ui-mySend {
 117         float: left;
 118         width: 90px;
 119         height: 58px;
 120         margin-top: 10px;
 121         font-size: 26px;
 122 }
 123
 124 #ui-myCounter {
 125         float: left;
 126         margin-top: 47px;
 127 }
 128
 129 #ui-myCounter p {
 130         font-size: 20px;
 131 }
 132
 133 #chat-footer {
 134         height: 164px;
 135 }
 136
 137 #start-monit {
 138         text-align: center;
 139         width: 100%;
 140 }
 141
 142 #start-monit a {
 143         font-size: 1.4em;
 144 }
 145
 146 #chat-header-type {
 147         font-size: 0.5em;
 148         position: absolute;
 149         top: 3px;
 150         left: 3px;
 151         white-space: nowrap;
 152         overflow: hidden !important;
 153         text-overflow: ellipsis;
 154         width: 90%;
 155 }
 156
 157 #chat-header-name {
 158         font-size: 1em;
 159         position: absolute;
 160         top: 25px;
 161         left: 3px;
 162         white-space: nowrap;
 163         overflow: hidden !important;
 164         text-overflow: ellipsis;
 165         width: 60%;
 166 }
 167
 168 .server-row-name {
 169         white-space: nowrap;
 170         overflow: hidden !important;
 171         text-overflow: ellipsis;
 172         width: 80%;
 173 }
 174
 175 #discovering {
 176         right: 17px;
 177         top: 17px;
 178 }
 179
 180 .focus {}