project/css/style.css

   1 html, body {
   2     overflow: hidden;
   3 }
   4
   5 .text-center {
   6     text-align: center;
   7 }
   8
   9 body {
  10     -webkit-user-select: none;
  11     font-family: serif;
  12     color: white;
  13     font-size: 17pt;
  14 }
  15
  16 #home,#notification {
  17     background-image: url('../img/background.png');
  18 }
  19
  20 .transparentheader {
  21     background: none;
  22 }
  23
  24 .transparentheader h1 {
  25     color: white !important;
  26     text-shadow: none !important;
  27 }
  28
  29 .transparentheader .hearderline {
  30     position: absolute;
  31     bottom: 0px;
  32     width: 100%;
  33     border-bottom: solid 1px white;
  34 }
  35
  36 #status {
  37     width: 400px;
  38     height: 350px;
  39     margin: 0 auto;
  40     background-repeat: no-repeat;
  41 }
  42
  43 #status.run {
  44     background-image: url('../img/state_run.png');
  45 }
  46
  47 .field {
  48     margin: 15px 0;
  49 }
  50
  51 #name {
  52     width: 96%;
  53 }
  54
  55 #comment {
  56     height: 70px;
  57 }
  58
  59 #alarms_list, .notificationContainer {
  60     clear: both;
  61     margin: 5px 0;
  62 }
  63
  64 .exercise {
  65     padding-bottom: 5px;
  66     color: white;
  67 }
  68
  69 #alarms_list .exercise {
  70     border-bottom: 1px solid white;
  71 }
  72
  73 .exercise .name {
  74     font-size: 25px;
  75     font-weight: bold;
  76 }
  77
  78 .exercise .startTime {
  79     font-size: 20px;
  80 }
  81
  82 .exercise .comment {
  83     font-size: 20px;
  84 }
  85
  86 .exercise .days {
  87     font-size: 16px;
  88 }
  89
  90 .exercise .removeExercise {
  91     float: right;
  92     width: 80px;
  93     height: 36px;
  94     font-size: 18px;
  95     margin-top: -9px;
  96     margin-right: 6px;
  97 }
  98
  99 .exerciseNotification {
 100     text-align: center;
 101 }
 102
 103 .exerciseNotification .comment,
 104 .exerciseNotification .startTime
 105 {
 106     margin-top: 20pt;
 107 }