Compare commits
No commits in common. "2c56b628c40f01831cc5615bbd31232524630d20" and "dd06c4c7aebc1bb2f848cc6d829f0a670917746b" have entirely different histories.
2c56b628c4
...
dd06c4c7ae
|
|
@ -1,35 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>freibier.cc</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./style/freibier.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="header">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
|
||||
<ul class="menu">
|
||||
<li><a href="/mhd/">Rezepte</a></li>
|
||||
<li><a href="/shop/">Shop</a></li>
|
||||
<li><a href="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="index.html">
|
||||
<div class="logo">
|
||||
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
|
||||
<div class="centered">frei gebraut – frei verfügbar – frei verkäuflich</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
|
||||
<div class="container">
|
||||
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
|
||||
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
|
||||
|
|
@ -93,8 +74,6 @@ widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@frei
|
|||
<p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
77
datenschutz.html.save
Normal file
77
datenschutz.html.save
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>freibier.cc</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/hk-grotesk" type="text/css"/>
|
||||
<link rel="stylesheet" href="./style/freibier.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w_300dpi.png" alt="freibier.cc" class="center"></a>
|
||||
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
|
||||
<h2>Grundlegendes</h2>
|
||||
<p>
|
||||
Diese Datenschutzerklärung soll die Nutzer dieser Website über die Art, den Umfang und den Zweck der Erhebung und Verwendung personenbezogener
|
||||
Daten durch den Websitebetreiber [info@freibier.cc] informieren. Der Websitebetreiber nimmt Ihren Datenschutz sehr ernst und
|
||||
behandelt Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Vorschriften. Da durch neue Technologien und die ständige
|
||||
Weiterentwicklung dieser Webseite Änderungen an dieser Datenschutzerklärung vorgenommen werden können, empfehlen wir Ihnen sich die
|
||||
Datenschutzerklärung in regelmäßigen Abständen wieder durchzulesen. Definitionen der verwendeten Begriffe (z.B. “personenbezogene Daten”
|
||||
oder “Verarbeitung”) finden Sie in Art. 4 DSGVO.
|
||||
</p>
|
||||
|
||||
<h2>Zugriffsdaten</h2>
|
||||
<p>
|
||||
Wir, der Websitebetreiber bzw. Seitenprovider, erheben aufgrund unseres
|
||||
berechtigten Interesses (s. Art. 6 Abs. 1 lit. f. DSGVO) Daten über Zugriffe auf die Website und speichern diese als „Server-Logfiles“ auf
|
||||
dem Server der Website ab. Folgende Daten werden so protokolliert:<br />
|
||||
-Besuchte Website<br />
|
||||
-Uhrzeit zumZeitpunkt des Zugriffes<br />
|
||||
-Menge der gesendeten Daten in Byte<br />
|
||||
-Quelle/Verweis, von welchem Sie auf die Seite gelangten<br />
|
||||
-Verwendeter Browser<br />
|
||||
-Verwendetes Betriebssystem<br />
|
||||
-Verwendete IP-Adresse<br />
|
||||
Die Server Logfiles werden für maximal 7 Tage gespeichert und anschließend gelöscht. Die Speicherung der Daten erfolgt um z. B. Missbrauchsfälle
|
||||
aufklären zu können. Müssen Daten aus Beweisgründen aufgehoben werden, sind sie solange von der Löschung ausgenommen bis der Vorfall
|
||||
endgültig geklärt ist.
|
||||
</p>
|
||||
|
||||
<h2>Umgang mit Kontaktdaten</h2>
|
||||
<p>
|
||||
Nehmen Sie mit uns als Websitebetreiber durch die angebotenen Kontaktmöglichkeiten Verbindung auf, werden Ihre Angaben gespeichert, damit
|
||||
auf diese zur Bearbeitung und Beantwortung Ihrer Anfrage zurückgegriffen werden kann. Ohne Ihre Einwilligung werden diese Daten nicht an
|
||||
Dritte weitergegeben
|
||||
</p>
|
||||
|
||||
<h2>Rechte des Nutzers</h2>
|
||||
<p>
|
||||
Sie haben als Nutzer das Recht, auf Antrag eine kostenlose Auskunft darüber zu erhalten, welche personenbezogenen Daten über Sie gespeichert
|
||||
wurden. Sie haben außerdem das Recht auf Berichtigung falscher Daten und auf die Verarbeitungseinschränkung oder Löschung Ihrer
|
||||
personenbezogenen Daten. Falls zutreffend, können Sie auch Ihr Recht auf Datenportabilität geltend machen. Sollten Sie annehmen, dass Ihre
|
||||
Daten unrechtmäßig verarbeitet wurden, können Sie eine Beschwerde bei der zuständigen Aufsichtsbehörde einreichen.
|
||||
</p>
|
||||
<h2>Löschung von Daten</h2>
|
||||
<p>
|
||||
Sofern Ihr Wunsch nicht mit einer gesetzlichen Pflicht zur Aufbewahrung von Daten (z. B. Vorratsdatenspeicherung) kollidiert, haben Sie ein
|
||||
Anrecht auf Löschung Ihrer Daten. Von uns gespeicherte Daten werden, sollten sie für ihre Zweckbestimmung nicht mehr vonnöten sein und es
|
||||
keine gesetzlichen Aufbewahrungsfristen geben, gelöscht. Falls eine Löschung nicht durchgeführt werden kann, da die Daten für zulässige
|
||||
gesetzliche Zwecke erforderlich sind, erfolgt eine Einschränkung der Datenverarbeitung. In diesem Fall werden die Daten gesperrt und nicht
|
||||
für andere Zwecke verarbeitet.
|
||||
</p>
|
||||
|
||||
<h2>Widerspruchsrecht</h2>
|
||||
<p>
|
||||
Nutzer dieser Webseite können von ihrem Widerspruchsrecht Gebrauch machen und der Verarbeitung ihrer personenbezogenen Daten zu jeder
|
||||
Zeit widersprechen. Wenn Sie eine Berichtigung, Sperrung, Löschung oder Auskunft über die zu Ihrer Person gespeicherten personenbezogenen Daten
|
||||
wünschen oder Fragen bzgl. der Erhebung, Verarbeitung oder Verwendung Ihrer personenbezogenen Daten haben oder erteilte Einwilligungen
|
||||
widerrufen möchten, wenden Sie sich bitte an folgende E-Mail-Adresse: info@freibier.cc
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -5,32 +5,13 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>freibier.cc</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./style/freibier.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="header">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
|
||||
<ul class="menu">
|
||||
<li><a href="/mhd/">Rezepte</a></li>
|
||||
<li><a href="/shop/">Shop</a></li>
|
||||
<li><a href="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<a href="index.html">
|
||||
<div class="logo">
|
||||
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
|
||||
<div class="centered">frei gebraut – frei verfügbar – frei verkäuflich</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<div class="wrapper">
|
||||
<a href="https://freibier.cc/index.html"><img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center"></a>
|
||||
|
||||
<h1>Impressum</h1>
|
||||
|
||||
|
|
@ -56,11 +37,7 @@
|
|||
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
|
||||
|
||||
<p>Quelle: <a href="https://www.e-recht24.de">e-recht24.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
48
index.html
48
index.html
|
|
@ -5,49 +5,15 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>freibier.cc</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" media="screen" href="https://test.freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" media="screen" href="https://freibier.cc/style/fonts/HKGrotesk_2466/hk-grotesk.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="./style/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./style/freibier.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
|
||||
<div class="header">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
|
||||
<ul class="menu">
|
||||
<li><a href="/mhd/">Rezepte</a></li>
|
||||
<li><a href="/shop/">Shop</a></li>
|
||||
<li><a href="/diveers/">Wer wir sind</a></li>
|
||||
<li><a href="/blog/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="logo">
|
||||
<img src="img/logo_freibier_cc_w.svg" alt="freibier.cc">
|
||||
<div class="centered">frei gebraut – frei verfügbar – frei verkäuflich</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="column left">
|
||||
<h2>Willkommen bei Freibier.cc</h2>
|
||||
<p>Wir sind zwei Regensburger Brauer, die es sich zur Aufgabe gemacht haben freies Bier zu brauen. Das heißt, wir veröffentlichen alle unsere Rezepte und Protokolle online.</p>
|
||||
<p>Hier kannst Du nachschauen, welche Rohstoffe wir für welches Bier verwendet haben: Welches Malz, welcher Hopfen, welcher Hefestamm und wieviel genau wovon.
|
||||
Du kannst jedes unserer Rezepte auch selbst nachbrauen. Scanne einfach den Code auf einer unserer Flaschen, oder folge dem Link auf der Flasche
|
||||
(zusammengesetzt aus <a href="https://frbr.cc/mhd/">https://frbr.cc/mhd/</a> und dem Mindesthaltbarkeitsdatum),
|
||||
und Du erfährst chargengenau, wie Dein Bier gebraut wurde.</p>
|
||||
<p>Ein Programmierer würde sagen unser Produkt ist open source. <br />
|
||||
Ein Verbraucherschützer würde es transparent nennen. <br />
|
||||
Wir sagen es ist frei: frei gebraut - frei verfügbar - frei verkäuflich. Und lecker!</p>
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
</div>
|
||||
<div class="column right">
|
||||
<h2>Brauen im Waschraum <br /> - wie alles begann </h2>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<img src="logo_freibier_cc_w.svg" alt="freibier.cc" class="center">
|
||||
<h1 class="title text-center">frei gebraut – frei verfügbar – nicht gratis</h1>
|
||||
<div class="footer"><p><a href="impressum.html">Impressum</a> <a href="datenschutz.html">Datenschutzerklärung</a></p></div>
|
||||
</div>
|
||||
</body>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
4047
style/bootstrap/css/bootstrap-grid.css
vendored
Normal file
4047
style/bootstrap/css/bootstrap-grid.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/css/bootstrap-grid.css.map
Normal file
1
style/bootstrap/css/bootstrap-grid.css.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/css/bootstrap-grid.min.css
vendored
Normal file
7
style/bootstrap/css/bootstrap-grid.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/css/bootstrap-grid.min.css.map
Normal file
1
style/bootstrap/css/bootstrap-grid.min.css.map
Normal file
File diff suppressed because one or more lines are too long
432
style/bootstrap/css/bootstrap-reboot.css
vendored
Normal file
432
style/bootstrap/css/bootstrap-reboot.css
vendored
Normal file
|
|
@ -0,0 +1,432 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2020 The Bootstrap Authors
|
||||
* Copyright 2011-2020 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus:not(:focus-visible) {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
background-color: currentColor;
|
||||
border: 0;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
hr:not([size]) {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.2em;
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0d6efd;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0a58ca;
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: #d63384;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.2rem 0.4rem;
|
||||
font-size: 0.875em;
|
||||
color: #fff;
|
||||
background-color: #212529;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
[list]::-webkit-calendar-picker-indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button:not(:disabled),
|
||||
[type="button"]:not(:disabled),
|
||||
[type="reset"]:not(:disabled),
|
||||
[type="submit"]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
legend + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
1
style/bootstrap/css/bootstrap-reboot.css.map
Normal file
1
style/bootstrap/css/bootstrap-reboot.css.map
Normal file
File diff suppressed because one or more lines are too long
8
style/bootstrap/css/bootstrap-reboot.min.css
vendored
Normal file
8
style/bootstrap/css/bootstrap-reboot.min.css
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v5.0.0-alpha2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2020 The Bootstrap Authors
|
||||
* Copyright 2011-2020 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#024dbc}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
1
style/bootstrap/css/bootstrap-reboot.min.css.map
Normal file
1
style/bootstrap/css/bootstrap-reboot.min.css.map
Normal file
File diff suppressed because one or more lines are too long
3676
style/bootstrap/css/bootstrap-utilities.css
vendored
Normal file
3676
style/bootstrap/css/bootstrap-utilities.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/css/bootstrap-utilities.css.map
Normal file
1
style/bootstrap/css/bootstrap-utilities.css.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/css/bootstrap-utilities.min.css
vendored
Normal file
7
style/bootstrap/css/bootstrap-utilities.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/css/bootstrap-utilities.min.css.map
Normal file
1
style/bootstrap/css/bootstrap-utilities.min.css.map
Normal file
File diff suppressed because one or more lines are too long
10073
style/bootstrap/css/bootstrap.css
vendored
Normal file
10073
style/bootstrap/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/css/bootstrap.css.map
Normal file
1
style/bootstrap/css/bootstrap.css.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/css/bootstrap.min.css
vendored
Normal file
7
style/bootstrap/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/css/bootstrap.min.css.map
Normal file
1
style/bootstrap/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
7656
style/bootstrap/js/bootstrap.bundle.js
vendored
Normal file
7656
style/bootstrap/js/bootstrap.bundle.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/js/bootstrap.bundle.js.map
Normal file
1
style/bootstrap/js/bootstrap.bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.bundle.min.js
vendored
Normal file
7
style/bootstrap/js/bootstrap.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/js/bootstrap.bundle.min.js.map
Normal file
1
style/bootstrap/js/bootstrap.bundle.min.js.map
Normal file
File diff suppressed because one or more lines are too long
5016
style/bootstrap/js/bootstrap.esm.js
vendored
Normal file
5016
style/bootstrap/js/bootstrap.esm.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/js/bootstrap.esm.js.map
Normal file
1
style/bootstrap/js/bootstrap.esm.js.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.esm.min.js
vendored
Normal file
7
style/bootstrap/js/bootstrap.esm.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/js/bootstrap.esm.min.js.map
Normal file
1
style/bootstrap/js/bootstrap.esm.min.js.map
Normal file
File diff suppressed because one or more lines are too long
5046
style/bootstrap/js/bootstrap.js
vendored
Normal file
5046
style/bootstrap/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
1
style/bootstrap/js/bootstrap.js.map
Normal file
1
style/bootstrap/js/bootstrap.js.map
Normal file
File diff suppressed because one or more lines are too long
7
style/bootstrap/js/bootstrap.min.js
vendored
Normal file
7
style/bootstrap/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
style/bootstrap/js/bootstrap.min.js.map
Normal file
1
style/bootstrap/js/bootstrap.min.js.map
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,39 +1,39 @@
|
|||
@font-face {
|
||||
font-family: 'HKGroteskBold';
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff2') format('woff2');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.eot') format('eot');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.svg') format('svg');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff') format('woff');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Bold.woff2') format('woff2');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'HKGroteskBoldItalic';
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff2') format('woff2');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.eot') format('eot');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.svg') format('svg');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff') format('woff');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-BoldItalic.woff2') format('woff2');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'HKGroteskItalic';
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff2') format('woff2');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.eot') format('eot');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.svg') format('svg');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff') format('woff');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Italic.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'HKGroteskRegular';
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff');
|
||||
src: url('https://test.freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.eot') format('eot');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.svg') format('svg');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff') format('woff');
|
||||
src: url('https://freibier.cc/style/fonts/HKGrotesk_2466/WEB/HKGrotesk-Regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,41 +1,40 @@
|
|||
body {background: #E8E8E8;
|
||||
body {background: grey;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%;}
|
||||
p {color: black;
|
||||
p {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%;
|
||||
display: block; }
|
||||
h1 {color: black;
|
||||
h1 {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-size: 150%;}
|
||||
h2 {color: black;
|
||||
h2 {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-size: 130%;
|
||||
text-transform: uppercase;}
|
||||
h3 {color: black;
|
||||
font-size: 130%; }
|
||||
h3 {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-size: 110%; }
|
||||
a:link {text-decoration: none; font-family: 'HKGroteskBold'; color: fuchsia; }
|
||||
a:visited {text-decoration: none;font-family: 'HKGroteskBold'; color: purple; }
|
||||
a:hover {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
|
||||
a:active {text-decoration: none; font-family: 'HKGroteskBold'; color: navy; }
|
||||
td {color: black;
|
||||
a:link { text-decoration: underline; color: white; }
|
||||
a:visited { text-decoration: underline; color: white; }
|
||||
a:hover { text-decoration: underline; color: navy; }
|
||||
a:active { text-decoration: underline; color: fuchsia; }
|
||||
td {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%;
|
||||
text-align: left; }
|
||||
th {color: black;
|
||||
th {color: white;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
|
@ -51,224 +50,18 @@ pre {color: grey;
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%; }
|
||||
#wrapper {background: white;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
.wrapper {background: grey;
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em;
|
||||
display: block; }
|
||||
.center {display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 80%;}
|
||||
.footer {position: static;
|
||||
width: 70%;}
|
||||
.footer {position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: grey;
|
||||
width: 100%;
|
||||
background-color: grey;
|
||||
color: white;
|
||||
text-align: center;}
|
||||
|
||||
.footer a:link { text-decoration: none; color: white; }
|
||||
.footer a:visited { text-decoration: none; color: white; }
|
||||
.footer a:hover { text-decoration: underline; color: navy; }
|
||||
.footer a:active { text-decoration: underline; color: fuchsia; }
|
||||
|
||||
.logo {
|
||||
background-color: grey;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;}
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 42%;
|
||||
padding-left: 15%;
|
||||
padding-right: 8%;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 15%;
|
||||
padding-left: 5%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
|
||||
/* Clear floats after the columns */
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Centered text */
|
||||
.centered {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 2vw;
|
||||
color: lime;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
/* header */
|
||||
|
||||
.header {
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
|
||||
position: relative;
|
||||
width: inherit;
|
||||
color: black;
|
||||
font-family: 'HKGroteskRegular';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 100%;
|
||||
padding:0px;
|
||||
}
|
||||
|
||||
.header ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.header li a {
|
||||
font-family: 'HKGroteskRegular';
|
||||
display: block;
|
||||
padding: 1em 1em;
|
||||
border-right: 1px solid #f4f4f4;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.header li a:hover,
|
||||
.header .menu-btn:hover {
|
||||
font-family: 'HKGroteskRegular';
|
||||
background-color: #f4f4f4;
|
||||
text-decoration: underline; color: navy;
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 2em;
|
||||
padding: 2em 10em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* menu */
|
||||
|
||||
.header .menu {
|
||||
clear: both;
|
||||
max-height: 0;
|
||||
transition: max-height .2s ease-out;
|
||||
}
|
||||
|
||||
/* menu icon */
|
||||
|
||||
.header .menu-icon {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
padding: 28px 20px;
|
||||
position: relative;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.header .menu-icon .navicon {
|
||||
background: #333;
|
||||
display: block;
|
||||
height: 2px;
|
||||
position: relative;
|
||||
transition: background .2s ease-out;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.header .menu-icon .navicon:before,
|
||||
.header .menu-icon .navicon:after {
|
||||
background: #333;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
transition: all .2s ease-out;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .menu-icon .navicon:before {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.header .menu-icon .navicon:after {
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
/* menu btn */
|
||||
|
||||
.header .menu-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .menu-btn:checked ~ .menu {
|
||||
max-height: 240px;
|
||||
}
|
||||
|
||||
.header .menu-btn:checked ~ .menu-icon .navicon {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.header .menu-btn:checked ~ .menu-icon .navicon:before {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.header .menu-btn:checked ~ .menu-icon .navicon:after {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
|
||||
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 54em) {
|
||||
.header li {
|
||||
float: left;
|
||||
}
|
||||
.header li a {
|
||||
color: black;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
.header .menu {
|
||||
clear: none;
|
||||
float: right;
|
||||
max-height: none;
|
||||
}
|
||||
.header .menu-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 54em) {
|
||||
.column {
|
||||
width: 94%;
|
||||
}
|
||||
.centered {
|
||||
display: none;
|
||||
}
|
||||
.left{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
}
|
||||
.right{
|
||||
padding-left: 3%;
|
||||
padding-right: 3%;
|
||||
}
|
||||
#wrapper{
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue