2014-06-23 16:42:43 -06:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<link rel="stylesheet" href="css/common.css" type="text/css">
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font: 13px sans-serif;
|
|
|
|
|
background-color: white;
|
|
|
|
|
}
|
|
|
|
|
h1,h2,h3,h4 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 4px;
|
|
|
|
|
border: 0;
|
|
|
|
|
color: white;
|
|
|
|
|
background-color: #444;
|
|
|
|
|
text-align: center;
|
2014-07-02 10:02:29 -06:00
|
|
|
cursor: pointer;
|
2014-06-23 16:42:43 -06:00
|
|
|
}
|
2014-06-23 23:20:59 -06:00
|
|
|
a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
*:focus {
|
|
|
|
|
outline: 0;
|
|
|
|
|
}
|
|
|
|
|
#version {
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
}
|
2014-06-23 16:42:43 -06:00
|
|
|
body > div {
|
2014-06-23 23:20:59 -06:00
|
|
|
padding: 4px 12px 0 12px;
|
2014-06-23 16:42:43 -06:00
|
|
|
}
|
|
|
|
|
p {
|
|
|
|
|
margin: 16px 0;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2014-07-02 10:02:29 -06:00
|
|
|
#switch .fa {
|
|
|
|
|
font-size: 64px;
|
|
|
|
|
color: green;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
#switch .fa:hover {
|
|
|
|
|
opacity: 0.9;
|
|
|
|
|
}
|
|
|
|
|
#switch .fa.off {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
}
|
2014-06-24 11:01:22 -06:00
|
|
|
#switch-hint {
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #888;
|
|
|
|
|
}
|
2014-06-23 16:42:43 -06:00
|
|
|
#page-blocked {
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
#total-blocked {
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
#stats {
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
2014-07-12 18:32:44 -06:00
|
|
|
.tool {
|
2014-07-02 10:02:29 -06:00
|
|
|
font-size: 14px;
|
2014-07-02 14:52:57 -06:00
|
|
|
color: #aaa;
|
2014-06-23 16:42:43 -06:00
|
|
|
cursor: pointer;
|
2014-07-12 18:32:44 -06:00
|
|
|
display: none;
|
2014-06-23 16:42:43 -06:00
|
|
|
}
|
2014-07-12 18:32:44 -06:00
|
|
|
.tool.enabled {
|
2014-07-02 10:02:29 -06:00
|
|
|
display: inline;
|
2014-06-23 16:42:43 -06:00
|
|
|
}
|
2014-07-12 18:32:44 -06:00
|
|
|
.tool:hover {
|
|
|
|
|
color: #444;
|
|
|
|
|
}
|
2014-06-23 16:42:43 -06:00
|
|
|
#options {
|
2014-06-23 18:03:41 -06:00
|
|
|
margin: 16px 0 0 0;
|
|
|
|
|
font-size: 12px;
|
2014-06-23 16:42:43 -06:00
|
|
|
}
|
|
|
|
|
.dim {
|
2014-06-23 23:20:59 -06:00
|
|
|
color: #888;
|
2014-06-23 16:42:43 -06:00
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<title>µBlock</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2014-07-31 09:28:05 -06:00
|
|
|
<h4 title="popupTipDashboard">µBlock<span id="version"></span></h4>
|
2014-06-23 16:42:43 -06:00
|
|
|
<div>
|
|
|
|
|
<p id="switch"><span class="fa"></span></p>
|
2014-06-24 18:04:34 -06:00
|
|
|
<p id="switch-hint" data-i18n="popupPowerSwitchInfo"></p>
|
2014-06-23 18:03:41 -06:00
|
|
|
<p style="font-size: 16px;" data-i18n="popupBlockedRequestPrompt"></p>
|
2014-07-31 09:28:05 -06:00
|
|
|
<p id="stats"><span data-i18n="popupBlockedOnThisPagePrompt"></span> <span id="gotoPick" class="fa tool" title="popupTipPicker"></span> <span id="gotoLog" class="fa tool" title="popupTipLog"></span></p>
|
2014-06-23 16:42:43 -06:00
|
|
|
<p id="page-blocked">?</p>
|
2014-06-23 18:03:41 -06:00
|
|
|
<p id="stats" data-i18n="popupBlockedSinceInstallPrompt"></p>
|
2014-06-23 16:42:43 -06:00
|
|
|
<p id="total-blocked">?</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-07-02 10:02:29 -06:00
|
|
|
<script src="js/udom.js"></script>
|
2014-06-23 18:03:41 -06:00
|
|
|
<script src="js/i18n.js"></script>
|
2014-06-23 16:42:43 -06:00
|
|
|
<script src="js/messaging-client.js"></script>
|
|
|
|
|
<script src="js/popup.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
