css/style.css

   1 #one {
   2         background-image: url('../images/background.png');
   3 }
   4
   5 .screen {
   6         font-family: serif;
   7         color: white;
   8         font-size: 17pt;
   9 }
  10
  11 #sentence {
  12         margin: 10px 30px 0 30px;
  13         position: relative;
  14         float: right;
  15         text-indent: 30px;
  16 }
  17
  18 #signature {
  19         margin: 0px 30px 0 auto;
  20         position: relative;
  21         float: right;
  22 }
  23
  24 #logo {
  25         font-family: courier;
  26         font-size: 36px;
  27         width: 100%;
  28         background-repeat: no-repeat;
  29         margin: 0px 40px 0 auto;
  30         color: white;
  31         border-bottom: 1px solid white;
  32         font-weight: bolder;
  33         text-align: right;
  34         line-height: 43px;
  35 }
  36
  37 #status {
  38         width: 400px;
  39         height: 350px;
  40         margin: 0 auto;
  41         background-repeat: no-repeat;
  42 }
  43
  44 #status.lazy {
  45         background-image: url('../images/state_lazy.png');
  46 }
  47
  48 #status.run {
  49         background-image: url('../images/state_run.png');
  50 }
  51
  52 #communicate {
  53         font-size: 17pt;
  54         text-align: center;
  55         min-height: 50px;
  56 }
  57
  58 #communicate.onAlert {
  59         font-size: 60px;
  60         text-align: center;
  61         text-shadow: 5px 5px 5px black;
  62 }
  63
  64 #communicate b {
  65         font-size: 25px;
  66 }
  67
  68 #communicate div {
  69         font-size: 32px;
  70         font-weight: bold;
  71 }
  72
  73 .schedule {
  74         height: 100px;
  75 }
  76
  77 .scheduleOptions {
  78         height: 100px;
  79 }
  80
  81 .increasingStrength {
  82         display: none;
  83 }
  84
  85 .typeOfPeriods, .typeOfPeriods ul li {
  86         height:60px;
  87 }
  88
  89 .strength {
  90         margin: 0 0 20px 0;
  91 }
  92
  93 .timeRangeLabel {
  94         height: 50px;
  95 }
  96
  97 .activeStatus {
  98         display: inline;
  99         float: right;
 100         color: blue;
 101 }
 102
 103 .activeStatusDisable {
 104         color: red;
 105 }
 106
 107 .times li {
 108         display: inline-block;
 109         width: 200px;
 110 }
 111
 112 .times {
 113         width: 100%;
 114         float: left;
 115         margin: 0;
 116         padding: 10px;
 117 }
 118
 119 .times .ui-datefield {
 120         font-size: 60px;
 121 }
 122
 123 h2.ui-title {
 124         width:99%;
 125         text-overflow: ellipsis;
 126 }
 127
 128 /**
 129  * Removing disturbing paddings from wide button
 130  **/
 131 #addTimeRange .ui-btn-inner.ui-btn-hastxt,
 132 #selectExercises .ui-btn-inner.ui-btn-hastxt {
 133         padding-left:0;
 134         padding-right:0;
 135 }
 136 #addTimeRange .ui-btn-text.ui-btn-text-padding-left,
 137 #selectExercises .ui-btn-text.ui-btn-text-padding-left {
 138         padding:0;
 139 }
 140
 141 /**
 142 * Removing unnecessary line before the first button
 143 **/
 144 #workdaysType span.ui-btn-inner.ui-btn-hastxt {
 145     border-left: none;
 146 }
 147
 148 old styles;
 149
 150 */
 151 .exerciseView {
 152         width: 80%;
 153         height: 200px;
 154         border-width: 1px;
 155         border-color: #888 #DDD #DDD #888;
 156         border-style: solid;
 157         background-color: #578;
 158         -webkit-border-radius: 0.6em;
 159         -webkit-box-align: center;
 160         margin: 0 auto;
 161         box-shadow: 0px 0px 20px #000;
 162         position: relative;
 163 }
 164
 165 .optionsExercises label {
 166         line-height: 44px;
 167 }
 168
 169 #exercises {
 170         margin-bottom: 10px;
 171 }
 172
 173 .myHeader {
 174
 175 }
 176
 177 .ui-controlgroup .ui-radio {
 178         width: 20%;
 179 }
 180
 181 .myContent {
 182         margin: auto 10px 10px 10px;
 183 }
 184
 185 .footerContent {
 186         margin: 0 auto;
 187         text-align: center;
 188         padding-top: 20px;
 189 }
 190
 191 .newExerciseName label {
 192         width: 100%;
 193 }
 194
 195 .newExerciseName input { /*background-color:white;*/
 196
 197 }
 198
 199 .ui-footer {
 200         z-index: 1000;
 201 }
 202
 203 #availableTime {
 204         margin-top: 12px;
 205         overflow: hidden;
 206         margin-left: 0;
 207         margin-right: 0;
 208 }
 209
 210 #availableTime li {
 211         margin-left: 0;
 212         margin-right: 0;
 213 }
 214
 215 .ui-swipelist-item .ui-btn {
 216         padding: 4px;
 217         margin-right: 12px;
 218 }
 219 .ui-li-text-sub-right {
 220         font-size: 18px;
 221         margin-right: 17px;
 222         float: right;
 223         margin-top: 2px;
 224         color: #08f;
 225 }
 226
 227 .disabled {
 228         color: #f00;
 229 }
 230
 231 ul {
 232         list-style-type: none;
 233 }
 234
 235 .goToOptionsPack {
 236         width: 100%;
 237 }
 238
 239 .goToOptions {
 240         width: 80%;
 241         margin-left: 10%;
 242         margin-right: 10%;
 243 }
 244
 245 .buttonOptions {
 246         float: right;
 247         box-shadow: 0px 0px 10px #000;
 248 }
 249
 250 .buttonStop {
 251         background-color: #F40;
 252         box-shadow: 0px 0px 10px #000;
 253 }
 254
 255 .selectPeriodType .ui-radio {
 256         width: 100%;
 257 }
 258
 259 #formEnablePeriod {
 260         margin-bottom: 20px;
 261 }
 262
 263 #ok_wait {
 264         position: absolute;
 265         bottom: 0;
 266         width: 100%;
 267 }
 268
 269 #ok_wait .ok {
 270         left: 50px;
 271 }
 272
 273 #ok_wait .wait {
 274         right: 50px;
 275         position: absolute;
 276 }
 277
 278 span.meterDesc {
 279         position: absolute;
 280         z-index: 100;
 281         display: block;
 282         text-align: center;
 283         width: inherit;
 284         padding-top: 8px;
 285         color: #333;
 286 }
 287
 288 .enableOption {
 289         padding-bottom: 20px;
 290 }
 291
 292 .enableOption>div {
 293         display: table-cell;
 294 }
 295
 296 .enableOption>label {
 297         float: left;
 298         padding-right: 20px;
 299         padding-top: 8px;
 300         vertical-align: middle;
 301 }
 302
 303 div.period {
 304         padding-left: 10px;
 305 }
 306
 307 .center {
 308         text-align: center;
 309 }
 310
 311 #progress {
 312         display: none;
 313         z-index: 1001;
 314         position: absolute;
 315         top: 0;
 316         left: 0;
 317         height: 100%;
 318         width: 100%;
 319         background-color: rgba(0, 2, 0, 0.7);
 320 }
 321 #progresscenter {
 322         position:absolute;
 323         width:100%;
 324         top: 40%;
 325 }
 326 #progresstitle {
 327         color:#FFF;
 328         text-align:center;
 329         margin-bottom: 20px;
 330 }
 331 #progressbar {
 332         display:none;
 333 }
 334 #loader {
 335         margin: 0 auto;
 336         width:35px;
 337         height: 35px;
 338 }
 339 #loader-image {
 340         -webkit-animation: rotation 2s infinite linear;
 341 }
 342 @-webkit-keyframes rotation {
 343         from {-webkit-transform: rotate(0deg);}
 344         to {-webkit-transform: rotate(359deg);}
 345 }
 346
 347 .timeRangeButtons .enableStatusButton {
 348         min-width: 95px;
 349 }
 350
 351 #frontPageContent {
 352         padding: 15px;
 353         max-width: 450px;
 354 }
 355 ul.times .ui-btn-picker {
 356         width: 150px;
 357         line-height: 70px;
 358 }
 359
 360 #exercises li {
 361         text-overflow: ellipsis;
 362         overflow: hidden;
 363 }