JavaScript_JSON/scheduling.css at master · JasonBallantyne/JavaScript_JSON · 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
#Content {
    background-image: url(Website-Banner-Overlay-1.webp);
    height: 43vh;
    background-size:contain;
    background-position:center;
}

body {
  background-color: #dcdcdc;
}

h1 {
    font-family:inherit;
    font-weight: 600;
    text-decoration: underline;
    color: #c90a33;
    text-align: center;
    font-size: 500%;
    letter-spacing: 3px;
}

.dateOptions {
    text-align: center;
    margin: 25px
}

.timeOptions {
    text-align: center;
    margin-top: 25px

}

#filterOptions {
    text-align: center;
}

.submitButton {
    text-align: center;
    margin-top: 15px;
}

.buttonInfo {
    text-align: right;

}

#dataTable {
    border-collapse: collapse;
    font-size: 0.9em;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

#dataTable thead tr {
    background-color: #c90a33;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

#dataTable th,
#dataTable td {
    padding: 12px 15px;
}

#dataTable tbody tr {
    border-bottom: 1px solid #c90a33;
}

#dataTable tbody tr:nth-of-type(even) {
    background-color: #ffffff
}

#dataTable tbody tr:last-of-type {
    border-bottom: 2px solid #00990f;
}

/*Styling*/
/*https://www.youtube.com/watch?v=biI9OFH6Nmg*/