Merge remote-tracking branch 'origin/master'

# Conflicts:
#	css/import.css

css/fonts.css

@@ -2,7 +2,7 @@
 
 @font-face {  font-family: "aileron";  font-style: italic;  font-weight: 100;   src: url("../media/fonts/aileron/aileron-thinitalic.eot");  src: url("../media/fonts/aileron/aileron-thinitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thinitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thinitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-thinitalic.ttf") format('truetype');  }
 
-@font-face {  font-family: "aileron";  font-style: italic;  font-weight: 100;   src: url("../media/fonts/aileron/aileron-thin.eot");  src: url("../media/fonts/aileron/aileron-thin.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thin.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thin.woff") format('woff'), url("../media/fonts/aileron/aileron-thin.ttf") format('truetype');  }
+@font-face {  font-family: "aileron";  font-style: normal;  font-weight: 100;   src: url("../media/fonts/aileron/aileron-thin.eot");  src: url("../media/fonts/aileron/aileron-thin.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-thin.woff2") format('woff2'), url("../media/fonts/aileron/aileron-thin.woff") format('woff'), url("../media/fonts/aileron/aileron-thin.ttf") format('truetype');  }
 
 @font-face {  font-family: "aileron";  font-style: italic;  font-weight: 300;   src: url("../media/fonts/aileron/aileron-lightitalic.eot");  src: url("../media/fonts/aileron/aileron-lightitalic.eot?#iefix") format('embedded-opentype'), url("../media/fonts/aileron/aileron-lightitalic.woff2") format('woff2'), url("../media/fonts/aileron/aileron-lightitalic.woff") format('woff'), url("../media/fonts/aileron/aileron-lightitalic.ttf") format('truetype');  }
 

css/import.css

@@ -14,6 +14,8 @@
 @import "structure/navbar.css";
 @import "structure/list.css";
 @import "structure/alert.css";
+@import "structure/slider.css";
+@import "structure/input.css";
 
 @import "openaire.css";
 

css/structure/breadcrumbs.css

@@ -4,8 +4,8 @@
 }
 
 .uk-breadcrumb > * > * {
-  vertical-align: top;
-  line-height: calc(var(--breadcrumb-devider-size) + 10px);
+  vertical-align: super;
+  line-height: calc(var(--breadcrumb-devider-size));
 }
 
 .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {

css/structure/button.css

@@ -1,31 +1,49 @@
 :root {
     /* Primary */
   --button-primary-background: var(--primary-color);
-  --button-primary-background-hover: var(--secondary-color);
-  --button-primary-background-image: linear-gradient(51deg, var(--primary-color) 50%,var(--primary-color) 75%, var(--secondary-color) 100%);
-  --button-primary-background-image-hover: none;
+  --button-primary-background-image: none;
   --button-primary-color: var(--light-color);
+  --button-primary-border-color: transparent;
+  --button-primary-background-hover: var(--secondary-color);
+  --button-primary-background-image-hover: none;
   --button-primary-color-hover: var(--light-color);
+  --button-primary-border-color-hover: transparent;
 
   /* Secondary */
   --button-secondary-background: var(--secondary-color);
   --button-secondary-background-image: none;
   --button-secondary-color: var(--light-color);
+  --button-secondary-border-color: transparent;
+  --button-secondary-background-hover: var(--primary-color);
+  --button-secondary-background-image-hover: none;
+  --button-secondary-color-hover: var(--light-color);
+  --button-secondary-border-color-hover: transparent;
 }
 
 .uk-button-primary {
   background-color: var(--button-primary-background);
   background-image: var(--button-primary-background-image);
   color: var(--button-primary-color);
+  border-color: var(--button-primary-border-color);
 }
 
 .uk-button-primary:hover {
   background-color: var(--button-primary-background-hover);
   background-image: var(--button-primary-background-image-hover);
   color: var(--button-primary-color-hover);
+  border-color: var(--button-primary-border-color-hover);
 }
 
 .uk-button-secondary {
   background-color: var(--button-secondary-background);
+  background-image: var(--button-secondary-background-image);
   color: var(--button-secondary-color);
+  border-color: var(--button-secondary-border-color);
+}
+
+.uk-button-secondary:hover {
+  background-color: var(--button-secondary-background-hover);
+  background-image: var(--button-secondary-background-image-hover);
+  color: var(--button-secondary-color-hover);
+  border-color: var(--button-secondary-border-color-hover);
 }

css/structure/input.css

@@ -0,0 +1,3 @@
+textarea {
+  resize: none;
+}

css/structure/navbar.css

@@ -1,7 +1,9 @@
 :root {
   --navbar-background-color: var(--light-color);
+  --navbar-background-image: none;
 }
 
 navbar .uk-navbar-container {
   background-color: var(--navbar-background-color) !important;
+  background-image: var(--navbar-background-image) !important;
 }

css/structure/slider.css

@@ -0,0 +1,12 @@
+:root {
+  --slider-dot-background: #d1d1d1;
+  --slider-dot-active-background: #4687e6;
+}
+
+.uk-dotnav > .uk-active > *, .uk-dotnav > * > *:hover {
+  background-color: var(--slider-dot-active-background);
+}
+
+.uk-dotnav > * > * {
+  background-color: var(--slider-dot-background);
+}

css/structure/variables.css

@@ -9,8 +9,11 @@
 
   --explore-color: #D95F2D;
   --provide-color: #37C7E9;
+  /* Monitor */
   --monitor-color: #56A601;
-  --monitor-gradient-start: #8BCC00;
-  --monitor-gradient-end: #228001;
+  --monitor-color-rgb: 86, 166, 1;
+  --monitor-light-color: #8BCC00;
+  --monitor-dark-color: #228001;
+  /**/
   --connect-color: #EBB13E;
 }