ChemPALS.github.io/stylesheet.css at main · ChemPALS/ChemPALS.github.io · 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
91
92
93
94
95
96
97
98
99
100
101
102
/*global style*/
body {
    background-color: #ffffcc; /* Northern-Lights-Beach-1-hex */
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: normal;
    margin-top: 50px;
    margin-left:auto;
    margin:auto;
    width:95%;
    padding-left:100px;
    text-align: center;
}

    .links a {
        margin: 10px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
    }
    .instagram { background-color: rgb(255,100,2); }
    .eusa { background-color: #4267B2; }
    .sitevisit { background-color: #1DA1F2; }
    .fourPmockpres { background-color: #2867B2; }
    .CommitteeSignUp { background-color: #333; }
    .employedInternships {background-color: #E1306C}

    .timedlinks a {
        margin: 10px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        padding: 10px 20px;
        border-radius: 20px;
    }

    .table-centered {
        margin-left: auto;
        margin-right: auto;
    }
    th, td {
        padding: 10px;
        text-align: center;
    }
    .hamburger-icon {
display: inline-block;
width: 20px;
height: 2px;
background-color: black; /* Adjust color as needed */
position: relative;
}

.hamburger-icon::before,
.hamburger-icon::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: black; /* Adjust color as needed */
left: 0;
}

.hamburger-icon::before {
top: -6px;
}

.hamburger-icon::after {
bottom: -6px;
}
/*collapsible tab*/
.collapsible {
    background-color: transparent;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
    background-color: #555;
}

.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left;
    background-color: #f1f1f1;
}

/* ------------------------Color Theme Swatches in Hex------------------------ */
.Northern-Lights-Beach-1-hex { color: #001120; }
.Northern-Lights-Beach-2-hex { color: #025939; }
.Northern-Lights-Beach-3-hex { color: #027333; }
.Northern-Lights-Beach-4-hex { color: #03A63C; }
.Northern-Lights-Beach-5-hex { color: #04D939; }