<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&gt;
&lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;pre&gt;&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
&amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;gt;
&amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;gt;
&amp;lt;/head&amp;gt;
&amp;lt;body&amp;gt;
&amp;lt;pre&amp;gt;&amp;amp;lt;html&amp;amp;gt;
&amp;amp;lt;head&amp;amp;gt;
&amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;gt;
&amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;gt;
&amp;amp;lt;/head&amp;amp;gt;
&amp;amp;lt;body&amp;amp;gt;
&amp;amp;lt;pre&amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;
&amp;amp;amp;lt;head&amp;amp;amp;gt;
&amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;gt;
&amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;gt;
&amp;amp;amp;lt;/head&amp;amp;amp;gt;
&amp;amp;amp;lt;body&amp;amp;amp;gt;
&amp;amp;amp;lt;pre&amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;body&amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;lt;pre&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;meta http-equiv="content-type" content="text/html; charset=windows-1252"&amp;amp;amp;amp;amp;amp;amp;gt;
&amp;amp;amp;amp;amp;amp;amp;lt;link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines"&amp;amp;amp;amp;amp;amp;amp;gt;/*
* Made by Erik Terwan
* 24th of November 2015
* MIT License
*
*
*/&amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;br&amp;amp;amp;amp;amp;amp;gt;
***
/* charpentier sans std */
@font-face {
font-family: 'charpentier_sans_std45_lger';
src: url('webfont/webfontkit-charpentier/CharpentierSansStd-Lger.eot') format('embedded-opentype'), /* IE6-IE8 */
src: local('Charpentier Sans Std'), local('charpentiersansstd45'),
url('webfont/webfontkit-charpentier/charpentiersansstd_45leger-webfont.woff2') format('woff2'),
url('webfont/webfontkit-charpentier/charpentiersansstd_45leger-webfont.woff') format('woff');
url('webfont/webfontkit-charpentier/CharpentierSansStd_45Leger.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont/CharpentierSansStd-Lger.svg.svg#Charpentiersansstd') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'charpentier_san46lgeritalique';
src: url('webfont/webfontkit-charpentier/charpentiersansstd_46legerit-webfont.woff2') format('woff2'),
url('webfont/webfontkit-charpentier/charpentiersansstd_46legerit-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: url('webfont/roboto-v20-latin-100italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
url('webfont/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
url('webfont/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont/roboto-v20-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('webfont/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
src: local('Roboto Light'), local('Roboto-Light'),
url('webfont/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
url('webfont/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('webfont/roboto-v20-latin-100.eot'); /* IE9 Compat Modes */
src: local('Roboto Thin'), local('Roboto-Thin'),
url('webfont/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont/roboto-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont/roboto-v20-latin-100.woff') format('woff'), /* Modern Browsers */
url('webfont/roboto-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont/roboto-v20-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('wtflindapense/webfont/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url('webfont/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
url('webfont/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
meter, progress, output {
max-width: 100%;
}
***
body {
margin: 0;
padding: 00;
/* make it look decent enough */
background: #232323;
color: #cdcdcd;
font-family: 'Charpentier Sans Std';
}
.header {font-family: 'Charpentier Sans Std';
font-size: 24px;
position: absolute;
top: 20px;
left: 5px;
color: #252525;
}
a.header:hover {
-webkit-animation: colorchange .7s infinite alternate;
color: #f0feed;
}
@-webkit-keyframes colorchange {
0% {
color: #f0feed;
}
10% {
color: #e8fee4;
}
20% {
color: #f0feed;
}
30% {
color: #f0feed;
}
40% {
color: #e8fee4;
}
50% {
color: #e8fee4;
}
60% {
color: #f0feed;
}
70% {
color: #e8fee4;
}
80% {
color: #f0feed;
}
90% {
color: #e8fee4;
}
100% {
color: #f0feed;
}
}
a.impressum:hover {
-webkit-animation: colorchange .7s infinite alternate;
color: #0bed00;
}
@-webkit-keyframes colorchange {
0% {
color: #12e008;
}
10% {
color: #0bed00;
}
20% {
color: #12e008;
}
30% {
color: #12e008;
}
40% {
color: #0bed00;
}
50% {
color: #0bed00;
}
60% {
color: #12e008;
}
70% {
color: #0bed00;
}
80% {
color: #12e008;
}
90% {
color: #0bed00;
}
100% {
color: #12e008;
}
}
<br>#printslink {
cursor: url(lindapense.de/images/favicon.png), auto;
}
.imgbox {
max-width: 100%;
height: auto;<br>
}
.center-fit {
max-width: 99%;
max-height: 100vh;
margin: auto;<br>
}
.gif {
padding-top: 62.5%; /* 8:5 Aspect Ratio (divide 5 by 8 = 0.625) */
}
.text {
max-width: 750px;
font-family: 'Charpentier Sans Std';
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.015em;
}
.text2 {
max-width: 850px;
font-family: 'Charpentier Sans Std';
font-size: 16px;&amp;lt;br&amp;gt;letter-spacing: 0.1px;
}
.text3 {
max-width: 850px;
font-family: 'Charpentier Sans Std';
font-size: 14px;
line-height: 1.2;
}
.text4 {
max-width: 640px;
font-family: 'Charpentier Sans Std';
font-size: 16px;
line-height: 1.05;
letter-spacing: 0.018em;
}
.text5 {
max-width: 850px;
font-family: 'Charpentier Sans Std';
font-size: 15px;
line-height: 1;
letter-spacing: 0.017em;
}
h1 {
font-size: 18px;
letter-spacing: 0.015em;
}
h2 {
font-size: 15px;
letter-spacing: 0.015em;
}
h2, p {display:inline;}
a {
text-decoration: none;
color:#000000;
transition: color 0.1s ease;
}
.navmenu { text-decoration: none;
color:#000000;
letter-spacing: .04em;
transition: text-shadow .4s;
transition: color 0.3s ease;
}
.navmenu:hover {
color: #000;
text-shadow: 0 0 .9px #0bed00, 0 0 .9px #7dff68;
}
#menuToggle {
display: block;
position: relative;
top: 50px;
left: 50px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input {
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
/*
* Just a quick hamburger
*/
#menuToggle span {
display: block;
width: 25px;
height: 3px;
margin-bottom: 5px;
position: relative;
background: #ededed;
border-radius: 2px;
z-index: 1;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s
cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span {
opacity: 1;
transform: rotate(45deg) translate(0px, 2px);
background: #232323;
}
/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
}
/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu {
position: absolute; top:0px;
width: 230px;
height:327px;
margin: -100px 0 0 -57px;
padding: 55px;
padding-top: 145px;
background: #f4f4f4;
font-family: 'Roboto'; 'Helvetica'; sans serif;
font-weight: lighter;
color: #404040;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(-100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#menu li {
padding: 10px 0;
font-size: 19px;
}
/*
* And let's slide it in from the left
*/
#menuToggle input:checked ~ ul {
transform: none;&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;
}&amp;amp;amp;amp;lt;/pre&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/body&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/html&amp;amp;amp;amp;gt;
&amp;amp;amp;lt;/pre&amp;amp;amp;gt;
&amp;amp;amp;lt;/body&amp;amp;amp;gt;
&amp;amp;amp;lt;/html&amp;amp;amp;gt;
&amp;amp;lt;/pre&amp;amp;gt;
&amp;amp;lt;/body&amp;amp;gt;
&amp;amp;lt;/html&amp;amp;gt;
&amp;lt;/pre&amp;gt;
&amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;
&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
</body>
</html>
</pre>
</body>
</html>