small fixes

This commit is contained in:
2019-07-01 03:31:24 +02:00
parent 48e247e0f9
commit 98e0282821
9 changed files with 388 additions and 372 deletions

View File

@@ -247,8 +247,7 @@ object {
@media (min-width: 769px) {
.wrapper .header .search-bar form.search input {
font-size: 4rem;
color: #000 !important;
-webkit-text-stroke: unset !important; } }
color: #000 !important; } }
.wrapper .header .search-bar form.search button {
flex: 0 0 auto; }
@media (max-width: 768px) {
@@ -324,12 +323,15 @@ object {
.wrapper .header #tag-nav {
display: none;
position: fixed;
right: calc(10rem* 2);
right: calc(20rem + 2px);
top: calc(4rem/ 2);
z-index: 1000; }
@media (min-width: 769px) {
.wrapper .header #tag-nav {
top: calc(4rem* 0.4); } }
top: 1rem; } }
@media (min-width: 1279px) {
.wrapper .header #tag-nav {
top: 0.5rem; } }
@media (min-width: 769px) {
.wrapper .header #tag-nav {
display: block; } }
@@ -340,13 +342,14 @@ object {
color: transparent;
-webkit-text-stroke: #000 1px;
text-transform: uppercase; }
.wrapper .header #tag-nav ul.pause {
-webkit-text-stroke: #fff 1px !important; }
.wrapper .header #tag-nav ul.current {
-webkit-text-stroke: #000 1px !important; }
color: #000 !important; }
@media (min-width: 769px) {
.wrapper .header #tag-nav ul {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper .header #tag-nav ul {
font-size: 1.4rem; } }
.wrapper .header #tag-nav ul li {
display: inline; }
.wrapper .header #tag-nav ul li a span {
@@ -364,13 +367,17 @@ object {
@media (min-width: 769px) {
.wrapper .header #tag-nav ul li a span {
height: 3rem; } }
.wrapper .header #tag-nav ul li a span.pause {
-webkit-text-stroke: #fff 1px !important; }
@media (min-width: 1279px) {
.wrapper .header #tag-nav ul li a span {
height: 3.5rem; } }
.wrapper .header #tag-nav ul li a span.current {
-webkit-text-stroke: #000 1px !important; }
color: #000 !important; }
@media (min-width: 769px) {
.wrapper .header #tag-nav ul li a span {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper .header #tag-nav ul li a span {
font-size: 1.4rem; } }
.wrapper .header #tag-nav ul li a span.char1 {
-moz-transform: rotate(21.17647deg);
-o-transform: rotate(21.17647deg);
@@ -747,84 +754,6 @@ object {
transform: rotate(720deg); } }
.wrapper .header #tag-nav ul li a span.pause {
animation-play-state: paused; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper {
position: fixed;
display: none;
right: 10rem;
left: 10rem;
top: 0;
background-color: #000;
height: 50vh;
z-index: -1;
flex-direction: row;
justify-content: flex-start;
align-items: center; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper.opened {
display: flex; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper a {
font: 900 12rem "Westeinde Caption";
color: transparent;
-webkit-text-stroke: #fff 1px;
text-transform: uppercase;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin: 50% 50%;
display: block;
width: calc(30% + 24rem);
text-align: center;
height: fit-content; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper span {
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 24rem;
width: 70%;
padding: 4rem;
padding-left: 32rem;
padding-right: 16rem;
font: 900 1.4rem "Westeinde Caption";
color: #fff; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper span::after {
position: absolute;
content: "";
display: block;
top: 0;
border: none;
width: calc(100% - 24rem);
border-top: #fff 1px solid;
background-color: transparent;
left: calc(24rem);
margin-left: -0; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper span::before {
display: block;
content: "";
position: absolute;
width: calc(24rem);
height: calc(24rem);
top: 0;
background-color: transparent;
z-index: 9;
left: -0;
border-left: #fff solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
transform-origin: left bottom; }
.wrapper .header #tag-nav .sub-wrapper .bedo-sub-wrapper span .circle {
width: 4rem;
height: 4rem;
border-radius: 50%;
background: #fff;
position: absolute;
right: 0;
top: 0;
margin: 2rem; }
.wrapper main {
z-index: 1; }
.wrapper main section {
@@ -993,7 +922,15 @@ object {
@media (min-width: 769px) {
.archive main section article h2 a,
.home main section article h2 a {
font-size: 5rem; } }
font-size: 6rem; } }
@media (min-width: 1279px) {
.archive main section article h2 a,
.home main section article h2 a {
font-size: 7.5rem; } }
@media (min-width: 1919px) {
.archive main section article h2 a,
.home main section article h2 a {
font-size: 11rem; } }
.archive main section article .metadata,
.home main section article .metadata {
bottom: 50%;
@@ -1039,7 +976,7 @@ object {
/* ------------------------- home article big hover ------------------------- */ }
.archive main section .home-wrapper-big article .thumbnailwrapper,
.home main section .home-wrapper-big article .thumbnailwrapper {
width: 40%;
width: 60%;
height: calc(100% - 4rem);
display: flex;
flex-direction: row;
@@ -1054,7 +991,8 @@ object {
height: unset;
position: absolute;
top: 6rem;
padding: 4rem; }
padding: 4rem;
width: calc(100vw - 20rem); }
.archive main section .home-wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata {
bottom: 0;
@@ -1078,14 +1016,14 @@ object {
@media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata > div,
.home main section .home-wrapper-big article .metadata > div {
flex: 1 0 auto; }
flex: 1 1 auto; }
.archive main section .home-wrapper-big article .metadata .categories,
.home main section .home-wrapper-big article .metadata .categories {
display: block;
padding: 0 5rem; }
padding: 0; }
.archive main section .home-wrapper-big article .metadata .postedon,
.home main section .home-wrapper-big article .metadata .postedon {
padding: 0 5rem; }
padding: 0; }
.archive main section .home-wrapper-big article .metadata .bevezeto,
.archive main section .home-wrapper-big article .metadata .alcim,
.home main section .home-wrapper-big article .metadata .bevezeto,
@@ -1125,12 +1063,13 @@ object {
.archive main section .home-wrapper-big article .metadata .filler,
.home main section .home-wrapper-big article .metadata .filler {
flex: 0 0 auto;
width: 40%;
width: 60%;
height: 1px;
align-self: flex-start; }
.archive main section .home-wrapper-big article .metadata .curvyArrow,
.home main section .home-wrapper-big article .metadata .curvyArrow {
position: absolute;
display: block;
right: 0;
top: 0;
height: 15rem;
@@ -1452,7 +1391,15 @@ object {
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 {
font-size: 5rem; } }
font-size: 6rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 {
font-size: 7.5rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.archive main section .home-wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 {
font-size: 11rem; } }
@media (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle.tag,
.home main section .home-wrapper-small .archivetitle.tag {
@@ -1492,6 +1439,15 @@ object {
.home main section .home-wrapper-small .archivedescription p {
font-size: 1.2rem; } }
/* -------------------------------------------------------------------------- */
/* Events */
/* -------------------------------------------------------------------------- */
body.category.category-esemeny header {
background-color: #000; }
body.category.category-esemeny main {
padding-top: 9rem; }
/* -------------------------------------------------------------------------- */
/* single */
/* -------------------------------------------------------------------------- */
@@ -1752,51 +1708,52 @@ object {
/* -------------------------------------------------------------------------- */
/* TAG COLORS */
/* -------------------------------------------------------------------------- */
.tag-be .metadata {
color: #00ffb8 !important; }
@media (max-width: 768px) {
@media (max-width: 768px) {
.tag-be .metadata {
color: #fdff00 !important; }
.tag-be .metadata .vr {
background-color: #00ffb8 !important; } }
.tag-be .metadata a {
color: #00ffb8 !important; }
background-color: #fdff00 !important; } }
.tag-be .metadata a {
color: #fdff00 !important; }
.tag-be blockquote p {
background: #00ffb8 !important;
-moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
-webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; }
background: #fdff00 !important;
-moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
-webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; }
.tag-be hr {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
.tag-be figcaption {
-webkit-text-stroke-color: #00ffb8 !important; }
-webkit-text-stroke-color: #fdff00 !important; }
@media (min-width: 769px) {
.tag-be.home-big h2 a {
color: #00ffb8; }
color: #fdff00; }
.tag-be.home-big.hovered {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
.tag-be.home-small .metadata,
.tag-be.home-small .metadata a {
color: #000 !important; } }
.tag-be.bedo-sub-wrapper > a {
-webkit-text-stroke: #00ffb8 1px !important; }
-webkit-text-stroke: #fdff00 1px !important; }
.tag-be.bedo-sub-wrapper span {
color: #00ffb8 !important; }
color: #fdff00 !important; }
.tag-be.bedo-sub-wrapper .circle {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
.tag-be.archive.tag {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
.tag-be.archive.tag .header-1,
.tag-be.archive.tag .header-2 {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
.tag-be.archive.tag article * {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
@media (min-width: 769px) {
.tag-be.random .thumbnailwrapper > img {
@@ -1807,51 +1764,52 @@ object {
mask-repeat: no-repeat;
mask-size: 100%; } }
.tag-do .metadata {
color: #ff5f5f !important; }
@media (max-width: 768px) {
@media (max-width: 768px) {
.tag-do .metadata {
color: #3c00ff !important; }
.tag-do .metadata .vr {
background-color: #ff5f5f !important; } }
.tag-do .metadata a {
color: #ff5f5f !important; }
background-color: #3c00ff !important; } }
.tag-do .metadata a {
color: #3c00ff !important; }
.tag-do blockquote p {
background: #ff5f5f !important;
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; }
background: #3c00ff !important;
-moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
-webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; }
.tag-do hr {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
.tag-do figcaption {
-webkit-text-stroke-color: #ff5f5f !important; }
-webkit-text-stroke-color: #3c00ff !important; }
@media (min-width: 769px) {
.tag-do.home-big h2 a {
color: #ff5f5f; }
color: #3c00ff; }
.tag-do.home-big.hovered {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
.tag-do.home-small .metadata,
.tag-do.home-small .metadata a {
color: #000 !important; } }
.tag-do.bedo-sub-wrapper > a {
-webkit-text-stroke: #ff5f5f 1px !important; }
-webkit-text-stroke: #3c00ff 1px !important; }
.tag-do.bedo-sub-wrapper span {
color: #ff5f5f !important; }
color: #3c00ff !important; }
.tag-do.bedo-sub-wrapper .circle {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
.tag-do.archive.tag {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
.tag-do.archive.tag .header-1,
.tag-do.archive.tag .header-2 {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
.tag-do.archive.tag article * {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
@media (min-width: 769px) {
.tag-do.random .thumbnailwrapper > img {
@@ -1862,51 +1820,52 @@ object {
mask-repeat: no-repeat;
mask-size: 100%; } }
.tag-think .metadata {
color: #fdff00 !important; }
@media (max-width: 768px) {
@media (max-width: 768px) {
.tag-think .metadata {
color: #00ffb8 !important; }
.tag-think .metadata .vr {
background-color: #fdff00 !important; } }
.tag-think .metadata a {
color: #fdff00 !important; }
background-color: #00ffb8 !important; } }
.tag-think .metadata a {
color: #00ffb8 !important; }
.tag-think blockquote p {
background: #fdff00 !important;
-moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
-webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; }
background: #00ffb8 !important;
-moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
-webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; }
.tag-think hr {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
.tag-think figcaption {
-webkit-text-stroke-color: #fdff00 !important; }
-webkit-text-stroke-color: #00ffb8 !important; }
@media (min-width: 769px) {
.tag-think.home-big h2 a {
color: #fdff00; }
color: #00ffb8; }
.tag-think.home-big.hovered {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
.tag-think.home-small .metadata,
.tag-think.home-small .metadata a {
color: #000 !important; } }
.tag-think.bedo-sub-wrapper > a {
-webkit-text-stroke: #fdff00 1px !important; }
-webkit-text-stroke: #00ffb8 1px !important; }
.tag-think.bedo-sub-wrapper span {
color: #fdff00 !important; }
color: #00ffb8 !important; }
.tag-think.bedo-sub-wrapper .circle {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
.tag-think.archive.tag {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
.tag-think.archive.tag .header-1,
.tag-think.archive.tag .header-2 {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
.tag-think.archive.tag article * {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
@media (min-width: 769px) {
.tag-think.random .thumbnailwrapper > img {
@@ -1917,51 +1876,52 @@ object {
mask-repeat: no-repeat;
mask-size: 100%; } }
.tag-love .metadata {
color: #3c00ff !important; }
@media (max-width: 768px) {
@media (max-width: 768px) {
.tag-love .metadata {
color: #ff5f5f !important; }
.tag-love .metadata .vr {
background-color: #3c00ff !important; } }
.tag-love .metadata a {
color: #3c00ff !important; }
background-color: #ff5f5f !important; } }
.tag-love .metadata a {
color: #ff5f5f !important; }
.tag-love blockquote p {
background: #3c00ff !important;
-moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
-webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; }
background: #ff5f5f !important;
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; }
.tag-love hr {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
.tag-love figcaption {
-webkit-text-stroke-color: #3c00ff !important; }
-webkit-text-stroke-color: #ff5f5f !important; }
@media (min-width: 769px) {
.tag-love.home-big h2 a {
color: #3c00ff; }
color: #ff5f5f; }
.tag-love.home-big.hovered {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
.tag-love.home-small .metadata,
.tag-love.home-small .metadata a {
color: #000 !important; } }
.tag-love.bedo-sub-wrapper > a {
-webkit-text-stroke: #3c00ff 1px !important; }
-webkit-text-stroke: #ff5f5f 1px !important; }
.tag-love.bedo-sub-wrapper span {
color: #3c00ff !important; }
color: #ff5f5f !important; }
.tag-love.bedo-sub-wrapper .circle {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
.tag-love.archive.tag {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
.tag-love.archive.tag .header-1,
.tag-love.archive.tag .header-2 {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
.tag-love.archive.tag article * {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
@media (min-width: 769px) {
.tag-love.random .thumbnailwrapper > img {
@@ -1975,62 +1935,62 @@ object {
@media (min-width: 769px) {
.single .tag-be .metadata {
color: #fff !important;
-webkit-text-stroke: #00ffb8 1px !important; } }
-webkit-text-stroke: #fdff00 1px !important; } }
@media (min-width: 769px) {
.single .tag-be .metadata a {
color: #fff !important;
-webkit-text-stroke: #00ffb8 1px !important; } }
-webkit-text-stroke: #fdff00 1px !important; } }
@media (min-width: 769px) {
.single .tag-do .metadata {
color: #fff !important;
-webkit-text-stroke: #ff5f5f 1px !important; } }
-webkit-text-stroke: #3c00ff 1px !important; } }
@media (min-width: 769px) {
.single .tag-do .metadata a {
color: #fff !important;
-webkit-text-stroke: #ff5f5f 1px !important; } }
-webkit-text-stroke: #3c00ff 1px !important; } }
@media (min-width: 769px) {
.single .tag-think .metadata {
color: #fff !important;
-webkit-text-stroke: #fdff00 1px !important; } }
-webkit-text-stroke: #00ffb8 1px !important; } }
@media (min-width: 769px) {
.single .tag-think .metadata a {
color: #fff !important;
-webkit-text-stroke: #fdff00 1px !important; } }
-webkit-text-stroke: #00ffb8 1px !important; } }
@media (min-width: 769px) {
.single .tag-love .metadata {
color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } }
-webkit-text-stroke: #ff5f5f 1px !important; } }
@media (min-width: 769px) {
.single .tag-love .metadata a {
color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } }
-webkit-text-stroke: #ff5f5f 1px !important; } }
body.hover-tag-be,
.header-1.hover-tag-be,
.header-2.hover-tag-be {
background-color: #00ffb8 !important; }
background-color: #fdff00 !important; }
body.hover-tag-do,
.header-1.hover-tag-do,
.header-2.hover-tag-do {
background-color: #ff5f5f !important; }
background-color: #3c00ff !important; }
body.hover-tag-think,
.header-1.hover-tag-think,
.header-2.hover-tag-think {
background-color: #fdff00 !important; }
background-color: #00ffb8 !important; }
body.hover-tag-love,
.header-1.hover-tag-love,
.header-2.hover-tag-love {
background-color: #3c00ff !important; }
background-color: #ff5f5f !important; }
/* -------------------------------------------------------------------------- */
/* imports */