-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathpopup.html
76 lines (73 loc) · 1.29 KB
/
popup.html
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
<!DOCTYPE html>
<html>
<head>
<script src="popup.js"></script>
</head>
<style type="text/css">
body {
min-width: 370px;
max-height: 600px;
overflow: scroll;
/* your desired width */
}
#nav{
background: #c0392b;
color: white;
font-weight: 700;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
padding: 10px;
border-radius: 2px;
}
#content{
margin-top: 40px;
}
.popup-card{
display: flex;
flex-direction: row;
}
.text-part{
padding: 10px;
}
.popup-title{
font-size: 15px;
font-weight: 500;
margin: 0px;
color: #333;
text-decoration: none;
}
.popup-channel{
color: #999999;
margin: 0px;
font-size: 10px;
}
.popup-image{
width: 120px;
}
.del{
border-radius: 3px;
width: 60px;
background: #c0392b;
text-align: center;
margin: 5px;
padding: 5px;
color: white;
pointer-events: cursor;
}
hr{
color: #eeeeee;
border: #eeeeee 1px solid;
border-width: 0.5px;
}
</style>
<body>
<div id="nav">Play Next</div>
<div id="content">
Building stuff is good, building stuff which you yourself use is awesome. Keep building, keep innovating!
<br/>
Add videos to the queue to get started.
</div>
</body>
</html>