wax_theme 0.1.0.beta

data/_sass/_syntax.scss

@@ -0,0 +1,129 @@
+.highlight .hll { background-color: #ffc; }
+.highlight .c { color: #999; } /* Comment */
+.highlight .err { color: #a00; background-color: #faa } /* Error */
+.highlight .k { color: #069; } /* Keyword */
+.highlight .o { color: #555 } /* Operator */
+.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #099 } /* Comment.Preproc */
+.highlight .c1 { color: #999; } /* Comment.Single */
+.highlight .cs { color: #999; } /* Comment.Special */
+.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #f00 } /* Generic.Error */
+.highlight .gh { color: #030; } /* Generic.Heading */
+.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
+.highlight .go { color: #aaa } /* Generic.Output */
+.highlight .gp { color: #009; } /* Generic.Prompt */
+.highlight .gs { } /* Generic.Strong */
+.highlight .gu { color: #030; } /* Generic.Subheading */
+.highlight .gt { color: #9c6 } /* Generic.Traceback */
+.highlight .kc { color: #069; } /* Keyword.Constant */
+.highlight .kd { color: #069; } /* Keyword.Declaration */
+.highlight .kn { color: #069; } /* Keyword.Namespace */
+.highlight .kp { color: #069 } /* Keyword.Pseudo */
+.highlight .kr { color: #069; } /* Keyword.Reserved */
+.highlight .kt { color: #078; } /* Keyword.Type */
+.highlight .m { color: #f60 } /* Literal.Number */
+.highlight .s { color: #d44950 } /* Literal.String */
+.highlight .na { color: #4f9fcf } /* Name.Attribute */
+.highlight .nb { color: #366 } /* Name.Builtin */
+.highlight .nc { color: #0a8; } /* Name.Class */
+.highlight .no { color: #360 } /* Name.Constant */
+.highlight .nd { color: #99f } /* Name.Decorator */
+.highlight .ni { color: #999; } /* Name.Entity */
+.highlight .ne { color: #c00; } /* Name.Exception */
+.highlight .nf { color: #c0f } /* Name.Function */
+.highlight .nl { color: #99f } /* Name.Label */
+.highlight .nn { color: #0cf; } /* Name.Namespace */
+.highlight .nt { color: #2f6f9f; } /* Name.Tag */
+.highlight .nv { color: #033 } /* Name.Variable */
+.highlight .ow { color: #000; } /* Operator.Word */
+.highlight .w { color: #bbb } /* Text.Whitespace */
+.highlight .mf { color: #f60 } /* Literal.Number.Float */
+.highlight .mh { color: #f60 } /* Literal.Number.Hex */
+.highlight .mi { color: #f60 } /* Literal.Number.Integer */
+.highlight .mo { color: #f60 } /* Literal.Number.Oct */
+.highlight .sb { color: #c30 } /* Literal.String.Backtick */
+.highlight .sc { color: #c30 } /* Literal.String.Char */
+.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #c30 } /* Literal.String.Double */
+.highlight .se { color: #c30; } /* Literal.String.Escape */
+.highlight .sh { color: #c30 } /* Literal.String.Heredoc */
+.highlight .si { color: #a00 } /* Literal.String.Interpol */
+.highlight .sx { color: #c30 } /* Literal.String.Other */
+.highlight .sr { color: #3aa } /* Literal.String.Regex */
+.highlight .s1 { color: #c30 } /* Literal.String.Single */
+.highlight .ss { color: #fc3 } /* Literal.String.Symbol */
+.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #033 } /* Name.Variable.Class */
+.highlight .vg { color: #033 } /* Name.Variable.Global */
+.highlight .vi { color: #033 } /* Name.Variable.Instance */
+.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #999; }
+
+/* Transfered from poole.css */
+/* Code */
+code,
+pre {
+  font-family: Menlo, Monaco, "Courier New", monospace;
+}
+code {
+  padding: .25em .5em;
+  font-size: 85%;
+  color: #bf616a;
+  background-color: #f9f9f9;
+  border-radius: 3px;
+}
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  padding: 1rem;
+  font-size: .8rem;
+  line-height: 1.4;
+  white-space: pre;
+  white-space: pre-wrap;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f9f9f9;
+}
+pre code {
+  padding: 0;
+  font-size: 100%;
+  color: inherit;
+  background-color: transparent;
+}
+
+/* Gist via GitHub Pages */
+.gist .gist-file {
+  font-family: Menlo, Monaco, "Courier New", monospace !important;
+}
+.gist .markdown-body {
+  padding: 15px;
+}
+.gist pre {
+  padding: 0;
+  background-color: transparent;
+}
+.gist .gist-file .gist-data {
+  font-size: .8rem !important;
+  line-height: 1.4;
+}
+.gist code {
+  padding: 0;
+  color: inherit;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+/* Pygments via Jekyll */
+.highlight {
+  margin-bottom: 1rem;
+  border-radius: 4px;
+}
+.highlight pre {
+  margin-bottom: 0;
+}

data/_sass/_wax.scss

@@ -0,0 +1,482 @@
+@import 'bootstrap';
+@import 'syntax';
+
+/*
+
+main body & containers
+
+*/
+
+html, body {
+  margin: 0;
+  padding: 0;
+  background-color: $bg-color;
+}
+
+/*
+
+header & nav bar
+
+*/
+
+#wax-header {
+  background-color: $bg-color;
+  border-bottom: 1px solid $neutral-dark;
+  font-family: $heading-font;
+  color: $text-color;
+  z-index: 100000;
+
+  .navbar-toggler {
+    background-color: $bg-color;
+  }
+
+  .navbar-nav {
+    .nav-item {
+      z-index: 1000000;
+      font-size: $main-font-size;
+      background-color: $bg-color;
+    }
+    .dropdown-menu {
+      background-color: $bg-color;
+      border-color: $neutral-dark;
+    }
+  }
+
+  .dropdown-toggle::after {
+    display: none !important;
+  }
+}
+
+/*
+
+content section
+
+*/
+#wax-main {
+  background-color: $bg-color;
+  width: 100vw;
+  max-width: 100%;
+
+  h1 {
+    margin-top: $super-margin;
+    margin-bottom: $more-margin;
+    font-weight: bold;
+    font-family: $heading-font;
+    font-size: 2em;
+  }
+
+  h2, h3, h4, h5, h5 {
+    margin-bottom: $more-margin;
+    margin-top: $more-margin;
+    font-family: $heading-font;
+  }
+
+  img {
+    max-width: 100%;
+  }
+
+  a {
+    color: $accent-color;
+  }
+
+  p {
+    font-family: $body-font;
+    color: $text-color;
+    margin: $more-margin 0 $more-margin 0;
+    max-width: $max-text-width;
+    @media screen and (max-width: $break-sm) {
+      font-size: $main-font-size * .8;
+    }
+  }
+
+  li {
+    font-family: $body-font;
+    color: $text-color;
+    margin: $less-margin 0 $less-margin 0;
+    max-width: $max-text-width;
+    font-size: $main-font-size;
+    @media screen and (max-width: $break-sm) {
+      font-size: $main-font-size * .8;
+    }
+  }
+
+  #wax-content {
+    font-size: $main-font-size;
+    max-width: 100%;
+    min-height: 70vh;
+
+    .exhibit-meta {
+      margin-bottom: $super-margin;
+      .exhibit-author {
+        margin-top: $super-margin;
+        margin-bottom: 1em;
+        padding-bottom: 0;
+      }
+      .exhibit-title {
+        margin-top: 0;
+        padding-top: 0;
+        margin-bottom: 1em;
+      }
+      .exhibit-date {
+        margin: 0;
+        padding: 0;
+      }
+    }
+
+    .inline-image-reference {
+      background-color: $neutral-light;
+      display: inline-block;
+      padding: 1em;
+      max-width: 90%;
+      img {
+        max-width: $max-text-width;
+        max-height: $max-text-width;
+      }
+      .image-caption {
+        margin: 1em 0 1em 0;
+        font-size: $main-font-size * .8;
+        font-family: $heading-font;
+      }
+    }
+  }
+
+  #wax-footer {
+    width: 100vw;
+    max-width: 100%;
+    height: $footer-height;
+    margin-top: $super-margin;
+    padding-top: $margin;
+    background-color: $neutral-light;
+    overflow: hidden;
+    .row {
+      @extend .row;
+      flex-wrap: wrap;
+      align-items: flex-start;
+    }
+    .footer-title {
+      font-weight: bold;
+      font-family: $heading-font;
+      padding-bottom: 1em;
+      margin: 0;
+    }
+    .footer-description {
+      font-family: $heading-font;
+      font-size: $main-font-size * .8;
+      margin: 0;
+    }
+    .footer-copyright {
+      margin: $margin 0 $margin 0;
+      font-size: $main-font-size * .8;
+    }
+    .footer-links {
+      font-family: $heading-font;
+      font-size: $main-font-size * .8;
+      margin: 0;
+    }
+    .footer-logos {
+      margin: $margin 0 $margin 0;
+      a {
+        text-decoration: none;
+      }
+      img {
+        height: 35px
+      }
+    }
+  }
+}
+
+
+.wax-inline-container {
+  @extend .container;
+
+  margin: 0 auto;
+  max-width: 100%;
+  width: $max-width;
+  overflow: flex-wrap;
+}
+
+.full-width {
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
+
+.wax-parallax {
+  .parallax-image {
+    background-color: $neutral-dark;
+    width: 100vw;
+    height: $banner-height;
+    max-height: 50vh;
+    margin: 0;
+    background-attachment: fixed;
+    background-size: cover;
+    // @media screen and (max-width: $break-med) { height: $banner-height * .8; }
+    // @media screen and (max-width: $break-sm) { height: $banner-height * .5; }
+  }
+  .parallax-caption {
+    margin: 0 auto;
+    width: 100vw;
+    background-color: $neutral-light;
+    padding: 0.5em;
+  }
+}
+
+/*
+
+item pages (iiif + metadata)
+
+*/
+.item-view {
+  width:           100%;
+  display:         inline-flex;
+  flex-wrap:       nowrap;
+  justify-content: space-between;
+  align-items:     center;
+  margin:          0;
+
+  .image-viewer {
+    position: relative;
+    text-align: center;
+    height:   $viewer-height;
+    background-color: $neutral-light;
+    width:    100%;
+    border:   1px solid $neutral-dark;
+    margin:   $more-margin $less-margin $more-margin $less-margin;
+
+    a {
+      color: inherit !important;
+    }
+
+    li {
+      font-size: 1em !important;
+    }
+
+    @media screen and (max-width: $break-med) {
+      height: $viewer-height / 1.5;
+    }
+    @media screen and (max-width: $break-sm) {
+      height: $viewer-height / 2;
+    }
+    .leaflet-control {
+      a {
+        color: black !important;
+      }
+    }
+    .item-full-image {
+      max-width: $max-width;
+      height: $viewer-height;
+    }
+  }
+
+
+  .pagination-link a {
+    font-family: $heading-font;
+    font-weight: bold;
+    font-size: 3em;
+    color: $neutral-dark !important;
+    text-decoration: none !important;
+    background-color: $bg-color;
+    margin: 0;
+    &:hover{
+      color: $text-color !important;
+    }
+    @media screen and (max-width: $break-sm) {
+      font-size: 2em;
+      margin: 0;
+      padding: 0;
+    }
+  }
+
+  #prevlink {
+    float:left;
+  }
+  .nextlink {
+    float: right;
+  }
+}
+
+.mirador {
+  display: block;
+  background-color: $neutral-light;
+  position: relative;
+  height: $viewer-height;
+  width: 100%;
+  margin-top: $super-margin;
+  margin-bottom: $super-margin;
+  a {
+    color: inherit !important;
+  }
+  li {
+    font-size: 1em !important;
+  }
+}
+
+.metadata-block {
+  margin: 0 auto;
+  width: 100%;
+  .label { width: 30%; }
+  .value { font-family: $body-font; }
+}
+/*
+
+search box
+
+*/
+
+
+.search-block{
+  margin: $more-margin 0 $more-margin 0;
+  #search{
+    border-style: groove;
+    border-width: 2px;
+    &:focus {
+        box-shadow: none ;
+        border-color: $neutral-light;
+    }
+  }
+  #results {
+    margin: 0;
+    .result {
+      padding: 1em;
+      a {
+        color: $text-color;
+        text-decoration: none;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        flex-wrap: nowrap;
+        img {
+          float: left;
+          width: 50px;
+        }
+        p {
+          margin: 0 !important;
+          padding: 0;
+          @media screen and (max-width: $break-sm) {
+            font-size: $main-font-size * .8;
+          }
+          .title{
+            color: $accent-color;
+          }
+        }
+      }
+      &:hover {
+        background-color: $neutral-light
+      }
+    }
+  }
+}
+
+
+
+.wax-gallery-container {
+  .facet-buttons {
+    .facet {
+      @extend .btn-outline-secondary;
+      margin-right: .5em;
+      font-family: $heading-font;
+      border-color: $neutral-dark;
+    }
+    .active{
+      @extend .facet;
+      background-color: $neutral-dark;
+      color: $bg-color;
+    }
+  }
+  .wax-gallery {
+    margin: $margin 0 $margin 0;
+    display: flex;
+    flex-wrap: wrap;
+
+    .gallery-item {
+      padding: 0;
+      margin: 0;
+      width: 200px;
+      border: 1px $neutral-dark solid;
+
+      .gallery-thumb{
+        object-fit: cover;
+        object-position: 50% 20%;
+        width: 200px;
+        height: 175px;
+      }
+
+      .hovereffect {
+        width: 100%;
+        height: 100%;
+        float: left;
+        overflow: hidden;
+        position: relative;
+        text-align: center;
+        cursor: default;
+
+        &:hover {
+          .overlay {
+            opacity: .7;
+            cursor: pointer;
+            .info {
+              opacity: 1;
+              filter: alpha(opacity=100);
+              -webkit-transform: scale(1);
+              -ms-transform: scale(1);
+              transform: scale(1);
+            }
+          }
+        }
+
+        .info {
+          text-decoration: none;
+          font-family: $heading-font !important;
+          color: $bg-color !important;
+          background-color: transparent;
+          opacity: 0;
+          filter: alpha(opacity=0);
+          -webkit-transform: scale(0);
+          -ms-transform: scale(0);
+          transform: scale(0);
+          font-weight: normal;
+          overflow: hidden;
+          display: table-cell;
+          vertical-align: middle;
+          padding: 0 $margin 0 $margin;
+        }
+
+        .overlay {
+          width: 100%;
+          position: absolute;
+          overflow: hidden;
+          top: 0;
+          left: 0;
+          background-color: $accent-color;
+          opacity: 0;
+          -webkit-transition:opacity 0.5s ease-in-out;
+          transition: opacity 0.5s ease-in-out;
+          display: table;
+          height: 200px;
+        }
+      }
+    }
+  }
+}
+
+
+.dataTables_wrapper {
+  width: 100% !important;
+  margin: $super-margin 0 $super-margin 0;
+}
+
+
+
+.sq-thumb-sm{
+  object-fit: cover;
+  object-position: 50% 20%;
+  width: 80px;
+  height: 80px;
+}
+
+.iiif-logo {
+  height: 1.5em;
+}