Subversion Repositories archerygear

Rev

Rev 6 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 - 1 
/* Add a gray background color and some padding to the footer */
2 
footer {
3 
    background-color: #f2f2f2;
4 
    padding: 25px;
5 
}
6 
 
7 
/* iframe */
8 
iframe {
9 
    overflow: hidden;
10 
    border-style: none;
5 - 11 
}
12 
 
13 
/* youtube responsive video 16:9 */
14 
.videoWrapper {
15 
    position: relative;
16 
    padding-bottom: 56.25%; /* 16:9 */
17 
    padding-top: 25px; height: 0;
18 
}
19 
.videoWrapper iframe {
20 
    position: absolute;
21 
    top: 0;
22 
    left: 0;
23 
    width: 100%;
24 
    height: 100%;
25 
}
8 - 26 
 
27 
/* Floating Top Button */
28 
#topBtn {
29 
    display: none;
30 
    position: fixed;
31 
    bottom: 20px;
32 
    right: 30px;
33 
    z-index: 99;
34 
    border: none;
35 
    outline: none;
36 
    background-color: red;
37 
    color: white;
38 
    cursor: pointer;
39 
    padding: 15px;
40 
    border-radius: 10px;
41 
    font-size: 18px;
42 
}
43 
 
44 
#topBtn:hover {
45 
    background-color: #555;
46 
}
47 
 
48 
/* Collapsible Table of Contents */
49 
.collapsible {
50 
  background-color: #777;
51 
  color: white;
52 
  cursor: pointer;
53 
  padding: 18px;
54 
  width: 100%;
55 
  border: none;
56 
  text-align: left;
57 
  outline: none;
58 
  font-size: 2rem;
59 
}
60 
 
61 
.active, .collapsible:hover {
62 
  background-color: #555;
63 
}
64 
 
65 
.collapsible:after {
66 
  font-family: 'FontAwesome';
67 
  content: "\f150";
68 
  font-size: 2rem;
69 
  color: white;
70 
  float: right;
71 
  margin-left: 5px;
72 
}
73 
 
74 
.active:after {
75 
  font-family: 'FontAwesome';
76 
  content: "\f151";
77 
}
78 
 
79 
.tocContent {
80 
  padding: 0 18px;
81 
  max-height: 0;
82 
  overflow: hidden;
83 
  transition: max-height 0.2s ease-out;
84 
  background-color: #f1f1f1;