green-hackathon/style.css at master · trevorpham/green-hackathon · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
body {
  font-family: futura;
}

#see-badges {
  background-color: #34DFBB;
}

#user-pic {
  position:relative;
  left: 10px;
}

#logo {
  position: relative;
  left: 85px;
}

#navbar {
  background-color: #34DFBB;
}

#challenge-title {
  text-align: center;
}

#checklist {
  padding: 10px;
}

#topic {
  margin-bottom: 20px;
  padding: 4px;
  /*background-color: lightgreen;*/
}

img#water {
  float: left;
}

#water-title {
  margin-top: 20px;
  width: 80px;
  display: inline;
  float:left;
}

#funfact-title {
  margin-bottom: 0;
}
#funfact {
  width: 210px;
  display: inline;
  float: right;
}

.badge {
  background-color: white;
  color: black;
}

.badge-title {
  margin-top: 10px;
}

.modal-body {
  text-align: center;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width:50px;
    height:50px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
    vertical-align: middle;
    position: relative;
    bottom: 0 px;
    margin-bottom: 10px;
}

.listing {
  font-size: 18px;
  position: relative;
  left: 5px;
}
input[type='checkbox']:checked {
    background: lightgreen;
}