jekyll-theme-pirati 0.1.0

data/_sass/components/highlight.scss

@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

data/_sass/components/icon.scss

@@ -0,0 +1,25 @@
+$icon-ns: '';
+
+.#{$icon-ns}c-icon {
+  font-size: 1.3rem;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  line-height: 40px;
+}
+
+.#{$icon-ns}c-icon.#{$icon-ns}c-icon--facebook {
+  background: #1672b9;
+}
+
+.#{$icon-ns}c-icon.#{$icon-ns}c-icon--twitter {
+  background: #91cfff;
+}
+
+.#{$icon-ns}c-icon.#{$icon-ns}c-icon--googlePlus {
+  background: #cc0303;
+}
+
+.#{$icon-ns}c-icon.#{$icon-ns}c-icon--rounded {
+  border-radius: 20px;
+}

data/_sass/components/pagination.scss

@@ -0,0 +1,75 @@
+.pagination {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: center;
+
+  li {
+    margin: 3px;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
+    min-width: 2.75rem;
+    text-align: center;
+    height: 3rem;
+    line-height: 3rem; //.disabled v sobe nema <a>
+
+    a {
+      height: 3rem;
+      line-height: 3rem;
+      width: 100%;
+      color: $primary-color;
+    }
+    a:hover {
+      background: transparent;
+      text-decoration: none;
+    }
+
+    @include breakpoint(mobile down) {
+      height: 2.7rem;
+      line-height: 2.7rem;
+      margin: 1px;
+
+      a {
+        height: 2.7rem;
+        line-height: 2.7rem;
+      }
+    }
+
+    @if $pagination-mobile-items {
+      display: flex;
+    }
+    @else {
+      display: none;
+
+      &:last-child,
+      &:first-child {
+        display: flex;
+      }
+
+      @include breakpoint(medium) {
+        display: flex;
+      }
+    }
+  }
+
+  .pagination-previous,
+  .pagination-next {
+    background: $primary-color;
+    font-size: 1.5rem; //.disabled v sobe nema <a>
+    padding: 0 10px;
+    a {
+      text-decoration: none;
+      color: #fefefe;
+    }
+    box-shadow: 0px 3px 2px #ececec;
+  }
+
+  a {
+    text-decoration: underline;
+  }
+
+  .pagination-previous i,
+  .pagination-next i {
+  }
+}

data/_sass/components/pripoj-se.scss

@@ -0,0 +1,97 @@
+.pricing-table {
+  border: solid 1px #DDDDDD;
+  background: #eee
+}
+
+.pricing-table li {
+  border-bottom: dotted 1px #DDDDDD;
+  /*font-size: 0.75rem;*/
+  padding: 0.875rem 1.125rem;
+}
+
+.pricing-table li:last-child {
+  border-bottom: 0;
+}
+
+.pricing-table .title {
+  background-color: red;
+  color: #EEEEEE;
+  font-size: 0.875rem;
+  border-bottom: 0;
+}
+
+.pricing-table .price {
+  color: #333333;
+  font-size: 1.75rem;
+  border-bottom: 0;
+}
+
+.pricing-table .description {
+  color: #777777;
+  /* font-size: 0.625rem;*/
+}
+
+.pricing-table .small {
+  color: #777777;
+  font-size: 0.625rem;
+  text-align:right;
+}
+
+#mc_embed_signup label {
+  font-size: 1rem;
+}
+
+.pricing-table .button {
+  margin: 0;
+}
+
+.pricing-table .pricing-table-header-img {
+  padding:0px;
+  margin:0px;
+  height:98px;
+  background-position: 55% 0px;
+  background-repeat:no-repeat;
+}
+
+#tabs {
+  padding: 0px;
+  background: none;
+  border-width: 0px;
+}
+
+tabs .ui-tabs-nav {
+  padding-left: 0px;
+  background: transparent;
+  border-width: 0px 0px 1px 0px;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+
+.ui-tabs .ui-tabs-nav li {
+  margin-right: 0.34em;
+  background: #eee;
+}
+
+.ui-state-active, a.ui-button:active, .ui-button:active,
+.ui-button.ui-state-active:hover {
+  background: #007fff !important;
+}
+
+#tabs .ui-tabs-panel {
+  background: #eee;
+  border-width: 0px 1px 1px 1px;
+}
+
+.asterisk {
+  color:red
+}
+
+#mc_embed_signup_scroll .c-cta-button--primary {
+  color: rgb(255, 255, 255);
+  background-color: rgb(92, 184, 92);
+  border-color: rgb(92, 184, 92);
+  width:100%;
+  text-align:center;
+  margin-top:10px;
+}

data/_sass/components/scroll-top.scss

@@ -0,0 +1,32 @@
+
+.scrolltop {
+	display:none;
+	width:100%;
+	margin:0 auto;
+	position:fixed;
+	bottom:20px;
+	right:10px;
+	z-index:1;
+}
+.scroll {
+	position:absolute;
+	right:20px;
+	bottom:20px;
+	background:#b2b2b2;
+	background:$light-gray;
+	padding:20px;
+	text-align: center;
+	margin: 0 0 0 0;
+	cursor:pointer;
+	transition: 0.5s;
+	-moz-transition: 0.5s;
+	-webkit-transition: 0.5s;
+	-o-transition: 0.5s;
+}
+.scroll:hover {
+	background:$medium-gray;
+	transition: 0.5s;
+	-moz-transition: 0.5s;
+	-webkit-transition: 0.5s;
+	-o-transition: 0.5s;
+}

data/_sass/components/simple-accordion.scss

@@ -0,0 +1,85 @@
+.c-simple-accordion {
+    border: 0 !important; // Because of Foundation's bloat
+    @include accordion-container;
+}
+
+.c-simple-accordion.c-simple-accordion--nomargin {
+    margin-bottom: 0;
+}
+
+
+.c-simple-accordion.c-simple-accordion--nomargin :last-child>.c-simple-accordion-content:last-child {
+    padding-bottom: 0;
+}
+
+.c-simple-accordion-item {
+    &:before {
+        content: '' !important;
+        display: none !important;
+    }
+    @include accordion-item;
+
+    &.is-active .c-simple-accordion-title:before {
+        line-height: 15px;
+    }
+}
+
+.c-simple-accordion-title {
+    @include accordion-title;
+    display: inline-block;
+    padding-left: 2.5rem;
+    font-size: 1.75rem !important;
+    color: $body-font-color;
+    text-decoration: none !important;
+    background: #fff;
+    border: none;
+    
+    &:hover,
+    &:focus {
+        color: $body-font-color;
+        text-decoration: none !important;
+        background: #FFF;
+    }
+
+    &:before {
+        border-radius: 3px;
+        display: inline-block;
+        width: 22px;
+        height: 22px;
+        line-height: 20px;
+        right: auto;
+        left: 0;
+        margin-top: auto;
+        transform: translateY(-50%);
+        color: #fff;
+        background: $primary-color;
+        font-size: 1.75rem;
+        text-align: center;
+    }
+}
+
+.c-simple-accordion-content {
+    border: 0 !important; // Because of Foundation's bloat, again
+    @include accordion-content;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    padding-left: 0;
+    padding-right: 0;
+
+    h3 {
+        color: $primary-color;
+        font-size: 1.45rem;
+        margin-bottom: 1.2em;
+    }
+}
+
+.c-simple-accordion-content-block + .c-simple-accordion-content-block {
+    margin-top: 3rem;
+    @include breakpoint(mobile down) {
+        margin-top: 2rem;
+    }
+}
+
+:last-child:not(.is-active)>.c-simple-accordion-title {
+    border: none;
+}

data/_sass/components/tag.scss

@@ -0,0 +1,30 @@
+.c-tag {
+  font-size: 0.85rem;
+  color: $primary-color;
+  border: 1px solid $primary-color;
+  border-radius: 2px;
+  display: inline-block;
+  text-decoration: none;
+  padding: 0px 4px;
+  transition: 0.25s background;
+  background: #fff;
+}
+
+.c-tag:hover,
+.c-tag.is-active {
+  background: #e5f4ff;
+}
+
+.c-tag-list {
+  display: inline-block;
+  margin-left: 0.5rem;
+  list-stype-type: none;
+
+  li {
+    display: inline-block;
+  }
+
+  li + li {
+    margin-left: 0.45rem;
+  }
+}

data/_sass/components/top-bar.scss

@@ -0,0 +1,492 @@
+.c-top-bar {
+  position: relative;
+  @include top-bar-container;
+}
+
+.c-top-bar-border {
+  display: block;
+  height: 5px;
+  margin-top: -3px;
+  background: #f3f3f3;
+  position: relative;
+  z-index: 9;
+}
+
+.c-top-bar .c-top-bar-inner {
+  padding: 0 30px 0 20px;
+
+  @include breakpoint(large down) {
+    padding: 0 30px 0 10px;
+  }
+
+  @include breakpoint(medium down) {
+    padding: 0 5px;
+  }
+
+  .top-bar-title {
+    margin-right: 4.5rem;
+  }
+
+  .top-bar-title img {
+    max-width: 40px;
+    margin-left: 10px;
+  }
+
+  @include breakpoint(large) {
+    .top-bar-title img {
+      transform: scale(1.3);
+      transform-origin: left center;
+    }
+  }
+}
+
+.c-top-bar {
+
+  .c-top-bar-searchbar {
+    padding-bottom: 1px;
+    border-bottom: 1px solid #e1e1e1;
+  }
+
+  .c-top-bar-searchbar input {
+    background: #fff;
+    border: 0;
+    outline: none;
+    box-shadow: none;
+  }
+
+  .c-top-bar-searchbar button {
+    background: #fff;
+    color: #343434;
+    margin-right: -1rem;
+    padding-bottom: 1px;
+  }
+
+  /*
+  @media screen and (min-width: 1024px) and (max-width: 1200px) {
+    .c-top-bar-searchbar {
+      display: none;
+    }
+  }
+  */
+}
+
+.c-top-bar {
+
+  .menu-toggle-container {
+    float: right;
+  }
+
+  .menu-toggle-container .menu-toggle-inner {
+    display: inline-block;
+    padding: 0.7rem 1.25rem;
+    font-size: 1.15rem;
+    border: 1px solid #e1e1e1;
+    text-transform: uppercase;
+    transition: border 0.2s;
+
+    &:hover {
+      border: 1px solid #343434;
+    }
+  }
+
+  .menu-toggle-container > span button {
+    vertical-align: top;
+    padding-bottom: 1px;
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      &:active {
+        position: relative;
+        top: -1px;
+        left: -1px;
+      }
+    }
+  }
+
+  .menu-toggle-container > span button .menu-toggle-description {
+    vertical-align: middle;
+    margin-right: 5px;
+  }
+
+  .menu-toggle-container > span.js-button-toggled button .menu-icon:after {
+    box-shadow: none;
+    background: transparent;
+    font-family: 'FontAwesome';
+    content: '\f00d';
+    font-style: normal;
+    height: 100%;
+    top: -1px;
+    font-size: 1.3rem;
+  }
+
+  .menu a {
+    position: relative;
+    color: #343434;
+    text-transform: uppercase;
+    font-size: 1.15rem;
+    transition: color 0.2s;
+    padding: 0.7rem 1.25rem;
+
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: 0;
+      left: 1rem;
+      right: 1rem;
+      height: 4px;
+      background: transparent;
+      transition: background 0.2s;
+    }
+
+  }
+
+
+  .dropdown.menu > {
+
+    li + li > a::before {
+      content: '/';
+      width: 12px;
+      display: inline-block;
+      position: absolute;
+      top: 0.5rem;
+      left: 0rem;
+      transform: translateX(-50%);
+      font-size: 1.7rem;
+      color: #ededed;
+      border: 0px solid transparent;
+      margin-top: 0;
+    }
+
+    li:first-child a {
+
+    }
+
+  }
+
+  .menu a:hover,
+  .menu .is-active > a,
+  .dropdown.menu > li.is-dropdown-submenu-parent a:hover {
+    color: #f3c289;
+
+    &:after {
+      background: #f3c289;
+    }
+  }
+
+  .dropdown.menu > li.is-dropdown-submenu-parent > a {
+    padding-right: 1.25rem;
+  }
+
+  .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
+    content: '';
+    display: block;
+    position: absolute;
+    width: auto;
+    bottom: 0;
+    left: 1rem;
+    right: 1rem;
+    height: 4px;
+    background: transparent;
+    -webkit-transition: background 0.2s;
+    transition: background 0.2s;
+    border: none;
+  }
+
+  .is-dropdown-submenu-parent a::after {
+    position: absolute;
+    top: auto;
+    right: 1rem;
+    margin-top: 0;
+  }
+
+  .dropdown.menu > li.opens-right > .is-dropdown-submenu {
+    right: auto;
+    left: 50%;
+    top: calc(100% + 1rem);
+    transform: translateX(-50%);
+    padding: 1rem 0.7rem;
+    background: #e1e1e1;
+    border: 0;
+
+    a:hover {
+      color: darken(#f3c289, 5%);
+      &:after {
+        content: none;
+      }
+    }
+
+  }
+
+  .dropdown.menu > li.opens-right > .is-dropdown-submenu:before {
+    content: '';
+    position: absolute;
+    top: -8px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-left: 25px solid transparent;
+    border-right: 25px solid transparent;
+    border-bottom: 15px solid #e1e1e1;
+  }
+}
+
+[data-dropdown-menu] ul {
+  display: none;
+}
+
+.c-top-bar .c-top-bar-menu {
+  width: 100%;
+
+  @include breakpoint(medium down) {
+    display: none;
+
+    .responsive-menu-inner {
+      display: table;
+      width: 100%;
+    }
+
+  }
+
+}
+
+.c-top-bar .c-top-bar-menu {
+  display: none;
+
+  @include breakpoint(medium down) {
+    display: block;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: #e1e1e1;
+
+    ul {
+      background: #e1e1e1;
+    }
+
+    box-sizing: border-box;
+    z-index: 10;
+    width: 100%;
+
+    .top-bar-left,
+    .top-bar-right {
+      float: none;
+    }
+
+    .top-bar-header-group{
+      display: table-header-group;
+    }
+
+    .top-bar-footer-group{
+      display: table-footer-group;
+    }
+
+    .dropdown.menu {
+
+      li + li > a::before {
+        content: '';
+        box-sizing: border-box;
+        width: calc(100% - 3.6rem);
+        height: 1px;
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        left: 1.8rem;
+        transform: none;
+        background: #d3d3d3;
+      }
+    }
+
+    .menu li {
+      display: block;
+    }
+
+    .menu a {
+    }
+
+    .menu a {
+      position: relative;
+      color: #343434;
+      text-transform: uppercase;
+      font-size: 1.15rem;
+      transition: color 0.2s;
+      padding: 1rem 1.8rem;
+
+      &:before {
+        content: none;
+        display: block;
+      }
+
+    }
+
+    .menu a:hover,
+    .menu .is-active > a {
+      color: #f3c289;
+
+      &:before {
+        background: #f3c289;
+      }
+
+      &:after {
+        background: transparent;
+      }
+    }
+
+    .dropdown.menu > li.is-dropdown-submenu-parent a:hover:after {
+      background: transparent;
+    }
+
+    .menu li.is-dropdown-submenu-parent > a:after {
+      content: '\f196';
+      position: static;
+      display: inline-block;
+      font-size: 1rem;
+      margin-left: 5px;
+      font-family: 'FontAwesome';
+      border: 0;
+      line-height: 1;
+      height: auto;
+    }
+
+    .menu li.is-dropdown-submenu-parent.is-active > a:after {
+      content: '\f147';
+    }
+
+    .dropdown.menu > li > .is-dropdown-submenu.js-dropdown-active {
+      display: block;
+      position: static;
+      border: 0;
+      margin-left: 1.8rem;
+      margin-right: 1.8rem;
+      padding-top: 0.25rem;
+      padding-bottom: 0.25rem;
+      background: #ececec;
+      border-top: 1px solid #d3d3d3;
+      text-decoration: underline;
+
+      li {
+        padding-left: 0.5rem;
+      }
+
+      a {
+        text-transform: none;
+        padding: 1rem 0.5rem;
+        &:before {
+          visibility: hidden;
+        }
+      }
+
+    }
+
+    .dropdown.menu > li.is-dropdown-submenu-parent > a {
+      padding-right: 1.25rem;
+    }
+
+    .dropdown.menu > li.is-dropdown-submenu-parent > a:before {
+
+    }
+
+    .dropdown.menu > li.opens-right > .is-dropdown-submenu {
+      position: static;
+      background: #ececec;
+
+      a:hover {
+        color: darken(#f3c289, 5%);
+        &:before {
+          content: none;
+        }
+      }
+
+    }
+
+    .dropdown.menu > li.opens-right > .is-dropdown-submenu:before {
+      content: '';
+      position: absolute;
+      top: -8px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 0;
+      height: 0;
+      border-left: 25px solid transparent;
+      border-right: 25px solid transparent;
+      border-bottom: 15px solid #e1e1e1;
+    }
+
+  }
+
+}
+
+
+.c-top-bar {
+
+  .menu.c-top-bar-searchbar.c-top-bar-searchbar--asTitle {
+    display: inline-block;
+    float: left;
+    width: auto;
+    padding: 0;
+  }
+
+  @include breakpoint(large) {
+    .menu.c-top-bar-searchbar.c-top-bar-searchbar--asTitle {
+      display: inline-block;
+      float: right;
+      padding-bottom: 1px;
+    }
+
+  }
+
+  @include breakpoint(large) {
+    .c-top-bar-menu .top-bar-left > .menu > li:first-child a {
+      padding-left: 0rem;
+
+      &:after {
+        left: 0rem;
+      }
+    }
+  }
+
+   @include breakpoint(xlarge) {
+    .c-top-bar-menu .top-bar-left > .menu > li:first-child a {
+      padding-left: 0.65rem;
+
+      &:after {
+        left: 0.65rem;
+      }
+    }
+  }
+
+  @include breakpoint(medium down) {
+
+    .c-top-bar-searchbar.menu {
+      display: table;
+      width: 100%;
+      padding: 20px 1.8rem 10px 1.8rem;
+    }
+
+    .c-top-bar-searchbar.menu li {
+      display: table-cell;
+      height: 40px;
+      background: #fff;
+    }
+
+    .c-top-bar-searchbar input {
+      max-width: none;
+    }
+
+    .c-top-bar-searchbar .c-top-bar-searchbar__submit {
+      width: 40px;
+
+      button {
+        padding: 0em 1em;
+        font-size: 1.1rem;
+        margin-right: 0;
+      }
+    }
+
+    .c-top-bar-searchbar input,
+    .c-top-bar-searchbar button {
+      height: 100%;
+    }
+  }
+
+}