uBlock/src/document-blocked.html

177 lines
3.7 KiB
HTML
Raw Normal View History

2015-03-25 17:28:22 -06:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
2015-03-25 17:28:22 -06:00
<title></title>
2015-03-27 11:00:55 -06:00
<link rel="stylesheet" href="css/common.css" type="text/css">
2015-03-25 17:28:22 -06:00
<style>
body {
font-size: large;
text-align: center;
}
2015-03-26 06:12:06 -06:00
body > div {
margin: 1.5em 0;
}
2015-09-10 07:51:49 -06:00
body > div > p,
body > div > div {
2015-03-30 11:10:29 -06:00
margin: 4px 0;
2015-03-26 06:12:06 -06:00
}
body > div > p:first-child {
margin: 1.5em 0 0 0;
}
2015-06-11 17:33:30 -06:00
a {
text-decoration: none;
}
2015-09-10 07:51:49 -06:00
button {
cursor: pointer;
margin: 0 1em 0.25em 1em;
padding: 0.25em 0.5em;
font-size: inherit;
}
select {
font: inherit;
padding: 2px;
}
2015-03-25 17:28:22 -06:00
.code {
background-color: rgba(0, 0, 0, 0.1);
font-family: monospace;
font-size: large;
line-height: 1;
2015-09-10 07:51:49 -06:00
padding: 4px;
2015-03-25 17:28:22 -06:00
word-break: break-all;
}
2015-03-27 11:00:55 -06:00
#warningSign {
opacity: 1;
2015-03-25 17:28:22 -06:00
pointer-events: none;
2015-03-27 11:00:55 -06:00
width: 100%;
}
#warningSign > span {
color: #f2a500;
2015-09-10 07:51:49 -06:00
font-size: 10em;
}
#theURL {
padding: 0;
}
#theURL > * {
margin: 0;
}
#theURL > p {
position: relative;
z-index: 10;
}
#theURL > p > span {
background-color: transparent;
top: 100%;
box-sizing: border-box;
cursor: pointer;
opacity: 0.5;
padding: 0.2em;
position: absolute;
transform: translate(0, -50%);
}
2015-09-12 08:51:11 -06:00
body[dir="ltr"] #theURL > p > span {
right: 0;
}
body[dir="rtl"] #theURL > p > span {
left: 0;
}
2015-09-10 07:51:49 -06:00
#theURL > p:hover > span {
opacity: 1;
}
#theURL > p > span:before {
content: '\f010';
}
#theURL.collapsed > p > span:before {
content: '\f00e';
}
#parsed {
background-color: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top: none;
color: gray;
font-size: small;
overflow-x: hidden;
2015-09-12 08:51:11 -06:00
padding: 4px;
2015-09-10 07:51:49 -06:00
text-align: initial;
text-overflow: ellipsis;
}
#theURL.collapsed > #parsed {
display: none;
}
#parsed ul, #parsed li {
list-style-type: none;
}
#parsed li {
white-space: nowrap;
}
#parsed span {
display: inline-block;
}
#parsed span:first-of-type {
font-weight: bold;
2015-03-25 17:28:22 -06:00
}
2015-06-11 17:33:30 -06:00
#whyex {
font-size: smaller;
opacity: 0.6;
}
#whyex:hover {
opacity: 1;
}
#whyex a {
white-space: nowrap;
}
.proceedChoice {
text-align: left;
}
2015-03-25 17:28:22 -06:00
</style>
</head>
<body>
<a href="https://github.com/gorhill/uBlock/wiki/Strict-blocking" target="_blank"><div id="warningSign"><span class="fa">&#xf071;</span></div></a>
2015-03-26 06:12:06 -06:00
<div>
<p data-i18n="docblockedPrompt1"></p>
2015-09-10 07:51:49 -06:00
<div id="theURL" class="collapsed">
<p class="code"></p>
<ul id="parsed"></ul>
</div>
2015-03-26 06:12:06 -06:00
</div>
<div>
<p data-i18n="docblockedPrompt2"></p>
2015-06-11 17:33:30 -06:00
<p id="why" class="code"></p><!--
2015-09-10 07:51:49 -06:00
--><span id="whyex" style="display: none;"><span data-i18n="docblockedFoundIn"></span> <span></span></span>
2015-03-26 06:12:06 -06:00
</div>
<div>
<p><button id="back" data-i18n="docblockedBack" type="button"></button>
<button id="bye" data-i18n="docblockedClose" type="button"></button></p>
</div>
<div>
2015-03-30 11:10:29 -06:00
<p id="proceed"></p>
<p><button id="proceedTemporary" data-i18n="docblockedDisableTemporary" type="button"></button>
<button id="proceedPermanent" data-i18n="docblockedDisablePermanent" type="button"></button></p>
</div>
<div style="display: none;">
<span id="proceedTemplate">
<span></span>
<span class="proceedChoice">
2015-09-10 07:51:49 -06:00
<select>
<option class="hn" value="" selected>
<option class="dn" value="">
</select>
</span>
<span class="proceedChoice code hn"></span>
<span></span>
</span>
2015-03-26 06:12:06 -06:00
</div>
<script src="js/vapi.js"></script>
2015-03-25 17:28:22 -06:00
<script src="js/vapi-common.js"></script>
<script src="js/vapi-client.js"></script>
<script src="js/udom.js"></script>
<script src="js/i18n.js"></script>
<script src="js/document-blocked.js"></script>
</body>
</html>