ageng/ClearUrls
1
0
Fork 0
mirror of https://gitlab.com/KevinRoebert/ClearUrls synced 2025-12-16 22:25:36 +07:00
Code Issues Projects Releases Wiki Activity

Popup

Browse Source
This commit is contained in:
Kevin Röbert
2017-08-04 16:52:54 +02:00
parent 2f09f1bae1
commit 483b8d48d2
2 changed files with 76 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
popup.html
View File

@@ -5,41 +5,68 @@
<style>
body {
overflow: hidden;
margin: 5px;
margin: 0;
padding: 5px;
background: #fff;
width: 150px;
}
div{
width: 150px;
}
div:first-child {
margin-top: 0px;
}
div {
button {
border: none;
border-radius: 5px;
text-align: center;
padding: 5px 3px;
font-family: sans-serif;
font-size: 1.4em;
width: 110px;
margin-top: 5px;
font-size: 1em;
width: 140px;
margin-bottom: 10px;
}
.enable {
color: #A43B00;
background: #FFE2BF;
}
div:hover {
.enable:hover {
background: #FFD19A;
}
#enable {
border: 5px solid #FF8B00;
color: #A43B00;
.disable {
color: #fcf9fa;
background: #b2aeaf;
}
#disable {
border: 5px solid #FF8B00;
color: #A43B00;
.disable:hover {
background: #4c4b4c;
}
#rule {
color: #4c4b4c;
background: #a5e569;
}
#rule:hover {
background: #96d160;
}
img {
margin-left: auto;
margin-right: auto;
display: block;
}
</style>
<script src="popup.js"></script>
</head>
<body>
<div id="enable"><b>Enable</b></div>
<div id="disable"><b>Disable</b></div><br>
<img src="icon128.png"></img>
<div>
<button id="status" class="enable" onclick="changeStatus()">Global Enable</button><br>
<button id="exception" class="enable" onclick="handleException()">Enable on page</button><br>
<button id="rule">Add rule</button><br>
<img src="icon96.png"></img>
</div>
</body>
</html>