After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,9 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<browserconfig> |
|||
<msapplication> |
|||
<tile> |
|||
<square150x150logo src="assets/favicons/mstile-150x150.png"/> |
|||
<TileColor>#006666</TileColor> |
|||
</tile> |
|||
</msapplication> |
|||
</browserconfig> |
After Width: | Height: | Size: 450 B |
After Width: | Height: | Size: 693 B |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,18 @@ |
|||
{ |
|||
"name": "Unit", |
|||
"icons": [ |
|||
{ |
|||
"src": "assets/favicons/android-chrome-192x192.png", |
|||
"sizes": "192x192", |
|||
"type": "image/png" |
|||
}, |
|||
{ |
|||
"src": "assets/favicons/android-chrome-512x512.png", |
|||
"sizes": "512x512", |
|||
"type": "image/png" |
|||
} |
|||
], |
|||
"theme_color": "#006666", |
|||
"background_color": "#006666", |
|||
"display": "standalone" |
|||
} |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 4.0 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 309 KiB |
After Width: | Height: | Size: 385 KiB |
After Width: | Height: | Size: 349 KiB |
After Width: | Height: | Size: 316 KiB |
@ -0,0 +1,93 @@ |
|||
Copyright (c) 2013-2017, Jany Belluz (jany.belluz@hotmail.fr) |
|||
|
|||
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
|||
This license is copied below, and is also available with a FAQ at: |
|||
http://scripts.sil.org/OFL |
|||
|
|||
|
|||
----------------------------------------------------------- |
|||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
|||
----------------------------------------------------------- |
|||
|
|||
PREAMBLE |
|||
The goals of the Open Font License (OFL) are to stimulate worldwide |
|||
development of collaborative font projects, to support the font creation |
|||
efforts of academic and linguistic communities, and to provide a free and |
|||
open framework in which fonts may be shared and improved in partnership |
|||
with others. |
|||
|
|||
The OFL allows the licensed fonts to be used, studied, modified and |
|||
redistributed freely as long as they are not sold by themselves. The |
|||
fonts, including any derivative works, can be bundled, embedded, |
|||
redistributed and/or sold with any software provided that any reserved |
|||
names are not used by derivative works. The fonts and derivatives, |
|||
however, cannot be released under any other type of license. The |
|||
requirement for fonts to remain under this license does not apply |
|||
to any document created using the fonts or their derivatives. |
|||
|
|||
DEFINITIONS |
|||
"Font Software" refers to the set of files released by the Copyright |
|||
Holder(s) under this license and clearly marked as such. This may |
|||
include source files, build scripts and documentation. |
|||
|
|||
"Reserved Font Name" refers to any names specified as such after the |
|||
copyright statement(s). |
|||
|
|||
"Original Version" refers to the collection of Font Software components as |
|||
distributed by the Copyright Holder(s). |
|||
|
|||
"Modified Version" refers to any derivative made by adding to, deleting, |
|||
or substituting -- in part or in whole -- any of the components of the |
|||
Original Version, by changing formats or by porting the Font Software to a |
|||
new environment. |
|||
|
|||
"Author" refers to any designer, engineer, programmer, technical |
|||
writer or other person who contributed to the Font Software. |
|||
|
|||
PERMISSION & CONDITIONS |
|||
Permission is hereby granted, free of charge, to any person obtaining |
|||
a copy of the Font Software, to use, study, copy, merge, embed, modify, |
|||
redistribute, and sell modified and unmodified copies of the Font |
|||
Software, subject to the following conditions: |
|||
|
|||
1) Neither the Font Software nor any of its individual components, |
|||
in Original or Modified Versions, may be sold by itself. |
|||
|
|||
2) Original or Modified Versions of the Font Software may be bundled, |
|||
redistributed and/or sold with any software, provided that each copy |
|||
contains the above copyright notice and this license. These can be |
|||
included either as stand-alone text files, human-readable headers or |
|||
in the appropriate machine-readable metadata fields within text or |
|||
binary files as long as those fields can be easily viewed by the user. |
|||
|
|||
3) No Modified Version of the Font Software may use the Reserved Font |
|||
Name(s) unless explicit written permission is granted by the corresponding |
|||
Copyright Holder. This restriction only applies to the primary font name as |
|||
presented to the users. |
|||
|
|||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
|||
Software shall not be used to promote, endorse or advertise any |
|||
Modified Version, except to acknowledge the contribution(s) of the |
|||
Copyright Holder(s) and the Author(s) or with their explicit written |
|||
permission. |
|||
|
|||
5) The Font Software, modified or unmodified, in part or in whole, |
|||
must be distributed entirely under this license, and must not be |
|||
distributed under any other license. The requirement for fonts to |
|||
remain under this license does not apply to any document created |
|||
using the Font Software. |
|||
|
|||
TERMINATION |
|||
This license becomes null and void if any of the above conditions are |
|||
not met. |
|||
|
|||
DISCLAIMER |
|||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
|||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
|||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
|||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
|||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
|||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
|||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
|||
OTHER DEALINGS IN THE FONT SOFTWARE. |
@ -0,0 +1,44 @@ |
|||
@font-face { |
|||
font-family: 'Fantasque Sans Mono'; |
|||
src: url('FantasqueSansMono-Italic.eot'); /* IE 9 Compatibility Mode */ |
|||
src: url('FantasqueSansMono-Italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ |
|||
url('FantasqueSansMono-Italic.woff2') format('woff2'), |
|||
url('FantasqueSansMono-Italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ |
|||
url('FantasqueSansMono-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ |
|||
url('FantasqueSansMono-Italic.svg#FantasqueSansMono-Italic') format('svg'); /* Chrome < 4, Legacy iOS */ |
|||
font-weight: 400; |
|||
font-style: italic; |
|||
} |
|||
@font-face { |
|||
font-family: 'Fantasque Sans Mono'; |
|||
src: url('FantasqueSansMono-Regular.eot'); /* IE 9 Compatibility Mode */ |
|||
src: url('FantasqueSansMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ |
|||
url('FantasqueSansMono-Regular.woff2') format('woff2'), |
|||
url('FantasqueSansMono-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ |
|||
url('FantasqueSansMono-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ |
|||
url('FantasqueSansMono-Regular.svg#FantasqueSansMono-Regular') format('svg'); /* Chrome < 4, Legacy iOS */ |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
} |
|||
@font-face { |
|||
font-family: 'Fantasque Sans Mono'; |
|||
src: url('FantasqueSansMono-BoldItalic.eot'); /* IE 9 Compatibility Mode */ |
|||
src: url('FantasqueSansMono-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ |
|||
url('FantasqueSansMono-BoldItalic.woff2') format('woff2'), |
|||
url('FantasqueSansMono-BoldItalic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ |
|||
url('FantasqueSansMono-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ |
|||
url('FantasqueSansMono-BoldItalic.svg#FantasqueSansMono-BoldItalic') format('svg'); /* Chrome < 4, Legacy iOS */ |
|||
font-weight: 700; |
|||
font-style: italic; |
|||
} |
|||
@font-face { |
|||
font-family: 'Fantasque Sans Mono'; |
|||
src: url('FantasqueSansMono-Bold.eot'); /* IE 9 Compatibility Mode */ |
|||
src: url('FantasqueSansMono-Bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ |
|||
url('FantasqueSansMono-Bold.woff2') format('woff2'), |
|||
url('FantasqueSansMono-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ |
|||
url('FantasqueSansMono-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ |
|||
url('FantasqueSansMono-Bold.svg#FantasqueSansMono-Bold') format('svg'); /* Chrome < 4, Legacy iOS */ |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
} |
After Width: | Height: | Size: 5.4 KiB |
@ -0,0 +1,447 @@ |
|||
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ |
|||
|
|||
/* Document |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Correct the line height in all browsers. |
|||
* 2. Prevent adjustments of font size after orientation changes in |
|||
* IE on Windows Phone and in iOS. |
|||
*/ |
|||
|
|||
html { |
|||
line-height: 1.15; /* 1 */ |
|||
-ms-text-size-adjust: 100%; /* 2 */ |
|||
-webkit-text-size-adjust: 100%; /* 2 */ |
|||
} |
|||
|
|||
/* Sections |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Remove the margin in all browsers (opinionated). |
|||
*/ |
|||
|
|||
body { |
|||
margin: 0; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in IE 9-. |
|||
*/ |
|||
|
|||
article, |
|||
aside, |
|||
footer, |
|||
header, |
|||
nav, |
|||
section { |
|||
display: block; |
|||
} |
|||
|
|||
/** |
|||
* Correct the font size and margin on `h1` elements within `section` and |
|||
* `article` contexts in Chrome, Firefox, and Safari. |
|||
*/ |
|||
|
|||
h1 { |
|||
font-size: 2em; |
|||
margin: 0.67em 0; |
|||
} |
|||
|
|||
/* Grouping content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 9-. |
|||
* 1. Add the correct display in IE. |
|||
*/ |
|||
|
|||
figcaption, |
|||
figure, |
|||
main { /* 1 */ |
|||
display: block; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct margin in IE 8. |
|||
*/ |
|||
|
|||
figure { |
|||
margin: 1em 40px; |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in Firefox. |
|||
* 2. Show the overflow in Edge and IE. |
|||
*/ |
|||
|
|||
hr { |
|||
box-sizing: content-box; /* 1 */ |
|||
height: 0; /* 1 */ |
|||
overflow: visible; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
pre { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/* Text-level semantics |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Remove the gray background on active links in IE 10. |
|||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+. |
|||
*/ |
|||
|
|||
a { |
|||
background-color: transparent; /* 1 */ |
|||
-webkit-text-decoration-skip: objects; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-. |
|||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
|||
*/ |
|||
|
|||
abbr[title] { |
|||
border-bottom: none; /* 1 */ |
|||
text-decoration: underline; /* 2 */ |
|||
text-decoration: underline dotted; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6. |
|||
*/ |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: inherit; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font weight in Chrome, Edge, and Safari. |
|||
*/ |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
|
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: monospace, monospace; /* 1 */ |
|||
font-size: 1em; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font style in Android 4.3-. |
|||
*/ |
|||
|
|||
dfn { |
|||
font-style: italic; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct background and color in IE 9-. |
|||
*/ |
|||
|
|||
mark { |
|||
background-color: #ff0; |
|||
color: #000; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font size in all browsers. |
|||
*/ |
|||
|
|||
small { |
|||
font-size: 80%; |
|||
} |
|||
|
|||
/** |
|||
* Prevent `sub` and `sup` elements from affecting the line height in |
|||
* all browsers. |
|||
*/ |
|||
|
|||
sub, |
|||
sup { |
|||
font-size: 75%; |
|||
line-height: 0; |
|||
position: relative; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
/* Embedded content |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 9-. |
|||
*/ |
|||
|
|||
audio, |
|||
video { |
|||
display: inline-block; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in iOS 4-7. |
|||
*/ |
|||
|
|||
audio:not([controls]) { |
|||
display: none; |
|||
height: 0; |
|||
} |
|||
|
|||
/** |
|||
* Remove the border on images inside links in IE 10-. |
|||
*/ |
|||
|
|||
img { |
|||
border-style: none; |
|||
} |
|||
|
|||
/** |
|||
* Hide the overflow in IE. |
|||
*/ |
|||
|
|||
svg:not(:root) { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* Forms |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* 1. Change the font styles in all browsers (opinionated). |
|||
* 2. Remove the margin in Firefox and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
input, |
|||
optgroup, |
|||
select, |
|||
textarea { |
|||
font-family: sans-serif; /* 1 */ |
|||
font-size: 100%; /* 1 */ |
|||
line-height: 1.15; /* 1 */ |
|||
margin: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Show the overflow in IE. |
|||
* 1. Show the overflow in Edge. |
|||
*/ |
|||
|
|||
button, |
|||
input { /* 1 */ |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
|||
* 1. Remove the inheritance of text transform in Firefox. |
|||
*/ |
|||
|
|||
button, |
|||
select { /* 1 */ |
|||
text-transform: none; |
|||
} |
|||
|
|||
/** |
|||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` |
|||
* controls in Android 4. |
|||
* 2. Correct the inability to style clickable types in iOS and Safari. |
|||
*/ |
|||
|
|||
button, |
|||
html [type="button"], /* 1 */ |
|||
[type="reset"], |
|||
[type="submit"] { |
|||
-webkit-appearance: button; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner border and padding in Firefox. |
|||
*/ |
|||
|
|||
button::-moz-focus-inner, |
|||
[type="button"]::-moz-focus-inner, |
|||
[type="reset"]::-moz-focus-inner, |
|||
[type="submit"]::-moz-focus-inner { |
|||
border-style: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
/** |
|||
* Restore the focus styles unset by the previous rule. |
|||
*/ |
|||
|
|||
button:-moz-focusring, |
|||
[type="button"]:-moz-focusring, |
|||
[type="reset"]:-moz-focusring, |
|||
[type="submit"]:-moz-focusring { |
|||
outline: 1px dotted ButtonText; |
|||
} |
|||
|
|||
/** |
|||
* Correct the padding in Firefox. |
|||
*/ |
|||
|
|||
fieldset { |
|||
padding: 0.35em 0.75em 0.625em; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the text wrapping in Edge and IE. |
|||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
|||
* 3. Remove the padding so developers are not caught out when they zero out |
|||
* `fieldset` elements in all browsers. |
|||
*/ |
|||
|
|||
legend { |
|||
box-sizing: border-box; /* 1 */ |
|||
color: inherit; /* 2 */ |
|||
display: table; /* 1 */ |
|||
max-width: 100%; /* 1 */ |
|||
padding: 0; /* 3 */ |
|||
white-space: normal; /* 1 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct display in IE 9-. |
|||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. |
|||
*/ |
|||
|
|||
progress { |
|||
display: inline-block; /* 1 */ |
|||
vertical-align: baseline; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the default vertical scrollbar in IE. |
|||
*/ |
|||
|
|||
textarea { |
|||
overflow: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in IE 10-. |
|||
* 2. Remove the padding in IE 10-. |
|||
*/ |
|||
|
|||
[type="checkbox"], |
|||
[type="radio"] { |
|||
box-sizing: border-box; /* 1 */ |
|||
padding: 0; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Correct the cursor style of increment and decrement buttons in Chrome. |
|||
*/ |
|||
|
|||
[type="number"]::-webkit-inner-spin-button, |
|||
[type="number"]::-webkit-outer-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the odd appearance in Chrome and Safari. |
|||
* 2. Correct the outline style in Safari. |
|||
*/ |
|||
|
|||
[type="search"] { |
|||
-webkit-appearance: textfield; /* 1 */ |
|||
outline-offset: -2px; /* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. |
|||
*/ |
|||
|
|||
[type="search"]::-webkit-search-cancel-button, |
|||
[type="search"]::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inability to style clickable types in iOS and Safari. |
|||
* 2. Change font properties to `inherit` in Safari. |
|||
*/ |
|||
|
|||
::-webkit-file-upload-button { |
|||
-webkit-appearance: button; /* 1 */ |
|||
font: inherit; /* 2 */ |
|||
} |
|||
|
|||
/* Interactive |
|||
========================================================================== */ |
|||
|
|||
/* |
|||
* Add the correct display in IE 9-. |
|||
* 1. Add the correct display in Edge, IE, and Firefox. |
|||
*/ |
|||
|
|||
details, /* 1 */ |
|||
menu { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Add the correct display in all browsers. |
|||
*/ |
|||
|
|||
summary { |
|||
display: list-item; |
|||
} |
|||
|
|||
/* Scripting |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 9-. |
|||
*/ |
|||
|
|||
canvas { |
|||
display: inline-block; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in IE. |
|||
*/ |
|||
|
|||
template { |
|||
display: none; |
|||
} |
|||
|
|||
/* Hidden |
|||
========================================================================== */ |
|||
|
|||
/** |
|||
* Add the correct display in IE 10-. |
|||
*/ |
|||
|
|||
[hidden] { |
|||
display: none; |
|||
} |
@ -0,0 +1,350 @@ |
|||
@import url('../fonts/fantastique-sans/stylesheet.css'); |
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* GENERAL * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
html { |
|||
box-sizing: border-box; |
|||
font-family: 'Fantasque Sans Mono', monospace; |
|||
} |
|||
|
|||
*, *:before, *:after { |
|||
box-sizing: inherit; |
|||
} |
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* PAGE * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
body { |
|||
margin: auto; |
|||
padding: 2rem 0.5rem; |
|||
} |
|||
|
|||
.main-container |
|||
{ |
|||
width:46rem; |
|||
font-weight: normal; |
|||
margin: auto; |
|||
} |
|||
|
|||
.main-container.home |
|||
{ |
|||
width:20rem; |
|||
margin: auto; |
|||
} |
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* HEADER * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
header { |
|||
margin-bottom: 2rem; |
|||
} |
|||
|
|||
header > img, |
|||
header > h1 { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
header > img { |
|||
width: 4rem; |
|||
margin-right: 1rem; |
|||
} |
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* NAVBAR * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
nav { |
|||
margin-bottom: 2rem; |
|||
} |
|||
|
|||
nav > ul { |
|||
display: block; |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
|
|||
nav > ul > li { |
|||
display: inline-block; |
|||
margin-right: 0.8rem; |
|||
color: #378ab4; |
|||
} |
|||
|
|||
nav > ul > li:before { |
|||
content: "+"; |
|||
margin-right: 0.3rem; |
|||
color: #000000; |
|||
} |
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* TEXT * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
|
|||
h1 { |
|||
margin-top: 0; |
|||
margin-bottom: 0.3rem; |
|||
font-size: 4rem; |
|||
} |
|||
|
|||
h2 |
|||
{ |
|||
font-size:1.15rem; |
|||
color: #ffffff; |
|||
background: #378ab4; |
|||
display:inline-block; |
|||
font-weight:400; |
|||
margin: 1rem 0; |
|||
} |
|||
|
|||
p, li { |
|||
font-size: 1.3rem; |
|||
} |
|||
|
|||
p { |
|||
margin-bottom: 2rem; |
|||
} |
|||
|
|||
|
|||
p > * { |
|||
padding: 0; |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
color: inherit; |
|||
} |
|||
|
|||
a:hover { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
p > a{ |
|||
color: #ffffff; |
|||
background: #378ab4; |
|||
padding-bottom: 0.1rem; |
|||
} |
|||
|
|||
p > strong, li > strong { |
|||
background: #000000; |
|||
color: #ffffff; |
|||
margin: 0; |
|||
padding: 0.1rem 0; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* ASCII * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
.letterhead |
|||
{ |
|||
margin-bottom: 2rem; |
|||
display:table; |
|||
width:100% !important; |
|||
font-size:1.1rem; |
|||
} |
|||
|
|||
|
|||
.letterhead > span.ascii, span.ascii |
|||
{ |
|||
white-space: pre-wrap; |
|||
background: #000000; |
|||
color: #ffffff; |
|||
font-weight:700; |
|||
/*outline: 3px solid #000000;*/ |
|||
position: relative; |
|||
line-height: 1; |
|||
color: #fff; |
|||
display: inline; |
|||
border: 0 solid #000; |
|||
border-width: 0.15em 0; /* 0.25em is roughly equal to one space character. */ |
|||
|
|||
} |
|||
|
|||
.letterhead > span.ascii:after, span.ascii:after{ |
|||
background-color: #000; |
|||
} |
|||
|
|||
.letterhead > span.ascii:after, span.ascii:after |
|||
{ |
|||
content: ""; |
|||
position: absolute; |
|||
top: -0.1em; |
|||
right: 100%; |
|||
bottom: -0.1em; |
|||
width: 0.1em; |
|||
} |
|||
|
|||
|
|||
|
|||
.letterhead > span.ascii.shadow, span.ascii.shadow |
|||
{ |
|||
text-shadow: |
|||
0 1px #378ab4, |
|||
1px 0 #5dabcd, |
|||
1px 2px #378ab4, |
|||
2px 1px #5dabcd, |
|||
2px 3px #378ab4, |
|||
3px 2px #5dabcd, |
|||
3px 4px #378ab4, |
|||
4px 3px #5dabcd, |
|||
4px 5px #378ab4, |
|||
5px 4px #5dabcd, |
|||
5px 6px #378ab4, |
|||
6px 5px #5dabcd, |
|||
6px 7px #378ab4, |
|||
7px 6px #5dabcd, |
|||
7px 8px #378ab4, |
|||
8px 7px #5dabcd; |
|||
/*outline: 12px solid #000000;*/ |
|||
} |
|||
|
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* COLUMNS FESTIVAL * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
p.festival |
|||
{ |
|||
font-size:0.9rem; |
|||
margin-bottom:1rem; |
|||
} |
|||
|
|||
p.festival > strong |
|||
{ |
|||
font-size:1.1rem; |
|||
text-align:center; |
|||
} |
|||
|
|||
.col-pagination p |
|||
{ |
|||
font-size:0.9rem; |
|||
margin-bottom:1rem; |
|||
} |
|||
|
|||
.col-pagination p.room |
|||
{ |
|||
font-size:0.9rem; |
|||
margin:0.5rem 0; |
|||
} |
|||
|
|||
.col-pagination li |
|||
{ |
|||
font-size:0.9rem; |
|||
margin-bottom:0.3rem; |
|||
} |
|||
|
|||
.col-pagination li > strong |
|||
{ |
|||
font-size:1rem; |
|||
text-align:center; |
|||
} |
|||
|
|||
|
|||
|
|||
.col-pagination |
|||
{ |
|||
display:flex; |
|||
display: -webkit-flex; |
|||
} |
|||
|
|||
.col |
|||
{ |
|||
-webkit-flex: 1; |
|||
flex: 1; |
|||
padding-right: 5%; |
|||
} |
|||
|
|||
.col.last{ |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.col p.room span.ascii |
|||
{ |
|||
margin-right:10px; |
|||
} |
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* FOOTER * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
footer { |
|||
font-weight: normal; |
|||
text-align:left; |
|||
margin-top: -3.5rem; |
|||
} |
|||
|
|||
footer > img, |
|||
footer > h1 { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
footer > h1, footer a { |
|||
font-size:2rem; |
|||
} |
|||
|
|||
footer > img { |
|||
width: 2.5rem; |
|||
margin-right: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * |
|||
* MEDIA QUERY * |
|||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ |
|||
|
|||
@media(max-width:768px){ |
|||
.main-container{ |
|||
width:98% !important; |
|||
padding:0 2%; |
|||
} |
|||
|
|||
.main-container.home |
|||
{ |
|||
width:20rem !important; |
|||
} |
|||
|
|||
.letterhead |
|||
{ |
|||
font-size:0.9rem; |
|||
} |
|||
} |
|||
|
|||
@media(max-width:635px){ |
|||
.col-pagination |
|||
{ |
|||
display:block; |
|||
} |
|||
.col |
|||
{ |
|||
width:100% !important; |
|||
padding: 0; |
|||
} |
|||
|
|||
.letterhead |
|||
{ |
|||
font-size:0.45rem; |
|||
} |
|||
footer { |
|||
|
|||
margin-top: 2rem; |
|||
} |
|||
|
|||
} |
|||
|