FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ProdigiousPython/docs/_static/copybutton.css at develop · ProdigiousPython/ProdigiousPython · GitHub
Uh oh!
There was an error while loading.
Please reload this page
.
ProdigiousPython
/
ProdigiousPython
Public
Notifications
You must be signed in to change notification settings
Fork
6
Star
9
Code
Issues
3
Pull requests
5
Discussions
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Discussions
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
ProdigiousPython
/
docs
/
_static
/
copybutton.css
Copy path
More file actions
More file actions
Latest commit
History
History
History
94 lines (84 loc) · 2.01 KB
Breadcrumbs
ProdigiousPython
/
docs
/
_static
/
copybutton.css
Copy path
File metadata and controls
94 lines (84 loc) · 2.01 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
/* Copy buttons */
button
.
copybtn
{
position
:
absolute;
display
:
flex;
top
:
.3
em
;
right
:
.3
em
;
width
:
1.7
em
;
height
:
1.7
em
;
opacity
:
0
;
transition
:
opacity
0.3
s
,
border
.3
s
,
background-color
.3
s
;
user-select
:
none;
padding
:
0
;
border
:
none;
outline
:
none;
border-radius
:
0.4
em
;
/* The colors that GitHub uses */
border
:
#
1b1f2426
1
px
solid;
background-color
:
#
f6f8fa
;
color
:
#
57606a
;
}
button
.
copybtn
.
success
{
border-color
:
#
22863a
;
color
:
#
22863a
;
}
button
.
copybtn
svg
{
stroke
:
currentColor;
width
:
1.5
em
;
height
:
1.5
em
;
padding
:
0.1
em
;
}
div
.
highlight
{
position
:
relative;
}
/* Show the copybutton */
.
highlight
:
hover
button
.
copybtn
,
button
.
copybtn
.
success
{
opacity
:
1
;
}
.
highlight
button
.
copybtn
:
hover
{
background-color
:
rgb
(
235
,
235
,
235
);
}
.
highlight
button
.
copybtn
:
active
{
background-color
:
rgb
(
187
,
187
,
187
);
}
/**
* A minimal CSS-only tooltip copied from:
* https://codepen.io/mildrenben/pen/rVBrpK
*
* To use, write HTML like the following:
*
* <p class="o-tooltip--left" data-tooltip="Hey">Short</p>
*/
.
o-tooltip--left
{
position
:
relative;
}
.
o-tooltip--left
:
after
{
opacity
:
0
;
visibility
:
hidden;
position
:
absolute;
content
:
attr
(data-tooltip);
padding
:
.2
em
;
font-size
:
.8
em
;
left
:
-.2
em
;
background
:
grey;
color
:
white;
white-space
:
nowrap;
z-index
:
2
;
border-radius
:
2
px
;
transform
:
translateX
(
-102
%
)
translateY
(
0
);
transition
:
opacity
0.2
s
cubic-bezier
(
0.64
,
0.09
,
0.08
,
1
)
,
transform
0.2
s
cubic-bezier
(
0.64
,
0.09
,
0.08
,
1
);
}
.
o-tooltip--left
:
hover
:
after
{
display
:
block;
opacity
:
1
;
visibility
:
visible;
transform
:
translateX
(
-100
%
)
translateY
(
0
);
transition
:
opacity
0.2
s
cubic-bezier
(
0.64
,
0.09
,
0.08
,
1
)
,
transform
0.2
s
cubic-bezier
(
0.64
,
0.09
,
0.08
,
1
);
transition-delay
:
.5
s
;
}
/* By default the copy button shouldn't show up when printing a page */
@media
print {
button
.
copybtn
{
display
:
none;
}
}
Back
|
FazBrowse Home
|
New Git URL