uBlock/src/document-blocked.html

80 lines
1.7 KiB
HTML
Raw Normal View History

2015-03-25 17:28:22 -06:00
<!DOCTYPE html>
<html>
<head>
<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 {
2015-03-26 11:44:00 -06:00
font-family: sans-serif;
2015-03-25 17:28:22 -06:00
font-size: large;
text-align: center;
}
2015-03-26 06:12:06 -06:00
body > div {
margin: 1.5em 0;
}
body > div > p {
margin: 2px 0;
}
body > div > p:first-child {
margin: 1.5em 0 0 0;
}
body > div > p:last-child {
2015-03-28 08:10:41 -06:00
margin: 0 0 1.5em 0;
2015-03-25 17:28:22 -06:00
}
.code {
background-color: rgba(0, 0, 0, 0.1);
display: inline-block;
font-family: monospace;
padding: 2px 4px;
word-break: break-all;
}
button {
cursor: pointer;
2015-03-26 06:12:06 -06:00
margin: 0 1em;
padding: 0.25em 0.5em;
font-size: inherit;
}
2015-03-27 11:00:55 -06:00
#warningSign {
margin: 1e, 0;
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;
font-size: 180px;
2015-03-25 17:28:22 -06:00
}
</style>
</head>
<body>
<!-- http://commons.wikimedia.org/wiki/File:Caution_sign_used_on_roads_pn.svg
Public domain. I removed the shadow.
2015-03-27 11:00:55 -06:00
--><div id="warningSign"><span class="fa">&#xf071;</span></div>
2015-03-26 06:12:06 -06:00
<div>
<p data-i18n="docblockedPrompt1"></p>
<p class="what code"></p>
</div>
<div>
<p data-i18n="docblockedPrompt2"></p>
<p id="why" class="code"></p>
</div>
<div>
<p><button id="back" data-i18n="docblockedBack" type="button"></button>
<button id="bye" data-i18n="docblockedClose" type="button"></button></p>
</div>
<div>
<p data-i18n="docblockedProceed"></p>
<p><a id="yolo" class="what" href></a></p>
</div>
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>