Updating according to the documentation made with the designer team. Menus, Blog list, Page title, pagination.

This commit is contained in:
Fabiano Alencar 2018-04-25 16:40:57 -03:00
parent 2196f332a8
commit 9dcb4488ce
6 changed files with 56 additions and 25 deletions

View File

@ -7,9 +7,9 @@
flex: 0 0 29.333333%;
}
}
img{
/* img{
box-shadow: 0 4px 9px 0 #00000061, 0 5px 15px 0 #00000059;
}
} */
}
.blog-content{
&.blog-flex{
@ -21,26 +21,19 @@
}
}
h3{
font-size: 16pt;
font-size: 18pt;
}
a[rel="author"]{
color: #4f4f4f;
//color: #4f4f4f;
font-weight: 700;
&:hover{
color: inherit;
}
}
/* .blog-read{
color: #fff;
background-color: #298596;
border-color: #298596;
&:hover{
color: #fff;
background-color: #298596;
border-color: #298596;
box-shadow: 0 4px 9px 0 #0000006b, 0 5px 15px 0 #0000006b;
}
} */
.readmore{
font-size: 14pt;
font-weight: 400;
}
}
}
}

View File

@ -1,9 +1,22 @@
.margin-pagination{
border-width: 2px !important;
font-size: 12pt;
font-weight: 400;
color: #898d8f;
.pagination{
a:nth-last-child(1){
white-space: nowrap;
}
li{
a{
color: #898d8f;
}
}
.active{
a{
color: #298596;
}
}
}
.view-items{
white-space: nowrap;

View File

@ -26,11 +26,32 @@ body{
nav{
&.menu-shadow{
box-shadow: 0 2px 9px 0 #808080a6;
button{
&[data-toggle='dropdown']{
&::after{
color: #298596;
}
}
}
}
.dropdown-menu{
.dropdown-item{
&:hover{
background-color: #2cb4c1;
}
}
}
#menubelowHeader{
ul{
li{
&.menu-item{
a{
font-size: 14pt;
font-weight: 400;
&::after{
color: #298596;
}
}
@media screen {
@media (min-width: 992px){
padding-right: 50px;
@ -142,6 +163,12 @@ form{
}
.tainacan-title{
.tainacan-title-page{
border-width: 2px !important;
.title-page{
font-size: 20pt;
}
}
@media screen {
@media (min-width: 992px) {
padding: 0 2rem;

View File

@ -24,11 +24,9 @@
<div class="d-none d-md-inline-block">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
</button>
<div class="dropdown-menu tainacan-dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
<a class="dropdown-item" href="#">Perfil</a>
<a class="dropdown-item" href="#">Coleção</a>
<a class="dropdown-item" href="#">Sair</a>
</div>
<button type="button" class="btn btn-link text-heavy-metal px-1"><i class="material-icons">notifications_none</i></button>
<button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="material-icons">help_outline</i></button>

View File

@ -1,7 +1,7 @@
<div class="row blog-post mb-4">
<?php if ( has_post_thumbnail() && get_the_post_thumbnail_url(get_the_ID()) ) : ?>
<div class="col-xs-12 col-md-4 blog-thumbnail align-self-center text-center mb-4 mb-md-0">
<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'medium') ?>" class="img-fluid rounded" alt=""></a>
<a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'medium') ?>" class="img-fluid" alt=""></a>
</div>
<?php endif; ?>
<div class="col-xs-12 blog-content <?php if ( has_post_thumbnail() ) :?>col-md-8 blog-flex<?php else : ?>col-md-12<?php endif; ?>">
@ -9,8 +9,8 @@
<a href="<?php the_permalink(); ?>" class="font-weight-bold"><?php the_title(); ?></a>
</h3>
<?php echo '<p class="text-oslo-gray">'.wp_trim_words( get_the_content(), 63, '...' ).'</p>'; ?>
<p>by <?php the_author_posts_link(); ?>, <?php the_time(); ?></p>
<a href="<?php the_permalink(); ?>" class="btn btn-jelly-bean float-right">Read more</a>
<p><?php the_time('j M Y \\a\\t g:i'); echo ', '; _e('for'); echo ' '; the_author_posts_link(); ?></p>
<a href="<?php the_permalink(); ?>" class="readmore float-right"><?php _e('Read more'); ?></a>
</div>
</div>

View File

@ -1,8 +1,8 @@
<?php if(have_posts()): ?>
<div class="tainacan-title">
<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<div class="border-bottom border-jelly-bean tainacan-title-page">
<ul class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
<?php
if(is_home()) echo 'Blog';
elseif(is_search()){