-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
97 lines (84 loc) · 2.65 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
86
87
88
89
90
91
92
93
94
95
96
97
<!doctype html>
<html>
<head>
<title> Flow </title>
<script src="jquery.js"></script>
<!-- // <script src="http://code.jquery.com/jquery-2.1.4.js"></script> -->
<script src="popup.js"> </script>
<!-- CSS -->
<style type="text/css">
html
{
background-color: #e0eeee;
}
h1
{
font-family: Arial, Helvetica, sans-serif;
color: #6495ed;
}
button
{
-moz-box-shadow: 0px 10px 14px -7px #276873;
-webkit-box-shadow: 0px 10px 14px -7px #276873;
box-shadow: 0px 10px 14px -7px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
background-color:#599bb3;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:20px;
font-weight:bold;
padding:13px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #3d768a;
}
input
{
padding: 0.85em 1.5em;
width: 300px;
border-radius: 2em;
background: #fff;
color: #535d92;
}
::-webkit-input-placeholder
{
text-align: center;
font-family: Helvetica, sans-serif;
font-size: 14px;
}
:-moz-placeholder
{ /* Firefox 18- */
text-align: center;
}
::-moz-placeholder
{ /* Firefox 19+ */
text-align: center;
}
:-ms-input-placeholder
{
text-align: center;
}
</style>
</head>
<body>
<div>
<img src="logo03.png" style="width:320px;height:180px;">
</div>
<!--<h1> Flow </h1>-->
<input class="input__field input__field--kyo" type="text" placeholder="Enter Topic"/><br>
<br>
<br>
<button id="start">Start Flow </button>
<button id="view">View Flow</button>
</body>
</html>