Skip to content

Commit

Permalink
complete newsletter + author and tags
Browse files Browse the repository at this point in the history
  • Loading branch information
@fannymugnier
fannymugnier committed Mar 2, 2021
1 parent 227c9fa commit bb61f51
Show file tree
Hide file tree
Showing 5 changed files with 187 additions and 45 deletions.
119 changes: 92 additions & 27 deletions user/themes/sheaft-theme/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 18px; font-weight: 400
.one{ width: 8.333% }
.two{ width: 16.666%; }
.three{ width: 25%; }
.four{ width: 30.333%; }
.four{ width: 30%; }
.four1{ width: 33.333%; }
.five{ width: 41.666%; }
.six{ width: 50%; }
Expand Down Expand Up @@ -387,7 +387,7 @@ display:none;
.footer-wrapper{ position: relative; background-repeat: no-repeat; background-position: right top; }
.footer-wrapper a { cursor: pointer; }
.footer-wrapper .widget { margin-bottom: 30px; }
.footer-wrapper h2 { margin-bottom: 8px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; }
.footer-wrapper h2, #mc_embed_signup h2 { margin-bottom: 8px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
.footer-wrapper hr { margin: 8px 0 ; border-color: #525151; }
.footer-wrapper .follow-socials {text-align: center;}
.footer-container{ padding-top: 30px; }
Expand All @@ -398,16 +398,79 @@ display:none;
.copyright-wrapper{ border-top-width: 0px; border-top-style: solid; }
.copyright-container{ padding: 15px 0px; }

.newsletter-subscribe { text-align: center; }
.newsletter-subscribe p { text-align: justify; }
.btn-footer {
#mc_embed_signup {
background-color: transparent;
clear:left;
line-height: 1.5;
width: 70%;
margin: 0 auto;
}
#mc_embed_signup form {
padding: 0;
}
#mc_embed_signup input {
border-radius: 4px;
}
#mc_embed_signup .indicates-required {
text-align: left;
}
#mc_embed_signup h2 {
margin-top: 0;
text-align: center;
}
#mc_embed_signup .btn-footer {
background-color: #fff;
color: #212121;
letter-spacing: 1px;
border: none;
border-radius: 9999px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
padding: 10px 20px;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
color:#e85c41;
background-color: transparent;
margin: 0;
padding: 0;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: solid 2px #e85c41;
}
#mc_embed_signup .mc-field-group select {
width: 100%;
border-radius: 4px;
}
#mc-embedded-subscribe-form input[type=checkbox] {
display: inline;
width: auto;
margin-right: 10px;
}
#mc-embedded-subscribe {
margin: 15px 0;
}
#mc_embed_signup .mc-field-group {
padding-bottom: 0px;
width: 100%;
}
#mergeRow-gdpr {
margin-top: 10px;
}
#mergeRow-gdpr p {
margin-bottom: 0;
}
#mergeRow-gdpr fieldset label {
font-weight: normal;
}
#mc-embedded-subscribe-form .mc_fieldset{
border:none;
min-height: 0px;
padding-bottom:0px;
}
.content__gdprLegal {
font-size: 0.8em;
line-height: 1.2;
}
.sheaft-ext-links p {
margin-bottom: 5px;
}

/*--- shortcode ---*/
.gdlr-shortcode-wrapper { margin-left: -15px; margin-right: -15px; }
Expand Down Expand Up @@ -477,7 +540,7 @@ body.search .page-not-found-block{ margin-top: 0px; }
.gdlr-accordion-item.style-2 .accordion-content{ margin-left: 31px; }

/*--- button ---*/
.gdlr-button, input[type="button"], input[type="submit"]{ display: inline-block; font-size: 11px; padding: 15px 30px;
.gdlr-button, input[type="button"], input[type="submit"]{ display: inline-block; font-size: 11px; padding: 10px 25px;
margin-bottom: 15px; margin-right: 5px; outline: none; cursor: pointer;
border: none; }
.gdlr-widget .gdlr-button, .gdlr-widget input[type="button"], input[type="submit"]{ margin-bottom: 0; }
Expand Down Expand Up @@ -1010,12 +1073,6 @@ body .ms-skin-default .ms-slide .ms-slide-vcbtn { top: auto; bottom: 60px; right
.gdlr-blog-thumbnail.gdlr-audio{ background: transparent; }
.format-gallery .gdlr-blog-thumbnail{ background: transparent; }

.blog-tag {
margin-top: 30px;
}
.blog-tag a:hover{
color: #FF4180;
}
.gdlr-blog-carousel-item.widget.gdlr-blog-grid:first-child{ margin-left: 0px; }
.widget.gdlr-blog-grid { margin-bottom: 30px; padding: 28px;
border-bottom-width: 3px; border-bottom-style: solid; }
Expand Down Expand Up @@ -1067,7 +1124,7 @@ body .ms-skin-default .ms-slide .ms-slide-vcbtn { top: auto; bottom: 60px; right
.gdlr-blog-full .gdlr-blog-thumbnail{ text-align: center; margin-bottom: 15px; }
.gdlr-blog-full .gdlr-blog-thumbnail img{ display: block; margin: 0px auto; }
.gdlr-blog-full .gdlr-blog-thumbnail.with-audio{ margin-bottom: 0px; }
.gdlr-blog-full .gdlr-blog-info{ font-size: 16px; letter-spacing: 0.5px; color: #8c8c8c;}
.gdlr-blog-full .gdlr-blog-info{ font-size: 15px; color: #8c8c8c; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #e8e8e8; }
.gdlr-blog-full .gdlr-blog-info i{ font-size: 18px;}
.gdlr-blog-full .gdlr-blog-info .blog-info:last-child{ margin-right: 0px; }
.gdlr-blog-full .gdlr-blog-info .gdlr-seperator{ margin-right: 18px; float: left; }
Expand Down Expand Up @@ -1117,6 +1174,9 @@ body.single .gdlr-blog-full{ border-bottom: 0px; }
.gdlr-outer-nav.gdlr-nav-container span.gdlr-flex-prev{ display: block; position: absolute;
padding: 0px 15px; left: 0px; top: 0px; bottom: 0px; width: 13px; }
.gdlr-outer-nav.gdlr-nav-container span.gdlr-flex-prev i{ margin-right: 5px; }
.blog-tag a{ color: #8c8c8c; }
.blog-tag a:hover{ color: #FF4180; }
.blog-tag { display: inline; }

/*--- blog item filter ---*/
.blog-item-filter-wrapper{ text-align: center; }
Expand Down Expand Up @@ -1144,6 +1204,7 @@ body.single .gdlr-blog-full{ border-bottom: 0px; }
.gdlr-author-item .gdlr-button { margin-bottom: 30px; }
.gdlr-author-item .gdlr-author-social-wrapper{ padding-bottom: 30px; }
.gdlr-author-item .gdlr-author-social-wrapper a{ max-width: 40px; margin-right: 12px; display: inline-block; }
.blog-author { display: inline; margin-right: 30px; }

/*--- social share ---*/
.gdlr-social-share{ margin-bottom: 40px; line-height: 1; }
Expand Down Expand Up @@ -1291,7 +1352,7 @@ text-decoration: none;
.gdl-search-form input[type="submit"] { position: absolute; right: 15px; top: 50%; margin: -8px 0px 0px;
width: 16px; height: 16px; padding: 0px; background-color: transparent; background-size: 16px 16px;
background-image: url('images/dark/icon-search.png'); border: none; outline: none; }
.widget-content.simplesearch input {padding: 15px;}
.widget-content.simplesearch input { padding: 10px; border-radius: 4px; }

/*--- recent post widget ---*/
.recent-post-widget{ margin-bottom: 25px; }
Expand Down Expand Up @@ -2613,7 +2674,7 @@ html body{ min-width: 300px; }
.one, .two, .three, .four, .five, .six, .seven,
.eight, .nine, .ten, .eleven, .twelve{ width: 100%; }

.gdlr-button, input[type="button"], input[type="submit"] { padding: 11px 17px; }
.gdlr-button, input[type="button"], input[type="submit"] { padding: 8px 20px; }
#article-sidebar-hidden-small {display: none;}

/* header */
Expand Down Expand Up @@ -2713,6 +2774,8 @@ html body{ min-width: 300px; }
/* footer */
.copyright-left { float: none; text-align: center; }
.copyright-right { float: none; text-align: center; }
.footer-column { width: 90%; }
#mc_embed_signup { width: 95%; }
}

/*--- mobile portrait style ---*/
Expand All @@ -2725,6 +2788,8 @@ html body{ min-width: 300px; }

.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }

.blog-tag { display: block; }

.gdlr-item-title-head .gdlr-flex-prev,
.gdlr-item-title-head .gdlr-flex-next{ display: none; }
.copyright-left { float: none; text-align: center; }
Expand Down Expand Up @@ -2762,8 +2827,8 @@ h6{ font-size: 16px; }
#gdlr-responsive-navigation.dl-menuwrapper button:hover, #gdlr-responsive-navigation.dl-menuwrapper button.dl-active, #gdlr-responsive-navigation.dl-menuwrapper ul{ background-color: #009688; }
#gdlr-responsive-navigation.dl-menuwrapper button { background-color: #009688; }
.top-search-button i{ color: #474747; }
.gdlr-nav-search-form{ background-color: #272727; opacity: 0.8;}
.gdlr-nav-search-form i, .gdlr-nav-search-form input[type="text"]{ color: #f1f1f1; }
.gdlr-nav-search-form{ background-color: #272727; opacity: 0.9;}
.gdlr-nav-search-form i, .gdlr-nav-search-form input[type="text"]{ color: #fff; }
.body-wrapper{ background-color: #dddddd; }
.gdlr-item.gdlr-blog-full, .gdlr-sidebar .widget.gdlr-item, .blog-item-filter, .gdlr-item.gdlr-blog-medium, .gdlr-item.gdlr-blog-grid, .gdlr-with-background, .gdlr-item.gdlr-author-item, .gdlr-pagination{ background-color: #ffffff; }
.body-wrapper .gdlr-item.gdlr-blog-full, .gdlr-sidebar .widget.gdlr-item, .body-wrapper .gdlr-item.gdlr-blog-medium, .body-wrapper .gdlr-item.gdlr-blog-grid, .body-wrapper .gdlr-with-background, .body-wrapper .blog-item-filter, .body-wrapper .gdlr-author-item, .body-wrapper .gdlr-pagination{ border-bottom-color: #e3e3e3; }
Expand Down Expand Up @@ -2893,8 +2958,8 @@ input[type="text"], input[type="email"], input[type="password"], textarea{ color
.footer-wrapper a{ color: #7f7f7f; }
.footer-wrapper a:hover{ color: #cecece; }
.footer-wrapper *{ border-color: #363636; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ background-color: #141414; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ color: #cacaca; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ background-color: #fff; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ color: #454545; }
.footer-wrapper input[type="text"], .footer-wrapper input[type="email"], .footer-wrapper input[type="password"], .footer-wrapper textarea{ border-color: #313131; }
.footer-wrapper .gdlr-button, .footer-wrapper .gdlr-button:hover, .footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ color: #ffffff; }
.footer-wrapper input[type="button"], .footer-wrapper input[type="submit"]{ border-color: #ffffff; outline-color: #ffffff; }
Expand Down Expand Up @@ -6044,12 +6109,6 @@ float:left;
.menu-item-type-post_type {
background-color: #fff;
}
.blog-author {
margin-bottom: 20px;
padding-bottom: 5px;
color: #8c8c8c;
border-bottom: solid 1px #e8e8e8;
}
.gdlr-blog-content p {
margin-bottom: 10px;
line-height: 1.8;
Expand All @@ -6065,4 +6124,10 @@ float:left;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width: 20px;
}
.search-wrapper .search-input {
width: 80%;
display: inline-block;
background-color: #fff;
color: #8c8c8c;
}
1 change: 1 addition & 0 deletions user/themes/sheaft-theme/templates/partials/base.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
<link href='https://fonts.googleapis.com/css?family=Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic&amp;subset=latin%2Clatin-ext&amp;ver=3.9.1' id='Merriweather-google-font-css' media='all' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Arvo%3Aregular%2Citalic%2C700%2C700italic&amp;subset=latin&amp;ver=3.9.1' id='Arvo-google-font-css' media='all' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/>
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<meta name="google-translate-customization" content="{{ site.google_translate_token }}">
{% block stylesheets %}
{% do assets.addCss('theme://css/widget_css_2_bundle.css') %}
Expand Down
24 changes: 12 additions & 12 deletions user/themes/sheaft-theme/templates/partials/blog_item.html.twig
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,18 @@
<h3 class="gdlr-blog-title"><a href="{{ page.url }}">{{ page.title }}</a></h3>
{% endif %}

<div class="blog-info blog-author"><i class="icon-user"></i>
{{ page.header.author.name }}
<div class="gdlr-blog-info gdlr-title-font gdlr-info">
<div class="blog-info blog-author"><i class="icon-user"></i>
{{ page.header.author.name }}
</div>
{% if page.taxonomy.tag %}
<div class="blog-info blog-tag"><i class="icon-tags"></i>
{% for tag in page.taxonomy.tag %}
<a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}" rel="tag">{{ tag }}</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
{% endif %}
<div class="clear"></div>
</div>
</header>
<div class="gdlr-blog-content">
Expand All @@ -59,16 +69,6 @@
{{ page.content }}
{% set show_prev_next = true %}
{% endif %}
<div class="gdlr-blog-info gdlr-title-font gdlr-info">
{% if page.taxonomy.tag %}
<div class="blog-info blog-tag"><i class="icon-tags"></i>
{% for tag in page.taxonomy.tag %}
<a href="{{ base_url }}/tag{{ config.system.param_sep }}{{ tag }}" rel="tag">{{ tag }}</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
{% endif %}
<div class="clear"></div>
</div>

<div class="gdlr-social-share">
<hr />
Expand Down
Loading

0 comments on commit bb61f51

Please sign in to comment.