jekyll-theme-fica 0.1.0 → 0.1.2

data/_sass/Color_scheme.scss

@@ -0,0 +1,117 @@
+//Main Color Scheme
+$background-color:      #2b2b2b  !default;
+$text-color:            #ffffff !default;
+
+
+$site-title-color:      #ffffff !default;
+$site-header-bg:        darken($background-color, 5%) !default; 
+
+$btn-bg-color:           #525252 !default;
+$btn-color-hover:        #353535 !default;
+$btn-text-hover-color:   darken($text-color, 20%) !default;
+
+$header-bg-color:        #80ffd4 !default;
+$home-header-title-color: darken($background-color, 3%) !default;
+
+$button-download:       #0097A7 !default;
+$button-download-hover: #80ffd4 !default;
+
+
+$code-background-color: darken($background-color, 3%) !default;
+
+$code-text-color:       #cfcc13 !default;
+$blockquote-text-color: darken(#ffffff, 30%) !default;
+
+$link-base-color:       #80ffd4  !default;
+$link-visited-color:    darken($link-base-color, 15%) !default;
+$link-hover-color:      darken(#80ffd4, 40%) !default;
+
+$header-link-color:     darken($text-color, 40%) !default;
+
+$border-color-01:       $code-background-color !default;
+
+$menu-bdr-color:        darken($background-color, 6%) !default;
+$menu-color:            #ffffff !default;
+$menu-bg-color-chae:    darken($background-color, 6%) !default;
+
+$table-text-color:      $text-color !default;
+$table-zebra-color:     darken($background-color, 2%) !default;
+$table-header-bg-color: darken($background-color, 3%) !default;
+$table-header-border:   darken($background-color, 10%) !default;
+$table-border-color:    darken($background-color, 100%) !default;
+
+$footer-bg-color:       darken($background-color, 2%) !default;
+
+.highlight .hll { background-color: #515151 }
+/*.highlight  { background: #2d2d2d; color: #f2f0ec }*/
+.highlight  { background: #1A1F35; color: #f2f0ec }
+.highlight .c { color: #747369 } /* Comment */
+.highlight .err { color: #f2777a } /* Error */
+.highlight .k { color: #cc99cc } /* Keyword */
+.highlight .l { color: #f99157 } /* Literal */
+.highlight .n { color: #f2f0ec } /* Name */
+.highlight .o { color: #66cccc } /* Operator */
+.highlight .p { color: #f2f0ec } /* Punctuation */
+.highlight .ch { color: #747369 } /* Comment.Hashbang */
+.highlight .cm { color: #747369 } /* Comment.Multiline */
+.highlight .cp { color: #747369 } /* Comment.Preproc */
+.highlight .cpf { color: #747369 } /* Comment.PreprocFile */
+.highlight .c1 { color: #747369 } /* Comment.Single */
+.highlight .cs { color: #747369 } /* Comment.Special */
+.highlight .gd { color: #f2777a } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #99cc99 } /* Generic.Inserted */
+.highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #cc99cc } /* Keyword.Constant */
+.highlight .kd { color: #cc99cc } /* Keyword.Declaration */
+.highlight .kn { color: #66cccc } /* Keyword.Namespace */
+.highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
+.highlight .kr { color: #cc99cc } /* Keyword.Reserved */
+.highlight .kt { color: #ffcc66 } /* Keyword.Type */
+.highlight .ld { color: #99cc99 } /* Literal.Date */
+.highlight .m { color: #f99157 } /* Literal.Number */
+.highlight .s { color: #99cc99 } /* Literal.String */
+.highlight .na { color: #6699cc } /* Name.Attribute */
+.highlight .nb { color: #f2f0ec } /* Name.Builtin */
+.highlight .nc { color: #ffcc66 } /* Name.Class */
+.highlight .no { color: #f2777a } /* Name.Constant */
+.highlight .nd { color: #66cccc } /* Name.Decorator */
+.highlight .ni { color: #f2f0ec } /* Name.Entity */
+.highlight .ne { color: #f2777a } /* Name.Exception */
+.highlight .nf { color: #6699cc } /* Name.Function */
+.highlight .nl { color: #f2f0ec } /* Name.Label */
+.highlight .nn { color: #ffcc66 } /* Name.Namespace */
+.highlight .nx { color: #6699cc } /* Name.Other */
+.highlight .py { color: #f2f0ec } /* Name.Property */
+.highlight .nt { color: #66cccc } /* Name.Tag */
+.highlight .nv { color: #f2777a } /* Name.Variable */
+.highlight .ow { color: #66cccc } /* Operator.Word */
+.highlight .w { color: #f2f0ec } /* Text.Whitespace */
+.highlight .mb { color: #f99157 } /* Literal.Number.Bin */
+.highlight .mf { color: #f99157 } /* Literal.Number.Float */
+.highlight .mh { color: #f99157 } /* Literal.Number.Hex */
+.highlight .mi { color: #f99157 } /* Literal.Number.Integer */
+.highlight .mo { color: #f99157 } /* Literal.Number.Oct */
+.highlight .sa { color: #99cc99 } /* Literal.String.Affix */
+.highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
+.highlight .sc { color: #f2f0ec } /* Literal.String.Char */
+.highlight .dl { color: #99cc99 } /* Literal.String.Delimiter */
+.highlight .sd { color: #747369 } /* Literal.String.Doc */
+.highlight .s2 { color: #99cc99 } /* Literal.String.Double */
+.highlight .se { color: #f99157 } /* Literal.String.Escape */
+.highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
+.highlight .si { color: #f99157 } /* Literal.String.Interpol */
+.highlight .sx { color: #99cc99 } /* Literal.String.Other */
+.highlight .sr { color: #99cc99 } /* Literal.String.Regex */
+.highlight .s1 { color: #99cc99 } /* Literal.String.Single */
+.highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
+.highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #6699cc } /* Name.Function.Magic */
+.highlight .vc { color: #f2777a } /* Name.Variable.Class */
+.highlight .vg { color: #f2777a } /* Name.Variable.Global */
+.highlight .vi { color: #f2777a } /* Name.Variable.Instance */
+.highlight .vm { color: #f2777a } /* Name.Variable.Magic */
+.highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */

data/_sass/Custom-Styles.scss

@@ -0,0 +1,2 @@
+// Placeholder to allow defining custom styles that override everything else.
+// (Use `_sass/minima/custom-variables.scss` to override variable defaults)

data/_sass/Custom-Variables.scss

@@ -0,0 +1 @@
+// Placeholder to allow overriding predefined variables smoothly.

data/_sass/Initialize.scss

@@ -0,0 +1,71 @@
+@charset "utf-8";
+
+// Define defaults for each variable.
+
+//transitions
+$transition-btn: color 0.2s, background-color 0.2s, border-color 0.2s;
+$transition-links: color 0.3s;
+
+$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$table-text-align: left !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          600px !default;
+$on-laptop:        800px !default;
+
+$on-medium:        $on-palm !default;
+$on-large:         $on-laptop !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+// Notice the following mixin uses max-width, in a deprecated, desktop-first
+// approach, whereas media queries used elsewhere now use min-width.
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: #{$ratio}rem;
+}
+@mixin large {
+  @media screen and (min-width: #{$large-breakpoint}) {
+    @content;
+  }
+}
+
+@mixin medium {
+  @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
+    @content;
+  }
+}
+
+@mixin small {
+  @media screen and (max-width: #{$medium-breakpoint}) {
+    @content;
+  }
+}
+
+// Import pre-styling-overrides hook and style-partials.
+@import
+  "Base",                 // Defines element resets.
+  "Layout",              // Defines structure and style based on CSS selectors.
+  "Custom-Variables",   // Override predefined variables.
+  "Custom-Styles"      // Override existing styles .
+;

data/_sass/Layout.scss

@@ -0,0 +1,526 @@
+/*
+ * Site header
+ */
+
+ .site-header {
+    background-color: $site-header-bg;
+    border-top: 5px solid $site-header-bg;
+    border-bottom: 5px solid $site-header-bg;
+    min-height: $spacing-unit * 1.865;
+    line-height: $base-line-height * $base-font-size * 2.25;
+  
+    // Positioning context for the mobile navigation icon
+    position: relative;
+  }
+  
+  .site-title {
+    @include relative-font-size(1.625);
+    font-weight: 690;
+    letter-spacing: -1px;
+    margin-bottom: 0;
+    float: left;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  
+    @include media-query($on-palm) {
+      padding-right: 45px;
+    }
+  
+    &,
+    &:visited {
+      color: $site-title-color;
+    }
+  
+    &:hover {
+      color: $header-link-color;
+    }
+  }
+  //Header Banner
+  .header-pic {
+    position: relative;
+    animation-name: pic_app;
+    animation-duration: 2s;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+    @keyframes pic_app {
+      0%   {opacity: 0%;}
+      20%  {opacity: 20%;}
+      50%  {opacity: 50%;}
+      70%  {opacity: 70%;}
+      90%  {opacity: 90%;}
+      100% {opacity: 100%;}
+    }	
+  }
+  .page-header {
+    border-top: 10px solid $home-header-title-color;
+    color: $site-title-color;
+    background-color: $home-header-title-color;
+    border-bottom: 5px solid $home-header-title-color;
+    padding-bottom: 10px;
+    text-align: center;
+  }
+  .page-header-title {
+    border-top: 8px;
+    margin-bottom: 0%;
+    font-size: 2.20rem;
+    color: $header-bg-color;
+    text-align: center;
+    font-weight: bold;
+    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    padding-bottom: 7px;
+  }
+  
+  .page-header-description {
+    margin-bottom: 0%;
+    padding-bottom: 10px;
+    font-size: 1.2rem;
+    color: $header-bg-color;
+    text-align: center;
+    font-weight: lighter;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    position: relative;
+    animation-name: des_app;
+    animation-duration: 1s;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+    @keyframes des_app {
+      0%   {opacity: 0%;}
+      20%  {opacity: 20%;}
+      50%  {opacity: 50%;}
+      70%  {opacity: 70%;}
+      90%  {opacity: 90%;}
+      100% {opacity: 100%;}
+    }	
+  }
+  
+  //Side Navigation
+  .sidenav {
+    width: 130px;
+    z-index: 1;
+    top: 110px;
+    left: 15px;
+    background: $menu-bdr-color;
+    overflow-x: hidden;
+    padding: 8px 0;
+    border-radius: 5%;
+  }
+  
+  .sidenav a {
+    display: list-item;
+    list-style-type: disc;
+    list-style-position: inside;
+    padding: 6px 8px 6px 16px;
+    font-size: 17px;
+    color: $link-base-color;
+    display: block;
+  }
+  
+  .sidenav a:hover {
+    color: $link-hover-color;
+  }
+  
+  @media screen and (max-height: 450px) {
+    .sidenav {
+      padding-top: 15px;
+    }
+    .sidenav a {
+      font-size: 18px;
+    }
+  }
+  
+  .site-nav {
+    position: absolute;
+    top: 9px;
+    right: $spacing-unit / 2;
+    background-color: $menu-bdr-color;
+    border-radius: 10px;
+    text-align: right;
+  
+    .nav-trigger {
+      display: none;
+      float: right;
+      padding-right: 100px;
+      padding-left: 1px;
+    }
+  
+    .menu-icon {
+      float: right;
+      width: 36px;
+      height: 26px;
+      line-height: 0;
+      padding-top: 10px;
+      text-align: center;
+  
+      > svg path {
+        fill: $menu-color;
+      }
+    }
+  
+    label[for="nav-trigger"] {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 36px;
+      z-index: 2;
+      cursor: pointer;
+    }
+  
+    input ~ .trigger {
+      clear: both;
+      display: none;
+    }
+  
+    input:checked ~ .trigger {
+      display: block;
+      padding-bottom: 5px;
+    }
+  
+    .page-link {
+      font-weight: 600;
+      color: $text-color;
+      line-height: $base-line-height;
+      letter-spacing: 0rem;
+      display: block;
+      padding: 5px 10px;
+      
+      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  
+      // Gaps between nav items, but not on the last one
+      &:not(:last-child) {
+        margin-right: 0;
+      }
+      margin-left: 20px;
+  
+      &:hover {
+        color: $header-link-color;
+      }
+    }
+  
+    @media screen and (min-width: $on-medium) {
+      position: static;
+      float: right;
+      border: none;
+      background-color: inherit;
+  
+      label[for="nav-trigger"] {
+        display: none;
+      }
+  
+      .menu-icon {
+        display: none;
+      }
+  
+      input ~ .trigger {
+        display: block;
+      }
+  
+      .page-link {
+        display: inline;
+        padding: 0;
+  
+        &:not(:last-child) {
+          margin-right: 20px;
+        }
+        margin-left: auto;
+      }
+    }
+  }
+  
+  /**
+   * Site footer
+   */
+  .site-footer {
+    background-color: $footer-bg-color;
+    padding: $spacing-unit 0;
+  }
+  
+  .footer-heading {
+    @include relative-font-size(1.125);
+    margin-bottom: $spacing-unit / 2;
+  }
+  
+  .footer-col {
+    margin-bottom: $spacing-unit / 2;
+  }
+  
+  .footer-col-1,
+  .footer-col-2 {
+    width: calc(50% - (#{$spacing-unit} / 2));
+  }
+  
+  .footer-col-3 {
+    width: calc(100% - (#{$spacing-unit} / 2));
+  }
+  
+  @media screen and (min-width: $on-large) {
+    .footer-col-1 {
+      width: calc(35% - (#{$spacing-unit} / 2));
+    }
+  
+    .footer-col-2 {
+      width: calc(20% - (#{$spacing-unit} / 2));
+    }
+  
+    .footer-col-3 {
+      width: calc(45% - (#{$spacing-unit} / 2));
+    }
+  }
+  .Links_footer {
+    list-style: none;
+    color: $link-base-color;
+    width: calc(100% - (#{$spacing-unit} / 2));
+    padding: 0 ($spacing-unit / 2);
+    transition: $transition-links;
+  
+  
+    &:first-child {
+      font-weight: bolder;
+      padding-right: $spacing-unit / 2;
+      padding-left: 0;
+      padding-bottom: 4px;
+      font-size: larger;
+      color: #f0ffff;
+    }
+  
+    &:first-child:hover {
+      color: #f0ffff;
+    }
+  
+    &:last-child {
+      padding-right: 0;
+      padding-left: $spacing-unit / 2;
+    }
+  
+    &:hover {
+      color: $link-hover-color;
+      text-decoration: none;
+      
+      
+    }
+  }
+  .Product_footer {
+    list-style: none;
+    color: #f0ffff;
+    width: calc(100% - (#{$spacing-unit} / 2));
+    padding: 0 ($spacing-unit / 2);
+  
+    &:first-child {
+      padding-right: $spacing-unit / 2;
+      padding-left: 0;
+      padding-bottom: 1px;
+      font-size: 0.6cm;
+      color: #f0ffff;
+      font-weight: 900;
+    }
+  
+    &:last-child:hover {
+      color: #f0ffff;
+    }
+  
+    &:last-child {
+      padding-right: 0;
+      padding-left: $spacing-unit / 2;
+      font-size: 40;
+    }
+  
+    &:hover {
+      color: #f0ffff;
+      text-decoration: none;
+    }
+  }
+  
+  @media screen and (min-width: $on-medium) {
+    .footer-col-wrapper {
+      display: flex;
+    }
+  
+    .footer-col {
+      width: calc(28% - (#{$spacing-unit} / 2));
+      padding: 0 ($spacing-unit / 2);
+  
+      &:first-child {
+        padding-right: $spacing-unit / 2;
+        padding-left: 0;
+      }
+  
+      &:last-child {
+        padding-right: 0;
+        padding-left: $spacing-unit / 2;
+      }
+    }
+    .footer-middle {
+      width: calc(35% - (#{$spacing-unit} / 2));
+      padding: 0 ($spacing-unit / 2);
+  
+      &:first-child {
+        padding-right: $spacing-unit / 2;
+        padding-left: 0;
+      }
+  
+      &:last-child {
+        padding-right: 0;
+        padding-left: $spacing-unit / 2;
+      }
+    }
+    .footer-last {
+      width: calc(35% - (#{$spacing-unit} / 2));
+      padding: 0 ($spacing-unit / 2);
+  
+      &:first-child {
+        padding-right: $spacing-unit / 2;
+        padding-left: 0;
+      }
+  
+      &:last-child {
+        padding-right: 0;
+        padding-left: $spacing-unit / 2;
+      }
+    }
+  }
+  
+  /**
+   * Page content
+   */
+  .page-content {
+    padding: $spacing-unit 0;
+    flex: 1 0 auto;
+  }
+  
+  .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: $site-title-color;
+  }
+  
+  .post-link {
+    display: block;
+    @include relative-font-size(1.5);
+  }
+  
+  /**
+   * Posts
+   */
+  .post-header {
+    margin-bottom: $spacing-unit;
+  }
+  
+  .post-title,
+  .post-content h1 {
+    @include relative-font-size(2.625);
+    letter-spacing: -1px;
+    line-height: 1.15;
+  
+    @media screen and (min-width: $on-large) {
+      @include relative-font-size(2.625);
+    }
+  }
+  
+  .post-content {
+    margin-bottom: $spacing-unit;
+    h4,
+    h5,
+    h6 {
+      margin-top: $spacing-unit;
+    }
+  
+    h2 {
+      @include relative-font-size(1.75);
+  
+      @media screen and (min-width: $on-large) {
+        @include relative-font-size(2);
+      }
+    }
+  
+    h3 {
+      @include relative-font-size(1.375);
+  
+      @media screen and (min-width: $on-large) {
+        @include relative-font-size(1.625);
+      }
+    }
+  
+    h4 {
+      @include relative-font-size(1.25);
+    }
+  
+    h5 {
+      @include relative-font-size(1.125);
+    }
+    h6 {
+      @include relative-font-size(1.0625);
+    }
+  }
+  
+  
+  /**
+   * Pagination navbar
+   */
+  .pagination {
+    margin-bottom: $spacing-unit;
+    li {
+      a,
+      div {
+        min-width: 41px;
+        text-align: center;
+        box-sizing: border-box;
+      }
+      div {
+        display: block;
+        padding: $spacing-unit / 4;
+        border: 1px solid transparent;
+  
+        &.pager-edge {
+          color: $border-color-01;
+          border: 1px dashed;
+        }
+      }
+    }
+  }
+  
+  
+  /**
+   * Grid helpers
+   */
+  @media screen and (min-width: $on-large) {
+    .one-half {
+      width: calc(50% - (#{$spacing-unit} / 2));
+    }
+  }
+
+ .btn {
+   padding: 7px 25px;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   color: $text-color;
+   background-color: $btn-bg-color;
+   border-color: $btn-bg-color;
+   transition: $transition-btn;
+ 
+   &,
+   &:visited {
+     color: $text-color;
+   }
+
+   &:hover {
+     color: $btn-text-hover-color;
+     text-decoration: none;
+     background-color: $btn-color-hover;
+     border-color: $btn-color-hover;
+   }
+ }