AlwaysKillSticky/options.html
2019-01-29 13:47:01 -05:00

62 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Always Kill Sticky - Options</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
html {
box-sizing: border-box;
font-size: 16px;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
margin: 0 auto;
display: flex;
flex-flow: column;
max-width: 640px;
min-height: 100vh;
padding: 10px;
font-size: 1rem;
}
textarea {
min-height: 400px;
border: 1px solid #bbb;
font-family: Inconsolata, Courier, monospace;
font-size: 1.125rem;
}
form {
text-align: right;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #99;
font-size: 1.5rem;
color: #fff;
margin: 1em auto;
padding: 10px 16px;
background-color: #16e;
cursor: default;
}
button:active {
transform: scale(0.95);
}
button:focus:active {
outline: none;
}
button:disabled {
filter: saturate(0);
opacity: 0.5;
}
</style>
</head>
<body>
<h1>Always Kill Sticky</h1>
<p>Enter a list of <a href='https://regexr.com/' rel='nofollow'>regular expression</a> patterns to match URLs, one per line. Stickies will be killed on pages matching those patterns.</p>
<textarea spellcheck="false"></textarea>
<form><button disabled type='button'>Save</button></form>
</body>
<script src="options.js"></script>
</html>