clockjs/clock.css at main · eunji0124/clockjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
body{padding: 0; margin: 0;}
#title{    font-weight: 300;
  font-size: 2rem;}

  .form, .visiting{display: none;}
h1{    letter-spacing: 0.25em;
  font-size: 40px;}
  .showing{display: block; padding: 0 0 10px;}
  #wrap{    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .box{    background: rgba(255, 255, 255, 0.8);
    width: 700px;
    height: 400px;
    padding: 20px 0;
    display: flex;}

  .boxes{       width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}

  .input_box{border: 0px;    padding: 5px 10px;}
  .input_box:focus {outline:none;}
  .toDoList{ list-style: circle;     margin: 15px 0 0;     padding: 0 0 0 20px;     overflow-y: auto;}
  .toDoList li{line-height: 1.5;
    font-size: 0.8em;}
    .toDoList li button{margin: 0 4px;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      border: 1px solid #777;
      color: #333;
      padding: 0;
      background-color: #fff;
      font-size: 11px;}
  .bgImage{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}