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: 70px;
  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 .strength {
  86         margin: 0 0 20px 0;
  87 }
  88
  89 .timeRangeLabel {
  90         height: 50px;
  91 }
  92
  93 .activeStatus {
  94         display: inline;
  95         float: right;
  96         color: blue;
  97 }
  98
  99 .activeStatusDisable {
 100         color: red;
 101 }
 102
 103 .times li {
 104         float: left;
 105         width: 200px;
 106 }
 107
 108 .times {
 109         width: 100%;
 110         float: left;
 111         margin: 0;
 112         padding: 10px;
 113 }
 114
 115 .times .ui-datefield {
 116         font-size: 60px;
 117 }
 118
 119 /**
 120
 121 old styles;
 122
 123 */
 124 .exerciseView {
 125         width: 80%;
 126         height: 200px;
 127         border-width: 1px;
 128         border-color: #888 #DDD #DDD #888;
 129         border-style: solid;
 130         background-color: #578;
 131         -webkit-border-radius: 0.6em;
 132         -webkit-box-align: center;
 133         margin: 0 auto;
 134         box-shadow: 0px 0px 20px #000;
 135         position: relative;
 136 }
 137
 138 .optionsExercises label {
 139         line-height: 44px;
 140 }
 141
 142 #exercises {
 143         margin-bottom: 10px;
 144 }
 145
 146 .myHeader {
 147
 148 }
 149
 150 .ui-controlgroup .ui-radio {
 151         width: 20%;
 152 }
 153
 154 .myContent {
 155         margin: auto 10px 10px 10px;
 156 }
 157
 158 .footerContent {
 159         margin: 0 auto;
 160         text-align: center;
 161         padding-top: 20px;
 162 }
 163
 164 .newExerciseName label {
 165         width: 100%;
 166 }
 167
 168 .newExerciseName input { /*background-color:white;*/
 169
 170 }
 171
 172 .ui-footer {
 173         z-index: 1000;
 174 }
 175
 176 #availableTime {
 177         margin-top: 12px;
 178         overflow: hidden;
 179         margin-left: 0;
 180         margin-right: 0;
 181 }
 182
 183 #availableTime li {
 184         margin-left: 0;
 185         margin-right: 0;
 186 }
 187
 188 .ui-swipelist-item .ui-btn {
 189         padding: 4px;
 190         margin-right: 12px;
 191 }
 192
 193 .ui-li-text-sub-right {
 194         font-size: 18px;
 195         margin-right: 17px;
 196         float: right;
 197         margin-top: 2px;
 198         color: #08f;
 199 }
 200
 201 .disabled {
 202         color: #f00;
 203 }
 204
 205 ul {
 206         list-style-type: none;
 207 }
 208
 209 .goToOptionsPack {
 210         width: 100%;
 211 }
 212
 213 .goToOptions {
 214         width: 80%;
 215         margin-left: 10%;
 216         margin-right: 10%;
 217 }
 218
 219 .buttonOptions {
 220         float: right;
 221         box-shadow: 0px 0px 10px #000;
 222 }
 223
 224 .buttonStop {
 225         background-color: #F40;
 226         box-shadow: 0px 0px 10px #000;
 227 }
 228
 229 .selectPeriodType .ui-radio {
 230         width: 100%;
 231 }
 232
 233 #formEnablePeriod {
 234         margin-bottom: 20px;
 235 }
 236
 237 #ok_wait {
 238         position: absolute;
 239         bottom: 0;
 240         width: 100%;
 241 }
 242
 243 #ok_wait .ok {
 244         left: 50px;
 245 }
 246
 247 #ok_wait .wait {
 248         right: 50px;
 249         position: absolute;
 250 }
 251
 252 span.meterDesc {
 253         position: absolute;
 254         z-index: 100;
 255         display: block;
 256         text-align: center;
 257         width: inherit;
 258         padding-top: 8px;
 259         color: #333;
 260 }
 261
 262 .enableOption {
 263         padding-bottom: 20px;
 264 }
 265
 266 .enableOption>div {
 267         display: table-cell;
 268 }
 269
 270 .enableOption>label {
 271         float: left;
 272         padding-right: 20px;
 273         padding-top: 8px;
 274         vertical-align: middle;
 275 }
 276
 277 div.period {
 278         padding-left: 10px;
 279 }