Several updates to use css variables instead of the inline css strategy for custom colors.
This commit is contained in:
mateuswetah
parent
9d709748d6
commit
1690abb35f
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col col-sm mx-sm-auto">
|
<div class="col col-sm mx-sm-auto">
|
||||||
<div class="tainacan-title">
|
<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">
|
<ul class="list-inline mb-1 d-flex">
|
||||||
<li class="list-inline-item font-weight-bold title-page">
|
<li class="list-inline-item font-weight-bold title-page">
|
||||||
<h1><?php echo get_the_archive_title(); ?></h1>
|
<h1><?php echo get_the_archive_title(); ?></h1>
|
||||||
|
|
|
||||||
|
|
@ -395,7 +395,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
float:left;
|
float:left;
|
||||||
font-size:10px;
|
font-size:10px;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
.sp-preview {
|
.sp-preview {
|
||||||
position:relative;
|
position:relative;
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,11 @@
|
||||||
#comments{
|
#comments{
|
||||||
|
border-top-color: var(--tainacan-interface--link-color, #298596) !important;
|
||||||
|
|
||||||
div[for=comment]{
|
div[for=comment]{
|
||||||
span{
|
span{
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
}
|
}
|
||||||
.authenticated{
|
.authenticated {
|
||||||
font-size: 0.625rem;
|
font-size: 0.625rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -147,7 +149,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.comment-reply-link, .comment-edit-link{
|
.comment-reply-link, .comment-edit-link{
|
||||||
color: #2cb4c1;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,9 @@ footer.tainacan-footer {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.tainacan-footer-area-separator {
|
||||||
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
|
}
|
||||||
|
|
||||||
.tainacan-footer-widgets-area {
|
.tainacan-footer-widgets-area {
|
||||||
@media only screen and (max-width: 991px){
|
@media only screen and (max-width: 991px){
|
||||||
|
|
@ -169,7 +172,7 @@ footer.tainacan-footer {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.tainacan-footer-colored {
|
&.tainacan-footer-colored {
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
a {
|
a {
|
||||||
color: #e6f6f8;
|
color: #e6f6f8;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,12 @@
|
||||||
.has-purple-background-color { background-color: #4751a3 !important; }
|
.has-purple-background-color { background-color: #4751a3 !important; }
|
||||||
.has-violet-color { color: #955ba5 !important; }
|
.has-violet-color { color: #955ba5 !important; }
|
||||||
.has-violet-background-color { background-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 {
|
.alignwide {
|
||||||
margin-left: calc(-8.3333333333vw + 3.1%) !important;
|
margin-left: calc(-8.3333333333vw + 3.1%) !important;
|
||||||
|
|
@ -74,17 +80,24 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
.wp-block-buttons {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.wp-block-button {
|
.wp-block-button {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
.btn {
|
.btn {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
padding: .25rem 1.125rem;
|
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 {
|
.wp-block-button.is-style-outline .btn {
|
||||||
background: white !important;
|
background: transparent !important;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
border: 1px solid #555758 !important
|
border: 1px solid #555758 !important;
|
||||||
}
|
}
|
||||||
.wp-block-button.aligncenter,
|
.wp-block-button.aligncenter,
|
||||||
.wp-block-button.alignleft,
|
.wp-block-button.alignleft,
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,7 @@
|
||||||
}
|
}
|
||||||
> .page-header-content-title {
|
> .page-header-content-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-color: #298596 !important;
|
border-color: var(--tainacan-interface--link-color, #298596) !important;
|
||||||
.page-header-title {
|
.page-header-title {
|
||||||
color: #01295c;
|
color: #01295c;
|
||||||
font: {
|
font: {
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
font: {
|
font: {
|
||||||
size: inherit;
|
size: inherit;
|
||||||
weight: 400;
|
weight: 400;
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.icon-export {
|
.icon-export {
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
padding: .282rem .4rem;
|
padding: .282rem .4rem;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
.absolute-center {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
&::after {
|
&::after {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.dropdown-sorting{
|
&.dropdown-sorting{
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
.title-content-items {
|
.title-content-items {
|
||||||
font-size: 1.125rem !important;
|
font-size: 1.125rem !important;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #338591;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
margin-left: 4.16666666667%;
|
margin-left: 4.16666666667%;
|
||||||
margin-right: 4.16666666667%;
|
margin-right: 4.16666666667%;
|
||||||
margin-left: 4.16666666667vw;
|
margin-left: 4.16666666667vw;
|
||||||
|
|
@ -153,6 +153,10 @@
|
||||||
min-height: 10vh;
|
min-height: 10vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
.tainacan-media-component {
|
||||||
|
--swiper-navigation-color: var(--tainacan-interface--link-color, #298596);
|
||||||
|
}
|
||||||
|
|
||||||
.tainacan-item-file-download {
|
.tainacan-item-file-download {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
@ -164,7 +168,7 @@
|
||||||
right: calc(50% - 18px);
|
right: calc(50% - 18px);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: white;
|
color: white;
|
||||||
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
|
transition: opacity 0.3s ease, transform 0.3s ease, font-size 0.3s ease;
|
||||||
|
|
||||||
|
|
@ -311,7 +315,7 @@
|
||||||
width: 45px;
|
width: 45px;
|
||||||
line-height: 0px;
|
line-height: 0px;
|
||||||
font-size: 3.75rem;
|
font-size: 3.75rem;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
@ -388,7 +392,7 @@
|
||||||
.slick-current{
|
.slick-current{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
img {
|
img {
|
||||||
border-bottom: 4px solid #298596;
|
border-bottom: 4px solid var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
@ -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);
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import url('./_variables.scss');
|
||||||
|
|
||||||
.editor-styles-wrapper {
|
.editor-styles-wrapper {
|
||||||
background: white;
|
background: white;
|
||||||
padding: 3rem 0px 0px 0px !important;
|
padding: 3rem 0px 0px 0px !important;
|
||||||
|
|
@ -28,6 +30,12 @@
|
||||||
.has-purple-background-color { background-color: #4751a3 }
|
.has-purple-background-color { background-color: #4751a3 }
|
||||||
.has-violet-color { color: #955ba5 }
|
.has-violet-color { color: #955ba5 }
|
||||||
.has-violet-background-color { background-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 side spacing
|
||||||
.editor-block-list__layout,
|
.editor-block-list__layout,
|
||||||
|
|
@ -92,8 +100,8 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
max-width: calc(1400px - 4.1666667%);
|
max-width: calc(1400px - 4.1666667%);
|
||||||
width: calc(100% - 8.33333%);
|
width: calc(100% - 8.33333%);
|
||||||
border-bottom: 2px solid #298596;
|
border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
|
||||||
border-bottom: 2px solid var(--tainacan-color-default, #298596);
|
border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
|
|
||||||
&>.wp-block {
|
&>.wp-block {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
|
@ -106,8 +114,8 @@
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
textarea {
|
textarea {
|
||||||
padding: 3px 6px;
|
padding: 3px 6px;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -157,8 +165,8 @@
|
||||||
.wp-block[data-type="core/heading"] h1,
|
.wp-block[data-type="core/heading"] h1,
|
||||||
h1.wp-block[data-type="core/heading"] {
|
h1.wp-block[data-type="core/heading"] {
|
||||||
font-size: 1.802rem;
|
font-size: 1.802rem;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
padding-top: .4rem;
|
padding-top: .4rem;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: .5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -239,14 +247,14 @@
|
||||||
line-height: 1.2rem;
|
line-height: 1.2rem;
|
||||||
}
|
}
|
||||||
.components-button.is-button.is-primary {
|
.components-button.is-button.is-primary {
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
background-color: var(--tainacan-color-default, #298596);
|
background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
.components-button.is-button.is-default {
|
.components-button.is-button.is-default {
|
||||||
background: white;
|
background: white;
|
||||||
border: 1px solid #555758;
|
border: 1px solid #555758;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
.components-icon-button:hover:not(.is-default),
|
.components-icon-button:hover:not(.is-default),
|
||||||
.components-icon-button:focus:not(.is-default),
|
.components-icon-button:focus:not(.is-default),
|
||||||
|
|
@ -267,19 +275,19 @@
|
||||||
}
|
}
|
||||||
.wp-block-button__link {
|
.wp-block-button__link {
|
||||||
&:not(.has-background) {
|
&:not(.has-background) {
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
background-color: var(--tainacan-color-default, #298596);
|
background-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
border-radius: 6px;
|
border-radius: 4px;
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
padding: 6px 18px;
|
padding: 6px 18px;
|
||||||
}
|
}
|
||||||
.is-style-outline .wp-block-button__link {
|
.is-style-outline .wp-block-button__link {
|
||||||
background-color: white;
|
background-color: transparent !important;
|
||||||
border: 1px solid #555758;
|
border: 1px solid #555758;
|
||||||
&:not(.has-text-color) {
|
&:not(.has-text-color) {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.is-style-squared .wp-block-button__link {
|
.is-style-squared .wp-block-button__link {
|
||||||
|
|
@ -367,7 +375,7 @@
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin: 0 12px 32px 12px;
|
margin: 0 12px 32px 12px;
|
||||||
padding: 0;
|
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,
|
.components-modal__header-heading,
|
||||||
h1 {
|
h1 {
|
||||||
|
|
@ -390,7 +398,7 @@
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
}
|
}
|
||||||
.wp-block-quote:not(.is-style-large):not(.is-large) {
|
.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 {
|
.wp-block-quote__citation {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -403,8 +411,8 @@
|
||||||
/* Pullquote */
|
/* Pullquote */
|
||||||
.wp-block-pullquote {
|
.wp-block-pullquote {
|
||||||
&:not(.is-style-solid-color) {
|
&:not(.is-style-solid-color) {
|
||||||
border-top: 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, #298596);
|
border-bottom: 2px solid var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
|
@ -420,8 +428,8 @@
|
||||||
}
|
}
|
||||||
:not(.has-text-color) .block-library-pullquote__content.editor-rich-text p,
|
:not(.has-text-color) .block-library-pullquote__content.editor-rich-text p,
|
||||||
:not(.has-text-color) .rich-text.block-editor-rich-text__editable p {
|
:not(.has-text-color) .rich-text.block-editor-rich-text__editable p {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
.wp-block-pullquote__citation {
|
.wp-block-pullquote__citation {
|
||||||
color: #555758;
|
color: #555758;
|
||||||
|
|
@ -435,8 +443,8 @@
|
||||||
/* Separator */
|
/* Separator */
|
||||||
.wp-block-separator {
|
.wp-block-separator {
|
||||||
&:not(.has-background-color) {
|
&:not(.has-background-color) {
|
||||||
border-color: #298596;
|
border-color: var(--tainacan-interface--link-color, #298596);
|
||||||
border-color: var(--tainacan-color-default, #298596);
|
border-color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
width: 50%;
|
width: 50%;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|
@ -445,8 +453,8 @@
|
||||||
}
|
}
|
||||||
&.is-style-dots {
|
&.is-style-dots {
|
||||||
&:not(.has-background-color)::before {
|
&:not(.has-background-color)::before {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
&::before {
|
&::before {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -464,8 +472,8 @@
|
||||||
|
|
||||||
/* Code */
|
/* Code */
|
||||||
.wp-block-code textarea {
|
.wp-block-code textarea {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tables */
|
/* Tables */
|
||||||
|
|
@ -524,15 +532,15 @@
|
||||||
/* Extra title group class, that can be added for styling special headings */
|
/* Extra title group class, that can be added for styling special headings */
|
||||||
.wp-block-group.tainacan-group-heading {
|
.wp-block-group.tainacan-group-heading {
|
||||||
.wp-block-heading {
|
.wp-block-heading {
|
||||||
color: #298596 !important;
|
color: var(--tainacan-interface--link-color, #298596) !important;
|
||||||
color: var(--tainacan-color-default, #298596) !important;
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596)) !important;
|
||||||
}
|
}
|
||||||
h1:not(.has-text-color),
|
h1:not(.has-text-color),
|
||||||
h2:not(.has-text-color),
|
h2:not(.has-text-color),
|
||||||
h3:not(.has-text-color),
|
h3:not(.has-text-color),
|
||||||
h4:not(.has-text-color) {
|
h4:not(.has-text-color) {
|
||||||
color: #298596 !important;
|
color: var(--tainacan-interface--link-color, #298596) !important;
|
||||||
color: var(--tainacan-color-default, #298596);
|
color: var(--tainacan-color-default, var(--tainacan-interface--link-color, #298596));
|
||||||
}
|
}
|
||||||
h1.wp-block-heading,
|
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) {
|
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) {
|
hr.wp-block-separator:not(.is-style-wide) {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
border-color: #298596;
|
border-color: var(--tainacan-interface--link-color, #298596);
|
||||||
border-color: var(--tainacan-color-default, #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) {
|
hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
|
|
|
||||||
|
|
@ -13,13 +13,15 @@ Tags: two-columns, right-sidebar, grid-layout, flexible-header, custom-colors, c
|
||||||
Text Domain: tainacan-interface
|
Text Domain: tainacan-interface
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@import '_variables';
|
||||||
|
|
||||||
body{
|
body{
|
||||||
font-family: 'Roboto' !important;
|
font-family: 'Roboto' !important;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
a{
|
a{
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
&:hover{
|
&:hover{
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.error404 {
|
&.error404 {
|
||||||
|
|
@ -71,7 +73,7 @@ body{
|
||||||
.wp-block-code {
|
.wp-block-code {
|
||||||
code {
|
code {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -93,7 +95,7 @@ body{
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
&:not(.is-style-large) {
|
&:not(.is-style-large) {
|
||||||
border-left: 2px solid #298596;
|
border-left: 2px solid var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
&.is-style-large {
|
&.is-style-large {
|
||||||
font-size: 1.375rem;
|
font-size: 1.375rem;
|
||||||
|
|
@ -127,7 +129,7 @@ body{
|
||||||
h2:not(.has-text-color),
|
h2:not(.has-text-color),
|
||||||
h3:not(.has-text-color),
|
h3:not(.has-text-color),
|
||||||
h4:not(.has-text-color) {
|
h4:not(.has-text-color) {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
@ -332,7 +334,7 @@ body{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&:not(.is-style-solid-color) {
|
&:not(.is-style-solid-color) {
|
||||||
border-color:#298596;
|
border-color:var(--tainacan-interface--link-color, #298596);
|
||||||
border-top-width: 2px;
|
border-top-width: 2px;
|
||||||
border-bottom-width: 2px;
|
border-bottom-width: 2px;
|
||||||
border-top-style: solid;
|
border-top-style: solid;
|
||||||
|
|
@ -348,7 +350,7 @@ body{
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
:not(.has-text-color) p {
|
:not(.has-text-color) p {
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
cite {
|
cite {
|
||||||
color: #555758;
|
color: #555758;
|
||||||
|
|
@ -501,7 +503,7 @@ body.loading-content main:before {
|
||||||
right: 4.16666666667%;
|
right: 4.16666666667%;
|
||||||
right: 4.16666666667vw;
|
right: 4.16666666667vw;
|
||||||
background: rgb(0, 0, 0);
|
background: rgb(0, 0, 0);
|
||||||
background: #4ea2ad;
|
background: var(--tainacan-interface--link-color, #298596);
|
||||||
width: 36px;
|
width: 36px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -576,7 +578,7 @@ nav {
|
||||||
}
|
}
|
||||||
&[data-toggle='dropdown']{
|
&[data-toggle='dropdown']{
|
||||||
&::after{
|
&::after{
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -727,7 +729,7 @@ nav {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
position: relative;
|
position: relative;
|
||||||
&::after{
|
&::after{
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-bottom: -2px;
|
margin-bottom: -2px;
|
||||||
}
|
}
|
||||||
|
|
@ -744,7 +746,7 @@ nav {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0.375rem;
|
bottom: 0.375rem;
|
||||||
background-color: #298596;
|
background-color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.dropdown-item {
|
&.dropdown-item {
|
||||||
|
|
@ -769,7 +771,7 @@ nav {
|
||||||
&.current_page_item,
|
&.current_page_item,
|
||||||
&.current-menu-item {
|
&.current-menu-item {
|
||||||
> a {
|
> a {
|
||||||
border-bottom: 1px solid #298596;
|
border-bottom: 1px solid var(--tainacan-interface--link-color, #298596);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
padding-right: .5rem;
|
padding-right: .5rem;
|
||||||
|
|
@ -824,7 +826,7 @@ nav {
|
||||||
.breadcrumb-item + .breadcrumb-item{
|
.breadcrumb-item + .breadcrumb-item{
|
||||||
&:before{
|
&:before{
|
||||||
content: ">";
|
content: ">";
|
||||||
color: #298596;
|
color: var(--tainacan-interface--link-color, #298596);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1166,7 +1168,7 @@ nav {
|
||||||
.tainacan-title{
|
.tainacan-title{
|
||||||
.tainacan-title-page{
|
.tainacan-title-page{
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
border-bottom: 2px solid #298596;
|
border-bottom: 2px solid var(--tainacan-interface--link-color, #298596);
|
||||||
.title-page h1{
|
.title-page h1{
|
||||||
font-size: 1.25rem !important;
|
font-size: 1.25rem !important;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
@ -1325,3 +1327,5 @@ nav {
|
||||||
@import "_lightbox";
|
@import "_lightbox";
|
||||||
|
|
||||||
@import "_single-item-collection";
|
@import "_single-item-collection";
|
||||||
|
|
||||||
|
@import "_tainacan-items-list";
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ if ( post_password_required() ) {
|
||||||
return;
|
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-->
|
<!--show the form-->
|
||||||
<?php if ( 'open' == $post->comment_status ) : ?>
|
<?php if ( 'open' == $post->comment_status ) : ?>
|
||||||
<div id="respond" class="clearfix mt-5 <?php if ( ! wp_is_mobile() ) { ?>margin-two-column<?php } ?>">
|
<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>
|
</p>
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
<div for="comment" class="d-flex mb-2">
|
<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() ) { ?>
|
<?php if ( is_user_logged_in() ) { ?>
|
||||||
<span class="text-oslo-gray authenticated ml-sm-3 d-none d-sm-block align-self-center">
|
<span class="text-oslo-gray authenticated ml-sm-3 d-none d-sm-block align-self-center">
|
||||||
<?php _e( 'Authenticated as:', 'tainacan-interface' );
|
<?php _e( 'Authenticated as:', 'tainacan-interface' );
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<?php } ?>
|
<?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="row pt-3 pb-4 pl-0 pr-0 tainacan-footer-info">
|
||||||
<div class="col text-white font-weight-normal">
|
<div class="col text-white font-weight-normal">
|
||||||
<p class="tainacan-footer-info--blog">
|
<p class="tainacan-footer-info--blog">
|
||||||
|
|
|
||||||
|
|
@ -149,6 +149,21 @@ if ( ! function_exists( 'tainacan_setup' ) ) {
|
||||||
'name' => __( 'Violet', 'tainacan-interface' ),
|
'name' => __( 'Violet', 'tainacan-interface' ),
|
||||||
'slug' => 'violet',
|
'slug' => 'violet',
|
||||||
'color' => '#955ba5',
|
'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' );
|
add_theme_support( 'align-wide' );
|
||||||
|
|
@ -180,8 +195,8 @@ function tainacan_customize_editor_css() {
|
||||||
?>
|
?>
|
||||||
<style>
|
<style>
|
||||||
.editor-styles-wrapper {
|
.editor-styles-wrapper {
|
||||||
--tainacan-color-default: <?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' ? '#298596' : $default_color;?>;
|
--tainacan-block-primary: <?php echo $default_color == 'default' ? 'var(--tainacan-interface--link-color, #298596)' : $default_color;?>;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<?php
|
<?php
|
||||||
|
|
|
||||||
|
|
@ -193,6 +193,15 @@ function tainacan_get_color_schemes() {
|
||||||
'#e4d7e8', //tooltip
|
'#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 ) : '';
|
$filter = ( has_filter( 'tainacan-customize-css-class' ) ) ? apply_filters( 'tainacan-customize-css-class', $colors ) : '';
|
||||||
|
|
||||||
return <<<CSS
|
return <<<CSS
|
||||||
/* Color Scheme */
|
:root {
|
||||||
|
--tainacan-interface--link-color: {$colors['tainacan_link_color']} !important;
|
||||||
.has-default-color {
|
--tainacan-interface--tooltip-color: {$colors['tainacan_tooltip_color']} !important;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* 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}
|
{$filter}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<?php while ( have_posts() ) : the_post(); ?>
|
<?php while ( have_posts() ) : the_post(); ?>
|
||||||
<?php if (!is_page_template( 'page-templates/landing.php' ) && !is_page_template( 'page-templates/landing-breadcrumb.php' ) ) : ?>
|
<?php if (!is_page_template( 'page-templates/landing.php' ) && !is_page_template( 'page-templates/landing-breadcrumb.php' ) ) : ?>
|
||||||
<div class="tainacan-title">
|
<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">
|
<ul class="list-inline mb-1">
|
||||||
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
||||||
<h1><?php the_title(); ?></h1>
|
<h1><?php the_title(); ?></h1>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="tainacan-title">
|
<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">
|
<ul class="list-inline mb-1 d-flex">
|
||||||
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
||||||
<h1>
|
<h1>
|
||||||
|
|
|
||||||
|
|
@ -154,7 +154,7 @@ $next = $adjacent_links['next'];
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
|
|
||||||
<div class="tainacan-single-post tainacan-single-item-heading tainacan-title">
|
<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">
|
<ul class="list-inline mb-1">
|
||||||
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
<li class="list-inline-item text-midnight-blue font-weight-bold title-page">
|
||||||
<h1><?php the_title(); ?></h1>
|
<h1><?php the_title(); ?></h1>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue