• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Styles for handling custom code snippets */
2.snippet-container {
3  background-color: #2372a3;
4  padding: 10px;
5  overflow: auto;
6}
7
8.snippet-container pre {
9  max-height: 500px;
10  overflow: auto;
11  padding: 10px;
12  margin: 0px;
13}
14
15.snippet-container ::-webkit-scrollbar {
16  width: 12px;
17}
18
19.snippet-container ::-webkit-scrollbar-thumb {
20  width: 12px;
21  border-radius: 6px;
22}
23
24.snippet {
25  position: relative;
26}
27
28.snippet-description {
29  padding: 10px;
30  color: white;
31}
32
33.snippet-description a:link {
34  color: #c7fcf4;
35}
36.snippet-description a:visited {
37  color: #c7dbfc;
38}
39.snippet-description a:hover {
40  color: white;
41}
42.snippet-description a:active {
43  color: #80b0fc;
44}
45
46.snippet-buttons button {
47  background-color: #2372a3;
48  border-style: none;
49  color: white;
50  padding: 10px 24px;
51  cursor: pointer;
52  float: left;
53}
54
55.snippet-buttons:after {
56  content: "";
57  clear: both;
58  display: table;
59}
60
61.snippet-buttons button:focus { outline: none; }
62
63.snippet-buttons button:hover {
64  opacity: 1.0;
65}
66
67.snippet-buttons :not([selected]) {
68  opacity: 0.65;
69}
70
71.snippet-buttons [selected] {
72  opacity: 1.0;
73}
74
75.snippet-container [hidden] {
76  display: none;
77}
78
79.snippet-create-command {
80  text-align: end;
81  font-size: smaller;
82  font-style: normal;
83  font-family: courier, lucidia;
84}
85
86.anchor-container {
87  position: relative;
88}
89
90.anchor-button-overlay {
91  position: absolute;
92  top: 0px;
93  right: 5px;
94  height: 28px;
95  width: 28px;
96  transition: .3s ease;
97  background-color: #2372a3;
98}
99
100.anchor-button {
101  border-style: none;
102  background: none;
103  cursor: pointer;
104}
105
106/* Styles for the copy-to-clipboard button */
107.copyable-container {
108  position: relative;
109}
110
111.copy-button-overlay {
112  position: absolute;
113  top: 10px;
114  right: 14px;
115  height: 28px;
116  width: 28px;
117  transition: .3s ease;
118  background-color: #2372a3;
119}
120
121.copy-button {
122  border-style: none;
123  background: none;
124  cursor: pointer;
125}
126
127.copy-button :focus {
128  outline: 0px;
129}
130
131.copy-button :hover {
132  transition: .3s ease;
133  color: #222;
134}
135
136.copy-image {
137  opacity: 0.65;
138  color: #2372a3;
139  font-size: 28px;
140  padding-top: 4px;
141}
142