jekyll-theme-lcsb-default 0.2.0

data/_sass/minima/_frozen.scss

@@ -0,0 +1,44 @@
+.fpage-content {
+    margin-top: 30px;
+    @include media-query($on-palm) {
+      margin-top: 5px;
+      padding-top: 0px;
+    }
+    padding: $spacing-unit 0;
+    padding-bottom: $footer-height;
+  }
+
+.rtitle {
+    margin: 0px 20px 50px 20px;
+    padding: 30px;
+    border: 1px solid darkgrey;
+    p {
+        color: #666666;
+        @include relative-font-size(0.9);
+    }
+}
+
+
+.rblock {
+    margin: 0px 20px 50px 20px;
+    padding: 10px 30px 10px 30px;
+    outline: 1px solid darkgrey;
+    height: 330px;
+    width: $content-width / 5 + 24;
+    float: left;
+    p {
+        color: #666666;
+        @include relative-font-size(0.9);
+        display: inline-block;
+        vertical-align: middle;
+        float: none;
+        text-align: justify;
+        padding-top: 30px;
+    }
+}
+
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
+}

data/_sass/minima/_layout.scss

@@ -0,0 +1,349 @@
+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;
+}
+
+
+.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: right;
+  line-height: $base-line-height * $base-font-size * 2.25;
+
+  .page-tabs {
+    padding-right: 50px;
+  }
+
+  .nav-trigger {
+      display: none;
+  }
+
+  .menu-icon {
+    display: none;
+  }
+
+  .page-link:hover {
+    text-decoration: none;
+  }
+
+  .page-link:hover:after {
+    border-color: #58595B;
+  }
+
+  @media (min-width: 640px) {
+    .page-link:after {
+      content: " ";
+      width: 22px;
+      border-bottom: solid 3px #cbcfda;
+      position: absolute;
+      top: 30px;
+      left: 18px;
+      float: left;
+    }
+  }
+
+  @media (max-width: 640px) {
+    .page-link.active:before {
+      content: "\2022";
+      margin-right: 10px;
+      position: absolute;
+      left: 12%;
+      color: rgb(23, 168, 225);
+    }
+    .page-link.active {
+      font-weight: 600;
+      color: rgb(23, 168, 225);
+    }
+    .page-link {
+      color: #222;
+    }
+  }
+
+  @media (min-width: 640px) {
+    .page-link:hover {
+      color: #222 !important;
+
+        &:not(.active) {
+          // padding-top: 20px;
+        }
+    }
+
+    .page-link {
+      min-width: 60px;
+      position: relative;
+
+      margin: 0 0 0 -1px;
+      padding: 2px 10px 4px 9px;
+
+      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;
+
+      z-index: 8;
+    }
+
+    .active:after {
+      border-color: #58595B;
+    }
+  }
+
+  .page-link {
+    // color: $text-color;
+    line-height: $base-line-height;
+    font-weight: 600;
+    text-align: center;
+
+    // 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;
+
+    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 ~ .trigger {
+      display: block;
+      padding-bottom: 5px;
+    }
+
+    .page-link {
+      display: block;
+      padding: 5px 10px;
+
+      &:not(:last-child) {
+        margin-right: 0;
+      }
+      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
+}
+
+.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));
+  }
+}
+
+
+
+/**
+ * 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;
+}
+
+.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);
+    }
+  }
+}

data/_sass/minima/_lcsb.scss

@@ -0,0 +1,130 @@
+.custom-header {
+  border-bottom: solid 1pt #777;
+  min-width: 375px;
+  margin-top: 3px;
+}
+
+// Normal (desktop) ========================================================
+.img-uni-lu {
+  bottom: -2px;
+  border: solid 1pt #777;
+  border-bottom: solid 2px white;
+  border-radius: 14% 14% 0 0;
+  margin-left: 8%;
+  padding: 20px 27px 0px 27px;
+  position: relative;
+  width: 77px;
+  height: 66px;
+}
+
+.img-banner {
+  bottom: -20px;
+  position: relative;
+}
+
+.img-banner-main {
+  margin-left: 2%;
+  height: 30px;
+}
+
+.img-banner-motto {
+  width: 256px;
+  margin-left: 10px;
+}
+
+.img-lcsb {
+  float: right;
+  width: 250px;
+  position: absolute;
+  right: 0px;
+}
+
+.social-media-list {
+  float: right;
+  padding-right: 2%;
+  position: relative;
+}
+
+.svg-icon {
+  margin: 0px;
+  padding: 0px;
+}
+
+// Big screen ====================================================================================
+
+@media(max-width: 1050px) {
+  .img-logo-big {
+    display: none;
+  }
+}
+
+// Normal screen =================================================================================
+@media (max-width: 900px) {
+  .img-banner-motto {
+    display: none;
+  }
+
+  .img-uni-lu {
+    margin-left: 55px;
+  }
+}
+
+// Small-screen ==================================================================================
+
+@media (max-width: 700px) {
+  .img-logo-small {
+    display: none;
+  }
+}
+
+@media (max-width: 640px) {
+  .img-uni-lu {
+  }
+
+  .img-banner-main {
+    margin-left: 3%;
+  }
+
+  .img-banner-motto {
+    display: none;
+  }
+
+  .img-lcsb {
+    margin-right: 1%;
+    width: 120px;
+    display: none;
+  }
+}
+
+// Ultra-small screen ==================================================================================
+
+@media (max-width: 500px) {
+  .img-banner-main {
+    margin-left: 9px;
+    bottom: -8px;
+    max-width: 160px;
+  }
+
+  .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%;
+  }
+}
+
+