From 16b495e3740356313374fc9840ecb600b0079d36 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Wed, 24 Oct 2018 13:56:11 +0200 Subject: [PATCH] Make style.css wordpress-compatible Fix #11 --- index.html | 2 +- scss/_font-face.scss | 130 ++++++++++++++++++------------------- scss/_global.scss | 4 +- scss/style.scss | 20 ++++-- css/style.css => style.css | 68 +++++++++++-------- 5 files changed, 123 insertions(+), 101 deletions(-) rename css/style.css => style.css (88%) diff --git a/index.html b/index.html index 46e3d82..fabeecf 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ - + diff --git a/scss/_font-face.scss b/scss/_font-face.scss index 7d6b078..5b35712 100644 --- a/scss/_font-face.scss +++ b/scss/_font-face.scss @@ -4,120 +4,120 @@ @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Light-webfont.eot'); - src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-Light-webfont.woff') format('woff'), - url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-Light-webfont.eot'); + src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Light-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Light-webfont.woff') format('woff'), + url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-LightItalic-webfont.eot'); - src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'), - url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-LightItalic-webfont.eot'); + src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Regular-webfont.eot'); - src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), - url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-Regular-webfont.eot'); + src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Regular-webfont.woff') format('woff'), + url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Italic-webfont.eot'); - src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Italic-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), - url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-Italic-webfont.eot'); + src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Italic-webfont.woff') format('woff'), + url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Semibold-webfont.eot'); - src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), - url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-Semibold-webfont.eot'); + src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), + url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot'); - src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), - url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-SemiboldItalic-webfont.eot'); + src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-Bold-webfont.eot'); - src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), - url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-Bold-webfont.eot'); + src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-Bold-webfont.woff') format('woff'), + url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-BoldItalic-webfont.eot'); - src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), - url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-BoldItalic-webfont.eot'); + src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-ExtraBold-webfont.eot'); - src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), - url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-ExtraBold-webfont.eot'); + src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'), + url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), + url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), + url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot'); - src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'), - url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), - url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), - url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg'); + src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot'); + src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), + url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg'); font-weight: 800; font-style: italic; } @@ -126,30 +126,30 @@ @font-face { font-family: 'Teko'; - src: url('../fonts/teko-light-webfont.woff'); + src: url('fonts/teko-light-webfont.woff'); font-weight: 300; } @font-face { font-family: 'Teko'; - src: url('../fonts/teko-regular-webfont.woff'); + src: url('fonts/teko-regular-webfont.woff'); font-weight: 400; } @font-face { font-family: 'Teko'; - src: url('../fonts/teko-medium-webfont.woff'); + src: url('fonts/teko-medium-webfont.woff'); font-weight: 500; } @font-face { font-family: 'Teko'; - src: url('../fonts/teko-semibold-webfont.woff'); + src: url('fonts/teko-semibold-webfont.woff'); font-weight: 600; } @font-face { font-family: 'Teko'; - src: url('../fonts/teko-bold-webfont.woff'); + src: url('fonts/teko-bold-webfont.woff'); font-weight: 700; } diff --git a/scss/_global.scss b/scss/_global.scss index 78143c0..1541899 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -7,7 +7,7 @@ */ body { - background: #666 url('../img/background.png'); + background: #666 url('img/background.png'); padding: 30px; background-attachment: fixed; } @@ -26,7 +26,7 @@ body { /* 3.1 - Header */ header { - background: #EEE url('../img/background.png'); + background: #EEE url('img/background.png'); margin-bottom:30px; h1 { border-style:none !important; diff --git a/scss/style.scss b/scss/style.scss index 0f3f959..dc48ecb 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,9 +1,17 @@ -// -// -- QUARANTE-DOUZE (S)CSS THEME -// -// Published under GPLv3 by Kazhnuz -// Theme made for Wordpress for https://quarante-douze.net -// +/* + Theme Name: Dimension Quarante-Douze + Theme URI: https://github.com/Quarante-Douze/qdouze-wordpress-theme + Author: Kazhnuz + Author URI: https://kazhnuz.space + Description: The default theme for Quarante-Douze, my tech blog. Made using bootstrap + Version: 0.1 + License: GNU General Public License v2 or later + License URI: http://www.gnu.org/licenses/gpl-2.0.html + Tags: blog, two-columns, right-sidebar, magazine + Text Domain: qdouze-wordpress-theme + + This theme is licensed under the GPLv3. +*/ @import 'palette'; diff --git a/css/style.css b/style.css similarity index 88% rename from css/style.css rename to style.css index ec4b7c9..5d19197 100644 --- a/css/style.css +++ b/style.css @@ -1,4 +1,18 @@ @charset "UTF-8"; +/* + Theme Name: Dimension Quarante-Douze + Theme URI: https://github.com/Quarante-Douze/qdouze-wordpress-theme + Author: Kazhnuz + Author URI: https://kazhnuz.space + Description: The default theme for Quarante-Douze, my tech blog. Made using bootstrap + Version: 0.1 + License: GNU General Public License v2 or later + License URI: http://www.gnu.org/licenses/gpl-2.0.html + Tags: blog, two-columns, right-sidebar, magazine + Text Domain: qdouze-wordpress-theme + + This theme is licensed under the GPLv3. +*/ /* * 1 - Definitions * @@ -107,98 +121,98 @@ /* 2.1.1 - OpenSans */ @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-Light-webfont.eot"); - src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-Light-webfont.eot"); + src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-LightItalic-webfont.eot"); - src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-LightItalic-webfont.eot"); + src: url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-Regular-webfont.eot"); - src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-Regular-webfont.eot"); + src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-Italic-webfont.eot"); - src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-Italic-webfont.eot"); + src: url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-Semibold-webfont.eot"); - src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-Semibold-webfont.eot"); + src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot"); - src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-SemiboldItalic-webfont.eot"); + src: url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-Bold-webfont.eot"); - src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-Bold-webfont.eot"); + src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-BoldItalic-webfont.eot"); - src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-BoldItalic-webfont.eot"); + src: url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-ExtraBold-webfont.eot"); - src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-ExtraBold-webfont.eot"); + src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'OpenSans'; - src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot"); - src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg"); + src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot"); + src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg"); font-weight: 800; font-style: italic; } /* 2.1.2 - Teko */ @font-face { font-family: 'Teko'; - src: url("../fonts/teko-light-webfont.woff"); + src: url("fonts/teko-light-webfont.woff"); font-weight: 300; } @font-face { font-family: 'Teko'; - src: url("../fonts/teko-regular-webfont.woff"); + src: url("fonts/teko-regular-webfont.woff"); font-weight: 400; } @font-face { font-family: 'Teko'; - src: url("../fonts/teko-medium-webfont.woff"); + src: url("fonts/teko-medium-webfont.woff"); font-weight: 500; } @font-face { font-family: 'Teko'; - src: url("../fonts/teko-semibold-webfont.woff"); + src: url("fonts/teko-semibold-webfont.woff"); font-weight: 600; } @font-face { font-family: 'Teko'; - src: url("../fonts/teko-bold-webfont.woff"); + src: url("fonts/teko-bold-webfont.woff"); font-weight: 700; } /* 2.2 - Global Typography */ @@ -429,7 +443,7 @@ mark { * */ body { - background: #666 url("../img/background.png"); + background: #666 url("img/background.png"); padding: 30px; background-attachment: fixed; } @@ -443,7 +457,7 @@ body { /* 3.1 - Header */ header { - background: #EEE url("../img/background.png"); + background: #EEE url("img/background.png"); margin-bottom: 30px; } header h1 { border-style: none !important;