main.css (2171B) download
1body {
2 background: #fafafa;
3 color: #333333;
4 margin-top: 5rem;
5}
6
7h1, h2, h3, h4, h5, h6 {
8 color: #444444;
9}
10
11.bg-steel {
12 background-color: #5f788a;
13}
14
15.site-header .navbar-nav .nav-link {
16 color: #cbd5db;
17}
18
19.site-header .navbar-nav .nav-link:hover {
20 color: #ffffff;
21}
22
23.site-header .navbar-nav .nav-link.active {
24 font-weight: 500;
25}
26
27.content-section {
28 background: #ffffff;
29 padding: 10px 20px;
30 border: 1px solid #dddddd;
31 border-radius: 3px;
32 margin-bottom: 20px;
33}
34
35.article-title {
36 color: #444444;
37}
38
39a.article-title:hover {
40 color: #428bca;
41 text-decoration: none;
42}
43
44.article-content {
45 white-space: pre-line;
46}
47
48.article-img {
49 height: 65px;
50 width: 65px;
51 margin-right: 16px;
52}
53
54.article-metadata {
55 padding-bottom: 1px;
56 margin-bottom: 4px;
57 border-bottom: 1px solid #e3e3e3
58}
59
60.article-metadata a:hover {
61 color: #333;
62 text-decoration: none;
63}
64
65.article-svg {
66 width: 25px;
67 height: 25px;
68 vertical-align: middle;
69}
70
71.account-img {
72 height: 125px;
73 width: 125px;
74 margin-right: 20px;
75 margin-bottom: 16px;
76}
77
78.account-heading {
79 font-size: 2.5rem;
80}
81
82.calendar {
83 background-color: #fafafa;
84 width: 100%;
85 color: #818182;
86 border: #dddddd solid 1px;
87}
88
89.calendar .weekend {
90 background-color: #eee;
91}
92
93.calendar th {
94 border-bottom: #ddd solid 1px;
95}
96
97.calendar th, td {
98 /*border: #333 solid 1px;*/
99 text-align: center;
100 width: 100px;
101 position: relative;
102}
103
104.calendar .lesson {
105 background: rgb(84, 230, 84);
106 border: #444 solid 1px;
107 color: #444
108}
109
110.calendar td .hover-day {
111 visibility: hidden;
112 background-color: #444;
113 color: #eee;
114 text-align: center;
115 border-radius: 6px;
116 padding: 5px 0;
117
118 width: 120px;
119 bottom: 100%;
120 left: 50%;
121 margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
122 padding: 5px 0;
123
124
125 /* Position the tooltip */
126 position: absolute;
127 z-index: 1;
128}
129
130.calendar td .hover-day::after {
131 content: "";
132 position: absolute;
133 top: 100%;
134 left: 50%;
135 margin-left: -5px;
136 border-width: 5px;
137 border-style: solid;
138 border-color: #444 transparent transparent transparent;
139}
140
141
142.calendar td:hover .hover-day {
143 visibility: visible;
144}