betterplace-content 0.1.3 → 0.1.4

data/_sass/media_queries.sass

@@ -0,0 +1,7 @@
+@mixin phone
+  @media only screen and (max-width: 768px)
+    @content
+
+@mixin desktop
+  @media only screen and (min-width: 769px)
+    @content

data/_sass/page_templates/archive.sass

@@ -0,0 +1,51 @@
+/* Archives (home, categories, index) start */
+.archive
+  margin-bottom: 30px
+
+.archive h2,
+.archive h3,
+.archive h4,
+.archive h5,
+.archive h6
+  margin-top: 20px
+
+.archive h2:first-child
+  margin-top: 0px
+
+/* TODO @TJO: Zusammenführen mit normalized-content */
+.archive p
+  color: #4c5256
+  font-size: 12px
+  line-height: 18px
+  margin: 15px 0
+  margin-top: 5px
+  padding-bottom: 7px
+
+.archive p.more
+  margin: 0
+
+.archive em
+  font-style: italic
+
+.archive ul
+  margin-bottom: 5px
+  margin-left: 15px
+  list-style-type: disc
+
+  li
+    padding-left: 0
+
+.archive ul.tags li
+  background: none
+  padding-left: 0
+
+.archive li
+  color: #4C5256
+  padding-left: 11px
+  line-height: 18px
+  font-weight: bold
+  background: url(../images/li-bullet.png) no-repeat 0 8px
+  margin-bottom: 2px
+
+  +phone
+    margin-bottom: 7px

data/_sass/page_templates/author.sass

@@ -0,0 +1,6 @@
+.author-description
+  margin-bottom: 30px
+  padding-top: 15px
+
+  p
+    margin-top: 0

data/_sass/page_templates/post.sass

@@ -0,0 +1,111 @@
+/* Post (arcticles, pages) start */
+.post
+  padding-bottom: 5px
+
+  h2,
+  h3,
+  h4,
+  h5,
+  h6
+    margin-top: 15px
+
+  p,
+  li
+    color: #4c5256
+    font-size: 14px
+    line-height: 22px
+
+  p
+    margin: 0 0 15px 0
+
+  hr
+    margin: 35px 0 30px 0
+    color: #899299
+    background-color: #899299
+    height: 1px
+    border: none
+
+
+  h2
+    font-size: 27px
+    line-height: 42px
+    font-weight: bold
+    margin: 50px 0 15px
+
+  .wp-caption
+    margin: 15px 0
+    .wp-caption-text
+      font-size: 14px
+      line-height: 18px
+      color: $medium-grey
+      margin-top: 10px
+
+    &.aligncenter
+      margin-left: auto
+      margin-right: auto
+
+    img
+      padding: 0
+      border: 0
+
+  +desktop
+    h2,
+    h3,
+    h4,
+    h5,
+    h6
+      padding-right: 100px
+
+    p,
+    ul
+      margin-right: 100px
+
+    hr
+      margin-right: 100px
+
+    p[style*='justify']
+      text-align: left !important
+
+
++phone
+  img
+    max-width: 100%
+    height: auto
+    padding: 0
+    border: 0
+
+  iframe
+    max-width: 100%
+    height: auto
+
+  .wp-caption
+    width: 100% !important
+
+  .media-left,
+  .media-right,
+  .media-body
+    display: block
+    margin-bottom: 10px
+    width: auto
+
+.post em
+  font-style: italic
+
+ul
+  list-style-type: none
+
+.post ul,
+.post ol:not(.generic-benefit-list)
+  padding-left: 22px
+
+.post ul
+  list-style-type: disc
+
+.post ol:not(.generic-benefit-list)
+  list-style-type: decimal
+
+.post li
+  padding-bottom: 5px
+
+div[id^='gallery'] img
+  border: 0 !important

data/_sass/refactor-me.sass

@@ -0,0 +1,14 @@
+.themenline
+  margin-top: 40px
+  color: #636B70
+  line-height: 1.3
+
+.descText
+  margin: 10px 0 10px
+  color: #899299
+  font-size: 10px
+  margin-top: 11px
+
+@media print
+  a[href]:after
+    content: ''

data/_sass/theme_basics.sass

@@ -0,0 +1,27 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600')
+@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css')
+
+@import "colors"
+@import "media_queries"
+
+@import "generics_bootstrap"
+@import "generics"
+@import "application"
+
+@import "generics/city_list"
+@import "generics/comments"
+@import "generics/content-header"
+@import "generics/desktop-navigation"
+@import "generics/mobile-navigation"
+@import "generics/pagination"
+@import "generics/search-form"
+@import "generics/sidebar-menu"
+@import "generics/team_list"
+@import "generics/topicblock"
+
+@import "page_templates/archive"
+@import "page_templates/author"
+@import "page_templates/post"
+
+// Refactor them
+@import "refactor-me"

data/assets/css/about-us.sass

@@ -0,0 +1,20 @@
+---
+---
+
+// stattdessen nur @import "theme"?
+@import "colors"
+@import "media_queries"
+
+body.about-us
+  @import "about-us/wrapper"
+  @import "about-us/headlines"
+  @import "about-us/generic_content_header"
+  @import "about-us/scroll-down"
+  @import "about-us/why"
+  @import "about-us/because"
+  @import "about-us/team"
+  @import "about-us/feature"
+  @import "about-us/history"
+  @import "about-us/transparency"
+  @import "about-us/social-sharing"
+  @import "about-us/freundeskreis"

data/assets/css/default.sass

@@ -0,0 +1,4 @@
+---
+---
+
+@import "theme_basics"

data/assets/css/jobs.sass

@@ -0,0 +1,64 @@
+---
+---
+
+@import "theme_basics"
+
+body.jobs
+
+  article
+    p,
+    ul li,
+    ol li
+      font-size: 16px
+      line-height: 22px
+
+    ul
+      list-style-type: disc
+
+  .introduction
+    p
+      font-weight: bold
+
+    h1
+      margin: 30px 0
+
+  .archive
+    h3
+      font-size: 18px
+      line-height: 22px
+
+      &:not(:first-child)
+        margin-top: 30px
+
+    h4
+      font-size: 16px
+      line-height: 18px
+      margin-top: 10px
+
+  .archive h3,
+  .archive h3:first-child
+    margin: 10px 0 10px 0
+
+  .teaser
+    background-repeat: no-repeat
+    background-size: cover
+    width: 300px
+    height: 143px
+    color: white
+    font-weight: normal
+    line-height: 85px
+    padding-left: 10px
+
+    +desktop
+      display: inline-block
+      margin-right: 3px
+
+    +phone
+      display: block
+      margin: 0 auto
+
+    &.teaser-team
+      background-image: url('../teaser-team.jpg')
+
+    &.teaser-office
+      background-image: url('../teaser-office.jpg')

data/assets/css/news.sass

@@ -0,0 +1,25 @@
+---
+---
+
+@import "theme_basics"
+
+body.news
+
+  .post
+    margin-top: 50px
+
+    h2
+      font-size: 145%
+
+      &.post-headline
+        font-size: 200%
+        line-height: 140%
+        margin-bottom: 15px
+
+    .descText
+      font-size: 100%
+      margin-top: 5px
+      color: #899299
+
+    #content .themenline
+      margin-top: 30px

data/assets/css/team.sass

@@ -0,0 +1,148 @@
+---
+---
+
+@import "theme_basics"
+
+body.team
+
+  .generic-content-header
+    +desktop
+      margin-top: -56px
+      padding-top: 56px
+      height: 560px
+      z-index: 0
+      background: url('../images/team/generic-content-header_desktop.jpg') no-repeat 50% 0 $very-light_grey
+
+      &:before
+        display: none
+
+  h1
+    font-weight: 300
+    font-size: 40px
+    font-family: 'Open Sans', Arial
+    +desktop
+      margin-bottom: 102px
+      margin-top: 65px
+
+    +phone
+      margin-top: 30px
+
+  h1,
+  .unit-descriptions,
+  .unit-descriptions p
+    +desktop
+      text-shadow: 1px 1px 0 #444
+      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
+      color: white
+
+  .content-wrapper
+    padding-bottom: 80px
+    +desktop
+      margin-top: -560px
+      padding-top: 40px
+
+  .unit-select
+    padding: 10px 20px 10px 0px
+    a
+      padding: 4px 12px 4px 0
+      display: inline-block
+      border-right: 1px solid #4c4b4a
+      color: $medium-green
+      font-weight: normal
+      font-size: 16px
+      margin-right: 12px
+      +desktop
+        text-shadow: 1px 1px 0 #444
+        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5)
+
+      +phone
+        margin-bottom: 5px
+
+
+      &:first-child
+        padding-left: 0
+
+      &:last-child
+        border-right-width: 0
+
+  .unit-select,
+  .ambassador-select
+    a.active
+      +desktop
+        color: white
+
+      +phone
+        text-decoration: underline
+
+      &:hover
+        +desktop
+          text-decoration: none
+
+  .unit-descriptions
+    font-size: 14px
+    line-height: 22px
+    padding: 0 20px 17px 0px
+    font-weight: 300
+    p
+      margin-bottom: 0
+
+    a
+      color: $medium-green
+      white-space: nowrap
+
+  .jobs-row
+    text-align: center
+    +desktop
+      margin-top: 74px
+    +phone
+      margin-top: 50px
+
+    h2
+      margin-bottom: 25px
+      font-weight: 300
+      +desktop
+        font-size: 35px
+        line-height: 40px
+
+      +phone
+        font-size: 28px
+        line-height: 32px
+
+    p
+      font-size: 16px
+      line-height: 22px
+      text-align: center
+      margin-bottom: 20px
+
+      +desktop
+        font-size: 16px
+        line-height: 22px
+
+      +phone
+        font-size: 14px
+        line-height: 20px
+
+  .alumni
+    +desktop
+      margin-top: 25px
+
+    +phone
+      text-align: center
+      margin-top: 20px
+
+    h2
+      font-size: 26px
+      color: $dark-grey
+      font-weight: normal
+
+    p
+      font-size: 14px
+      line-height: 22px
+
+html.no-boxshadow
+  body.team .team-member .name-and-meta
+    border-width: 1px 1px 1px 1px
+    border-color: #939393
+    border-style: solid
+    &:before
+      display: none