253 |
258 |
259 |
254 |
255 |
256 |
257 |
260 |
290 |
291 |
292 |
293 |
294 |
295 |
296 |
297 |
298 |
299 |
--------------------------------------------------------------------------------
/tunnelbear/src/html/popup.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
261 |
262 |
267 |
268 |
269 |
273 |
274 |
280 |
281 |
263 |
264 |
266 |
282 |
285 |
288 |
289 |
14 | TunnelBear Blocker
10 |
11 |
12 |
13 |
15 |
77 |
102 |
103 |
104 |
105 |
114 |
115 |
124 |
125 |
136 |
137 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
--------------------------------------------------------------------------------
/tunnelbear/src/html/settings.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
16 | 
17 |
21 |
17 |
18 | 
19 |
20 |
19 |
22 |
34 |
35 |
39 |
40 |
23 |
27 |
24 | Blocker
25 |
26 |
28 |
33 |
29 |
30 |
31 |
32 |
41 |
52 |
62 |
42 |
46 |
43 |
44 |
45 |
47 |
51 |
48 |
49 |
50 |
63 |
76 |
64 |
69 |
65 |
66 |
67 |
68 |
70 |
75 |
71 |
72 |
73 |
74 |
14 |
205 |
206 |
207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
--------------------------------------------------------------------------------
/tunnelbear/src/js/blockbear-messaging.js:
--------------------------------------------------------------------------------
1 | /******************************************************************************/
2 | /******************************************************************************/
3 |
4 | 'use strict';
5 |
6 | (function () {
7 |
8 | /******************************************************************************/
9 |
10 | var µb = µBlock;
11 | let bb = µb.blockbear;
12 |
13 | /******************************************************************************/
14 |
15 | var onMessage = function (request, sender, callback) {
16 | // Async
17 | switch (request.what) {
18 | default:
19 | break;
20 | }
21 |
22 | // Sync
23 | var response;
24 |
25 | var pageStore;
26 | if (sender && sender.tab) {
27 | pageStore = µb.pageStoreFromTabId(sender.tab.id);
28 | }
29 | let blockedCounts = bb.getBlockedCounts(sender.tab.id);
30 |
31 | switch (request.what) {
32 | case 'blockFlash':
33 | response = {
34 | result: pageStore && pageStore.getNetFilteringSwitch() && bb.settings.blockBearEnabled && bb.settings.flashbearEnabled
35 | };
36 | break;
37 | case 'incrementFlashCount':
38 | blockedCounts.flashBlocked++
39 | µb.updateToolbarIcon(sender.tab.id);
40 | break;
41 | case 'decrementFlashCount':
42 | if (blockedCounts.flashBlocked > 0) {
43 | blockedCounts.flashBlocked--;
44 | µb.updateToolbarIcon(sender.tab.id);
45 | }
46 | break;
47 | case 'blockEmailEnabled':
48 | response = bb.settings.blockEmailEnabled && bb.settings.blockBearEnabled;
49 | break;
50 | case 'pixel-tracking':
51 | blockedCounts.emailBlocked++
52 | µb.updateToolbarIcon(sender.tab.id);
53 | break;
54 | default:
55 | return vAPI.messaging.UNHANDLED;
56 | }
57 |
58 | callback(response);
59 | };
60 |
61 | vAPI.messaging.listen('blockbear-contentscript-end.js', onMessage);
62 |
63 | })();
64 |
65 | /******************************************************************************/
66 | /******************************************************************************/
67 |
68 | (function () {
69 |
70 | /******************************************************************************/
71 |
72 | var µb = µBlock;
73 | let bb = µb.blockbear;
74 |
75 | /******************************************************************************/
76 |
77 | var onMessage = function (request, sender, callback) {
78 | // Async
79 | switch (request.what) {
80 | default:
81 | break;
82 | }
83 |
84 | // Sync
85 | var response;
86 |
87 | var pageStore;
88 | if (sender && sender.tab) {
89 | pageStore = µb.pageStoreFromTabId(sender.tab.id);
90 | }
91 | let blockedCounts = bb.getBlockedCounts(sender.tab.id);
92 |
93 | switch (request.what) {
94 | case 'blockBrowserFingerprinting':
95 | response = {
96 | blockFingerprinting: pageStore && pageStore.getNetFilteringSwitch() && bb.settings.blockBearEnabled && bb.settings.blockBrowserFingerprintingEnabled,
97 | blockMicrophone: pageStore && pageStore.getNetFilteringSwitch() && bb.settings.blockBearEnabled && bb.settings.blockMicrophoneEnabled,
98 | blockKeyboard: pageStore && pageStore.getNetFilteringSwitch() && bb.settings.blockBearEnabled && bb.settings.blockKeyboardEnabled,
99 | blockMouse: pageStore && pageStore.getNetFilteringSwitch() && bb.settings.blockBearEnabled && bb.settings.blockMouseEnabled,
100 | };
101 | if (!response.blockFingerprinting && blockedCounts.fingerprintingBlocked > 0) {
102 | blockedCounts.fingerprintingBlocked = 0;
103 | µb.updateToolbarIcon(sender.tab.id);
104 | }
105 | break;
106 | case 'clearFingerprintingCount':
107 | blockedCounts.fingerprintingBlocked = 0;
108 | µb.updateToolbarIcon(sender.tab.id);
109 | break;
110 | case 'incrementFingerprintingCount':
111 | console.log(pageStore.tabHostname + ": " + request.message);
112 | if (request.data) {
113 | console.log(request.data);
114 | }
115 | blockedCounts.fingerprintingBlocked++;
116 | µb.updateToolbarIcon(sender.tab.id);
117 | break;
118 | case 'decrementFingerprintingCount':
119 | if (blockedCounts.fingerprintingBlocked > 0) {
120 | blockedCounts.fingerprintingBlocked--;
121 | µb.updateToolbarIcon(sender.tab.id);
122 | }
123 | break;
124 |
125 | case 'clearKeyboardCount':
126 | blockedCounts.keyboardBlocked = 0;
127 | µb.updateToolbarIcon(sender.tab.id);
128 | break;
129 | case 'incrementKeyboardCount':
130 | console.log(pageStore.tabHostname + ": " + request.message);
131 | if (request.data) {
132 | console.log(request.data);
133 | }
134 | blockedCounts.keyboardBlocked++
135 | µb.updateToolbarIcon(sender.tab.id);
136 | break;
137 | case 'clearMouseCount':
138 | blockedCounts.mouseBlocked = 0;
139 | µb.updateToolbarIcon(sender.tab.id);
140 | break;
141 | case 'incrementMouseCount':
142 | console.log(pageStore.tabHostname + ": " + request.message);
143 | if (request.data) {
144 | console.log(request.data);
145 | }
146 | blockedCounts.mouseBlocked++;
147 | µb.updateToolbarIcon(sender.tab.id);
148 | break;
149 | case 'clearMicrophoneCount':
150 | blockedCounts.ultrasonicBlocked = 0;
151 | µb.updateToolbarIcon(sender.tab.id);
152 | break;
153 | case 'incrementMicrophoneCount':
154 | console.log(pageStore.tabHostname + ": " + request.message);
155 | if (request.data) {
156 | console.log(request.data);
157 | }
158 | blockedCounts.ultrasonicBlocked++;
159 | µb.updateToolbarIcon(sender.tab.id);
160 | break;
161 | default:
162 | return vAPI.messaging.UNHANDLED;
163 | }
164 |
165 | callback(response);
166 | };
167 |
168 | vAPI.messaging.listen('blockbear-contentscript-start.js', onMessage);
169 |
170 | })();
171 |
172 | /******************************************************************************/
173 | /******************************************************************************/
174 |
175 | (function () {
176 |
177 | /******************************************************************************/
178 |
179 | var µb = µBlock;
180 | let bb = µb.blockbear;
181 |
182 | /******************************************************************************/
183 |
184 | let getPopupData = function (tabId) {
185 | let tabContext = µb.tabContextManager.mustLookup(tabId);
186 |
187 | let data = {
188 | // Info
189 | tabId: tabId,
190 | pageURL: tabContext.normalURL,
191 | pageDomain: tabContext.rootDomain,
192 |
193 | // Toggles
194 | blockBearEnabled: bb.settings.blockBearEnabled,
195 | netFilteringSwitch: false,
196 | blockAdsEnabled: bb.settings.blockAdsEnabled,
197 | flashbearEnabled: bb.settings.flashbearEnabled,
198 | blockBrowserFingerprintingEnabled: bb.settings.blockBrowserFingerprintingEnabled,
199 | blockMicrophoneEnabled: bb.settings.blockMicrophoneEnabled,
200 | blockKeyboardEnabled: bb.settings.blockKeyboardEnabled,
201 | blockMouseEnabled: bb.settings.blockMouseEnabled,
202 | blockEmailEnabled: bb.settings.blockEmailEnabled,
203 | blockSocialEnabled: bb.settings.blockSocialEnabled,
204 | blockPrivacyEnabled: bb.settings.blockPrivacyEnabled,
205 | blockMalwareEnabled: bb.settings.blockMalwareEnabled,
206 | showPopupDetails: bb.settings.showPopupDetails,
207 |
208 | // Counts
209 | pageBlockedRequestCount: 0,
210 | pageBlockedAdsCount: 0,
211 | pageBlockedFlashCount: 0,
212 | pageBlockedFingerprintingCount: 0,
213 | pageBlockedEmailCount: 0,
214 | pageBlockedKeyboardCount: 0,
215 | pageBlockedMouseCount: 0,
216 | pageBlockedMicrophoneCount: 0,
217 | pageBlockedSocialCount: 0,
218 | pageBlockedPrivacyCount: 0,
219 | pageBlockedMalwareCount: 0
220 | }
221 |
222 | let pageStore = µb.pageStoreFromTabId(tabId);
223 | let blockCounts = bb.getBlockedCounts(tabId);
224 | if ( pageStore ) {
225 | data.netFilteringSwitch = pageStore.getNetFilteringSwitch();
226 | data.pageBlockedRequestCount = pageStore.perLoadBlockedRequestCount;
227 | data.pageBlockedAdsCount = blockCounts.adsBlocked
228 | data.pageBlockedFlashCount = blockCounts.flashBlocked
229 | data.pageBlockedFingerprintingCount = blockCounts.fingerprintingBlocked
230 | data.pageBlockedEmailCount = blockCounts.emailBlocked
231 | data.pageBlockedMicrophoneCount = blockCounts.ultrasonicBlocked
232 | data.pageBlockedSocialCount = blockCounts.socialBlocked
233 | data.pageBlockedPrivacyCount = blockCounts.privacyBlocked
234 | data.pageBlockedMalwareCount = blockCounts.malwareBlocked
235 | }
236 |
237 | return data
238 | }
239 |
240 | let getActiveTab = function (callback) {
241 | vAPI.tabs.get(null, function (tab) {
242 | var tabId = '';
243 | if (tab) {
244 | tabId = tab.id;
245 | }
246 | callback(tabId);
247 | })
248 | }
249 |
250 | var onMessage = function (request, sender, callback) {
251 |
252 | if (request.what === 'getPopupData') {
253 | getActiveTab(function (tabId) {
254 | callback(getPopupData(tabId));
255 | })
256 | return;
257 | }
258 |
259 | var response;
260 |
261 | switch ( request.what ) {
262 | case 'toggleBlockBear':
263 | bb.settings.blockBearEnabled = !bb.settings.blockBearEnabled;
264 | bb.updateFilters();
265 | break;
266 | case 'toggleDomainWhitelist':
267 | let pageStore = µb.pageStoreFromTabId(request.tabId);
268 | if ( pageStore ) {
269 | pageStore.toggleNetFilteringSwitch(request.url, request.scope, request.state);
270 | }
271 | break;
272 | case 'toggleBlockAds':
273 | bb.settings.blockAdsEnabled = !bb.settings.blockAdsEnabled;
274 | bb.updateFilters();
275 | break;
276 | case 'toggleFlash':
277 | bb.settings.flashbearEnabled = !bb.settings.flashbearEnabled;
278 | break;
279 | case 'toggleBrowserFingerprinting':
280 | bb.settings.blockBrowserFingerprintingEnabled = !bb.settings.blockBrowserFingerprintingEnabled;
281 | break;
282 | case 'toggleBlockEmail':
283 | bb.settings.blockEmailEnabled = !bb.settings.blockEmailEnabled;
284 | break;
285 | case 'toggleBlockKeyboard':
286 | bb.settings.blockKeyboardEnabled = !bb.settings.blockKeyboardEnabled;
287 | break;
288 | case 'toggleBlockMouse':
289 | bb.settings.blockMouseEnabled = !bb.settings.blockMouseEnabled;
290 | break;
291 | case 'toggleBlockMicrophone':
292 | bb.settings.blockMicrophoneEnabled = !bb.settings.blockMicrophoneEnabled;
293 | break;
294 | case 'toggleSocial':
295 | bb.settings.blockSocialEnabled = !bb.settings.blockSocialEnabled;
296 | bb.updateFilters();
297 | break;
298 | case 'togglePrivacy':
299 | bb.settings.blockPrivacyEnabled = !bb.settings.blockPrivacyEnabled;
300 | bb.updateFilters();
301 | break;
302 | case 'toggleMalware':
303 | bb.settings.blockMalwareEnabled = !bb.settings.blockMalwareEnabled;
304 | bb.updateFilters();
305 | break;
306 | case 'toggleShowPopupDetails':
307 | bb.settings.showPopupDetails = !bb.settings.showPopupDetails;
308 | break;
309 | default:
310 | return vAPI.messaging.UNHANDLED;
311 | }
312 | bb.saveSettingsToStorage();
313 |
314 | callback(response);
315 | }
316 |
317 | vAPI.messaging.listen('blockbearPopup', onMessage);
318 |
319 | })();
320 |
321 | /******************************************************************************/
322 | /******************************************************************************/
323 |
324 | (function () {
325 |
326 | /******************************************************************************/
327 |
328 | var µb = µBlock;
329 | let bb = µb.blockbear;
330 |
331 | /******************************************************************************/
332 |
333 | let onMessage = function (request, sender, callback) {
334 |
335 | if (request.what === "getSettingsData") {
336 | let settingsData = Object.assign({}, bb.settings);
337 | settingsData.blockWebRTCEnabled = µb.userSettings.webrtcIPAddressHidden;
338 | callback(settingsData);
339 | return;
340 | }
341 |
342 | var response;
343 |
344 | switch ( request.what ) {
345 | case 'toggleBlockAds':
346 | bb.settings.blockAdsEnabled = !bb.settings.blockAdsEnabled;
347 | bb.updateFilters();
348 | break;
349 | case 'toggleFlash':
350 | bb.settings.flashbearEnabled = !bb.settings.flashbearEnabled;
351 | break;
352 | case 'toggleBrowserFingerprinting':
353 | bb.settings.blockBrowserFingerprintingEnabled = !bb.settings.blockBrowserFingerprintingEnabled;
354 | break;
355 | case 'toggleBlockMicrophone':
356 | bb.settings.blockMicrophoneEnabled = !bb.settings.blockMicrophoneEnabled;
357 | break;
358 | case 'toggleBlockKeyboard':
359 | bb.settings.blockKeyboardEnabled = !bb.settings.blockKeyboardEnabled;
360 | break;
361 | case 'toggleBlockMouse':
362 | bb.settings.blockMouseEnabled = !bb.settings.blockMouseEnabled;
363 | break;
364 | case 'toggleBlockEmail':
365 | bb.settings.blockEmailEnabled = !bb.settings.blockEmailEnabled;
366 | break;
367 | case 'toggleBlockWebRTC':
368 | µb.changeUserSettings('webrtcIPAddressHidden', !µb.userSettings.webrtcIPAddressHidden);
369 | break;
370 | case 'toggleBlockerBadgeAnimation':
371 | bb.settings.blockerBadgeAnimationEnabled = !bb.settings.blockerBadgeAnimationEnabled;
372 | break;
373 | case 'toggleSocial':
374 | bb.settings.blockSocialEnabled = !bb.settings.blockSocialEnabled;
375 | bb.updateFilters();
376 | break;
377 | case 'togglePrivacy':
378 | bb.settings.blockPrivacyEnabled = !bb.settings.blockPrivacyEnabled;
379 | bb.updateFilters();
380 | break;
381 | case 'toggleMalware':
382 | bb.settings.blockMalwareEnabled = !bb.settings.blockMalwareEnabled;
383 | bb.updateFilters();
384 | break;
385 | default:
386 | return vAPI.messaging.UNHANDLED;
387 | }
388 |
389 | callback(response)
390 | }
391 |
392 | vAPI.messaging.listen('blockbearSettings', onMessage);
393 |
394 | })();
395 |
--------------------------------------------------------------------------------
/tunnelbear/src/css/common.css:
--------------------------------------------------------------------------------
1 | a,article,aside,body,caption,dd,dfn,div,div.hgroup,dl,dt,em,embed,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,label,legend,li,nav,object,ol,p,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul {
2 | margin: 0;
3 | padding: 0;
4 | border: 0;
5 | font: inherit;
6 | vertical-align: baseline;
7 | }
8 |
9 | strong {
10 | font-weight: 700;
11 | }
12 |
13 | article,aside,div.hgroup,footer,header,nav,section {
14 | display: block;
15 | }
16 |
17 | body {
18 | line-height: 1;
19 | }
20 |
21 | ol {
22 | list-style: decimal;
23 | }
24 |
25 | ul {
26 | list-style: none;
27 | }
28 |
29 | table {
30 | border-collapse: collapse;
31 | border-spacing: 0;
32 | }
33 |
34 | :active,:focus {
35 | outline: 0;
36 | }
37 |
38 | .android:active,.android:focus {
39 | -webkit-tap-highlight-color: rgba(255,255,255,0);
40 | }
41 |
42 | .android select {
43 | -webkit-tap-highlight-color: transparent;
44 | }
45 |
46 | textarea {
47 | resize: none;
48 | }
49 |
50 | .sliding-panel {
51 | min-height: 100%;
52 | width : 100%;
53 | transform:translateX(258px);
54 | position: absolute;
55 | top: 0px;
56 | background-color: #fcfaf7;
57 | }
58 |
59 | #settings-gear {
60 | margin-left: 208px;
61 | margin-top: -18px;
62 | cursor: pointer;
63 | }
64 | .img-top-settings {
65 | width: 15px;
66 | height: 15px;
67 | }
68 | #shortcuts-div {
69 | transform:translateX(516px);
70 | }
71 |
72 | @font-face {
73 | font-family: 'Rokkitt-Light';
74 | src: url('fonts/Rokkitt-Light.eot');
75 | src: url('fonts/Rokkitt-Light.eot?#iefix') format('embedded-opentype'),
76 | url('fonts/Rokkitt-Light.woff') format('woff'),
77 | url('fonts/Rokkitt-Light.ttf') format('truetype'),
78 | url('fonts/Rokkitt-Light.svg#Rokkitt-Light') format('svg');
79 | }
80 |
81 | @font-face {
82 | font-family: 'Rokkitt';
83 | src: url('fonts/Rokkitt-Regular.eot');
84 | src: url('fonts/Rokkitt-Regular.eot?#iefix') format('embedded-opentype'),
85 | url('fonts/Rokkitt-Regular.woff') format('woff'),
86 | url('fonts/Rokkitt-Regular.ttf') format('truetype'),
87 | url('fonts/Rokkitt-Regular.svg#Rokkitt') format('svg');
88 | }
89 |
90 | @font-face {
91 | font-family: 'Rokkitt-Bold';
92 | src: url('fonts/Rokkitt-Bold.eot');
93 | src: url('fonts/Rokkitt-Bold.eot?#iefix') format('embedded-opentype'),
94 | url('fonts/Rokkitt-Bold.woff') format('woff'),
95 | url('fonts/Rokkitt-Bold.ttf') format('truetype'),
96 | url('fonts/Rokkitt-Bold.svg#Rokkitt-Bold') format('svg');
97 | }
98 |
99 | @font-face {
100 | font-family: OpenSans;
101 | font-style: normal;
102 | font-weight: 400;
103 | src: url('fonts/OpenSans-Regular.ttf');
104 | }
105 |
106 | @font-face {
107 | font-family: OpenSans;
108 | font-style: normal;
109 | font-weight: 600;
110 | src: url('fonts/OpenSans-Semibold.ttf');
111 | }
112 |
113 | @font-face {
114 | font-family: OpenSans;
115 | font-style: normal;
116 | font-weight: 700;
117 | src: url('fonts/OpenSans-Bold.ttf');
118 | }
119 |
120 | /* General setup */
121 | body {
122 | background-color: white;
123 | overflow: hidden; /* prevent from scrolling through plugin */
124 | margin:0px !important;
125 |
126 | font: 15px Helvetica, Arial, sans-serif;
127 | color: #55534e;
128 |
129 | -webkit-font-smoothing: antialiased;
130 | -webkit-touch-callout: none;
131 | -webkit-user-select: none;
132 | -khtml-user-select: none;
133 | -moz-user-select: none;
134 | -ms-user-select: none;
135 | -o-user-select: none;
136 | user-select: none;
137 | overflow-x: hidden;
138 | overflow-y: hidden;
139 | }
140 |
141 | h1 {
142 | cursor: default;
143 | font-weight: bold;
144 | padding: 12px 0;
145 | text-align: center;
146 | }
147 |
148 | a {
149 | text-decoration: none;
150 | }
151 |
152 | .loaded {
153 | width: 258px;
154 | animation-delay: 0.2s;
155 | -webkit-animation: fadein 1s forwards; /* Safari, Chrome and Opera > 12.1 */
156 | -moz-animation: fadein 1s forwards; /* Firefox < 16 */
157 | animation: fadein 1s forwards;
158 | }
159 |
160 | @keyframes fadein {
161 | to { opacity: 1; }
162 | }
163 |
164 | /* Firefox < 16 */
165 | @-moz-keyframes fadein {
166 | to { opacity: 1; }
167 | }
168 |
169 | /* Safari, Chrome and Opera > 12.1 */
170 | @-webkit-keyframes fadein {
171 | to { opacity: 1; }
172 | }
173 |
174 | .container .settings-header .title-block {
175 | padding-top: 14px;
176 | }
177 |
178 | .container .settings-header {
179 | height: 44px;
180 | text-align: center;
181 | }
182 | .container .navigation-button {
183 | padding-top:14px;
184 | padding-left: 15px;
185 | padding-right: 15px;
186 | position: absolute;
187 | left: 0%;
188 | cursor: pointer;
189 | }
190 |
191 | .container button:focus {
192 | outline:0;
193 | }
194 |
195 | .container .settings-title {
196 | font-weight: bold !important;
197 | }
198 |
199 | .container {
200 | position: relative;
201 | opacity: 0;
202 | width: 100%;
203 | }
204 |
205 | .container button{
206 | background-color: transparent;
207 | border: none;
208 | color: #e58d2f;
209 | font-family: Helvetica;
210 | font-size: 15px;
211 | font-weight: normal;
212 | }
213 |
214 | .container span{
215 | cursor: default;
216 | font-family: OpenSans;
217 | font-weight: normal;
218 | color: #55534e;
219 | text-align: left;
220 | letter-spacing: -0.6px;
221 | font-size: 15px;
222 | }
223 |
224 | .container span.disabled {
225 | color: #bdbbb6;
226 | }
227 |
228 | .container .medium-row{
229 | height: 44px;
230 | }
231 |
232 | .alernate-row-color {
233 | /* Uncomment this for orangy color background-color: #faf1e6; */
234 | }
235 |
236 | .left-padding {
237 | padding-left: 10px;
238 | }
239 |
240 | .section-border {
241 | border-width: 1px;
242 | border-top-color: #e5e2dc;
243 | border-top-style: solid;
244 | }
245 |
246 | /* General Setup*/
247 | .default-cursor {
248 | cursor: default !important;
249 | }
250 |
251 | /* General table things */
252 |
253 | .table {
254 | width: 100%;
255 | display:table;
256 | border-collapse: collapse;
257 | }
258 | .table > .caption{
259 | display:table-caption;
260 | vertical-align: middle;
261 | text-align: center;
262 | }
263 |
264 | .table-row {
265 | display:table-row;
266 | }
267 |
268 | .table-cell {
269 | vertical-align: middle;
270 | display:table-cell;
271 | }
272 |
273 | .table-cell.colspan > div {
274 | width: 1px;
275 | }
276 |
277 | .table-cell.colspan > div > div {
278 | position: relative;
279 | overflow: hidden;
280 | }
281 |
282 | .container .button {
283 | padding:8px;
284 | text-align: center;
285 | color: #E58D2F;
286 | cursor: pointer;
287 | border-color: #e5e2dc;
288 | border-style: solid;
289 | border-width: 1px;
290 | }
291 | .container .button:hover {
292 | background-color: #f8f6ef;
293 | }
294 |
295 | .button-left {
296 | margin-left:15%;
297 | width: 25%;
298 | float:left;
299 | }
300 | .button-right {
301 | width: 25%;
302 | margin-left: 54%;
303 | }
304 |
305 | /* End general table things */
306 |
307 | /* Popup Header */
308 | .container .img-top-logo {
309 | width: 84px;
310 | }
311 | /* End of Popup Header */
312 |
313 | /* Connection component */
314 |
315 | /* Status label */
316 | .container .status-label {
317 | /* In case a margin is needed, not the case now - don't change the width of the cell, edit the margin instead
318 | margin-left: -8px;*/
319 | padding-top: 1px;
320 | overflow: hidden;
321 | text-overflow: ellipsis;
322 | width: 170px;
323 | }
324 | /* Status label end */
325 |
326 | /* settings-category label */
327 | .container .settings-category-label span {
328 | font-weight: bold;
329 | }
330 | /* settings-category label end */
331 |
332 | .container .status-cell {
333 | width: 175px;
334 | }
335 |
336 | .container .status-cell {
337 | padding-left: 10px;
338 | }
339 |
340 | .div-status-icon {
341 | margin-top: 2px;
342 | margin-left: -2px;
343 | }
344 | /* Icon */
345 |
346 | .container .img-status {
347 | /* padding-top: 2px; */
348 | width:13px;
349 | height:13px;
350 | }
351 |
352 | .arrow.open {
353 | background: url('../img/arrow_open2x.png');
354 | background-size: 18px 17px;
355 | background-repeat: no-repeat;
356 | height: 17px;
357 | width: 19px;
358 | float: left;
359 | margin: 1px 0 0 15px;
360 | }
361 |
362 | .arrow.close {
363 | background: url('../img/arrow_close2x.png');
364 | background-size: 18px 17px;
365 | background-repeat: no-repeat;
366 | height: 17px;
367 | width: 19px;
368 | float: left;
369 | margin: 1px 0 0 15px;
370 | }
371 |
372 | /* End of Status Icon */
373 |
374 | /* ProgressBar */
375 |
376 | .progress-bar {
377 | height: 5px!important;
378 | background: #e5e2dc;
379 | }
380 | .table-row.progress-bar .bar {
381 | width: 258px;
382 | }
383 |
384 | .progress-bar .bar,
385 | .progress-bar .bar span {
386 | height: 5px;
387 | }
388 |
389 | .progress-bar .bar span {
390 | display: block;
391 | width: 0%;
392 | -webkit-transition: width 1s ease-in-out;
393 | -moz-transition: width 1s ease-in-out;
394 | -o-transition: width 1s ease-in-out;
395 | transition: width 1s ease-in-out;
396 | }
397 |
398 | .progress-bar .bar.blocks > span {
399 | background: #72c4d2;
400 | }
401 |
402 | .progress-bar .bar.privacy > span {
403 | background: #a5ce4e;
404 | }
405 |
406 | .progress-bar .bar.fingerprinting > span {
407 | background: #b979fb;
408 | }
409 |
410 | .progress-bar .bar.email > span {
411 | background: #6473e5;
412 | }
413 |
414 | .progress-bar .bar.keyboard > span {
415 | background: #de7045;
416 | }
417 |
418 | .progress-bar .bar.mouse > span {
419 | background: #c2b523;
420 | }
421 |
422 | .progress-bar .bar.microphone > span {
423 | background: #5fe197;
424 | }
425 |
426 | .progress-bar .bar.social > span {
427 | background: #70db5c;
428 | }
429 |
430 | .progress-bar .bar.ads > span {
431 | background: #65ade9;
432 | }
433 |
434 | .progress-bar .bar.flash > span {
435 | background: #e9658d;
436 | }
437 |
438 | .progress-bar .bar.malware > span {
439 | background: #ebaf38;
440 | }
441 |
442 | /* End of ProgressBar */
443 |
444 | /* Toggle switch */
445 |
446 | .toggle-background {
447 | cursor: pointer;
448 | height: 29px;
449 | width: 60px;
450 | border-radius: 15px;
451 | background: #685538;
452 | transition: .25s ease-in-out;
453 | -webkit-transition: .25s ease-in-out;
454 | }
455 |
456 | .toggle-background.enabled {
457 | background: #dcb150;
458 | }
459 |
460 | .toggle-knob {
461 | height: 25px;
462 | width: 25px;
463 | border-radius: 15px;
464 | background: white;
465 | position: absolute;
466 | margin-top: 2px;
467 | margin-left: 2px;
468 | transition: .25s ease-in-out;
469 | -webkit-transition: .25s ease-in-out;
470 | }
471 |
472 | .enabled > .toggle-knob {
473 | margin-left: 33px;
474 | }
475 |
476 | .toggle-text {
477 | color: #faf9f7;
478 | font-size: 11px;
479 | position: absolute;
480 | margin-top: 9px;
481 | margin-left: 31px;
482 | }
483 |
484 | body.firefox .toggle-text {
485 | margin-top: 10px;
486 | }
487 |
488 | .enabled > .toggle-text {
489 | margin-left: 10px;
490 | }
491 |
492 | .toggle-background.mini {
493 | height: 12px;
494 | width: 20px;
495 | margin-left: 37px;
496 | margin-top: 3px;
497 | }
498 |
499 | .toggle-knob.mini {
500 | height: 10px;
501 | width: 10px;
502 | margin-top: 1px;
503 | margin-left: 1px;
504 | }
505 |
506 | .enabled > .toggle-knob.mini {
507 | margin-left: 9px;
508 | }
509 |
510 | /* End of Toggle switch */
511 |
512 | /* End of connection component */
513 |
514 | /* Twitter */
515 |
516 | .container .promo-banner {
517 | height: 92px;
518 | background-color: #ffffff;
519 | }
520 |
521 | #twitter-promo-graphic {
522 | background: url(../img/graphic_twitter.png);
523 | background-size: 81px 75px;
524 | content: "";
525 | display: block;
526 | height: 75px;
527 | position: absolute;
528 | right: 25px;
529 | margin-top: 9px;
530 | width: 81px;
531 | }
532 |
533 | #twitter-tweet-text {
534 | width: 61px;
535 | height: 17px;
536 | font-family: OpenSans;
537 | font-size: 12px;
538 | letter-spacing: -0.5px;
539 | text-align: center;
540 | color: #faf9f7;
541 | padding: 4px 8px 4px 8px;
542 | }
543 |
544 | #twitter-tweet {
545 | cursor: pointer;
546 | width: 76.4px;
547 | height: 25px;
548 | border-radius: 2px;
549 | background-color: #55534e;
550 | margin-left: 40px;
551 | margin-top: 6px;
552 | }
553 |
554 | .banner-text {
555 | width: 136.9px;
556 | height: 34px;
557 | font-family: OpenSans;
558 | font-size: 12px;
559 | letter-spacing: -0.5px;
560 | text-align: center;
561 | color: #afa194;
562 | margin-top: 14px;
563 | margin-left: 10px;
564 | cursor: default;
565 | }
566 |
567 | .banner-close {
568 | background: url(../img/twitter_close.png);
569 | background-size: 7.9px 7.9px;
570 | height: 7.9px;
571 | width: 7.9px;
572 | position: absolute;
573 | margin-top: 11.1px;
574 | right: 11.1px;
575 | cursor: pointer;
576 | }
577 |
578 | /* End Twitter */
579 |
580 | /* TB4C */
581 |
582 | #tb4c-promo-graphic {
583 | background: url(../img/graphic_tb4c.png);
584 | background-size: 68px 84px;
585 | content: "";
586 | display: block;
587 | height: 84px;
588 | position: absolute;
589 | right: 20px;
590 | margin-top: 7px;
591 | width: 68px;
592 | }
593 |
594 | #tb4c-banner-text {
595 | width: 144.9px;
596 | height: 34px;
597 | font-family: OpenSans;
598 | font-size: 12px;
599 | letter-spacing: -0.5px;
600 | text-align: center;
601 | color: #afa194;
602 | margin-top: 8px;
603 | margin-left: 6px;
604 | cursor: default;
605 | padding: 4px 8px 4px 8px;
606 | }
607 |
608 | #tb4c-store {
609 | cursor: pointer;
610 | width: 127px;
611 | height: 25px;
612 | border-radius: 2px;
613 | background-color: #55534e;
614 | margin-left: 25px;
615 | margin-top: 4px;
616 | }
617 |
618 | #tb4c-text {
619 | width: 110px;
620 | height: 17px;
621 | font-family: OpenSans;
622 | font-size: 12px;
623 | letter-spacing: -0.5px;
624 | text-align: center;
625 | color: #faf9f7;
626 | padding: 4px 8px 4px 8px;
627 | }
628 |
629 | /* End TB4C */
630 |
631 | /* Chrome Store review */
632 |
633 | #review-banner-text {
634 | font-family: OpenSans;
635 | font-size: 12px;
636 | letter-spacing: -0.5px;
637 | text-align: center;
638 | color: #afa194;
639 | margin-top: 14px;
640 | margin-left: 12px;
641 | cursor: default;
642 | }
643 |
644 | #review-promo-graphic {
645 | background: url(../img/graphic_blocky.png);
646 | background-size: 68px 85px;
647 | content: "";
648 | display: block;
649 | width: 68px;
650 | height: 85px;
651 | position: absolute;
652 | right: 11px;
653 | margin-top: 7px;
654 | }
655 |
656 | .review {
657 | cursor: pointer;
658 | width: 49px;
659 | height: 25px;
660 | border-radius: 2px;
661 | background-color: #55534e;
662 | margin-left: 32px;
663 | margin-top: 8px;
664 | display: inline-block;
665 | }
666 |
667 | .review-text {
668 | height: 17px;
669 | font-family: OpenSans;
670 | font-size: 12px;
671 | letter-spacing: -0.5px;
672 | text-align: center;
673 | color: #faf9f7;
674 | padding-top: 3px;
675 | }
676 |
677 | /* End Chrome Store review */
678 |
679 | /* Tooltip */
680 |
681 | .tooltip {
682 | display: inline-block;
683 | position: relative;
684 | }
685 |
686 | .tooltip .tooltiptext {
687 | cursor: pointer;
688 | visibility: hidden;
689 | width: 70px;
690 | height: 21px;
691 | font-size: 14px;
692 | background-color: #575550;
693 | color: #fff;
694 | text-align: center;
695 | border-radius: 6px;
696 | padding: 5px 0;
697 | position: absolute;
698 | z-index: 1;
699 | bottom: 150%;
700 | left: 50%;
701 | margin-left: -35px;
702 | opacity: 0;
703 | transition: visibility 0.5s, opacity 0.5s ease-in-out;
704 | }
705 |
706 | .tooltip .tooltiptext::after {
707 | content: " ";
708 | position: absolute;
709 | top: 100%;
710 | left: 50%;
711 | margin-left: -5px;
712 | border-width: 5px;
713 | border-style: solid;
714 | border-color: #575550 transparent transparent transparent;
715 | }
716 |
717 | .tooltip:hover .tooltiptext {
718 | visibility: visible;
719 | opacity: 1;
720 | }
721 |
722 | /* End of Tooltip */
723 |
--------------------------------------------------------------------------------
/tunnelbear/resources/fonts/Rokkitt-Light.svg:
--------------------------------------------------------------------------------
1 |
145 |
--------------------------------------------------------------------------------
/tunnelbear/resources/fonts/Rokkitt-Bold.svg:
--------------------------------------------------------------------------------
1 |
167 |
--------------------------------------------------------------------------------
16 |
204 |
17 |
21 | Blocker Global Settings
18 |Settings below apply to all websites. If you want to change settings for just one website, then just do that from within the extension.
19 |To enhance your privacy, install uBlock Protector and help protect Blocker from anti-adblock scripts.
20 |
22 |
203 |
23 |
30 |
24 |
28 |
29 |
25 |
26 |
27 |
31 |
43 |
32 |
36 |
33 |
34 |
35 |
37 |
42 |
38 |
39 |
40 |
41 |
44 |
56 |
69 |
45 |
49 |
46 |
47 |
48 |
50 |
55 |
51 |
52 |
53 |
54 |
70 |
82 |
71 |
75 |
72 |
73 |
74 |
76 |
81 |
77 |
78 |
79 |
80 |
83 |
95 |
112 |
129 |
84 |
88 |
85 |
86 |
87 |
89 |
94 |
90 |
91 |
92 |
93 |
130 |
142 |
131 |
135 |
132 |
133 |
134 |
136 |
141 |
137 |
138 |
139 |
140 |
143 |
155 |
144 |
148 |
145 |
146 |
147 |
149 |
154 |
150 |
151 |
152 |
153 |
156 |
168 |
157 |
161 |
158 |
159 |
160 |
162 |
167 |
163 |
164 |
165 |
166 |
169 |
176 |
170 |
174 |
175 |
171 |
172 |
173 |
177 |
189 |
178 |
182 |
179 |
180 |
181 |
183 |
188 |
184 |
185 |
186 |
187 |
190 |
202 |
191 |
195 |
192 |
193 |
194 |
196 |
201 |
197 |
198 |
199 |
200 |