Globally update of the style and content.
This commit is contained in:
Daru13
parent
4c467a0b2a
commit
dd2f9a13e7
35 changed files with 118 additions and 276 deletions
146
css/style.css
146
css/style.css
|
|
@ -2,45 +2,26 @@
|
|||
/* FONTS
|
||||
/*--------------------------------------------------------*/
|
||||
|
||||
/* roboto-300 - latin */
|
||||
/* palanquin-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Roboto Light'), local('Roboto-Light'),
|
||||
url('../fonts/roboto-v18-latin-300.woff2') format('woff2'),
|
||||
url('../fonts/roboto-v18-latin-300.woff') format('woff');
|
||||
}
|
||||
|
||||
/* roboto-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-family: 'Palanquin';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Roboto'), local('Roboto-Regular'),
|
||||
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'),
|
||||
url('../fonts/roboto-v18-latin-regular.woff') format('woff');
|
||||
}
|
||||
|
||||
/* roboto-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Roboto Italic'), local('Roboto-Italic'),
|
||||
url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'),
|
||||
url('../fonts/roboto-v18-latin-italic.woff') format('woff');
|
||||
}
|
||||
|
||||
/* roboto-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: local('Palanquin Regular'), local('Palanquin-Regular'),
|
||||
url('../fonts/palanquin-v4-latin-regular.woff2') format('woff2'),
|
||||
url('../fonts/palanquin-v4-latin-regular.woff') format('woff');
|
||||
}
|
||||
|
||||
/* palanquin-600 - latin */
|
||||
@font-face {
|
||||
font-family: 'Palanquin';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'),
|
||||
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'),
|
||||
url('../fonts/roboto-v18-latin-700.woff') format('woff');
|
||||
}
|
||||
font-weight: 600;
|
||||
src: local('Palanquin SemiBold'), local('Palanquin-SemiBold'),
|
||||
url('../fonts/palanquin-v4-latin-600.woff2') format('woff2'),
|
||||
url('../fonts/palanquin-v4-latin-600.woff') format('woff');
|
||||
}
|
||||
|
||||
|
||||
/* oleo-script-regular - latin */
|
||||
@font-face {
|
||||
|
|
@ -51,17 +32,6 @@
|
|||
url('../fonts/oleo-script-v7-latin-regular.woff2') format('woff2'),
|
||||
url('../fonts/oleo-script-v7-latin-regular.woff') format('woff');
|
||||
}
|
||||
|
||||
/* oleo-script-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Oleo Script';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Oleo Script Bold'), local('OleoScript-Bold'),
|
||||
url('../fonts/oleo-script-v7-latin-700.woff2') format('woff2'),
|
||||
url('../fonts/oleo-script-v7-latin-700.woff') format('woff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -78,9 +48,8 @@
|
|||
}
|
||||
|
||||
html, body {
|
||||
font-family: "Roboto", serif;
|
||||
font-weight: 300;
|
||||
line-height: 180%;
|
||||
font-family: "Palanquin", sans-serif;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
|
@ -207,41 +176,56 @@ section {
|
|||
padding: 0 60px;
|
||||
|
||||
text-align: justify;
|
||||
line-height: 180%;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
margin: 0 0 25px 0;
|
||||
padding: 15px 0;
|
||||
padding: 20px 0;
|
||||
|
||||
/*
|
||||
background-image: url("../img/header/background.jpg");
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent !important;
|
||||
*/
|
||||
|
||||
border-bottom-width: 5px;
|
||||
border-bottom-style: solid;
|
||||
|
||||
color: #FFFFFF;
|
||||
font-family: "Oleo script", "Roboto", sans-serif;
|
||||
font-family: "Oleo script", sans-serif;
|
||||
font-size: 4rem;
|
||||
font-weight: 300;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
/*section.red { color: #803339; }*/
|
||||
section.red h2 { color: #FF6673; }
|
||||
section.red h2 { color: #EA6C61; border-bottom-color: #f7cbc0; }
|
||||
|
||||
/* section.orange { color: #805333; } */
|
||||
section.orange h2 { color: #FFA666; }
|
||||
section.orange h2 { color: #ebaa5b; border-bottom-color: #f8dfc2; }
|
||||
|
||||
/* section.green { color: #5A8039; } */
|
||||
section.green h2 { color: #A2E667; }
|
||||
section.green h2 { color: #5fb574; border-bottom-color: #cae2cb; }
|
||||
|
||||
/* section.blue { color: #396680; } */
|
||||
section.blue h2 { color: #73CCFF; }
|
||||
section.blue h2 { color: #2896ce; border-bottom-color: #bcd4ec; }
|
||||
|
||||
/* section.purple { color: #80396E; } */
|
||||
section.purple h2 { color: #FF73DC; },
|
||||
section.purple h2 { color: #e4678c; border-bottom-color: #f3cad2; }
|
||||
|
||||
section p {
|
||||
padding: 0 0 20px 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
section strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
section p.stand-out {
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
|
|
@ -260,6 +244,10 @@ section p.stand-out {
|
|||
}
|
||||
|
||||
section h2 {
|
||||
padding: 15px 0;
|
||||
|
||||
border-bottom-width: 4px;
|
||||
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -267,11 +255,15 @@ section p.stand-out {
|
|||
@media only screen and (max-width: 480px) {
|
||||
section {
|
||||
padding: 0 30px;
|
||||
|
||||
line-height: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 360px) {
|
||||
section h2 {
|
||||
padding: 5px 0;
|
||||
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -288,13 +280,13 @@ section p.stand-out {
|
|||
margin: 20px auto 0 auto;
|
||||
padding: 15px 20px;
|
||||
|
||||
background-color: rgba(255, 102, 115, 0.1);
|
||||
background-color: #fce8e2;
|
||||
|
||||
border: 2px solid #FF6673;
|
||||
border: 2px solid #EA6C61;
|
||||
|
||||
color: #FF6673;
|
||||
color: #EA6C61;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 400;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
|
||||
|
|
@ -302,7 +294,7 @@ section p.stand-out {
|
|||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: rgba(255, 102, 115, 0.2);
|
||||
background-color: #fadad0 ;
|
||||
}
|
||||
|
||||
.button img {
|
||||
|
|
@ -376,7 +368,7 @@ section p.stand-out {
|
|||
margin: 0 0 0 -100px;
|
||||
|
||||
font-size: 1.5rem;
|
||||
font-weight: 300;
|
||||
font-weight: 400;
|
||||
|
||||
line-height: 48px;
|
||||
vertical-align: middle;
|
||||
|
|
@ -535,23 +527,19 @@ section p.stand-out {
|
|||
margin: 20px;
|
||||
}
|
||||
|
||||
#sponsors img.sponsor-disc {
|
||||
height: 155px;
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------*/
|
||||
|
||||
@media only screen and (max-width: 880px) {
|
||||
#sponsors img {
|
||||
display: block;
|
||||
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#sponsors img {
|
||||
height: 40px;
|
||||
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#sponsors img.sponsor-disc {
|
||||
height: 60px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -580,10 +568,16 @@ section p.stand-out {
|
|||
|
||||
/*--------------------------------------------------------*/
|
||||
|
||||
@media only screen and (max-width: 880px) {
|
||||
#contact-email {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
#contact-email {
|
||||
font-size: 0.9rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
#contact-email img {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue