From 864e5bde26e6cde513973c8e0af15456e3f786bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= Date: Wed, 10 Aug 2016 15:06:08 +0200 Subject: [PATCH] Fix paths --- _includes/header.html | 10 +-- assets/sass/style.scss | 198 ++++++++++++++++++++--------------------- 2 files changed, 104 insertions(+), 104 deletions(-) diff --git a/_includes/header.html b/_includes/header.html index 4ee84dd..4173899 100755 --- a/_includes/header.html +++ b/_includes/header.html @@ -10,11 +10,11 @@ - - - - - + + + + + diff --git a/assets/sass/style.scss b/assets/sass/style.scss index 2fd413e..a5ebf74 100755 --- a/assets/sass/style.scss +++ b/assets/sass/style.scss @@ -3,7 +3,7 @@ --- @charset 'UTF-8'; -@import url('font-awesome.min.css'); +@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic'); @import 'vars'; @@ -19,7 +19,7 @@ body, #skel-layers-wrapper { - background: $color-bg url('images/bg01.png'); + background: $color-bg url('../css/images/bg01.png'); } body { @@ -44,7 +44,7 @@ color: $color-accent-bg; text-decoration: none; border-bottom: dotted 1px; - + &:hover { color: $color-accent-bg; border-bottom-color: transparent; @@ -54,7 +54,7 @@ strong, b { font-weight: 600; } - + em, i { font-style: italic; } @@ -68,12 +68,12 @@ font-weight: 600; line-height: 1.75em; margin-bottom: 1em; - + a { color: inherit; text-decoration: none; } - + em { font-style: normal; font-weight: 300; @@ -95,19 +95,19 @@ position: relative; top: 0.5em; } - + sup { font-size: 0.8em; position: relative; top: -0.5em; } - + hr { border-top: solid 1px $color-border; border: 0; margin-bottom: 1.5em; } - + blockquote { border-left: solid 0.5em $color-border; font-style: italic; @@ -128,15 +128,15 @@ margin-top: -0.25em; margin-bottom: 0.25em; } - + &.major { text-align: center; margin: 0 0 2em 0; - + h2 { font-size: 2.25em; } - + p { position: relative; border-top: solid 1px $color-border; @@ -148,14 +148,14 @@ } } } - + footer { margin: 0 0 3em 0; - + > :last-child { margin-bottom: 0; } - + &.major { padding-top: 3em; } @@ -178,7 +178,7 @@ padding: 0.75em; text-decoration: none; width: 100%; - + &:focus { border-color: $color-accent-bg; } @@ -212,11 +212,11 @@ color: $color-fg-light; } - :-ms-input-placeholder { + :-ms-input-placeholder { color: $color-fg-light; } - .formerize-placeholder { + .formerize-placeholder { color: $color-fg-light; } @@ -227,12 +227,12 @@ display: inline-block; position: relative; border-radius: $size-radius; - + img { display: block; border-radius: $size-radius; } - + &.left { display: block; float: left; @@ -243,9 +243,9 @@ img { display: block; width: 100%; - } + } } - + &.fit { display: block; @@ -254,11 +254,11 @@ width: 100%; } } - + &.featured { display: block; margin: 0 0 2em 0; - + img { display: block; width: 100%; @@ -272,16 +272,16 @@ @include icon; position: relative; text-decoration: none; - + > .label { display: none; } - + &.major { text-align: center; cursor: default; background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")'); color: $color-accent-fg; border-radius: 100%; display: inline-block; @@ -290,13 +290,13 @@ line-height: 5em; box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; margin: 0 0 2em 0; - + &:before { font-size: 36px; } } } - + /* Lists */ ol { @@ -319,13 +319,13 @@ padding-left: 0.5em; } } - + &.links { li { line-height: 2.5em; } } - + &.icons { cursor: default; @@ -337,14 +337,14 @@ &:first-child { padding-left: 0; } - + a, span { font-size: 2em; border: 0; } } } - + &.actions { cursor: default; @@ -355,17 +355,17 @@ li { display: inline-block; padding: 0 0 0 1.5em; - + &:first-child { padding: 0; } } - + &.vertical { li { display: block; padding: 1.5em 0 0 0; - + &:first-child { padding: 0; } @@ -379,7 +379,7 @@ display: inline-block; padding: 0 0 0 1em; margin: 0 0 0 1em; - + &:first-child { border-left: 0; @@ -394,40 +394,40 @@ table { width: 100%; - + &.default { width: 100%; - + tbody { tr { border-bottom: solid 1px $color-border; } } - + td { padding: 0.5em 1em 0.5em 1em; } - + th { font-weight: 600; padding: 0.5em 1em 0.5em 1em; text-align: left; } - + thead { background-color: #555555; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")'); color: #fff; } - + tfoot { } - + tbody { } } } - + /* Button */ input[type="submit"], @@ -437,7 +437,7 @@ @include vendor-property('appearance', 'none'); @include vendor-property('transition', 'background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out'); background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")'); border-radius: $size-radius; border: 0; color: $color-accent-fg; @@ -464,7 +464,7 @@ &.alt { background-color: #555555; color: #fff; - + &:hover { background-color: lighten(#555555, 5); } @@ -472,7 +472,7 @@ &:active { background-color: darken(#555555, 5); } - } + } &.icon { &:before { @@ -483,7 +483,7 @@ &.fit { width: 100%; } - + &.small { font-size: 0.8em; } @@ -494,21 +494,21 @@ .box { &.highlight { text-align: center; - } + } &.post { position: relative; margin: 0 0 2em 0; - + &:after { content: ''; display: block; clear: both; } - + .inner { margin-left: calc(30% + 2em); - + > :last-child { margin-bottom: 0; } @@ -520,22 +520,22 @@ } } } - + /* Header */ #header { text-align: center; padding: 3em 0 0 0; background-color: #fff; - background-image: url('images/bg02.png'), url('images/bg02.png'), url('images/bg01.png'); + background-image: url('../css/images/bg02.png'), url('../css/images/bg02.png'), url('../css/images/bg01.png'); background-position: top left, top left, top left; background-size: 100% 6em, 100% 6em, auto; background-repeat: no-repeat, no-repeat, repeat; - + h1 { padding: 0 0 0.25em 0; margin: 0; - + a { font-size: 1.5em; letter-spacing: -0.025em; @@ -543,30 +543,30 @@ } } } - + #nav { cursor: default; background-color: #333; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("../css/images/bg01.png")'); padding: 0; - + &:after { content: ''; display: block; width: 100%; height: 0.75em; background-color: $color-accent-bg; - background-image: url("images/bg01.png"); + background-image: url("../css/images/bg01.png"); } > ul { margin: 0; - + > li { position: relative; display: inline-block; margin-left: 1em; - + a { color: #c0c0c0; text-decoration: none; @@ -574,17 +574,17 @@ display: block; padding: 1.5em 0.5em 1.35em 0.5em; } - + &:first-child { margin-left: 0; } - + &:hover { a { color: #fff; } } - + &.current { font-weight: 600; @@ -599,49 +599,49 @@ left: 50%; margin-left: -0.375em; background-color: $color-accent-bg; - background-image: url("images/bg01.png"); + background-image: url("../css/images/bg01.png"); } - + a { color: #fff; } } - + &.active { a { color: #fff; } } - + > ul { display: none; } } } } - + /* Dropotron */ .dropotron { background-color: #333; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("../css/images/bg01.png")'); border-radius: $size-radius; color: #fff; min-width: 10em; padding: 1em 0; text-align: center; box-shadow: 0 1em 1em 0 rgba(0,0,0,0.5); - + > li { line-height: 2em; padding: 0 1.1em 0 1em; - + > a { color: #c0c0c0; text-decoration: none; border: 0; } - + &.active, &:hover { > a { @@ -649,7 +649,7 @@ } } } - + &.level-0 { border-radius: 0 0 $size-radius $size-radius; font-size: 0.9em; @@ -667,7 +667,7 @@ height: 28em; text-align: center; position: relative; - + header { position: absolute; bottom: 0; @@ -677,26 +677,26 @@ background: rgba(27,27,27,0.75); color: #fff; padding: 1.0em 0; - + h2 { display: inline-block; margin: 0; font-size: 1.25em; vertical-align: middle; - + em { opacity: 0.75; } a { border-bottom-color: transparentize(#fff, 0.5); - + &:hover { border-bottom-color: transparent; } } } - + .button { vertical-align: middle; margin-left: 1em; @@ -708,35 +708,35 @@ .wrapper { padding: 5em 0 3em 0; - + &.style1 { background: #fff; } - + &.style2 { background-color: #fff; - background-image: url('images/bg02.png'), url('images/bg03.png'), url('images/bg01.png'); + background-image: url('../css/images/bg02.png'), url('../css/images/bg03.png'), url('../css/images/bg01.png'); background-position: top left, bottom left, top left; background-size: 100% 6em, 100% 6em, auto; background-repeat: no-repeat, no-repeat, repeat; } - + &.style3 { background-color: $color-accent-bg; - @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); + @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")'); color: $color-accent-fg; - + .button { background: $color-accent-fg; color: $color-fg; - + &:hover { color: $color-accent-bg !important; } } } } - + /* CTA */ #cta { @@ -749,46 +749,46 @@ vertical-align: middle; margin: 0; } - + .button { vertical-align: middle; margin-left: 1em; } } } - + /* Footer */ #footer { padding: 4em 0 8em 0; - + a { color: inherit; border-bottom-color: transparentize($color-fg, 0.75); - + &:hover { color: $color-accent-bg; border-bottom-color: transparent; } } - + .container { margin-bottom: 4em; } - + .icons { text-align: center; margin: 0; - + a { color: $color-fg-light; - + &:hover { color: $color-fg; } } } - + .copyright { color: $color-fg-light; margin-top: 1.5em;