pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
hugogogo
2021-01-13 14:56:41 +01:00
parent af67fe42d1
commit 8b75c43519
3 changed files with 127 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
styles/fonts.css Normal file
View File

@@ -0,0 +1,54 @@
/*////////////////////////////////////////////////////*/
/*FONTS*/
@font-face {
font-family: 'cabrion';
src: url('../fonts/cabrion/cabrion-light.woff2') format('woff2'),
url('../fonts/cabrion/cabrion-light.woff') format('woff');
url('../fonts/cabrion/cabrion-light.otf') format('opentype');
}
@font-face {
font-family: 'paradroid';
src: url('../fonts/paradroid/paradroidmono-light.woff2') format('woff2'),
url('../fonts/paradroid/paradroidmono-light.woff') format('woff');
url('../fonts/paradroid/paradroidmono-light.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge';
src: url('../fonts/louisgeorge/louis_george_cafe.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_bold';
src: url('../fonts/louisgeorge/louis_george_cafe_bold.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_bold.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_bold.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_bolditalic';
src: url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_bold_italic.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_italic';
src: url('../fonts/louisgeorge/louis_george_cafe_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_italic.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_light';
src: url('../fonts/louisgeorge/louis_george_cafe_light.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_light.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_light.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_lightitalic';
src: url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_light_italic.ttf') format('truetype');
}
/*FONTS*/
/*////////////////////////////////////////////////////*/

59
styles/reset.css Normal file
View File

@@ -0,0 +1,59 @@
/*/////////////////////////////////////////////*/
/*RESET*/
body *:not(script) {
display: block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration: none;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
* {
cursor: default;
}
/*RESET*/
/*/////////////////////////////////////////////*/

142
styles/style.css
View File

@@ -1,128 +1,7 @@
/* @import url(./reset.css);
@import url(./path/to/sheet.css); @import url(./fonts.css);
*/ @import url(./header.css);
@import url(./footer.css);
/*/////////////////////////////////////////////*/
/*RESET*/
body *:not(script) {
display: block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration: none;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
* {
cursor: default;
}
/*RESET*/
/*/////////////////////////////////////////////*/
/*////////////////////////////////////////////////////*/
/*FONTS*/
@font-face {
font-family: 'cabrion';
src: url('../fonts/cabrion/cabrion-light.woff2') format('woff2'),
url('../fonts/cabrion/cabrion-light.woff') format('woff');
url('../fonts/cabrion/cabrion-light.otf') format('opentype');
}
@font-face {
font-family: 'paradroid';
src: url('../fonts/paradroid/paradroidmono-light.woff2') format('woff2'),
url('../fonts/paradroid/paradroidmono-light.woff') format('woff');
url('../fonts/paradroid/paradroidmono-light.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge';
src: url('../fonts/louisgeorge/louis_george_cafe.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_bold';
src: url('../fonts/louisgeorge/louis_george_cafe_bold.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_bold.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_bold.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_bolditalic';
src: url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_bold_italic.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_italic';
src: url('../fonts/louisgeorge/louis_george_cafe_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_italic.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_light';
src: url('../fonts/louisgeorge/louis_george_cafe_light.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_light.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_light.ttf') format('truetype');
}
@font-face {
font-family: 'louisgeorge_lightitalic';
src: url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff2') format('woff2'),
url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe_light_italic.ttf') format('truetype');
}
/*FONTS*/
/*////////////////////////////////////////////////////*/
@@ -130,10 +9,17 @@ blockquote, q {
/*/////////////////////////////////////////////*/ /*/////////////////////////////////////////////*/
/*GLOBAL VARIABLE*/ /*GLOBAL VARIABLE*/
:root { :root {
/* colors */ /* colors texts */
--color-texts: rgb(1, 1, 1); --color-texts: rgb(1, 1, 1);
--color-links: rgb(1, 1, 1);
/* colors links */
--color-links: rgb(120, 1, 1);
/* colors buttons */
--primary-hue: 12;
--color-button: hsl(var(primary-hue), 1%, 1%);
/* color range */
--color-purple: #ee1998; --color-purple: #ee1998;
--color-pink: #ff7bca; --color-pink: #ff7bca;
--color-green: #8fce3c; --color-green: #8fce3c;
@@ -175,7 +61,7 @@ a, p, li {
a, a > * { a, a > * {
cursor: pointer; cursor: pointer;
} }
article a { a, a:visited, a:hover, a:link {
color: var(--color-links); color: var(--color-links);
} }
li *, li p, article b, article em, li *, li p, article b, article em,