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         top: 19px;
  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 #ui-textArea {
  78         position: absolute;
  79         width: 100%;
  80         height: 160px;
  81         display: -webkit-box;
  82         -webkit-box-orient: horizontal;
  83 }
  84
  85 #ui-textArea-text {
  86         -webkit-box-flex: 1;
  87 }
  88
  89 #ui-textArea-button {
  90         width: 100px;
  91         height: 108px;
  92 }
  93
  94 #text {
  95         background-color: #fff;
  96         color: #555;
  97         position: absolute;
  98         left: 10px;
  99         right: 110px;
 100         top: 10px;
 101         height: 140px;
 102         margin: 0px;
 103         border: 0px solid #000;
 104         border-radius: 5px;
 105         font-size: 26px;
 106         overflow: auto;
 107 }
 108
 109 #ui-mySend {
 110         float: left;
 111         width: 90px;
 112         height: 58px;
 113         margin-top: 10px;
 114         font-size: 26px;
 115 }
 116
 117 #ui-myCounter {
 118         float: left;
 119         margin-top: 47px;
 120 }
 121
 122 #ui-myCounter p {
 123         font-size: 20px;
 124 }
 125
 126 #chat-footer {
 127         height: 164px;
 128 }
 129
 130 #start-monit {
 131         text-align: center;
 132         width: 100%;
 133 }
 134
 135 #start-monit a {
 136         font-size: 1.4em;
 137 }
 138
 139 #chat-header {
 140         min-height: 2.5em;
 141 }
 142
 143 #chat-header-type {
 144         font-size: 0.5em;
 145         position: absolute;
 146         top: 3px;
 147         left: 3px;
 148         white-space: nowrap;
 149         overflow: hidden !important;
 150         text-overflow: ellipsis;
 151         width: 90%;
 152 }
 153
 154 #chat-header-name {
 155         font-size: 1em;
 156         position: absolute;
 157         top: 25px;
 158         left: 3px;
 159         white-space: nowrap;
 160         overflow: hidden !important;
 161         text-overflow: ellipsis;
 162         width: 60%;
 163 }
 164
 165 .server-row-name {
 166         white-space: nowrap;
 167         overflow: hidden !important;
 168         text-overflow: ellipsis;
 169         width: 80%;
 170 }
 171
 172 #discovering {
 173         right: 8px;
 174         top: 8px;
 175 }
 176
 177 .focus {}
 178
 179 .ui-btn-back {
 180         visibility:hidden;
 181 }