tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Several updates to use css variables instead of the inline css strategy for custom colors.

This commit is contained in:
mateuswetah 2021-10-22 14:44:18 -03:00
parent 9d709748d6
commit 1690abb35f
22 changed files with 147 additions and 626 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/archive-tainacan-collection.php
View File

@ -9,7 +9,7 @@
<div class="row">
<div class="col col-sm mx-sm-auto">
<div class="tainacan-title">
<div class="border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<div class="tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1 d-flex">
<li class="list-inline-item font-weight-bold title-page">
<h1><?php echo get_the_archive_title(); ?></h1>

2
src/assets/css/spectrum.css
View File

@ -395,7 +395,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
line-height: 16px;
float:left;
font-size:10px;
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
.sp-preview {
position:relative;

6
src/assets/scss/_comments.scss
View File

@ -1,9 +1,11 @@
#comments{
border-top-color: var(--tainacan-interface--link-color, #298596) !important;
div[for=comment]{
span{
font-size: 1.125rem;
}
.authenticated{
.authenticated {
font-size: 0.625rem;
}
}
@ -147,7 +149,7 @@
}
}
.comment-reply-link, .comment-edit-link{
color: #2cb4c1;
color: var(--tainacan-interface--link-color, #298596);
font-size: 0.75rem;
}
}

5
src/assets/scss/_footer.scss
View File

@ -9,6 +9,9 @@ footer.tainacan-footer {
text-decoration: none;
}
}
.tainacan-footer-area-separator {
background-color: var(--tainacan-interface--link-color, #298596);
}
.tainacan-footer-widgets-area {
@media only screen and (max-width: 991px){
@ -169,7 +172,7 @@ footer.tainacan-footer {
}
}
&.tainacan-footer-colored {
background-color: #298596;
background-color: var(--tainacan-interface--link-color, #298596);
a {
color: #e6f6f8;
}

19
src/assets/scss/_gutenberg-support.scss
View File

@ -17,6 +17,12 @@
.has-purple-background-color { background-color: #4751a3 !important; }
.has-violet-color { color: #955ba5 !important; }
.has-violet-background-color { background-color: #955ba5 !important; }
.has-white-color { color: #ffffff !important; }
.has-white-background-color { background-color: #ffffff !important; }
.has-lightgray-color { color: #f2f2f2 !important; }
.has-lightgray-background-color { background-color: #f2f2f2 !important; }
.has-darkgray-color { color: #555758 !important; }
.has-darkgray-background-color { background-color: #555758 !important; }
.alignwide {
margin-left: calc(-8.3333333333vw + 3.1%) !important;
@ -74,17 +80,24 @@
}
/* Buttons */
.wp-block-buttons {
align-items: center;
}
.wp-block-button {
margin-bottom: 1rem;
.btn {
font-size: 0.875rem;
padding: .25rem 1.125rem;
border-color: transparent;
}
&:not(.is-style-outline) .btn.btn-jelly-bean {
background-color: var(--tainacan-interface--link-color, #298596);
}
}
.wp-block-button.is-style-outline .btn {
background: white !important;
color: #298596;
border: 1px solid #555758 !important
background: transparent !important;
color: var(--tainacan-interface--link-color, #298596);
border: 1px solid #555758 !important;
}
.wp-block-button.aligncenter,
.wp-block-button.alignleft,

6
src/assets/scss/_header-taxonomy.scss
View File

@ -64,7 +64,7 @@
}
> .page-header-content-title {
width: 100%;
border-color: #298596 !important;
border-color: var(--tainacan-interface--link-color, #298596) !important;
.page-header-title {
color: #01295c;
font: {
@ -98,7 +98,7 @@
padding-right: 0;
}
a {
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
font: {
size: inherit;
weight: 400;
@ -149,7 +149,7 @@
}
}
.icon-export {
background-color: #298596;
background-color: var(--tainacan-interface--link-color, #298596);
color: #fff;
border-radius: 100%;
padding: .282rem .4rem;

85
src/assets/scss/_home-collection.scss
View File

@ -126,91 +126,6 @@
}
}
/* .collection-header--share {
width: 100px;
height: 100px;
position: absolute;
right: 0;
border-radius: 50%;
transition: all 0.5s;
margin-right: 4.16666666667%;
bottom: 0;
.collection-header--share-button {
border: none;
color: #2c2d2d;
background-color: #fff;
border-radius: 50%;
width: 100px;
height: 100px;
position: absolute;
right: 0;
height: 30px !important;
width: 30px !important;
margin-right: 4.16666666667%;
position: absolute;
bottom: -1rem;
&:hover {
background-color: #fff;
}
&:focus{
outline:none;
}
}
#collection-header--share-button-plus {
transition: all 0.5s;
}
#fa-1, #fa-2, #fa-3 {
position: absolute;
color: #2c2d2d;
background-color: #fff;
border-radius: 50%;
border: none;
right: 0;
transition: all 0.5s;
height: 30px !important;
width: 30px !important;
margin-right: 4.16666666667%;
right: 0;
bottom: -1rem;
}
#fa-1, #fa-2, #fa-3 {
&:hover{
tansition-delay: 0s;
color: #ff8db3;
}
}
&.open {
height: 100px;
width: 100px;
right: 0;
.fab {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 4px 8px rgba(0, 0, 0, 0.2);
}
#plus {
-webkit-transform: rotateZ(135deg) translate(-1px, 3px);
transform: rotateZ(135deg) translate(-1px, 3px);
}
#fa-1 {
transition-delay: 0s;
-webkit-transform: translate(-53px, 10px);
transform: translate(-53px, 10px);
}
#fa-2 {
transition-delay: 0.1s;
-webkit-transform: translate(-38px, -39px);
transform: translate(-38px, -39px);
}
#fa-3 {
transition-delay: 0.2s;
-webkit-transform: translate(10px, -53px);
transform: translate(10px, -53px);
}
}
} */
.absolute-center {
position: absolute;
top: 50%;

2
src/assets/scss/_simple-search.scss
View File

@ -6,7 +6,7 @@
box-shadow: none;
}
&::after {
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
}
&.dropdown-sorting{

12
src/assets/scss/_single-item-collection.scss
View File

@ -24,7 +24,7 @@
.title-content-items {
font-size: 1.125rem !important;
font-weight: 500;
color: #338591;
color: var(--tainacan-interface--link-color, #298596);
margin-left: 4.16666666667%;
margin-right: 4.16666666667%;
margin-left: 4.16666666667vw;
@ -153,6 +153,10 @@
min-height: 10vh;
position: relative;
.tainacan-media-component {
--swiper-navigation-color: var(--tainacan-interface--link-color, #298596);
}
.tainacan-item-file-download {
position: absolute;
opacity: 0;
@ -164,7 +168,7 @@
right: calc(50% - 18px);
cursor: pointer;
font-size: 0;
background-color: #298596;
background-color: var(--tainacan-interface--link-color, #298596);
color: white;
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
@ -311,7 +315,7 @@
width: 45px;
line-height: 0px;
font-size: 3.75rem;
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
cursor: pointer;
background: transparent;
top: 50%;
@ -388,7 +392,7 @@
.slick-current{
font-weight: bold;
img {
border-bottom: 4px solid #298596;
border-bottom: 4px solid var(--tainacan-interface--link-color, #298596);
}
}
}

6
src/assets/scss/_tainacan-items-list.scss Normal file
View File

@ -0,0 +1,6 @@
.tainacan-modal,
.theme-items-list,
.vue-tooltip-theme {
--tainacan-secondary: var(--tainacan-interface--link-color, #298596);
--tainacan-primary: var(--tainacan-interface--tooltip-color, #e6f6f8);
}

6
src/assets/scss/_variables.scss Normal file
View File

@ -0,0 +1,6 @@
/* CSS Variables for the theme palette */
:root {
--tainacan-interface--link-color: #298596;
--tainacan-interface--tooltip-color: #e6f6f8;
--tainacan-block-primary: var(--tainacan-interface--link-color, #298596);
}

76
src/assets/scss/editor-style.scss
View File

@ -1,3 +1,5 @@
@import url('./_variables.scss');
.editor-styles-wrapper {
background: white;
padding: 3rem 0px 0px 0px !important;
@ -28,6 +30,12 @@
.has-purple-background-color { background-color: #4751a3 }
.has-violet-color { color: #955ba5 }
.has-violet-background-color { background-color: #955ba5 }
.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }
.has-lightgray-color { color: #f2f2f2; }
.has-lightgray-background-color { background-color: #f2f2f2; }
.has-darkgray-color { color: #555758; }
.has-darkgray-background-color { background-color: #555758; }
// Editor Block list side spacing
.editor-block-list__layout,
@ -92,8 +100,8 @@
padding: 0;
max-width: calc(1400px - 4.1666667%);
width: calc(100% - 8.33333%);
border-bottom: 2px solid #298596;
border-bottom: 2px solid var(--tainacan-color-default, #298596);
border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
&>.wp-block {
margin: 0 !important;
@ -106,8 +114,8 @@
font-family: 'Roboto', sans-serif;
textarea {
padding: 3px 6px;
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
}
@ -157,8 +165,8 @@
.wp-block[data-type="core/heading"] h1,
h1.wp-block[data-type="core/heading"] {
font-size: 1.802rem;
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
padding-top: .4rem;
margin-bottom: .5rem;
}
@ -239,14 +247,14 @@
line-height: 1.2rem;
}
.components-button.is-button.is-primary {
background-color: #298596;
background-color: var(--tainacan-color-default, #298596);
background-color: var(--tainacan-interface--link-color, #298596);
background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.components-button.is-button.is-default {
background: white;
border: 1px solid #555758;
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.components-icon-button:hover:not(.is-default),
.components-icon-button:focus:not(.is-default),
@ -267,19 +275,19 @@
}
.wp-block-button__link {
&:not(.has-background) {
background-color: #298596;
background-color: var(--tainacan-color-default, #298596);
background-color: var(--tainacan-interface--link-color, #298596);
background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
border-radius: 6px;
border-radius: 4px;
font-size: 0.875rem;
padding: 6px 18px;
}
.is-style-outline .wp-block-button__link {
background-color: white;
background-color: transparent !important;
border: 1px solid #555758;
&:not(.has-text-color) {
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
}
.is-style-squared .wp-block-button__link {
@ -367,7 +375,7 @@
height: 32px;
margin: 0 12px 32px 12px;
padding: 0;
border-bottom: 1px solid var(--tainacan-color-default, #298596);
border-bottom: 1px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
.components-modal__header-heading,
h1 {
@ -390,7 +398,7 @@
font-family: 'Roboto', sans-serif;
}
.wp-block-quote:not(.is-style-large):not(.is-large) {
border-left: 2px solid var(--tainacan-color-default, #298596);
border-left: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.wp-block-quote__citation {
font-weight: 500;
@ -403,8 +411,8 @@
/* Pullquote */
.wp-block-pullquote {
&:not(.is-style-solid-color) {
border-top: 2px solid var(--tainacan-color-default, #298596);
border-bottom: 2px solid var(--tainacan-color-default, #298596);
border-top: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
padding: 0;
@ -420,8 +428,8 @@
}
:not(.has-text-color) .block-library-pullquote__content.editor-rich-text p,
:not(.has-text-color) .rich-text.block-editor-rich-text__editable p {
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
.wp-block-pullquote__citation {
color: #555758;
@ -435,8 +443,8 @@
/* Separator */
.wp-block-separator {
&:not(.has-background-color) {
border-color: #298596;
border-color: var(--tainacan-color-default, #298596);
border-color: var(--tainacan-interface--link-color, #298596);
border-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
width: 50%;
max-width: 300px;
@ -445,8 +453,8 @@
}
&.is-style-dots {
&:not(.has-background-color)::before {
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
&::before {
font-weight: 600;
@ -464,8 +472,8 @@
/* Code */
.wp-block-code textarea {
color: #298596;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596);
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
/* Tables */
@ -524,15 +532,15 @@
/* Extra title group class, that can be added for styling special headings */
.wp-block-group.tainacan-group-heading {
.wp-block-heading {
color: #298596 !important;
color: var(--tainacan-color-default, #298596) !important;
color: var(--tainacan-interface--link-color, #298596) !important;
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596)) !important;
}
h1:not(.has-text-color),
h2:not(.has-text-color),
h3:not(.has-text-color),
h4:not(.has-text-color) {
color: #298596 !important;
color: var(--tainacan-color-default, #298596);
color: var(--tainacan-interface--link-color, #298596) !important;
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
h1.wp-block-heading,
h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
@ -559,8 +567,8 @@
hr.wp-block-separator:not(.is-style-wide) {
margin-left: 0;
max-width: 200px;
border-color: #298596;
border-color: var(--tainacan-color-default, #298596);
border-color: var(--tainacan-interface--link-color, #298596);
border-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
}
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
border-width: 2px;

32
src/assets/scss/style.scss
View File

@ -13,13 +13,15 @@ Tags: two-columns, right-sidebar, grid-layout, flexible-header, custom-colors, c
Text Domain: tainacan-interface
*/
@import '_variables';
body{
font-family: 'Roboto' !important;
overflow-x: hidden;
a{
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
&:hover{
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
}
&.error404 {
@ -71,7 +73,7 @@ body{
.wp-block-code {
code {
font-size: 0.875rem;
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
word-break: break-word;
}
}
@ -93,7 +95,7 @@ body{
font-style: italic;
}
&:not(.is-style-large) {
border-left: 2px solid #298596;
border-left: 2px solid var(--tainacan-interface--link-color, #298596);
}
&.is-style-large {
font-size: 1.375rem;
@ -127,7 +129,7 @@ body{
h2:not(.has-text-color),
h3:not(.has-text-color),
h4:not(.has-text-color) {
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
p {
font-style: italic;
@ -332,7 +334,7 @@ body{
padding: 0;
&:not(.is-style-solid-color) {
border-color:#298596;
border-color:var(--tainacan-interface--link-color, #298596);
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
@ -348,7 +350,7 @@ body{
font-weight: 500;
}
:not(.has-text-color) p {
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
cite {
color: #555758;
@ -501,7 +503,7 @@ body.loading-content main:before {
right: 4.16666666667%;
right: 4.16666666667vw;
background: rgb(0, 0, 0);
background: #4ea2ad;
background: var(--tainacan-interface--link-color, #298596);
width: 36px;
height: 36px;
text-decoration: none;
@ -576,7 +578,7 @@ nav {
}
&[data-toggle='dropdown']{
&::after{
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
margin-left: 5px;
}
}
@ -727,7 +729,7 @@ nav {
white-space: nowrap;
position: relative;
&::after{
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
margin-left: 10px;
margin-bottom: -2px;
}
@ -744,7 +746,7 @@ nav {
position: absolute;
left: 0;
bottom: 0.375rem;
background-color: #298596;
background-color: var(--tainacan-interface--link-color, #298596);
}
}
&.dropdown-item {
@ -769,7 +771,7 @@ nav {
&.current_page_item,
&.current-menu-item {
> a {
border-bottom: 1px solid #298596;
border-bottom: 1px solid var(--tainacan-interface--link-color, #298596);
padding: 0;
margin-top: 0.5rem;
padding-right: .5rem;
@ -824,7 +826,7 @@ nav {
.breadcrumb-item + .breadcrumb-item{
&:before{
content: ">";
color: #298596;
color: var(--tainacan-interface--link-color, #298596);
}
}
}
@ -1166,7 +1168,7 @@ nav {
.tainacan-title{
.tainacan-title-page{
margin-bottom: 0.75rem;
border-bottom: 2px solid #298596;
border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
.title-page h1{
font-size: 1.25rem !important;
font-weight: bold;
@ -1325,3 +1327,5 @@ nav {
@import "_lightbox";
@import "_single-item-collection";
@import "_tainacan-items-list";

4
src/comments.php
View File

@ -15,7 +15,7 @@ if ( post_password_required() ) {
return;
}
?>
<div id="comments" class="border-top border-jelly-bean" style="border-width: 2px !important;">
<div id="comments" class="border-top" style="border-width: 2px !important;">
<!--show the form-->
<?php if ( 'open' == $post->comment_status ) : ?>
<div id="respond" class="clearfix mt-5 <?php if ( ! wp_is_mobile() ) { ?>margin-two-column<?php } ?>">
@ -26,7 +26,7 @@ if ( post_password_required() ) {
</p>
<?php else : ?>
<div for="comment" class="d-flex mb-2">
<span class="text-jelly-bean title-leave"><?php _e( 'Leave your comment', 'tainacan-interface' ); ?></span>
<span class="title-leave"><?php _e( 'Leave your comment', 'tainacan-interface' ); ?></span>
<?php if ( is_user_logged_in() ) { ?>
<span class="text-oslo-gray authenticated ml-sm-3 d-none d-sm-block align-self-center">
<?php _e( 'Authenticated as:', 'tainacan-interface' );

2
src/editor-style.css
View File

File diff suppressed because one or more lines are too long

63
src/experimental-theme.json
View File

@ -1,63 +0,0 @@
/* We are not using this by now, as we need to provide
* support to the new alignment strategy: https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
*/
{
"version": 1,
"settings": {
"color": {
"link": true,
"palette": [
{
"name": "Default",
"slug": "default",
"color": "#298596"
},
{
"name": "Carmine",
"slug": "carmine",
"color": "#8c442c"
},
{
"name": "Cherry",
"slug": "cherry",
"color": "#A12B42"
},
{
"name": "Mustard",
"slug": "mustard",
"color": "#754E24"
},
{
"name": "Mint Green",
"slug": "mintgreen",
"color": "#255F56"
},
{
"name": "Dark Turquoise",
"slug": "darkturquoise",
"color": "#205E6F"
},
{
"name": "Turquoise",
"slug": "turquoise",
"color": "#185F6D"
},
{
"name": "Blue Heavenly",
"slug": "blueheavenly",
"color": "#1D5C86"
},
{
"name": "Purple",
"slug": "purple",
"color": "#4751a3"
},
{
"name": "Violet",
"slug": "violet",
"color": "#955ba5"
}
]
}
}
}

2
src/footer.php
View File

@ -7,7 +7,7 @@
</ul>
</div>
<?php } ?>
<hr class="bg-scooter"/>
<hr class="tainacan-footer-area-separator"/>
<div class="row pt-3 pb-4 pl-0 pr-0 tainacan-footer-info">
<div class="col text-white font-weight-normal">
<p class="tainacan-footer-info--blog">

19
src/functions.php
View File

@ -149,6 +149,21 @@ if ( ! function_exists( 'tainacan_setup' ) ) {
'name' => __( 'Violet', 'tainacan-interface' ),
'slug' => 'violet',
'color' => '#955ba5',
),
array(
'name' => __( 'White', 'tainacan-interface' ),
'slug' => 'white',
'color' => '#ffffff',
),
array(
'name' => __( 'Light gray', 'tainacan-interface' ),
'slug' => 'lightgray',
'color' => '#f2f2f2',
),
array(
'name' => __( 'Dark gray', 'tainacan-interface' ),
'slug' => 'darkgray',
'color' => '#555758',
),
) );
add_theme_support( 'align-wide' );
@ -180,8 +195,8 @@ function tainacan_customize_editor_css() {
?>
<style>
.editor-styles-wrapper {
--tainacan-color-default: <?php echo $default_color == 'default' ? '#298596' : $default_color; ?>;
--tainacan-block-primary: <?php echo $default_color == 'default' ? '#298596' : $default_color;?>;
--tainacan-color-default: <?php echo $default_color == 'default' ? 'var(--tainacan-interface--link-color, #298596)' : $default_color; ?>;
--tainacan-block-primary: <?php echo $default_color == 'default' ? 'var(--tainacan-interface--link-color, #298596)' : $default_color;?>;
}
</style>
<?php

418
src/functions/customizer/colors.php
View File

@ -193,6 +193,15 @@ function tainacan_get_color_schemes() {
'#e4d7e8', //tooltip
),
),
'gray' => array(
'label' => __( 'Gray', 'tainacan-interface' ),
'colors' => array(
'#ffffff', //background
'#ffffff', //background page
'#555758', //link
'#f2f2f2', //tooltip
),
),
) );
}
@ -342,413 +351,12 @@ function tainacan_get_color_scheme_css( $colors ) {
) );
$filter = ( has_filter( 'tainacan-customize-css-class' ) ) ? apply_filters( 'tainacan-customize-css-class', $colors ) : '';
return <<<CSS
/* Color Scheme */
.has-default-color {
color: {$colors['tainacan_link_color']} !important;
}
.has-default-background-color {
background-color: {$colors['tainacan_link_color']} !important;
}
body a,
body a:hover,
.tainacan-title-page ul li a:hover,
.tainacan-list-post .blog-content h3 ,
.tainacan-list-post .blog-content h3 a:hover,
#comments .list-comments .media .media-body .comment-reply-link,
#comments .list-comments .media .media-body .comment-edit-link {
color: {$colors['tainacan_link_color']};
}
.tainacan-list-post .blog-content h4 {
background-color: {$colors['tainacan_tooltip_color']} !important;
}
.tainacan-title-page ul li,
.tainacan-title-page ul li a,
.tainacan-title-page ul li h1,
#menubelowHeader .menu-item a::after,
.menu-shadow button[data-toggle='dropdown']::after{
color: {$colors['tainacan_link_color']} !important;
}
.tainacan-single-post #comments,
.tainacan-title-page,
.tainacan-list-post .blog-post .blog-content .blog-read,
.tainacan-list-post .blog-post .blog-content .blog-read:hover,
.tainacan-content .wp-block-button:not(.is-style-outline) a,
.tainacan-content .wp-block-button:not(.is-style-outline) a:hover {
border-color: {$colors['tainacan_link_color']} !important;
}
.tainacan-list-post .blog-post .blog-content .blog-read,
.tainacan-list-post .blog-post .blog-content .blog-read:hover,
.tainacan-content .wp-block-button:not(.is-style-outline):not(.has-background) a,
.tainacan-content .wp-block-button:not(.is-style-outline):not(.has-background) a:hover {
background-color: {$colors['tainacan_link_color']};
}
.tainacan-content .wp-block-button.is-style-outline a:not(.has-text-color),
.tainacan-content .wp-block-button.is-style-outline a:hover:not(.has-text-color) {
color: {$colors['tainacan_link_color']} !important;
}
.tainacan-content .wp-block-tainacan-carousel-items-list .swiper-button-prev svg,
.tainacan-content .wp-block-tainacan-carousel-items-list .swiper-button-next svg,
.tainacan-content .wp-block-tainacan-carousel-collections-list .swiper-button-prev svg,
.tainacan-content .wp-block-tainacan-carousel-collections-list .swiper-button-next svg,
.tainacan-content .wp-block-tainacan-carousel-terms-list .swiper-button-prev svg,
.tainacan-content .wp-block-tainacan-carousel-terms-list .swiper-button-next svg {
fill: {$colors['tainacan_link_color']} !important;
}
.tainacan-content .wp-block-tainacan-facets-list .show-more-button {
background-color: {$colors['tainacan_link_color']} !important;
}
.wp-block-tainacan-facets-list ul.facets-list.facets-layout-cloud li.facet-list-item:hover a,
.wp-block-tainacan-facets-list ul.facets-list-edit.facets-layout-cloud li.facet-list-item:hover a {
color: {$colors['tainacan_link_color']} !important;
}
.tainacan-single-post .single-item-collection--attachments-next,
.tainacan-single-post .single-item-collection--attachments-prev {
color: {$colors['tainacan_link_color']} !important;
}
.tainacan-single-post .single-item-collection .single-item-collection--gallery-items .slick-current img {
border-bottom: 4px solid {$colors['tainacan_link_color']} !important;
}
.tainacan-single-post .single-item-collection .tainacan-item-file-download {
background-color: {$colors['tainacan_link_color']} !important;
}
.tainacan-single-post .title-content-items {
color: {$colors['tainacan_link_color']} !important;
}
/* Header Menu */
nav .dropdown-menu .dropdown-item:hover {
background-color: {$colors['backtransparent']};
}
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a:hover::before {
background-color: {$colors['tainacan_link_color']};
}
nav.menu-belowheader #menubelowHeader ul > li.current_page_item > a,
nav.menu-belowheader #menubelowHeader ul > li.current-menu-item > a {
border-color: {$colors['tainacan_link_color']} !important;
}
nav.menu-belowheader #menubelowHeader ul.show > li.current_page_item > a,
nav.menu-belowheader #menubelowHeader ul.show > li.current-menu-item > a {
border-color: {$colors['tainacan_link_color']};
background-color: {$colors['backtransparent']};
}
.tainacan-single-post #comments .title-leave,
.tainacan-single-post article .title-content-items{
color: {$colors['tainacan_link_color']} !important;
}
footer hr.bg-scooter {
background-color: {$colors['tainacan_link_color']} !important;
}
/* Colored version of footer */
footer.tainacan-footer-colored {
background-color: {$colors['tainacan_link_color']} !important;
}
footer.tainacan-footer-colored hr.bg-scooter {
background-color: {$colors['tainacan_tooltip_color']} !important;
}
footer.tainacan-footer-colored a,
footer.tainacan-footer-colored .tainacan-footer-widgets-area .tainacan-side ul li a,
footer.tainacan-footer-colored .tainacan-footer-widgets-area .tainacan-side ol li a,
footer.tainacan-footer-colored .tainacan-side .textwidget,
footer.tainacan-footer-colored .tainacan-side .recentcomments,
footer.tainacan-footer-colored .tainacan-side .calendar_wrap,
footer.tainacan-footer-colored .tainacan-side ul li,
footer.tainacan-footer-colored .tainacan-side div li,
footer.tainacan-footer-colored .tainacan-side div,
footer.tainacan-footer-colored .tainacan-side ul,
footer.tainacan-footer-colored .tainacan-side li,
footer.tainacan-footer-colored .tainacan-footer-info .tainacan-powered {
color: {$colors['tainacan_tooltip_color']} !important;
}
@media screen and (max-width: 991.98px) {
footer.tainacan-footer-colored .tainacan-side {
border-top-color: {$colors['tainacan_tooltip_color']} !important;
:root {
--tainacan-interface--link-color: {$colors['tainacan_link_color']} !important;
--tainacan-interface--tooltip-color: {$colors['tainacan_tooltip_color']} !important;
}
}
/* Blockquote */
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left-color: {$colors['tainacan_link_color']} !important;
}
/* Separator */
.wp-block-separator:not(.has-background-color) {
border-color: {$colors['tainacan_link_color']} !important;
}
.wp-block-separator.is-style-dots:not(.has-background-color)::before {
color: {$colors['tainacan_link_color']} !important;
}
/* Pullquote */
.wp-block-pullquote blockquote:not(.has-text-color) p {
color: {$colors['tainacan_link_color']} !important;
}
.wp-block-pullquote:not(.is-style-solid-color) {
border-color: {$colors['tainacan_link_color']} !important;
}
/* Code */
.wp-block-code code {
color: {$colors['tainacan_link_color']} !important;
}
/* Extra title group class, that can be added for styling special headings */
.wp-block-group.tainacan-group-heading h1:not(.has-text-color),
.wp-block-group.tainacan-group-heading h2:not(.has-text-color),
.wp-block-group.tainacan-group-heading h3:not(.has-text-color),
.wp-block-group.tainacan-group-heading h4:not(.has-text-color) {
color: {$colors['tainacan_link_color']} !important;
}
.wp-block-group.tainacan-group-heading hr.wp-block-separator {
background-color: {$colors['tainacan_link_color']};
border-color: {$colors['tainacan_link_color']};
}
/**
* Tainacan Taxonomy Archive Page
*/
.page-header-taxonomy > .container-fluid > .page-header-content > .page-header-content-meta > .page-header-content-title {
border-color: {$colors['tainacan_link_color']} !important;
}
.page-header-taxonomy > .container-fluid > .page-header-content > .page-header-content-meta > .page-header-content-title .page-header-title {
color: {$colors['tainacan_link_color']};
}
/**
* Tainacan Collections
*/
.tainacan-collection-list--simple-search .dropdown #dropdownMenuSorting::after,
.tainacan-collection-list--simple-search .dropdown #dropdownMenuViewMode::after {
color: {$colors['tainacan_link_color']};
}
.tainacan-collection-list--simple-search .dropdown .dropdown-menu a:hover {
background-color: {$colors['backtransparent']};
}
/**
* Plugin Tainacan
*/
/* Selected Item background ------------------------------------------- */
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row,
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row .checkbox-cell .checkbox,
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row .actions-cell .actions-container
.tainacan-cards-container .selected-card .metadata-title,
.tainacan-records-container .selected-record .metadata-title,
.tainacan-grid-container .selected-grid-item.
.tainacan-masonry-container .selected-masonry-item {
background-color: {$colors['tainacan_link_color']};
}
.toast.is-secondary {
background-color: {$colors['tainacan_link_color']};
}
/* // - Selected Item Title ------------------------------------------- */
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row has-text-secondary,
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row p,
.tainacan-cards-container .selected-card .metadata-title p,
.tainacan-records-container .selected-record .metadata-title p{
color: {$colors['tainacan_link_color']} !important;
}
/* // - Selected Item Checkbox ------------------------------------------- */
.table-container .table-wrapper table.tainacan-table tbody tr.selected-row checkbox-cell .b-checkbox.checkbox input[type="checkbox"]:checked + .check,
.tainacan-cards-container .selected-card .card-checkbox .b-checkbox.checkbox input[type="checkbox"]:checked + .check,
.tainacan-grid-container .selected-grid-item .grid-item-checkbox .b-checkbox.checkbox input[type="checkbox"]:checked + .check,
.tainacan-masonry-container .selected-masonry-item .masonry-item-checkbox .b-checkbox.checkbox input[type="checkbox"]:checked + .check,
.tainacan-records-container .selected-record .record-checkbox .b-checkbox.checkbox input[type="checkbox"]:checked + .check {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgb(255,255,255)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E");
border-color: {$colors['tainacan_link_color']} !important;
}
.tainacan-slide-main-view .slide-control-arrow .icon .tainacan-icon::before {
color: {$colors['tainacan_link_color']};
}
.tainacan-slides-list #tainacan-slide-container .tainacan-slide-item.active-item img,
.tainacan-slides-list #tainacan-slide-container .swiper-slide.swiper-slide-active img {
border-bottom: 4px solid {$colors['tainacan_link_color']};
}
/** Abas no modal de termos */
.tainacan-modal-content .tabs li.is-active a {
border-bottom-color: {$colors['tainacan_link_color']};
}
/* Setinhas no mesmo modal */
.tainacan-finder-columns-container a .tainacan-icon {
color: {$colors['tainacan_link_color']};
}
/* Dropdown Arrow */
.theme-items-list .dropdown .dropdown-trigger .button .icon,
.theme-items-list .autocomplete .dropdown-trigger .button .icon {
color: {$colors['tainacan_link_color']};
}
/* Dropdown Active Item (for normal dropdown, autocomplete, taginput, etc... */
.theme-items-list .dropdown .dropdown-menu .dropdown-content .dropdown-item.is-active,
.theme-items-list .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
.theme-items-list .autocomplete .dropdown-menu .dropdown-content .dropdown-item.is-active,
.theme-items-list .autocomplete .dropdown .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .dropdown .autocomplete .dropdown-menu .dropdown-content .has-link a.is-active,
.theme-items-list .autocomplete .dropdown .dropdown-menu .has-link .dropdown-content a.is-active,
.theme-items-list .dropdown .autocomplete .dropdown-menu .has-link .dropdown-content a.is-active {
background-color: {$colors['backtransparent']};
}
/* Document download button */
.tainacan-single-post article .tainacan-content.single-item-collection .single-item-collection--document .tainacan-item-file-download {
background-color: {$colors['tainacan_link_color']} !important;
}
/* Select Arrow */
.theme-items-list .select:not(.is-loading)::after,
.tainacan-modal-content .select:not(.is-loading)::after,
button.link-style,
button.link-style:focus,
button.link-style:hover {
color: {$colors['tainacan_link_color']} !important;
}
/* Buefy's Numberinput */
.theme-items-list .b-numberinput button .mdi::before,
.tainacan-modal-content .b-numberinput button .mdi::before {
color: {$colors['tainacan_link_color']} !important;
}
/* Anchor tag, links, buttons styled as links */
.theme-items-list a, .theme-items-list a:hover,
.tainacan-modal-content a, .tainacan-modal-content a:hover,
.theme-items-list button.link-style, .theme-items-list button.link-style:hover,
.tainacan-modal-content button.link-style, .tainacan-modal-content button.link-style:hover {
color: {$colors['tainacan_link_color']} !important;
}
/* Tooltip */
.tooltip .tooltip-inner {
background-color: {$colors['tainacan_tooltip_color']} !important;
}
.tooltip .tooltip-arrow {
border-color: {$colors['tainacan_tooltip_color']} !important;
}
/* Colored text */
.theme-items-list .has-text-secondary,
.tainacan-modal-content .has-text-secondary {
color: {$colors['tainacan_link_color']} !important;
}
/* Pagination icons and links */
.theme-items-list .pagination-area .pagination .pagination-link,
.theme-items-list .pagination-area .pagination .pagination-previous,
.theme-items-list .pagination-area .pagination .pagination-next {
color: {$colors['tainacan_link_color']} !important;
}
/* Datepicker */
.theme-items-list .filter-item-forms .datepicker .datepicker-header a>span>i:before,
.tainacan-modal-content .filter-item-forms .datepicker .datepicker-header a>span>i:before {
color: {$colors['tainacan_link_color']} !important;
}
.theme-items-list .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-selected,
.theme-items-list .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-selected:hover,
.tainacan-modal-content .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-selected,
.tainacan-modal-content .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-selected:hover {
background-color: {$colors['tainacan_link_color']} !important;
}
.theme-items-list .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-today,
.theme-items-list .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-today:hover,
.tainacan-modal-content .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-today,
.tainacan-modal-content .filter-item-forms .datepicker .datepicker-table .datepicker-cell.is-today:hover {
background-color: {$colors['tainacan_tooltip_color']} !important;
}
/* Outline Button */
.theme-items-list .button.is-outlined,
.tainacan-modal-content .button.is-outlined,
.theme-items-list .button.is-outlined:hover,
.tainacan-modal-content .button.is-outlined:hover {
color: {$colors['tainacan_link_color']} !important;
}
/* Colored Button */
.theme-items-list .button.is-secondary,
.theme-items-list .button.is-secondary:hover,
.theme-items-list .button.is-secondary:focus {
background: {$colors['tainacan_link_color']} !important;
}
/* Checkbox modal on finder columns */
.tainacan-modal-content .tainacan-li-checkbox-last-active,
.tainacan-modal-content .tainacan-li-checkbox-parent-active,
.tainacan-modal-content .tainacan-show-more:hover {
background-color: {$colors['backtransparent']} !important;
}
/* Checkbox modal title and arrow*/
.tainacan-modal-content h2,
.tainacan-modal-content h3,
.tainacan-modal-content .tainacan-icon-arrowright {
color: {$colors['tainacan_link_color']} !important;
}
/* Advanced search criteria title */
.advanced-search-criteria-title h1,
.advanced-search-criteria-title h2 {
color: {$colors['tainacan_link_color']} !important;
}
/* Advanced search results title */
.advanced-search-results-title h1 {
color: {$colors['tainacan_link_color']} !important;
}
.advanced-search-results-title hr {
background-color: {$colors['backtransparent']} !important;
}
/* Line above section titles */
.tainacan-modal-title hr,
.advanced-search-criteria-title hr {
background-color: {$colors['tainacan_link_color']} !important;
}
/* Filter menu compress button */
#filter-menu-compress-button,
#filter-menu-compress-button-mobile {
background-color: {$colors['backtransparent']} !important;
color: {$colors['tainacan_link_color']} !important;
}
#filters-mobile-modal .modal-close::before,
#filters-mobile-modal .modal-close::after {
background-color: {$colors['tainacan_link_color']} !important;
}
.slide-control-arrow .icon .tainacan-icon::before {
color: {$colors['tainacan_link_color']};
}
.metadata-menu .metadata-menu-header hr {
background-color: {$colors['backtransparent']};
}
.slide-title-area .play-button .icon,
.slide-title-area .play-button:hover .icon {
border: 3px solid {$colors['tainacan_link_color']};
}
#return-to-top {
background-color: {$colors['tainacan_link_color']};
}
.tainacan-media-component {
--swiper-navigation-color: {$colors['tainacan_link_color']};
}
{$filter}

2
src/template-parts/loop-singular.php
View File

@ -2,7 +2,7 @@
<?php while ( have_posts() ) : the_post(); ?>
<?php if (!is_page_template( 'page-templates/landing.php' ) && !is_page_template( 'page-templates/landing-breadcrumb.php' ) ) : ?>
<div class="tainacan-title">
<div class="border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<div class="tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
<h1><?php the_title(); ?></h1>

2
src/template-parts/loop.php
View File

@ -1,5 +1,5 @@
<div class="tainacan-title">
<div class="border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<div class="tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1 d-flex">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
<h1>

2
src/template-parts/single-items-header.php
View File

@ -154,7 +154,7 @@ $next = $adjacent_links['next'];
<?php else: ?>
<div class="tainacan-single-post tainacan-single-item-heading tainacan-title">
<div class="border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<div class="tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
<h1><?php the_title(); ?></h1>