From 375485039cd2711dc23ce71491a2d79b9155bbb9 Mon Sep 17 00:00:00 2001 From: ut Date: Fri, 9 Nov 2018 21:33:51 +0100 Subject: [PATCH] adaption/overrides of all-in-one-event-calendar theme . header a bit --- .../src/assets/scss/app.scss | 1 + .../freifunk-all-in-one-event-calendar.scss | 80 +++++++++++++++++++ .../src/assets/scss/templates/freifunk.scss | 28 ++++--- 3 files changed, 99 insertions(+), 10 deletions(-) create mode 100644 hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk-all-in-one-event-calendar.scss diff --git a/hamburg-freifunk-wp-theme/src/assets/scss/app.scss b/hamburg-freifunk-wp-theme/src/assets/scss/app.scss index c84ebd7..c1f479e 100644 --- a/hamburg-freifunk-wp-theme/src/assets/scss/app.scss +++ b/hamburg-freifunk-wp-theme/src/assets/scss/app.scss @@ -81,3 +81,4 @@ @import "templates/front"; @import "templates/kitchen-sink"; @import "templates/freifunk"; +@import "templates/freifunk-all-in-one-event-calendar"; diff --git a/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk-all-in-one-event-calendar.scss b/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk-all-in-one-event-calendar.scss new file mode 100644 index 0000000..c81837c --- /dev/null +++ b/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk-all-in-one-event-calendar.scss @@ -0,0 +1,80 @@ +/* hamburg-freifunk-wp-theme: adaption/overrides of all-in-one-event-calendar theme (2018) */ + +$freifunk-color-magenta: rgb(220,0,103); +$freifunk-color-yellow: rgb(255,180,0); +$freifunk-color-blue: rgb(0,158,224); + +.main-container { + + .ai1ec-agenda-widget-view { + + margin-bottom: 25px; + + } + .ai1ec-agenda-widget-view .ai1ec-date, + .ai1ec-agenda-view .ai1ec-date { + border-top: 0px solid #e5e5e5; + background: none; + } + .ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title { + + border: 1px solid #888; + border-top: none; + border-radius: 5px; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #525252; + float: left; + font-weight: bold !important; + background-image: none; + filter: none; + line-height: 1.2em; + margin: 6.5px 0.75em; + overflow: hidden; + text-align: center; + text-shadow: 0 1px 0 #fff; + width: 4em; + + } + .ai1ec-agenda-widget-view .ai1ec-event > a { + background: transparent; + border: 0px solid #ccc; + color: #333; + } + + .ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month { + + background: #dc0067; + border-radius: 0; + color: #fff; + font-size: inherit; + letter-spacing: 0.2em; + padding: 0.2em 0.2em; + text-transform: inherit; + text-shadow: none; + + } + .ai1ec-subscribe-buttons-widget { + padding: 0 0 0 0; + } + .timely .ai1ec-btn { + border: 1px solid transparent; + } + .timely .ai1ec-btn-default:hover, .timely .ai1ec-btn-default:focus, .timely .ai1ec-btn-default:active, .timely .ai1ec-btn-default.ai1ec-active, .ai1ec-open .ai1ec-dropdown-toggle.timely .ai1ec-btn-default { + color: #333; + background-color: #fff; + } + + /* index view */ + .ai1ec-agenda-view .ai1ec-event { + background: #fff; + border: none; + .ai1ec-event-title { + color: #333; + } + } + +} diff --git a/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk.scss b/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk.scss index 56e6889..532de83 100644 --- a/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk.scss +++ b/hamburg-freifunk-wp-theme/src/assets/scss/templates/freifunk.scss @@ -1,9 +1,10 @@ +/* hamburg-freifunk-wp-theme (2018) */ + $freifunk-color-magenta: rgb(220,0,103); $freifunk-color-yellow: rgb(255,180,0); $freifunk-color-blue: rgb(0,158,224); body { - font-family: hk_groteskmedium, "Helvetica Neue", sans-serif; font-weight: normal; line-height: 1.5; @@ -23,7 +24,7 @@ p, li, blockquote { font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; - font-size: 20px; + font-size: 17px; @media screen and (max-width: 39.9375em) { line-height: 1.5; font-size: 18px; @@ -58,7 +59,7 @@ p, li, blockquote { max-height: 75px; .top-bar-left { - min-width: 55rem; + min-width: 48rem; margin-top: 50px; .site-desktop-title.top-bar-title { @@ -104,7 +105,7 @@ p, li, blockquote { } } h2 { - font-size: 2.5rem; + font-size: 1.8rem; margin: 0; } } @@ -112,8 +113,10 @@ p, li, blockquote { } } - - .menu { + .top-bar-right { + background-color: #2C3840; + margin-top: 30px; + .menu { margin-right: 1rem; li, li:not(:last-child), li:not(.menu-text) { border-right: 0px solid #4e4e4e; @@ -121,7 +124,7 @@ p, li, blockquote { a { color: #e6e6e6; - padding: 0.7rem; + padding: 0rem 0.7rem 0; font-weight: normal; font-size: 18px; line-height: 1; @@ -145,8 +148,11 @@ p, li, blockquote { } } } - + } } + + + } } /* banner image */ @@ -167,9 +173,11 @@ p, li, blockquote { .main-container { - margin-top: 275px; - + margin-top: 235px; + @media screen and (max-width: 39.9375em) { + margin-top: 20px; + } .entry-content { margin-bottom: 50px; }