Merge branch 'update-css' into 'latest'

Update CSS

See merge request core-services/jekyll-theme-lcsb-default!28

_sass/minima/_base.scss

@@ -175,9 +175,7 @@ blockquote {
 pre,
 code {
   @include relative-font-size(0.9375);
-  border: 1px solid $grey-color-light;
-  border-radius: 3px;
-  background-color: #f4f4f4;
+  background-color: #f6f8fa;
 }
 
 code {
@@ -192,6 +190,7 @@ pre {
     border: 0;
     padding-right: 0;
     padding-left: 0;
+    font-size: 90%;
   }
 }
 
@@ -321,20 +320,11 @@ table {
   color: lighten($text-color, 18%);
   border-collapse: collapse;
   border: 1px solid $grey-color-light;
-  tr {
-    &:nth-child(even) {
-      // background-color: lighten($grey-color-light, 6%);
-      background-color: #f0f0f0;
-    }
-  }
   th, td {
     padding: ($spacing-unit / 3) ($spacing-unit / 2);
   }
   th {
-    // background-color: lighten($grey-color-light, 3%);
-    background-color: #f0f0f0;
     border: 1px solid darken($grey-color-light, 4%);
-    border-bottom-color: darken($grey-color-light, 12%);
   }
   td {
     border: 1px solid $grey-color-light;

_sass/minima/_boxes.scss

-$COLOR_BOX_PRIMARY: #4085e4;
-$COLOR_BOX_SECONDARY: #efefef;
-$COLOR_BOX_FONT: #444;
+$COLOR_BOX_SECONDARY: darkgrey;
+$COLOR_BOX_FONT: #666666;
 
 .index-box-container {
     columns: 2;
@@ -14,21 +13,14 @@ $COLOR_BOX_FONT: #444;
 }
 
 .index-box {
-    width: 80%;
+    width: 85%;
     min-height: 120px;
     display: inline-block;
 
     padding: 10px 20px 0px 20px;
 
-    border: solid 2px $COLOR_BOX_SECONDARY;
+    border: solid 1px $grey-color-light;
     margin-bottom: 25px;
-    border-radius: 0 0 15px 15px;
-    border-top: solid 5px $COLOR_BOX_PRIMARY;
-
-    &:hover {
-        border-color: #ddd;
-        border-top: solid 5px $COLOR_BOX_PRIMARY;
-    }
 
     @media (max-width: 800px) {
         width: 86%;

_sass/minima/_layout.scss

@@ -324,6 +324,7 @@ html {
 .page-content {
   margin-top: 30px;
   margin-left: 5%;
+  margin-right: 5%;
   @include media-query($on-palm) {
     margin-top: 5px;
     padding-top: 0px;
@@ -429,7 +430,7 @@ html {
 
   float: right;
   color: #252525;
-  margin-right: 40px;
+  margin-right: -2.5%;
   margin-top: 14px;
 
   @include media-query($on-palm) {

_sass/minima/_syntax-highlighting.scss

@@ -6,7 +6,7 @@
   @extend %vertical-rhythm;
 
   .highlighter-rouge & {
-    background: #eef;
+    background: #f6f8fa;
   }
 
   .c     { color: #998; font-style: italic } // Comment

development.md

+---
+layout: frozen
+title: development
+order: 5
+---
+
 # Note
 This notes are intended for developers of the theme, and **not the developers of the website that use the theme**!
 
@@ -24,6 +30,7 @@ Or install it yourself as:
 
 
 ## Plugins
+
 Plugins that are placed in `_plugins` directory **are not published automatically!**. In order to add a new one, add it to [https://git-r3lab.uni.lu/-/ide/project/core-services/jekyll-theme-lcsb-frozen-components](https://git-r3lab.uni.lu/-/ide/project/core-services/jekyll-theme-lcsb-frozen-components).
 
 ## Usage
@@ -31,34 +38,37 @@ Plugins that are placed in `_plugins` directory **are not published automaticall
 ### How to configure your website
 Open the `_config.yml` file.
 Update:
- * _baseurl_ entry with the name of your repository,
- * _title_ entry with your website's title, 
- * _email_ entry with your email,
- * _new_menu_ to true, if you want to have menu items fully underlined (feel free to check how the site looks with the both options),
- * _date_ entry to the year you want to appear in the footer,
- * (optional) _banner_ to the name of the folder containing banner images (more later in this readme file)
- * (optional) _logo_ to "small" or "big", depending on how wide your banner images are
- 
+
+* _baseurl_ entry with the name of your repository,
+* _title_ entry with your website's title,
+* _email_ entry with your email,
+* _new_menu_ to true, if you want to have menu items fully underlined (feel free to check how the site looks with the both options),
+* _date_ entry to the year you want to appear in the footer,
+* (optional) _banner_ to the name of the folder containing banner images (more later in this readme file)
+* (optional) _logo_ to "small" or "big", depending on how wide your banner images are
+
 Save, and commit the file. Every time you commit and push to the repository, the new page will be rebuilt and served.
- 
+
 
 ### How to add new pages to the website?
-Create a new `.md` file inside the project's directory. 
+Create a new `.md` file inside the project's directory.
 For example, you can copy `index.md` file (and you can refer to its contents as to a valid page).
 
 It should contain the following header:
 
-    ---
-    layout: default
-    title: index
-    order: 1
-    ---
-    
+```markdown
+---
+layout: default
+title: index
+order: 1
+---
+```
+
 * Warning! In case of pages that should be available in the menu, `permalink` item (described below) **IS MANDATORY**.
 * Leave layout as `default`.
 * The title attribute (here - `index`) is displayed in the menu, thus rename it to your needs.
 * Order attribute (here - `1`) decides about the order in the menu - lower numbers come first.
-* In addition, you can add `permalink` attribute, which will cause the page to be accessible by the given permalink. For example : `permalink: /something/` refers to `https://your-webpage-address.com/something`.     
+* In addition, you can add `permalink` attribute, which will cause the page to be accessible by the given permalink. For example : `permalink: /something/` refers to `https://your-webpage-address.com/something`.
 
 Don't forget to save and commit the file.
 
@@ -67,16 +77,16 @@ Don't forget to save and commit the file.
 
 There is a special layout type, called `external`. For example, to have a link redirecting you to google.com website, you can create a post with the following contents:
 
-```
+```yaml
 layout: external
 redirect_to: https://www.google.com
 title: Title in menu
 order: 4
 ```
 
-  
+
 ### Customise images in the header
-Create a folder in `assets/banners` directory, with `banner.svg`, `logos.svg` and `motto.svg` files (for reference, consult `assets/banners/frozen` directory. Do not exceed image dimensions). Update `_config.yml` file with the name of directory you created for the images. 
+Create a folder in `assets/banners` directory, with `banner.svg`, `logos.svg` and `motto.svg` files (for reference, consult `assets/banners/frozen` directory. Do not exceed image dimensions). Update `_config.yml` file with the name of directory you created for the images.
 In case `logos.svg` file is wide, change `logo: small` to `logo: big` in `_config.yml`.
 
 ### Enabling and configuring pagination
@@ -86,7 +96,7 @@ You may also need to disable showing `index.md`, by setting `published: false` i
 
 There are two sections in `_config.yml`, that refer to pagination: first, `  - jekyll-paginate-v2` line in plugins section, and then the configuration dictionary:
 
-```
+```yaml
 pagination:
   enabled: true  # Note, that setting it to disabled does not disable it completely, as it has to be also set to false in `pagination.md` file
   title: ':title - page :num of :max'  # Customize the text
@@ -97,7 +107,7 @@ pagination:
   sort_reverse: true
   trail:  # How many pages should be shown in paginator.
     before: 2  # Show 2 before the current one, e.g. `< 5 6 CURRENT ...`
-    after: 2  # Show 2 after the current one, e.g. `... CURRENT 6 7 >` 
+    after: 2  # Show 2 after the current one, e.g. `... CURRENT 6 7 >`
 ```
 
 To disable it completely, set `enabled` to `false`, remove the aforementioned sections from the configuration, and `gem "jekyll-paginate-v2", "~> 1.7"` from `Gemfile` (from the project's root), and remove `pagination.md` file from project's root directory.