hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit 313db9c87d7ea2b1c5e8e54a706a00ada4baf56b
parent d061aac7f171ba57e844efbfc00cd72b2ec070f7
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sun,  4 Dec 2016 08:28:31 -0500

Add a new css

Diffstat:
Astatic/dev/css/README.md | 48++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/global/base.css | 181+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/global/fonts.css | 40++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/global/grid.css | 21+++++++++++++++++++++
Astatic/dev/css/global/helpers.css | 107+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/global/normalize.css | 461+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/modules/cv.css | 33+++++++++++++++++++++++++++++++++
Astatic/dev/css/modules/footer.css | 5+++++
Astatic/dev/css/modules/images.css | 17+++++++++++++++++
Astatic/dev/css/modules/logo.css | 21+++++++++++++++++++++
Astatic/dev/css/modules/nav.css | 132+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/css/modules/note.css | 26++++++++++++++++++++++++++
Astatic/dev/css/modules/single.css | 9+++++++++
Mstatic/prod/css/styles.css | 947++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
Astatic/prod/css/styles.min.css | 2++
15 files changed, 2049 insertions(+), 1 deletion(-)

diff --git a/static/dev/css/README.md b/static/dev/css/README.md @@ -0,0 +1,48 @@ + +<!-- // DEFAULT CONFIGURATION --> +<!-- $typo: ( --> +<!-- fontsize: 18, --> +<!-- lineheight: 1.5 --> +<!-- ); --> + +<!-- $paths: ( --> +<!-- images: "http://assets.soucy.cc/images/", --> +<!-- fonts: "../fonts/" --> +<!-- ); --> + +<!-- $grid: ( --> +<!-- maxwidth: 992px, --> +<!-- colnumber: 12, --> +<!-- gutter:12px --> +<!-- ); --> + +<!-- // Colors --> +<!-- $colors: ( --> +<!-- black: #000000, --> +<!-- alpha: #111111, --> +<!-- beta: #0000ff, --> +<!-- gamma:#00a450, --> +<!-- delta:#f5871e, --> +<!-- epsilon: #ed1a3b, --> +<!-- omega: #f1f1f1, --> +<!-- white: #ffffff --> +<!-- ); --> + +<!-- // RWD Breakpoints --> +<!-- $breakpoints: ( --> +<!-- xxs: 360, --> +<!-- xs: 520, --> +<!-- sm: 768, --> +<!-- md: 992, --> +<!-- lg: 1140 --> +<!-- ); --> + +<!-- // X Y Rhythm --> +<!-- $spacings: ( --> +<!-- xs: 8, --> +<!-- sm: 16, --> +<!-- default: 24, --> +<!-- md: 32, --> +<!-- lg: 48, --> +<!-- xl: 64 --> +<!-- ); --> diff --git a/static/dev/css/global/base.css b/static/dev/css/global/base.css @@ -0,0 +1,181 @@ +/* BASE STYLES */ +html, +button, +input, +select, +textarea { + color:#111111; + font-family:"Domine",Georgia,"Times New Roman",times,serif; +} + +html { + font-size:18px; + line-height:1.5; +} + +@media screen and (min-width: 62em) { + html { + font-size:24px; + } +} + +html, +body { + height:100%; + min-height:100%; + position:relative; +} + +body { + background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat; +} + +hr { + display:block; + height:1px; + border:0; + border-top:1px solid #111111; + margin:1em 0; + padding:0; +} + +h1, +.like-h1 { + font-size:2em; + hyphens:none; + margin:0 0 .67em; + padding-top:.67em; +} + +h2, +.like-h2 { + font-size:1.5em; + margin:0.83em 0; +} + +h3, +.like-h3 { + font-size:1.17em; + margin:1em 0; +} + +h4, +.like-h4 { + font-size:1em; + margin:1.33em 0; +} + +h5, +.like-h5 { + font-size:0.83em; + margin:1.67em 0; +} + +h6, +.like-h6 { + font-size:0.67em; + margin:2.33em 0; +} + +a { + border-bottom:1px dotted #0000ff; + color:#0000ff; + text-decoration:none; +} + +a:active, +a:visited { + border-bottom:1px dotted #111111; + color:#111111; +} + +a:focus, +a:hover { + background-color:#0000ff; + border:0; + color:#f1f1f1; +} + +ol, +ul { + margin-left:1em; + padding:0; +} + +ul ul { + margin-bottom:.5em; + margin-top:.5em; +} + +li { + margin-bottom:.25em; +} + +address { + font-style:normal; +} + +address, +dl, +menu, +ol, +ul { + margin:1em 0; +} + +dd { + margin:0; +} + +dl, +menu, +ol, +ul { + padding:0; +} + +nav ul, +nav ol { + list-style:none; + list-style-image:none; +} + +menu ul, +menu ol, +nav ul, +nav ol { + margin:0; +} + +blockquote { + border-left:10px solid #ccc; + display:block; + margin:1em 0; + padding-left:1.5em; +} + +blockquote span { + display:inline-block; +} + +blockquote span:before, +blockquote span:after { + display:inline; +} + +blockquote span:after { + content:"\00A0\00BB"; +} + +blockquote span:before { + content:"\00AB\00A0"; +} + +blockquote p { + display:inline; +} + +img { + max-width:100%; + width:auto; +} diff --git a/static/dev/css/global/fonts.css b/static/dev/css/global/fonts.css @@ -0,0 +1,40 @@ +/* FONTS CONFIG */ + +/* Font-Face Logo */ +/* Leitura News */ +@font-face { + font-family: 'Leitura News'; + src: url('../fonts/leitura/leituranews-italic4-webfont.eot'); + src: url('../fonts/leitura/leituranews-italic4-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/leitura/leituranews-italic4-webfont.woff') format('woff'), + url('../fonts/leitura/leituranews-italic4-webfont.ttf') format('truetype'), + url('../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Font-Face Text */ +/* Domine */ +@font-face { + font-family: 'Domine'; + src: url('../fonts/domine/domine-bold-webfont.eot'); + src: url('../fonts/domine/domine-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/domine/domine-bold-webfont.woff2') format('woff2'), + url('../fonts/domine/domine-bold-webfont.woff') format('woff'), + url('../fonts/domine/domine-bold-webfont.ttf') format('truetype'), + url('../fonts/domine/domine-bold-webfont.svg#dominebold') format('svg'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Domine'; + src: url('../fonts/domine/domine-regular-webfont.eot'); + src: url('../fonts/domine/domine-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/domine/domine-regular-webfont.woff2') format('woff2'), + url('../fonts/domine/domine-regular-webfont.woff') format('woff'), + url('../fonts/domine/domine-regular-webfont.ttf') format('truetype'), + url('../fonts/domine/domine-regular-webfont.svg#domineregular') format('svg'); + font-weight: 400; + font-style: normal; +} diff --git a/static/dev/css/global/grid.css b/static/dev/css/global/grid.css @@ -0,0 +1,21 @@ +/* LAYOUT & GRID */ + +.layout { + hyphens:auto; + margin-left:auto; + margin-right:auto; + max-width:992px; + padding:0 .889em; + width:auto; +} + +@media screen and (min-width: 48em) { + padding:0 1.111em; + text-align:left; +} + +.layout__vcenter { + display:table-cell; + height:100vh; + vertical-align:middle; +} diff --git a/static/dev/css/global/helpers.css b/static/dev/css/global/helpers.css @@ -0,0 +1,107 @@ +/* HELPERS CLASSES */ + +/* + * Image replacement + */ + +.ir { + background-color: transparent; + border: 0; + overflow: hidden; + /* IE 6/7 fallback */ + *text-indent: -9999px; +} + +.ir:before { + content: ""; + display: block; + width: 0; + height: 150%; +} + +/* + * Hide from both screenreaders and browsers: h5bp.com/u + */ + +.hidden { + display: none !important; + visibility: hidden; +} + +/* + * Hide only visually, but have it available for screenreaders: h5bp.com/v + */ + +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +/* + * Extends the .visuallyhidden class to allow the element to be focusable + * when navigated to via the keyboard: h5bp.com/p + */ + +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +/* + * Hide visually and from screenreaders, but maintain layout + */ + +.invisible { + visibility: hidden; +} + +/* + * Clearfix: contain floats + * + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * `contenteditable` attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that receive the `clearfix` class. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + +.clearfix:before, +.clearfix:after { + content: " "; /* 1 */ + display: table; /* 2 */ +} + +.clearfix:after { + clear: both; +} + +/* + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ + +.clearfix { + *zoom: 1; +} + +/*Position */ +.position--fixed { + position:fixed; +} + +.position--relative { + position:relative; +} diff --git a/static/dev/css/global/normalize.css b/static/dev/css/global/normalize.css @@ -0,0 +1,461 @@ +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + +/* Document + ========================================================================== */ + +html { + font-family: sans-serif; /* 1 */ + line-height: 1.15; /* 2 */ + -ms-text-size-adjust: 100%; /* 3 */ + -webkit-text-size-adjust: 100%; /* 3 */ +} + +/* 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 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/** + * 1. Remove the bottom border in 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; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 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; +} diff --git a/static/dev/css/modules/cv.css b/static/dev/css/modules/cv.css @@ -0,0 +1,33 @@ +/* CURRICULUM VITAE MODULE */ + +.cv { + color:#111; +} + +.cv__title { + font-size:1em; + line-height:normal; +} + +.cv__title a { + display:inline-block; +} + +.cv__banner .logo { + margin-bottom:0; +} + +.cv__title a[rel="home"] { + border:0; + color:#111; +} + +.cv__banner, +.cv__main { + text-align:left; +} + +.cv__banner .job { + font-size:1.5em; + margin-top:0; +} diff --git a/static/dev/css/modules/footer.css b/static/dev/css/modules/footer.css @@ -0,0 +1,5 @@ +/* FOOTER */ + +footer { + font-size:.7619047619em; +} diff --git a/static/dev/css/modules/images.css b/static/dev/css/modules/images.css @@ -0,0 +1,17 @@ +/* IMAGES */ +.img-cache { + border:1rem solid transparent; + border-radius:100%; + display:inline-block; + float:right; + height:150px; + position:relative; + overflow:hidden; + width:150px; +} + +.img-cache > .u-photo { + max-width:100%; + position:relative; + top:-20px; +} diff --git a/static/dev/css/modules/logo.css b/static/dev/css/modules/logo.css @@ -0,0 +1,21 @@ +/* LOGO */ +.logo { + font:normal 3.33333em/1.1 "Leitura News","Domine",serif; + hyphens:none; + margin:0 0 .333em; + padding-top:.333em; + padding-right:1.08333333333em; + text-shadow:3px 3px #ccc; + +} + +@media screen and (min-width: 22.5em) { + .logo { + line-height:normal; + } +} + +.logo a[rel="home"] { + border:0; + color:#111; +} diff --git a/static/dev/css/modules/nav.css b/static/dev/css/modules/nav.css @@ -0,0 +1,132 @@ +/* NAVIGATION */ +.nav-button, +.nav__close { + border:0; + display:inline-block; + position:absolute; + right:.9375rem; + text-align:center; + top:.9375rem; +} + +@media screen and (min-width: 48em) { + .nav-button, + .nav__close { + right:1.25rem; + } +} + +.nav-button:active, +.nav-button:hover, +.nav-button:focus, +.nav-button:visited { + background:transparent; + border-bottom:0; + color:#111; +} + +.nav__close, +.nav__close:visited { + background:transparent; + border-bottom:0; + color:white; +} + +.nav-button__text, +.nav__close__text { + font-size:.75rem; + display:block; +} + +.nav-button__burger, +.nav__x { + display:block; + height:50px; + margin:0 auto; + position:relative; + width:50px; +} + +.nav-button__burger { + background:#111; +} + +.nav__x { + background:#333; +} + +.nav-button:hover .nav-button__burger, +.nav-button:focus .nav-button__burger { + background:#0000ff; +} + +.nav__panel { + background:#111; + color:#f1f1f1; +} + +.js .nav__panel { + display:none; +} + +.nav__panel.state--hidden, +.nav__panel.state--visible { + display:block; + height:auto; + left:0; + min-height:1em; + opacity:1; + position:absolute; + top:0; + width:100%; +} + +.mod_csstransitions .nav__panel.state--hidden, +.mod_csstransitions .nav__panel.state--visible { + transition:transform .25s ease-in-out; +} + +.nav__panel.state--hidden { + top:-100%; + +} + +.mod_csstransforms .nav__panel.state--hidden { + top:0; + transform:translateY(-100%); +} + +.nav__panel.state--visible { + top:0; + +} + +.mod_csstransforms .nav__panel.state--visible { + transform:translateY(0); +} + +.nav__panel__content { + margin:0 auto; + position:relative; + text-align:left; + width:auto; +} + + +.nav__list { + padding:1em 0; +} + +.nav__link, +.nav__link:visited { + color:white; +} + +.nav__link { + font-size:.7619047619em; +} + +.no-js .nav__close { + display:none; + opacity:0; +} diff --git a/static/dev/css/modules/note.css b/static/dev/css/modules/note.css @@ -0,0 +1,26 @@ +/* NOTE MODULE */ + +.note__list { + list-style-type:none; + margin-left:0; +} + +.note__item { + border-bottom:1px solid #cccccc; + margin-bottom:1.5em; + padding-bottom:1em; +} + +.note__blockquote__footer { + margin:1em 0 0; +} + +.note__footer { + font-size:14px; +} + +@media screen and (min-width: 48em) { + .note__footer { + font-size:16px; + } +} diff --git a/static/dev/css/modules/single.css b/static/dev/css/modules/single.css @@ -0,0 +1,9 @@ +/* SINGLE CONTENT */ + +.single { + text-align:left; +} + +.single h1 { + padding-right:66px; +} diff --git a/static/prod/css/styles.css b/static/prod/css/styles.css @@ -1 +1,946 @@ -@font-face{font-family:'Leitura News';src:url("../fonts/leitura/leituranews-italic4-webfont.eot");src:url("../fonts/leitura/leituranews-italic4-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"),url("../fonts/leitura/leituranews-italic4-webfont.ttf") format("truetype"),url("../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-bold-webfont.eot");src:url("../fonts/domine/domine-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-bold-webfont.woff2") format("woff2"),url("../fonts/domine/domine-bold-webfont.woff") format("woff"),url("../fonts/domine/domine-bold-webfont.ttf") format("truetype"),url("../fonts/domine/domine-bold-webfont.svg#dominebold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-regular-webfont.eot");src:url("../fonts/domine/domine-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-regular-webfont.woff2") format("woff2"),url("../fonts/domine/domine-regular-webfont.woff") format("woff"),url("../fonts/domine/domine-regular-webfont.ttf") format("truetype"),url("../fonts/domine/domine-regular-webfont.svg#domineregular") format("svg");font-weight:400;font-style:normal}/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,body{height:100%;min-height:100%}html{text-size-adjust:100%}body{margin:0;position:relative}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,.like-h1{font-size:2rem;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:0.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:0.83em;margin:1.67em 0}h6,.like-h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{border-left:10px solid #cccccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#f5871e}p,pre{margin:1em 0}code,kbd,pre,samp{background:#fff;font-family:monospace;font-size:1em}code{display:inline-block;padding:0 3px}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;width:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#111;font-family:"Domine",Georgia,"Times New Roman",times,serif}html{font-size:18px;line-height:1.5}@media (min-width: 62em){html{font-size:24px}}body{background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{border-bottom:1px dotted blue;color:blue;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:blue;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}menu ul,menu ol,nav ul,nav ol{margin:0;padding:0}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .88889rem;width:auto}@media (min-width: 48em){.layout{padding:0 1.11111rem;text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.position--fixed{position:fixed}.position--relative{position:relative}.logo{font:normal 3.33333em/1.1 "Leitura News","Domine",serif;hyphens:none;margin:0 0 .333em;padding-top:.333em;padding-right:1.08333em;text-shadow:3px 3px #ccc}@media (min-width: 22.5em){.logo{line-height:normal}}.logo a[rel="home"]{border:0;color:#111}.logo a[rel="home"]:focus,a[rel="home"]:focus .logo,.cv__title a[rel="home"]:focus,.logo a[rel="home"]:hover,a[rel="home"]:hover .logo,.cv__title a[rel="home"]:hover{color:#fff;text-shadow:none}.cv{color:#000}.cv__title{font-size:1em;line-height:normal}.cv__title a{display:inline-block}.cv__banner .logo{margin-bottom:0}.cv__title a[rel="home"]{border:0;color:#111}.cv__banner,.cv__main{text-align:left}.cv__banner .job{font-size:1.5em;margin-top:0}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:150px;position:relative;overflow:hidden;width:150px}.img-cache>.u-photo{max-width:100%;position:relative;top:-20px}.nav-button,.nav__close,.nav-button--floatright{border:0;display:inline-block;text-align:center}.nav-button:active,.nav__close:active,.nav-button:hover,.nav__close:hover,.nav-button:focus,.nav__close:focus,.nav-button:visited,.nav__close:visited,.nav-button--floatright:active,.nav-button--floatright:hover,.nav-button--floatright:focus,.nav-button--floatright:visited{background:transparent;border-bottom:0;color:#111}.nav-button,.nav__close{position:absolute;right:.83333rem;top:.83333rem}@media (min-width: 48em){.nav-button,.nav__close{right:1.11111rem}}.nav-button--floatright{float:right}.nav-button__text,.nav__close__text{font-size:.66667rem;display:block}.nav-button__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button:hover .nav-button__burger,.nav__close:hover .nav-button__burger,.nav-button:hover .nav__x,.nav__close:hover .nav__x,.nav-button:focus .nav-button__burger,.nav__close:focus .nav-button__burger,.nav-button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav-button__burger__ico,.nav__x__ico{background:#f1f1f1;bottom:0;display:block;height:3px;left:0;margin:auto;right:0;position:absolute;top:0;width:50%}.nav-button__burger__ico:after,.nav__x__ico:after,.nav-button__burger__ico:before,.nav__x__ico:before{backface-visibility:hidden;background-color:#f1f1f1;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transition:transform 0.3s ease 0s;width:100%}.nav-button__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav-button__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__close,.nav__close:visited{color:white}.nav__x{background:#333}.nav__x__ico{height:3px;transform:translateY(0) rotate(-45deg)}.nav__x__ico:before{transform:translateY(0) rotate(90deg)}.nav__x__ico:after{display:none}.nav__panel{background:#111;color:#f1f1f1}.js .nav__panel{display:none}.nav__panel.state--hidden,.nav__panel.state--visible{display:block;height:auto;left:0;min-height:1em;opacity:1;position:absolute;top:0;width:100%}.mod_csstransitions .nav__panel.state--hidden,.mod_csstransitions .nav__panel.state--visible{transition:transform .25s ease-in-out}.nav__panel.state--hidden{top:-100%}.mod_csstransforms .nav__panel.state--hidden{top:0;transform:translateY(-100%)}.nav__panel.state--visible{top:0}.mod_csstransforms .nav__panel.state--visible{transform:translateY(0)}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:1em 0}.nav__link{font-size:.7619em}.nav__link,.nav__link:visited{color:white}.no-js .nav__close{display:none;opacity:0}.single{text-align:left}.single h1{padding-right:66px}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #cccccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media (min-width: 48em){.note__footer{font-size:16px}}footer{font-size:.7619em} +/* FONTS CONFIG */ + +/* Font-Face Logo */ +/* Leitura News */ +@font-face { + font-family: 'Leitura News'; + src: url('../fonts/leitura/leituranews-italic4-webfont.eot'); + src: url('../fonts/leitura/leituranews-italic4-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/leitura/leituranews-italic4-webfont.woff') format('woff'), + url('../fonts/leitura/leituranews-italic4-webfont.ttf') format('truetype'), + url('../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Font-Face Text */ +/* Domine */ +@font-face { + font-family: 'Domine'; + src: url('../fonts/domine/domine-bold-webfont.eot'); + src: url('../fonts/domine/domine-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/domine/domine-bold-webfont.woff2') format('woff2'), + url('../fonts/domine/domine-bold-webfont.woff') format('woff'), + url('../fonts/domine/domine-bold-webfont.ttf') format('truetype'), + url('../fonts/domine/domine-bold-webfont.svg#dominebold') format('svg'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Domine'; + src: url('../fonts/domine/domine-regular-webfont.eot'); + src: url('../fonts/domine/domine-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/domine/domine-regular-webfont.woff2') format('woff2'), + url('../fonts/domine/domine-regular-webfont.woff') format('woff'), + url('../fonts/domine/domine-regular-webfont.ttf') format('truetype'), + url('../fonts/domine/domine-regular-webfont.svg#domineregular') format('svg'); + font-weight: 400; + font-style: normal; +} +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + +/* Document + ========================================================================== */ + +html { + font-family: sans-serif; /* 1 */ + line-height: 1.15; /* 2 */ + -ms-text-size-adjust: 100%; /* 3 */ + -webkit-text-size-adjust: 100%; /* 3 */ +} + +/* 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 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/** + * 1. Remove the bottom border in 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; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 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; +} +/* BASE STYLES */ +html, +button, +input, +select, +textarea { + color:#111111; + font-family:"Domine",Georgia,"Times New Roman",times,serif; +} + +html { + font-size:18px; + line-height:1.5; +} + +@media screen and (min-width: 62em) { + html { + font-size:24px; + } +} + +html, +body { + height:100%; + min-height:100%; + position:relative; +} + +body { + background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat; +} + +hr { + display:block; + height:1px; + border:0; + border-top:1px solid #111111; + margin:1em 0; + padding:0; +} + +h1, +.like-h1 { + font-size:2em; + hyphens:none; + margin:0 0 .67em; + padding-top:.67em; +} + +h2, +.like-h2 { + font-size:1.5em; + margin:0.83em 0; +} + +h3, +.like-h3 { + font-size:1.17em; + margin:1em 0; +} + +h4, +.like-h4 { + font-size:1em; + margin:1.33em 0; +} + +h5, +.like-h5 { + font-size:0.83em; + margin:1.67em 0; +} + +h6, +.like-h6 { + font-size:0.67em; + margin:2.33em 0; +} + +a { + border-bottom:1px dotted #0000ff; + color:#0000ff; + text-decoration:none; +} + +a:active, +a:visited { + border-bottom:1px dotted #111111; + color:#111111; +} + +a:focus, +a:hover { + background-color:#0000ff; + border:0; + color:#f1f1f1; +} + +ol, +ul { + margin-left:1em; + padding:0; +} + +ul ul { + margin-bottom:.5em; + margin-top:.5em; +} + +li { + margin-bottom:.25em; +} + +address { + font-style:normal; +} + +address, +dl, +menu, +ol, +ul { + margin:1em 0; +} + +dd { + margin:0; +} + +dl, +menu, +ol, +ul { + padding:0; +} + +nav ul, +nav ol { + list-style:none; + list-style-image:none; +} + +menu ul, +menu ol, +nav ul, +nav ol { + margin:0; +} + +blockquote { + border-left:10px solid #ccc; + display:block; + margin:1em 0; + padding-left:1.5em; +} + +blockquote span { + display:inline-block; +} + +blockquote span:before, +blockquote span:after { + display:inline; +} + +blockquote span:after { + content:"\00A0\00BB"; +} + +blockquote span:before { + content:"\00AB\00A0"; +} + +blockquote p { + display:inline; +} + +img { + max-width:100%; + width:auto; +} +/* LAYOUT & GRID */ + +.layout { + hyphens:auto; + margin-left:auto; + margin-right:auto; + max-width:992px; + padding:0 .889em; + width:auto; +} + +@media screen and (min-width: 48em) { + padding:0 1.111em; + text-align:left; +} + +.layout__vcenter { + display:table-cell; + height:100vh; + vertical-align:middle; +} +/* CURRICULUM VITAE MODULE */ + +.cv { + color:#111; +} + +.cv__title { + font-size:1em; + line-height:normal; +} + +.cv__title a { + display:inline-block; +} + +.cv__banner .logo { + margin-bottom:0; +} + +.cv__title a[rel="home"] { + border:0; + color:#111; +} + +.cv__banner, +.cv__main { + text-align:left; +} + +.cv__banner .job { + font-size:1.5em; + margin-top:0; +} +/* FOOTER */ + +footer { + font-size:.7619047619em; +} +/* IMAGES */ +.img-cache { + border:1rem solid transparent; + border-radius:100%; + display:inline-block; + float:right; + height:150px; + position:relative; + overflow:hidden; + width:150px; +} + +.img-cache > .u-photo { + max-width:100%; + position:relative; + top:-20px; +} +/* LOGO */ +.logo { + font:normal 3.33333em/1.1 "Leitura News","Domine",serif; + hyphens:none; + margin:0 0 .333em; + padding-top:.333em; + padding-right:1.08333333333em; + text-shadow:3px 3px #ccc; + +} + +@media screen and (min-width: 22.5em) { + .logo { + line-height:normal; + } +} + +.logo a[rel="home"] { + border:0; + color:#111; +} +/* NAVIGATION */ +.nav-button, +.nav__close { + border:0; + display:inline-block; + position:absolute; + right:.9375rem; + text-align:center; + top:.9375rem; +} + +@media screen and (min-width: 48em) { + .nav-button, + .nav__close { + right:1.25rem; + } +} + +.nav-button:active, +.nav-button:hover, +.nav-button:focus, +.nav-button:visited { + background:transparent; + border-bottom:0; + color:#111; +} + +.nav__close, +.nav__close:visited { + background:transparent; + border-bottom:0; + color:white; +} + +.nav-button__text, +.nav__close__text { + font-size:.75rem; + display:block; +} + +.nav-button__burger, +.nav__x { + display:block; + height:50px; + margin:0 auto; + position:relative; + width:50px; +} + +.nav-button__burger { + background:#111; +} + +.nav__x { + background:#333; +} + +.nav-button:hover .nav-button__burger, +.nav-button:focus .nav-button__burger { + background:#0000ff; +} + +.nav__panel { + background:#111; + color:#f1f1f1; +} + +.js .nav__panel { + display:none; +} + +.nav__panel.state--hidden, +.nav__panel.state--visible { + display:block; + height:auto; + left:0; + min-height:1em; + opacity:1; + position:absolute; + top:0; + width:100%; +} + +.mod_csstransitions .nav__panel.state--hidden, +.mod_csstransitions .nav__panel.state--visible { + transition:transform .25s ease-in-out; +} + +.nav__panel.state--hidden { + top:-100%; + +} + +.mod_csstransforms .nav__panel.state--hidden { + top:0; + transform:translateY(-100%); +} + +.nav__panel.state--visible { + top:0; + +} + +.mod_csstransforms .nav__panel.state--visible { + transform:translateY(0); +} + +.nav__panel__content { + margin:0 auto; + position:relative; + text-align:left; + width:auto; +} + + +.nav__list { + padding:1em 0; +} + +.nav__link, +.nav__link:visited { + color:white; +} + +.nav__link { + font-size:.7619047619em; +} + +.no-js .nav__close { + display:none; + opacity:0; +} +/* NOTE MODULE */ + +.note__list { + list-style-type:none; + margin-left:0; +} + +.note__item { + border-bottom:1px solid #cccccc; + margin-bottom:1.5em; + padding-bottom:1em; +} + +.note__blockquote__footer { + margin:1em 0 0; +} + +.note__footer { + font-size:14px; +} + +@media screen and (min-width: 48em) { + .note__footer { + font-size:16px; + } +} +/* SINGLE CONTENT */ + +.single { + text-align:left; +} + +.single h1 { + padding-right:66px; +} diff --git a/static/prod/css/styles.min.css b/static/prod/css/styles.min.css @@ -0,0 +1 @@ +@font-face{font-family:leitura news;src:url(../fonts/leitura/leituranews-italic4-webfont.eot);src:url(../fonts/leitura/leituranews-italic4-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/leitura/leituranews-italic4-webfont.woff) format('woff'),url(../fonts/leitura/leituranews-italic4-webfont.ttf) format('truetype'),url(../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:domine;src:url(../fonts/domine/domine-bold-webfont.eot);src:url(../fonts/domine/domine-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/domine/domine-bold-webfont.woff2) format('woff2'),url(../fonts/domine/domine-bold-webfont.woff) format('woff'),url(../fonts/domine/domine-bold-webfont.ttf) format('truetype'),url(../fonts/domine/domine-bold-webfont.svg#dominebold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:domine;src:url(../fonts/domine/domine-regular-webfont.eot);src:url(../fonts/domine/domine-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/domine/domine-regular-webfont.woff2) format('woff2'),url(../fonts/domine/domine-regular-webfont.woff) format('woff'),url(../fonts/domine/domine-regular-webfont.ttf) format('truetype'),url(../fonts/domine/domine-regular-webfont.svg#domineregular) format('svg');font-weight:400;font-style:normal}/*!normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css*/html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,button,input,select,textarea{color:#111;font-family:domine,georgia,times new roman,times,serif}html{font-size:18px;line-height:1.5}@media screen and (min-width:62em){html{font-size:24px}}html,body{height:100%;min-height:100%;position:relative}body{background:#f1f1f1 url(http://assets.soucy.cc/images/noise.png) repeat}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}h1,.like-h1{font-size:2em;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:.83em;margin:1.67em 0}h6,.like-h6{font-size:.67em;margin:2.33em 0}a{border-bottom:1px dotted #00f;color:#00f;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:#00f;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}dl,menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}menu ul,menu ol,nav ul,nav ol{margin:0}blockquote{border-left:10px solid #ccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}img{max-width:100%;width:auto}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .889em;width:auto}@media screen and (min-width:48em){padding:0 1.111em; text-align:left; } .layout__vcenter { display:table-cell; height:100vh; vertical-align:middle; } .cv { color:#111; } .cv__title { font-size:1em; line-height:normal; } .cv__title a { display:inline-block; } .cv__banner .logo { margin-bottom:0; } .cv__title a[rel=home] { border:0; color:#111; } .cv__banner,.cv__main { text-align:left; } .cv__banner .job { font-size:1.5em; margin-top:0; } footer { font-size:.7619047619em; } .img-cache { border:1rem solid transparent; border-radius:100%; display:inline-block; float:right; height:150px; position:relative; overflow:hidden; width:150px; } .img-cache>.u-photo { max-width:100%; position:relative; top:-20px; } .logo { font:normal 3.33333em/1.1 "Leitura News","Domine",serif; hyphens:none; margin:0 0 .333em; padding-top:.333em; padding-right:1.08333333333em; text-shadow:3px 3px #ccc; } @media screen and (min-width: 22.5em) { .logo{line-height:normal}}.logo a[rel=home]{border:0;color:#111}.nav-button,.nav__close{border:0;display:inline-block;position:absolute;right:.9375rem;text-align:center;top:.9375rem}@media screen and (min-width:48em){.nav-button,.nav__close{right:1.25rem}}.nav-button:active,.nav-button:hover,.nav-button:focus,.nav-button:visited{background:transparent;border-bottom:0;color:#111}.nav__close,.nav__close:visited{background:transparent;border-bottom:0;color:#fff}.nav-button__text,.nav__close__text{font-size:.75rem;display:block}.nav-button__burger,.nav__x{display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button__burger{background:#111}.nav__x{background:#333}.nav-button:hover .nav-button__burger,.nav-button:focus .nav-button__burger{background:#00f}.nav__panel{background:#111;color:#f1f1f1}.js .nav__panel{display:none}.nav__panel.state--hidden,.nav__panel.state--visible{display:block;height:auto;left:0;min-height:1em;opacity:1;position:absolute;top:0;width:100%}.mod_csstransitions .nav__panel.state--hidden,.mod_csstransitions .nav__panel.state--visible{transition:transform .25s ease-in-out}.nav__panel.state--hidden{top:-100%}.mod_csstransforms .nav__panel.state--hidden{top:0;transform:translateY(-100%)}.nav__panel.state--visible{top:0}.mod_csstransforms .nav__panel.state--visible{transform:translateY(0)}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:1em 0}.nav__link,.nav__link:visited{color:#fff}.nav__link{font-size:.7619047619em}.no-js .nav__close{display:none;opacity:0}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #ccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media screen and (min-width:48em){.note__footer{font-size:16px}}.single{text-align:left}.single h1{padding-right:66px}+ \ No newline at end of file