betterplace-content 0.1.3 → 0.1.4

data/_sass/generics/city_list.scss

@@ -0,0 +1,56 @@
+.generic-city-list {
+  display: flex;
+  flex-wrap: wrap;
+
+  @mixin list-item-background($color1, $color2) {
+    background: linear-gradient(to bottom, $color1 0%, $color2 100%);
+
+    &:hover {
+      background: linear-gradient(to bottom, darken($color1, 5%) 0%, darken($color2, 5%) 100%);
+    }
+  }
+
+  a {
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin-bottom: 1px;
+    color: white;
+    font-family: "Open Sans";
+    font-weight: 300;
+
+    @include desktop { width: "calc(25% - 1px)"; font-size: 29px; }
+    @include phone   { width: "calc(50% - 1px)"; font-size: 25px; }
+
+    &:not(:nth-of-type(4n)) {
+      margin-right: 1px;
+    }
+
+    &:nth-of-type(1)  { @include list-item-background( #cede5e, #96af2d); }
+    &:nth-of-type(2)  { @include list-item-background( #bdd285, #899f55); }
+    &:nth-of-type(3)  { @include list-item-background( #63c8b3, #489283); }
+    &:nth-of-type(4)  { @include list-item-background( #5096a7, #437d8b); }
+    &:nth-of-type(5)  { @include list-item-background( #92ae39, #6c8a24); }
+    &:nth-of-type(6)  { @include list-item-background( #748c48, #556b31); }
+    &:nth-of-type(7)  { @include list-item-background( #3b7a6c, #346d60); }
+    &:nth-of-type(8)  { @include list-item-background( #346773, #2b545d); }
+    &:nth-of-type(9)  { @include list-item-background( #627b17, #475f0f); }
+    &:nth-of-type(10) { @include list-item-background( #4d6322, #374819); }
+    &:nth-of-type(11) { @include list-item-background( #2e5f54, #29554b); }
+
+    &:hover,
+    &:focus {
+      cursor: pointer;
+      text-decoration: none;
+    }
+
+    &:before {
+      content: '';
+      float: left;
+      padding-top: 100%;
+      display: table;
+    }
+  }
+}

data/_sass/generics/comments.sass

@@ -0,0 +1,137 @@
+.comments-section ol
+  list-style: none
+
+.comments-title
+  margin-top: 20px
+  line-height: 1.3
+
+.comments-navigation
+  margin: 0
+  margin-top: 20px
+  list-style-type: none
+  padding: 0
+
+.comments-navigation li
+  background: none
+  margin: 0
+  padding: 0
+  display: inline-block
+
+.comments-navigation li a,
+.comments-navigation li a:visited
+  font-size: 13px
+  display: inline-block
+  padding: 0 14px
+  line-height: 34px
+  border: 1px solid #DDD
+  color: #6A9000
+  font-weight: bold
+
+.comments-navigation li a:hover
+  text-decoration: none
+  background-color: whiteSmoke
+  color: #34570a
+
+.comments-navigation li.next a
+  border-top-left-radius: 5px
+  border-bottom-left-radius: 5px
+
+.comments-navigation li.prev
+  float: right
+
+.comments-navigation li.prev a
+  border-top-right-radius: 5px
+  border-bottom-right-radius: 5px
+
+.comment,
+.pingback
+  background: #f4f4f4
+  padding: 30px
+  padding-right: 0
+  padding-bottom: 0
+  color: #4C5256
+  font-size: 14px
+  line-height: 18px
+  border-left: 5px solid #fff
+
+.comment-top
+  padding-bottom: 10px
+
+.comment-top img
+  float: right
+
+.comment-moderation
+  font-style: italic
+
+.comment-bottom-bottom
+  padding-top: 10px
+  padding-bottom: 15px
+  text-align: right
+
+.comment.depth-1,
+.pingback.depth-1
+  border-left: none
+  padding-right: 30px
+  padding-bottom: 30px
+  margin-top: 20px
+
+.comment a,
+.pingback a
+  font-weight: bold
+  color: #6A9000
+
+.comment .comment-body > p,
+.pingback .comment-body > p
+  padding: 15px 0
+
+.comment .comment-body > .reply,
+.pingback .comment-body > .reply
+  text-align: right
+
+#content
+
+  #respond
+    background: #f4f4f4
+    padding: 30px
+    color: #4C5256
+    font-size: 14px
+    line-height: 18px
+    margin-top: 20px
+
+  #respond a
+    font-weight: bold
+    color: #6A9000
+
+  #respond h3
+    margin-bottom: 20px
+
+  #respond .comment-notes
+    margin-bottom: 25px
+
+  #respond form > div
+    margin-bottom: 20px
+
+  #respond label
+    display: block
+    width: 15%
+    float: left
+
+  #respond .logged-in-as
+    margin-bottom: 25px
+
+  #respond input[type="text"]
+    width: 50%
+    padding: 6px 10px
+    border: 1px solid #999
+
+  #respond textarea
+    width: 50%
+    padding: 6px 10px
+    border: 1px solid #999
+    height: 150px
+
+  #respond .form-submit
+    padding-left: 15%
+
+  #respond .form-submit input
+    width: inherit

data/_sass/generics/content-header.sass

@@ -0,0 +1,31 @@
+.generic-content-header.has-background-image
+  background-repeat: no-repeat
+
+  h1
+    +desktop
+      color: White
+      font-weight: 400
+      text-shadow: 1px 1px 0 rgba(0,0,0,0.5)
+      font-size: 33px
+      margin-top: 33px
+
+  .row header
+    +desktop
+      height: 95px
+
++desktop
+  .generic-content-header .row
+    position: relative
+
+    header
+      height: 130px
+
++phone
+  .generic-content-header header
+    margin-bottom: 5px
+
+    .generic-search-form
+        margin-bottom: 5px
+
+        .input-group input
+          float: none

data/_sass/generics/desktop-navigation.scss

@@ -0,0 +1,61 @@
+.generic-desktop-navigation {
+
+  @include phone {
+    display: none !important;
+  }
+
+  @include desktop {
+    position: absolute;
+    top: 50px;
+    right: 10px;
+    z-index: 30;
+    width: 220px;
+    background: white;
+
+    .generic-sidebar-menu,
+    .generic-public-sidebar-menu    {
+      width: 100%;
+      float: none;
+      position: relative;
+      padding: 0;
+    }
+
+    >nav>ul>li {
+      overflow: hidden;
+      transition:         all 0.1s ease-out;
+      -webkit-transition: all 0.1s ease-out;
+
+      &:before {
+        content: '';
+        display: block;
+        position: absolute;
+        right: 10px;
+        top: 14px;
+        width: 0;
+        height: 0;
+        border-style: solid;
+        border-width: 5px 5px 0 5px;
+        border-color: $very-light_grey transparent transparent transparent;
+      }
+    }
+
+    ul.related-links:last-child {
+      padding-bottom: 10px;
+    }
+
+    ul.related-links li {
+      height: auto;
+    }
+
+    .current-menu-item         ul         { display: none; }
+    &:hover .current-menu-item ul         { display: block; }
+    >nav>ul>li                            { height: 0px; }
+    &:hover >nav>ul>li.current-menu-item  { height: auto; }
+    >nav>ul>li.current-menu-item          { height: 32px; }
+    &:hover >nav>ul>li                    { height: 32px; }
+    &:hover >nav>ul>li:before             { display: none; }
+    ul.related-links                      { display: none; }
+    >nav>ul.related-links>li              { height: auto; }
+    &:hover ul.related-links              { display: block; }
+  }
+}

data/_sass/generics/mobile-navigation.sass

@@ -0,0 +1,6 @@
+.generic-mobile-navigation.navbar-collapse.collapse
+  max-height: none !important
+  padding: 0
+
+  +desktop
+    display: none !important

data/_sass/generics/pagination.scss

@@ -0,0 +1,81 @@
+/* Pagination (based on Plugin "WP-Paginate" but also needed for standard fallback pagination) start */
+.archive .pagination {
+  text-align: center;
+  margin-top: 30px;
+  ol {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    background: none;
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    .title {
+      display: none;
+    }
+    .current {
+      font-weight: normal !important;
+      background-color: whiteSmoke;
+      color: #999;
+    }
+    .gap {
+      font-weight: normal !important;
+    }
+    a:hover {
+      text-decoration: none;
+      background-color: whiteSmoke;
+      color: #34570a;
+    }
+  }
+  li > * {
+    font-size: 13px;
+    display: inline-block;
+    padding: 0 14px;
+    line-height: 34px;
+    border: 1px solid #DDD;
+    border-right-width: 0px;
+  }
+  ol li:last-child > * {
+    border-right-width: 1px;
+  }
+  .prev {
+    -moz-border-radius-topleft: 5px;
+    -webkit-border-top-left-radius: 5px;
+    -o-border-top-left-radius: 5px;
+    -ms-border-top-left-radius: 5px;
+    -khtml-border-top-left-radius: 5px;
+    border-top-left-radius: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    -webkit-border-bottom-left-radius: 5px;
+    -o-border-bottom-left-radius: 5px;
+    -ms-border-bottom-left-radius: 5px;
+    -khtml-border-bottom-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+  }
+  .next {
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -o-border-top-right-radius: 5px;
+    -ms-border-top-right-radius: 5px;
+    -khtml-border-top-right-radius: 5px;
+    border-top-right-radius: 5px;
+    -moz-border-radius-bottomright: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    -o-border-bottom-right-radius: 5px;
+    -ms-border-bottom-right-radius: 5px;
+    -khtml-border-bottom-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+  }
+  .fallback .prev {
+    border-right-width: 1px !important;
+    float: left;
+  }
+  .fallback .prev > * {
+    border-right-width: 1px !important;
+  }
+  .fallback .next {
+    float: right;
+  }
+}

data/_sass/generics/search-form.scss

@@ -0,0 +1,21 @@
+
+.generic-search-form input.btn {
+  white-space: nowrap;
+}
+
+/* Desktop */
+@media only screen and (min-width: 768px) {
+
+  .generic-search-form input {
+    background-color: transparent;
+    -webkit-transition: background-color 150ms linear;
+            transition: background-color 150ms linear;
+  }
+  .generic-search-form:hover input,
+  .generic-search-form input:active,
+  .generic-search-form input:focus,
+  .generic-search-form input.active {
+    background-color: white;
+  }
+
+}

data/_sass/generics/sidebar-menu.scss

@@ -0,0 +1,27 @@
+
+/* Desktop */
+@media only screen and (min-width: 768px) {
+
+  nav.generic-sidebar-menu,
+  .generic-public-sidebar-menu  {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+}
+
+/* Mobile */
+@media only screen and (max-width: 767px) {
+
+  nav.generic-sidebar-menu,
+  .generic-public-sidebar-menu  {
+    margin: 10px 0 25px 0;
+  }
+
+  nav.generic-sidebar-menu     ul.related-links,
+  .generic-public-sidebar-menu ul.related-links {
+    margin-left: 0px;
+  }
+
+}

data/_sass/generics/team_list.scss

@@ -0,0 +1,179 @@
+.generic-team-list {
+ background: $very-light_grey;
+  font-size: 0;
+  padding: 0;
+  margin-left: 0;
+  margin-right: 0;
+
+  .team-member {
+    position: relative;
+    z-index: 10;
+    display: block;
+    vertical-align: top;
+    font-size: 14px;
+    font-size: 0;
+    float: left;
+
+    @include desktop {
+      width: 20%;
+    }
+    @include phone {
+      width: 50%;
+    }
+
+    .user-image {
+      display: block;
+      vertical-align: top;
+      cursor: pointer;
+
+      .generic-admin-box {
+        font-size: 12px;
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+      img {
+        image-rendering:-webkit-optimize-contrast;
+        cursor: default;
+      }
+
+      &:hover +.name-and-meta { display: block; }
+    }
+
+    .name-and-meta {
+      position: absolute;
+      top: 90%;
+      left: 0;
+      width: 100%;
+      text-align: center;
+      background: white;
+      background: rgba(255,255,255,0.9);
+      display: none;
+      padding: 10px;
+      box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
+      -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
+      &       { display: none;}
+      &:hover { display: block; }
+
+      p {
+        color: $dark-grey;
+        font-weight: 300;
+        font-size: 14px;
+        line-height: 18px;
+        margin-bottom: 0;
+      }
+
+      &:before {
+        content: '';
+        position: absolute;
+        top: -10px;
+        left: 50%;
+        margin-left: -5px;
+        width: 0;
+        height: 0;
+        border-style: solid;
+        border-width: 0 10px 10px 10px;
+        border-color: transparent transparent white                 transparent;
+        border-color: transparent transparent rgba(255,255,255,0.9) transparent;
+      }
+    }
+
+    &:hover {
+      z-index: 20;
+    }
+
+    &.is-alumni {
+      display: none;
+    }
+
+    img {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+
+    &.has-speech-bubble {
+      @include desktop { width: 40%; }
+      @include phone   { width: 100%; }
+      .user-image {
+        float: left;
+        @include desktop { width: 50%; }
+        @include phone   { width: 50%; }
+      }
+      .name-and-meta {
+        width: 50%;
+      }
+    }
+
+    .speech-bubble {
+      hyphens: auto;
+      -webkit-hyphens: auto;
+      position: relative;
+      display: block;
+      width: 50%;
+      vertical-align: top;
+      font-weight: normal;
+      font-size: 14px;
+      float: left;
+      @include desktop {
+        height: 188px;
+        padding: 15px;
+      }
+      @include phone {
+        padding: 10px 10px 0px 10px;
+      }
+
+      table {
+        height: 100%;
+        min-height: 135px;
+      }
+
+      &:before {
+        content: '';
+        position: absolute;
+        left: -20px;
+        width: 0;
+        height: 0;
+        border-style: solid;
+        border-width: 20px 20px 20px 0;
+        border-color: transparent $very-light_grey transparent transparent;
+        @include desktop {
+          top: 50%;
+          margin-top: -15px;
+        }
+        @include phone {
+          top: 20px;
+        }
+      }
+
+      h2 {
+        font-weight: 300;
+        margin-top: 0;
+        @include desktop {
+          font-size: 18px;
+          line-height: 24px;
+        }
+        @include phone {
+          font-size: 5vw;
+          line-height: 6vw;
+        }
+      }
+      p {
+        font-weight: 300;
+        margin-bottom: 0;
+        @include desktop {
+          font-size: 13px;
+          line-height: 18px;
+        }
+        @include phone {
+          font-size: 3vw;
+          line-height: 4vw;
+        }
+        a {
+          font-weight: 300;
+          color: inherit;
+        }
+      }
+    }
+  }
+}

data/_sass/generics/topicblock.sass

@@ -0,0 +1,16 @@
+.topicblock
+  width: auto
+  height: 125px
+  position: relative
+
+  h1
+    font-size: 28px
+    line-height: 32px
+
+    b
+      color: #899299
+      font-size: 18px
+      vertical-align: top
+
+    a
+      color: #6a9000