search.scss 1.43 KB
Newer Older
Zac Wood's avatar
Zac Wood committed
1
// Place all the styles related to the search controller here.
Zac Wood's avatar
Zac Wood committed
2
3
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
Zac Wood's avatar
Zac Wood committed
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

body {
    background-color: #E4E4E4;
}

// .container {
//     margin: auto;
//     width: 100%;
// }

.card {
    margin-bottom: 12px;

    background-color: white;

    border-radius: 8px;
    
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

30
31
32
33
34
35
36
37
38
39
40
41
42
43
.list-group-item:hover {
    transition: 0.15s;
    background-color: lightgray;
}

.list-group-item.selected {
    background-color: lightgreen;
}

.schedule-section-card:hover {
    transition: 0.15s;
    background-color: red;
}

Zac Wood's avatar
Zac Wood committed
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
.align-vertical {
    display: flex;
    align-items: center;
}

.align-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.align-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.align-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#navbar {
    margin-top: 8px;
    margin-bottom: 48px;
}

#logo {
    font-size: 24pt;
    color: black;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(0, 0, 255, 0.5);
}

82
#cart {
Zac Wood's avatar
Zac Wood committed
83
84
85
86
87
88
89
    display: none;
}

.card .small {
    margin-bottom: 16px;
    padding: 12px;
}