zeigt-versteckte-einbindungen.php
Quell Code
<link rel="stylesheet" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> <style> @import url(https://fonts.googleapis.com/css?family=Inconsolata|Roboto+Condensed); html, head, body { overflow-x: hidden; } html { color: #fff; background-color: #2b3035; counter-reset: metas links scripts; } head, body { display: block; margin: 20px; padding: 10px; border: 2px dashed rgba(255, 255, 255, .4); border-radius: 10px; overflow-x: hidden; } head::before, body::before, head::after, body::after { display: block; color: rgba(255, 255, 255, .4); font: 26px/1.2 'Inconsolata', monospace; } head::before, body::before { margin-left: 10px; } head::after, body::after { margin-right: 10px; text-align: right; } head::before { content: '<head>'; } head::after { content: '</head>'; } body::before { content: '<body>'; } body::after { content: '</body>'; } meta[charset], meta[name][content], link, script { display: inline-block; margin: 10px; color: #fff; white-space: nowrap; font-size: 0; } meta::before, link::before, script::before, meta::after, link::after, script::after { display: inline-block; vertical-align: middle; padding: 10px; border: 2px solid #fff; font: 16px/1.2 'Inconsolata', monospace; } meta::before, link::before, script::before { border-right: none; border-radius: 10px 0 0 10px; background-color: #333; } meta::after, link::after, script::after { max-width: 400px; overflow: hidden; text-overflow: ellipsis; border-left: none; border-radius: 0 10px 10px 0; background-color: #666; } meta[charset]::before { counter-increment: metas; content: '<meta> #' counter(metas); } meta[charset]::after { content: 'charset="' attr(charset) '"'; } meta[name][content]::before { counter-increment: metas; content: '<meta> #' counter(metas); } meta[name][content]::after { content: 'name="' attr(name) '" content="' attr(content) '"'; } link[rel][href]::before { counter-increment: links; content: '<link> #' counter(links); } link[rel][href]::after { content: 'rel="' attr(rel) '" href="' attr(href) '"'; } script[src]::before { counter-increment: scripts; content: '<script> #' counter(scripts); } script[src]::after { content: 'src="' attr(src) '"'; } p { margin: 10px; font: 42px/1.2 'Roboto Condensed', sans-serif; } </style>
Comments (1)
Die Canvas Balken Uhr ist ja mal Fett