"Google anonymous browser"
Bootstrap 4.0.0 Snippet by MatheusCalixto

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="content"> <div class="icon"></div> <span> <h1 i18n-content="incognitoTabHeading"></h1> <p> <span i18n-content="incognitoTabDescription"></span> </p> <p> <span i18n-content="incognitoTabWarning"></span> </p> </span> <a class="learn-more-button" i18n-content="learnMore" i18n-values=".href:learnMoreLink"></a> </div> <script>var loadTimeData; function LoadTimeData(){} (function() { 'use strict'; LoadTimeData.prototype = { set data(value) { expect(!this.data_, 'Re-setting data.'); this.data_ = value; }, createJsEvalContext: function() { return new JsEvalContext(this.data_); }, valueExists: function(id) { return id in this.data_; }, getValue: function(id) { expect(this.data_, 'No data. Did you remember to include strings.js?'); var value = this.data_[id]; expect(typeof value != 'undefined', 'Could not find value for ' + id); return value; }, getString: function(id) { var value = this.getValue(id); expectIsType(id, value, 'string'); return /** @type {string} */ (value); }, getStringF: function(id, var_args) { var value = this.getString(id); if (!value) return ''; var varArgs = arguments; return value.replace(/\$[$1-9]/g, function(m) { return m == '$$' ? '$' : varArgs[m[1]]; }); }, getBoolean: function(id) { var value = this.getValue(id); expectIsType(id, value, 'boolean'); return /** @type {boolean} */ (value); }, getInteger: function(id) { var value = this.getValue(id); expectIsType(id, value, 'number'); expect(value == Math.floor(value), 'Number isn\'t integer: ' + value); return /** @type {number} */ (value); }, overrideValues: function(replacements) { expect( typeof replacements == 'object', 'Replacements must be a dictionary object.'); for (var key in replacements) { this.data_[key] = replacements[key]; } } }; function expect(condition, message) { if (!condition) { console.error( 'Unexpected condition on ' + document.location.href + ': ' + message); } } function expectIsType(id, value, type) { expect( typeof value == type, '[' + value + '] (' + id + ') is not a ' + type); } expect(!loadTimeData, 'should only include this file once'); loadTimeData = new LoadTimeData; })(); loadTimeData.data = {"bookmarkbarattached":true,"fontfamily":"'Segoe UI', Tahoma, sans-serif","fontsize":"75%","hasCustomBackground":true,"incognitoTabDescription":"When you're in invisible mode, the pages you visit do not appear in your browsing and search history, nor do they store cookie files. But downloads and favorites continue to run normally.","incognitoTabHeading":"You are browsing without a trace","incognitoTabWarning":"Invisible mode does NOT hide your browsing data. Your employer, your ISP, and the websites you visit continue to have access to this information.","language":"pt","learnMore":"Learn more","learnMoreLink":"https://support.google.com/chrome/?p=incognito","textdirection":"ltr","title":"New guide"}; var ProcessingRoot; var i18nTemplate = (function() { var handlers = { 'i18n-content': function(element, key, data, visited) { element.textContent = data.getString(key); }, 'i18n-options': function(select, key, data, visited) { var options = data.getValue(key); options.forEach(function(optionData) { var option = typeof optionData == 'string' ? new Option(optionData) : new Option(optionData[1], optionData[0]); select.appendChild(option); }); }, 'i18n-values': function(element, attributeAndKeys, data, visited) { var parts = attributeAndKeys.replace(/\s/g, '').split(/;/); parts.forEach(function(part) { if (!part) return; var attributeAndKeyPair = part.match(/^([^:]+):(.+)$/); if (!attributeAndKeyPair) throw new Error('malformed i18n-values: ' + attributeAndKeys); var propName = attributeAndKeyPair[1]; var propExpr = attributeAndKeyPair[2]; var value = data.getValue(propExpr); if (propName[0] == '.') { var path = propName.slice(1).split('.'); var targetObject = element; while (targetObject && path.length > 1) { targetObject = targetObject[path.shift()]; } if (targetObject) { targetObject[path] = value; if (path == 'innerHTML') { for (var i = 0; i < element.children.length; ++i) { processWithoutCycles(element.children[i], data, visited, false); } } } } else { element.setAttribute(propName, /** @type {string} */ (value)); } }); } }; var prefixes = ['']; if (Element.prototype.createShadowRoot) prefixes.push('* /deep/ '); var attributeNames = Object.keys(handlers); var selector = prefixes .map(function(prefix) { return prefix + '[' + attributeNames.join('], ' + prefix + '[') + ']'; }) .join(', '); function process(root, data) { processWithoutCycles(root, data, new Set(), true); } function processWithoutCycles(root, data, visited, mark) { if (visited.has(root)) { return; } visited.add(root); var importLinks = root.querySelectorAll('link[rel=import]'); for (var i = 0; i < importLinks.length; ++i) { var importLink = /** @type {!HTMLLinkElement} */ (importLinks[i]); if (!importLink.import) { continue; } processWithoutCycles(importLink.import, data, visited, mark); } var templates = root.querySelectorAll('template'); for (var i = 0; i < templates.length; ++i) { var template = /** @type {HTMLTemplateElement} */ (templates[i]); if (!template.content) continue; processWithoutCycles(template.content, data, visited, mark); } var isElement = root instanceof Element; if (isElement && root.webkitMatchesSelector(selector)) processElement(/** @type {!Element} */ (root), data, visited); var elements = root.querySelectorAll(selector); for (var i = 0; i < elements.length; ++i) { processElement(elements[i], data, visited); } if (mark) { var processed = isElement ? [root] : root.children; if (processed) { for (var i = 0; i < processed.length; ++i) { processed[i].setAttribute('i18n-processed', ''); } } } } function processElement(element, data, visited) { for (var i = 0; i < attributeNames.length; i++) { var name = attributeNames[i]; var attribute = element.getAttribute(name); if (attribute != null) handlers[name](element, attribute, data, visited); } } return {process: process}; }()); i18nTemplate.process(document, loadTimeData);</script>
@import url('https://fonts.googleapis.com/css?family=Roboto'); html { direction: ltr; } body { font-family: Roboto, 'Segoe UI', Tahoma, sans-serif; font-size: 81.25%; } button { font-family: Roboto, 'Segoe UI', Tahoma, sans-serif; } body { -webkit-font-smoothing: antialiased; font-size: 85%; } h1 { font-size: 200%; font-weight: 400; margin-bottom: .77em; margin-top: .88em; opacity: .8; } p { line-height: 1.5; margin: .588em 0; text-align: center; } a { color: rgb(51, 103, 214); } a:hover { text-decoration: underline; } /* 'Learn More' button styled like a Material Design text button. * TODO(edwardjung): Switch styled links to actual text buttons. */ .learn-more-button { color: rgb(66, 133, 244); display: inline-block; font-size: 92.8%; font-weight: 500; margin-top: 1.98em; padding: 10.5px 12px; text-decoration: none; text-transform: uppercase; } .content { margin: 3.5em auto 0; max-width: 480px; min-width: 240px; padding: 30px 35px; text-align: center; } html[hascustombackground='true'] .content { border-radius: 2px; box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.4); } .content > span { display: block; } @media (max-width:700px) { body { margin: 1em 2em 2em; } } @media (max-width:400px) { body { margin: 3em 1.5em 2em; } /* Adjustment for narrow screen to prevent horizontal scrollbar. */ .content { padding: 16px 8px; } } @media (max-height:480px) and (max-width:400px) { .content { margin: auto; } } body { margin-top: 0; } .content { background-color: #323232; color: white; } .icon { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDAgMjQwIj48ZyBvcGFjaXR5PSIuOCIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyMSAwQzUzLjktLjYtLjYgNTMuOSAwIDEyMWMuNiA2NS4yIDUzLjggMTE4LjQgMTE5IDExOSA2Ny4xLjYgMTIxLjYtNTMuOSAxMjEtMTIxQzIzOS40IDUzLjggMTg2LjIuNiAxMjEgMHpNOTAuNSA1OWMuMy0uOSAxLTEuNSAyLjItMS4yIDIuMi41IDE5LjkgNC4zIDE5LjkgNC4zczM2LjgtNS42IDM4LjEtNS45YzEuMS0uMiAxLjkuNCAyLjEgMS40LjEuNCA2LjMgMjEuMyAxMS43IDM5LjVINzguM0M4My45IDc5LjYgOTAuMSA2MCA5MC41IDU5em04NS45IDEwMy4zYy0uOCAxMi4yLTEwLjcgMjIuMS0yMi45IDIyLjktMTQuMy45LTI2LjEtMTAuNC0yNi4xLTI0LjUgMC0uNyAwLTEuNC4xLTIuMS0yLS43LTQuMi0xLTYuNC0xLTIuMyAwLTQuNS40LTYuNyAxLjEuMS43LjEgMS4zLjEgMiAwIDE0LjEtMTEuOCAyNS40LTI2LjEgMjQuNS0xMi4yLS44LTIyLjEtMTAuNy0yMi45LTIyLjktLjgtMTQuMiAxMC41LTI2LjEgMjQuNS0yNi4xIDEwLjIgMCAxOSA2LjMgMjIuNyAxNS4yIDIuNy0uOCA1LjUtMS4zIDguNC0xLjMgMi44IDAgNS41LjQgOC4xIDEuMiAzLjctOC45IDEyLjQtMTUuMSAyMi43LTE1LjEgMTQuMSAwIDI1LjQgMTEuOSAyNC41IDI2LjF6bTIzLjQtMzQuM0g0Mi40Yy0uMiAwLS4zLS4zLS4xLS40IDUuMi0yLjcgMzUuNC0xNy42IDc5LTE3LjYgNDMuNyAwIDczLjUgMTQuOCA3OC42IDE3LjYuMi4xLjEuNC0uMS40eiIvPjxjaXJjbGUgY3g9IjE1MS45IiBjeT0iMTYwLjgiIHI9IjE3LjQiLz48Y2lyY2xlIGN4PSI5MC4xIiBjeT0iMTYwLjgiIHI9IjE3LjQiLz48L2c+PC9zdmc+); display: inline-block; height: 120px; width: 120px; } p { opacity: .8; } .learn-more-button { color: rgb(123, 170, 247); }

Related: See More


Questions / Comments: