jekyll-lux-covid-theme 0.0.1

data/_sass/minima/_layout.scss

@@ -0,0 +1,444 @@
+html {
+    overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+}
+
+/**
+ * Site header
+ */
+.site-header {
+  min-height: $spacing-unit * 1.865;
+  height: $banner-height;
+  // Positioning context for the mobile navigation icon
+  position: relative;
+  margin-top: 30px;
+
+  @media print {
+    margin-top: 0px;
+    display: none;
+  }
+}
+
+
+.content-wrapper {
+  flex: 1 0 auto;
+}
+
+
+/**
+* SVG BANNER
+*/
+
+.site-title {
+  @include relative-font-size(1.625);
+  font-weight: 300;
+  line-height: $base-line-height * $base-font-size * 2.25;
+  letter-spacing: -1px;
+  margin-bottom: 0;
+  float: left;
+
+  &,
+  &:visited {
+    color: $grey-color-dark;
+  }
+}
+
+.site-nav {
+  margin-top: 10px;
+  float: left;
+  margin-left: 50px;
+  line-height: $base-line-height * $base-font-size * 2.25;
+
+  .page-tabs {
+    padding-right: 50px;
+  }
+
+  .nav-trigger {
+      display: none;
+  }
+
+  .menu-icon {
+    display: none;
+  }
+
+  a.page-link2.active {
+    color: #222;
+  }
+
+  .page-link:hover, .page-link2:hover {
+    text-decoration: none;
+  }
+
+  .page-link:hover:after {
+    border-color: #ed1c24;
+  }
+
+  @media (min-width: 640px) {
+    .page-link:after {
+      content: " ";
+      width: 22px;
+      border-bottom: solid 3px #cbcfda;
+      position: absolute;
+      top: 30px;
+      left: 10px;
+      float: left;
+    }
+    .page-link2.active {
+      border-bottom: 3px solid #808080;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .page-link.active:before, .page-link2.active:before {
+      content: "\2023";
+      margin-right: 10px;
+      position: absolute;
+      left: 20px;
+      color: rgb(23, 168, 225);
+    }
+    .page-link.active, .page-link2.active {
+      font-weight: 600;
+      color: rgb(23, 168, 225);
+    }
+    .page-link, .page-link2 {
+      color: #222;
+    }
+  }
+
+  @media (min-width: 640px) {
+    .page-link2:hover {
+      border-bottom: 3px solid #808080;
+    }
+
+    .page-link:hover, .page-link2:hover {
+      color: #ed1c24 !important;
+        &:not(.active) {  // padding-top: 20px;
+        }
+    }
+
+    .page-link2 {
+      position: relative;
+
+      // New version (full underline)
+      min-width: 40px;
+      margin: 0 15px 0 8px;
+      padding: 0 2px 0 2px;
+      border-bottom: 3px solid #e0e0e0;
+
+      float: left;
+
+      -moz-transition: padding 0.8s ease;
+      -webkit-transition: padding 0.8s ease;
+      -o-transition: padding 0.8s ease;
+      transition: padding 0.8s ease;
+
+      -moz-transition: border 0.3s ease;
+      -webkit-transition: border 0.3s ease;
+      -o-transition: border 0.3s ease;
+      transition: border 0.3s ease;
+
+      z-index: 8;
+    }
+
+    .page-link {
+      position: relative;
+
+      min-width: 60px;
+      margin: 0 0 0 -1px;
+      padding: 2px 10px 4px 9px;
+      margin-bottom: 5px;
+
+      float: left;
+
+      -moz-transition: padding 0.8s ease;
+      -webkit-transition: padding 0.8s ease;
+      -o-transition: padding 0.8s ease;
+      transition: padding 0.8s ease;
+
+      -moz-transition: border 0.3s ease;
+      -webkit-transition: border 0.3s ease;
+      -o-transition: border 0.3s ease;
+      transition: border 0.3s ease;
+
+      z-index: 8;
+    }
+
+    .active:after {
+      border-color: $brand-color;
+    }
+  }
+
+  .page-link, .page-link2 {
+    // color: $text-color;
+    line-height: $base-line-height;
+    font-weight: 600;
+    text-align: left;
+
+    // Gaps between nav items, but not on the last one
+    &:not(:last-child) {
+      // margin-right: -6px;
+    }
+  }
+
+  @include media-query($on-palm) {
+    position: absolute;
+    top: -25px;
+    right: $spacing-unit / 2;
+    background-color: $background-color;
+    border: 1px solid $grey-color-light;
+    border-radius: 5px;
+    text-align: right;
+    max-width: calc(100% - 30px);
+
+    label[for="nav-trigger"] {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 36px;
+      z-index: 2;
+      cursor: pointer;
+    }
+
+    .menu-icon {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 26px;
+      line-height: 0;
+      padding-top: 10px;
+      text-align: center;
+
+      > svg path {
+        fill: $grey-color-dark;
+      }
+    }
+
+    input ~ .trigger {
+      clear: both;
+      display: none;
+    }
+
+    input:checked ~ div {
+      width: 100%;
+    }
+
+    input:checked ~ .trigger {
+      display: block;
+      padding-bottom: 15px;
+      padding-right: 15px;
+      width: calc(100% - 15px);
+    }
+
+    .page-link, .page-link2 {
+      display: block;
+      padding: 7px 10px;
+
+      &:not(:last-child) {
+        margin-right: 0;
+        border-bottom: solid 1px #eceaea;
+      }
+      margin-left: 20px;
+    }
+  }
+}
+
+
+
+/**
+ * Site footer
+ */
+.site-footer {
+  padding: $spacing-unit 0;
+  bottom: 0;
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  width:100%;
+  margin-top: -$footer-height + $spacing-unit;
+  flex-shrink: 0;
+  height: $footer-height;
+  line-height: 15px;
+
+  @media print {
+    display: none;
+  }
+}
+
+.footer-wrapper {
+  width: 100%;
+  padding: $spacing-unit 0;
+  border-top: 1px solid $grey-color-light;
+}
+
+.footer-heading {
+  @include relative-font-size(1.125);
+  margin-bottom: $spacing-unit / 2;
+}
+
+.contact-list,
+.social-media-list {
+  list-style: none;
+  margin-left: 0;
+}
+
+.social-media-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  text-align: center;
+
+  li {
+    display: inline;
+    a {
+      text-decoration: none;
+      padding: .2em 1em;
+    }
+  }
+}
+
+.footer-cp {
+  @include relative-font-size(0.8);
+  color: $grey-color;
+  margin-left: -$spacing-unit / 2;
+  @extend %clearfix;
+  position: relative;
+  text-align: center;
+}
+
+
+@include media-query($on-palm) {
+  .footer-col {
+    float: none;
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
+  }
+}
+
+.site-footer-share {
+  margin-bottom: 4px;
+}
+
+
+
+/**
+ * Page content
+ */
+.page-content {
+  margin-top: 30px;
+  margin-left: 5%;
+  @include media-query($on-palm) {
+    margin-top: 5px;
+    padding-top: 0px;
+    margin-left: 1%;
+  }
+  padding: $spacing-unit 0;
+  padding-bottom: $footer-height;
+
+  @media print {
+    margin-top: 2px;
+    margin-left: unset;
+  }
+}
+
+.page-heading {
+  @include relative-font-size(2);
+}
+
+.post-list-heading {
+  @include relative-font-size(1.75);
+}
+
+.post-list {
+  margin-left: 0;
+  list-style: none;
+
+  > li {
+    margin-bottom: $spacing-unit;
+  }
+}
+
+.post-meta {
+  font-size: $small-font-size;
+  color: $grey-color;
+}
+
+.post-link {
+  display: block;
+  @include relative-font-size(1.5);
+}
+
+
+
+/**
+ * Posts
+ */
+.post-header {
+  margin-bottom: $spacing-unit;
+}
+
+.post-title {
+  @include relative-font-size(2.625);
+  letter-spacing: -1px;
+  line-height: 1;
+
+  @include media-query($on-laptop) {
+    @include relative-font-size(2.25);
+  }
+}
+
+.post-content {
+  margin-bottom: $spacing-unit;
+
+  h2 {
+    @include relative-font-size(2);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.75);
+    }
+  }
+
+  h3 {
+    @include relative-font-size(1.625);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.375);
+    }
+  }
+
+  h4 {
+    @include relative-font-size(1.25);
+
+    @include media-query($on-laptop) {
+      @include relative-font-size(1.125);
+    }
+  }
+}
+
+.pager-active {
+  background-color: #cbdce9;
+}
+
+
+.center-image {
+  margin: 0 auto;
+  display: block;
+}
+
+.print-button {
+  @media print {
+    display: none;
+  }
+
+  float: right;
+  color: #252525;
+  margin-right: 40px;
+  margin-top: 14px;
+
+  @include media-query($on-palm) {
+    display: none;
+  }
+
+  span {
+    padding-left: 5px;
+  }
+}

data/_sass/minima/_lcsb.scss

@@ -0,0 +1,192 @@
+.custom-header {
+  min-width: 375px;
+  margin-top: 3px;
+  min-height: 100px;
+}
+
+.rss-subscribe {
+  float: right;
+  font-size: smaller;
+  height: 50px;
+}
+
+div.alert {
+  padding: .75rem 1.25rem;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  margin: 10px;
+  font-weight: 300;
+}
+
+div.alert > h3 {
+  font-weight: 600;
+  margin-bottom: 3px
+}
+
+div.alert.warning {
+  border-color: #feedbb;
+  background-color: #fef5cf;
+  color: #846102;
+}
+
+div.alert.info {
+  border-color: #baeeff;
+  background-color: #c3e5ff;
+  color: #045689;
+}
+
+div.alert.success {
+  border-color: #eeffff;
+  background-color: #d5eadb;
+  color: #048956;
+}
+
+div.alert.danger {
+  border-color: #f6c6cf;
+  background-color: #f8ddd3;
+  color: #721a1c;
+}
+
+div.alert.primary {
+  border-color: #b9dbfe;
+  background-color: #cde6fe;
+  color: #014184;
+}
+
+// Normal (desktop) ========================================================
+.img-research {
+  bottom: -2px;
+  margin-left: 62px;
+  padding: 20px 27px 0px 27px;
+  position: relative;
+  height: 66px;
+  margin-right: 250px;
+}
+
+.img-banner {
+  bottom: -20px;
+  position: relative;
+}
+
+.img-banner-main {
+  margin-left: 2%;
+  height: 30px;
+}
+
+.img-banner-motto {
+  width: 180px;
+  margin-left: 10px;
+}
+
+.social-media-list {
+  float: right;
+  padding-right: 2%;
+  position: relative;
+}
+
+.svg-icon {
+  margin: 0px;
+  padding: 0px;
+}
+
+// Big screen ====================================================================================
+
+@media(max-width: 1050px) {
+  .img-research {
+    margin-right: 13%;
+  }
+
+  .img-logo-big {
+    display: none;
+  }
+}
+
+// Normal screen =================================================================================
+@media (max-width: 900px) {
+  .img-research {
+    margin-right: 0%;
+  }
+
+  .img-banner-main {
+    height: 23px
+  }
+
+  .img-banner-motto {
+    width: 130px;
+  }
+}
+
+// Small-screen ==================================================================================
+
+@media (max-width: 700px) {
+  .img-banner-main {
+    display: none;
+  }
+
+  .img-banner-motto {
+    display: none;
+  }
+}
+
+@media (max-width: 640px) {
+  .img-banner-main {
+    margin-left: 3%;
+  }
+
+  .img-research {
+    padding: 0px;
+    height: 50px;
+    margin-right: 20px;
+  }
+
+  .img-banner {
+    bottom: -10px;
+  }
+
+  .img-banner-main {
+    display: unset;
+  }
+
+  .img-banner-motto {
+    display: none;
+  }
+
+}
+
+// Ultra-small screen ==================================================================================
+
+@media (max-width: 500px) {
+  .img-banner-main {
+    margin-left: 9px;
+    bottom: -8px;
+    max-width: 160px;
+  }
+
+  .img-research {
+    padding: 0px;
+    height: 40px;
+    margin-left: 10px;
+    margin-right: 0px;
+  }
+
+  .img-uni-lu {
+    margin-left: 20px;
+    width: 40px;
+    height: auto;
+    padding: 12px 17px 0px 16px;
+  }
+
+  .img-lcsb {
+    display: none;
+    bottom: -6px;
+    margin-right: 10%;
+    position: relative;
+    width: 80px;
+  }
+
+  .social-media-list {
+    text-align: center;
+    position:relative;
+    right:33%;
+  }
+}

data/_sass/minima/_search.scss

@@ -0,0 +1,38 @@
+h3.result {
+    font-size: large;
+}
+
+#search_query {
+    border: solid 2px #eee; 
+    padding: 8px; 
+    height: 20px; 
+    font-size: 20px; 
+    width: 500px; 
+    min-width: 400px;
+}
+
+button.search[type=submit] {
+    border: solid 2px #eee; 
+    padding: 1px; 
+    height: 35px; 
+    width: 150px; 
+    font-size: 20px; 
+    color: #4c4c4c; 
+    background: #efefef; 
+    border-radius: 8px;
+    margin-top: 3px;
+}
+
+#search_header {
+    margin-top: 50px; 
+    display: none
+}
+
+#search_results_table {
+    margin-top: 20px; 
+    width: 100%;
+}
+
+#search_results_placeholder_td {
+    border: none;
+}