phTable/style.css at main · celeste-ex3/phTable · 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
/* Universal Properties */
body {
  background-color: silver;
  color: white;
  padding: 20px;
  font-family: Arial, Verdana, sans-serif;
}

/* Heading Properties */
h1 {
  background-color: #ffffff;
  background-color: hsla(0, 100%, 100%, 0.5);
  color: #64645a;
  padding: inherit;
}

/* PH Scale Properties */
p {
  padding: 5px;
  margin: 0px;
}
p.zero {
  background-color: rgb(238, 62, 128);
}
p.one {
  background-color: rgb(244, 90, 139);
}
p.two {
  background-color: rgb(243, 106, 152);
}
p.three {
  background-color: rgb(244, 123, 166);
}
p.four {
  background-color: rgb(245, 140, 178);
}
p.five {
  background-color: rgb(246, 159, 192);
}
p.six {
  background-color: rgb(245, 176, 204);
}
p.seven {
  background-color: rgb(0, 187, 136);
}
p.eight {
  background-color: rgb(140, 202, 242);
}
p.nine {
  background-color: rgb(114, 193, 240);
}
p.ten {
  background-color: rgb(84, 182, 237);
}
p.eleven {
  background-color: rgb(48, 170, 233);
}
p.twelve {
  background-color: rgb(0, 160, 230);
}
p.thirteen {
  background-color: rgb(0, 149, 226);
}
p.fourteen {
  background-color: rgb(0, 136, 221);
}