-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
85 lines (77 loc) · 2.42 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
77
78
79
80
81
82
83
84
85
<!doctype html>
<html>
<head>
<title>Palette by Feather</title>
<script src="popup.js"></script>
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<style>
*{
text-decoration: none;
text-decoration-color: transparent;
}
a{
color: #444;
}
body{
height: 150px;
margin: 0;
padding: 0;
width: 200px;
background-color: #F1F1F1;
}
.title{
font-family: 'Merriweather', Arial, san-serif;
font-weight: 500;
font-size: 22pt;
text-align: center;
text-decoration: none;
color: #444;
}
.subtitle{
font-family: Helvetica, Arial, san-serif;
font-weight: lighter;
font-size: 7pt;
text-align: center;
text-decoration: none;
color: #DDD;
margin-top: -20px;
}
.view{
background-image: linear-gradient(rgb(57, 160, 239) 0px, rgb(33,147,235) 100%);
color: #fff;
border: 1px solid #1c92ed;
font-size: 14px;
font-family: 'Merriweather', Arial, san-serif;
padding: 1px;
font-weight: normal;
border-radius:3px;
-webkit-font-smoothing: antialiased;
text-transform: none;
text-align: center;
width: 92px;
padding-top: 6px;
padding-bottom: 5px;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
}
.view:hover{
background-image: linear-gradient(rgb(22, 142, 234) 0px, rgb(33,147,235) 100%);
}
.view:active{
box-shadow: inset 0 0px 5px rgba(0,0,0,.5);
}
</style>
</head>
<body>
<h1 id="feather-link" class="title"><a href="http://feather-cfm.com?ref=palette">Palette</h1>
<h4 id="feather-link-subtitle" class="subtitle"><a href="http://feather-cfm.com?ref=palette">by <div style="color:rgb(57, 160, 239);display: inline-block;">Feather</div></a></h4>
<br>
<div id="topcolour" style="width:75px;height:75px;display:block;background-color:#333;margin:0 auto;margin-top:10px;">
</div>
<div id="bottomcolour" style="width:75px;height:75px;display:block;background-color:#666;margin:0 auto;margin-bottom:25px;">
</div>
<button id="startTimer" class="view">Generate</button>
</body>
</html>