added lot of things
This commit is contained in:
infeeeee
138
css/base.css
138
css/base.css
@@ -19,7 +19,7 @@ html {
|
||||
font-size: 62.5%; }
|
||||
|
||||
body {
|
||||
font: 300 14px/1.4 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font: 300 18px/1.8 "Westeinde Caption", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color: #000; }
|
||||
|
||||
/* clear */
|
||||
@@ -1617,15 +1617,15 @@ body.category.category-esemeny main {
|
||||
padding: 0; }
|
||||
.single article .titlewrapper,
|
||||
.page article .titlewrapper {
|
||||
position: absolute;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
padding-top: 10rem; }
|
||||
.single article .titlewrapper .metadata,
|
||||
.page article .titlewrapper .metadata {
|
||||
width: calc(100vw - 5rem);
|
||||
@@ -1651,16 +1651,26 @@ body.category.category-esemeny main {
|
||||
margin: 0;
|
||||
font: 800 3rem "Butler";
|
||||
color: #000;
|
||||
min-height: 25vh;
|
||||
padding: 2rem;
|
||||
background-color: #fff; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper h1.single-title,
|
||||
.page article .titlewrapper h1.single-title {
|
||||
font-size: 5rem; } }
|
||||
@media (max-width: 768px) {
|
||||
.single article.has-post-thumbnail .titlewrapper,
|
||||
.page article.has-post-thumbnail .titlewrapper {
|
||||
position: absolute;
|
||||
height: 100vh;
|
||||
justify-content: flex-end;
|
||||
padding: 0; }
|
||||
.single article.has-post-thumbnail .titlewrapper h1.single-title,
|
||||
.page article.has-post-thumbnail .titlewrapper h1.single-title {
|
||||
min-height: 25vh; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article,
|
||||
.page article {
|
||||
min-height: calc(100vh - 10rem);
|
||||
margin-top: 100vh;
|
||||
margin-left: 5rem;
|
||||
background-color: #fff;
|
||||
@@ -1685,7 +1695,8 @@ body.category.category-esemeny main {
|
||||
.page article .titlewrapper {
|
||||
position: relative;
|
||||
justify-content: flex-start;
|
||||
height: unset; }
|
||||
height: unset;
|
||||
padding-top: 0; }
|
||||
.single article .titlewrapper .metadata,
|
||||
.page article .titlewrapper .metadata {
|
||||
top: -5rem;
|
||||
@@ -1744,15 +1755,18 @@ body.category.category-esemeny main {
|
||||
width: 40%; }
|
||||
.single article hr.content-begin,
|
||||
.page article hr.content-begin {
|
||||
margin-top: calc(25vh + 2rem); }
|
||||
margin-top: 2rem; }
|
||||
@media (min-width: 769px) {
|
||||
.single article hr.content-begin,
|
||||
.page article hr.content-begin {
|
||||
margin-top: 0; } }
|
||||
margin-top: 0 !important; } }
|
||||
.single article hr.content-end,
|
||||
.page article hr.content-end {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem; }
|
||||
.single article.has-post-thumbnail hr.content-begin,
|
||||
.page article.has-post-thumbnail hr.content-begin {
|
||||
margin-top: calc(25vh + 2rem); }
|
||||
.single article .single-content,
|
||||
.page article .single-content {
|
||||
position: relative;
|
||||
@@ -1763,6 +1777,9 @@ body.category.category-esemeny main {
|
||||
top: -5rem;
|
||||
padding-left: 0;
|
||||
padding-right: 10rem; } }
|
||||
.single article .single-content h2,
|
||||
.page article .single-content h2 {
|
||||
font: 800 3rem "Butler"; }
|
||||
.single article .single-content h3,
|
||||
.page article .single-content h3 {
|
||||
font: 800 2rem "Butler";
|
||||
@@ -1776,7 +1793,8 @@ body.category.category-esemeny main {
|
||||
.single article .single-content h4,
|
||||
.page article .single-content h4 {
|
||||
font-weight: 500;
|
||||
font-size: 2rem; }
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.6; }
|
||||
.single article .single-content a:hover,
|
||||
.page article .single-content a:hover {
|
||||
text-decoration: underline; }
|
||||
@@ -1798,9 +1816,14 @@ body.category.category-esemeny main {
|
||||
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
|
||||
.single article .single-content blockquote cite,
|
||||
.page article .single-content blockquote cite {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 80%;
|
||||
top: 2rem; }
|
||||
top: 0.5rem;
|
||||
left: 2rem; }
|
||||
.single article .single-content .wp-block-pullquote,
|
||||
.page article .single-content .wp-block-pullquote {
|
||||
text-align: unset; }
|
||||
.single article .single-content .wp-block-image,
|
||||
.page article .single-content .wp-block-image {
|
||||
margin: 2rem 0;
|
||||
@@ -1937,6 +1960,20 @@ body.category.category-esemeny main {
|
||||
.page article .single-content .wp-block-gallery .alignright,
|
||||
.page article .single-content .wp-block-image .alignright {
|
||||
text-align: right; }
|
||||
.single article .single-content .authors,
|
||||
.page article .single-content .authors {
|
||||
font-weight: 500;
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.6; }
|
||||
.single article .single-content .authors a,
|
||||
.page article .single-content .authors a {
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .authors a,
|
||||
.page article .single-content .authors a {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
.single #cboxOverlay,
|
||||
.page #cboxOverlay {
|
||||
width: 100%;
|
||||
@@ -2040,7 +2077,14 @@ body.category.category-esemeny main {
|
||||
@media (min-width: 769px) {
|
||||
.single .toHome,
|
||||
.page .toHome {
|
||||
padding-top: 4rem; } }
|
||||
position: relative;
|
||||
padding-top: 4rem;
|
||||
top: -5rem;
|
||||
padding-right: 10rem; }
|
||||
.single .toHome a,
|
||||
.page .toHome a {
|
||||
margin-bottom: 4rem;
|
||||
display: block; } }
|
||||
.single #related_posts,
|
||||
.page #related_posts {
|
||||
/* ------------------------ related posts on desktop ------------------------ */ }
|
||||
@@ -2100,7 +2144,10 @@ body.category.category-esemeny main {
|
||||
@media (min-width: 769px) {
|
||||
.single #related_posts,
|
||||
.page #related_posts {
|
||||
padding-right: 10rem; }
|
||||
padding-right: 10rem;
|
||||
top: -5rem;
|
||||
position: relative;
|
||||
padding-top: 2rem; }
|
||||
.single #related_posts > h3,
|
||||
.page #related_posts > h3 {
|
||||
display: block; }
|
||||
@@ -2236,6 +2283,11 @@ body.category.category-esemeny main {
|
||||
.page #related_posts ul li h2 a {
|
||||
width: calc(100% - 10rem); } }
|
||||
|
||||
/* -------------------------------- page only------------------------------- */
|
||||
@media (min-width: 769px) {
|
||||
body.page article {
|
||||
margin-top: 10rem; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* TAG COLORS */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@@ -2280,6 +2332,10 @@ body.category.category-esemeny main {
|
||||
.tag-be.archive.tag article *:not(.vr) {
|
||||
background-color: #fdff00 !important; }
|
||||
|
||||
.tag-be ::selection {
|
||||
color: #000;
|
||||
background-color: #3c00ff; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-be.random .thumbnailwrapper > img {
|
||||
-webkit-mask: url(../img/clip/be_desktop.svg);
|
||||
@@ -2330,6 +2386,10 @@ body.category.category-esemeny main {
|
||||
.tag-do.archive.tag article *:not(.vr) {
|
||||
background-color: #3c00ff !important; }
|
||||
|
||||
.tag-do ::selection {
|
||||
color: #000;
|
||||
background-color: #fdff00; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-do.random .thumbnailwrapper > img {
|
||||
-webkit-mask: url(../img/clip/do_desktop.svg);
|
||||
@@ -2380,6 +2440,10 @@ body.category.category-esemeny main {
|
||||
.tag-think.archive.tag article *:not(.vr) {
|
||||
background-color: #00ffb8 !important; }
|
||||
|
||||
.tag-think ::selection {
|
||||
color: #000;
|
||||
background-color: #ff5f5f; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-think.random .thumbnailwrapper > img {
|
||||
-webkit-mask: url(../img/clip/think_desktop.svg);
|
||||
@@ -2430,6 +2494,10 @@ body.category.category-esemeny main {
|
||||
.tag-love.archive.tag article *:not(.vr) {
|
||||
background-color: #ff5f5f !important; }
|
||||
|
||||
.tag-love ::selection {
|
||||
color: #000;
|
||||
background-color: #00ffb8; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-love.random .thumbnailwrapper > img {
|
||||
-webkit-mask: url(../img/clip/love_desktop.svg);
|
||||
@@ -2441,13 +2509,14 @@ body.category.category-esemeny main {
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-be .titlewrapper .metadata {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #fdff00 1px !important; } }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-be .titlewrapper .metadata a {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #fdff00 1px !important; } }
|
||||
-webkit-text-stroke: #fdff00 1px !important; }
|
||||
.single .tag-be .titlewrapper .metadata a:hover {
|
||||
color: #fdff00 !important; } }
|
||||
|
||||
.single .tag-be .single-content blockquote p,
|
||||
.single .tag-be .single-content h3 {
|
||||
@@ -2459,15 +2528,22 @@ body.category.category-esemeny main {
|
||||
.single .tag-be .single-content a {
|
||||
color: #fdff00; }
|
||||
|
||||
.single .tag-be .single-content .authors a {
|
||||
-webkit-text-stroke: #fdff00 1px !important; }
|
||||
.single .tag-be .single-content .authors a:hover {
|
||||
color: #fdff00 !important;
|
||||
text-decoration: none; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-do .titlewrapper .metadata {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #3c00ff 1px !important; } }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-do .titlewrapper .metadata a {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #3c00ff 1px !important; } }
|
||||
-webkit-text-stroke: #3c00ff 1px !important; }
|
||||
.single .tag-do .titlewrapper .metadata a:hover {
|
||||
color: #3c00ff !important; } }
|
||||
|
||||
.single .tag-do .single-content blockquote p,
|
||||
.single .tag-do .single-content h3 {
|
||||
@@ -2479,15 +2555,22 @@ body.category.category-esemeny main {
|
||||
.single .tag-do .single-content a {
|
||||
color: #3c00ff; }
|
||||
|
||||
.single .tag-do .single-content .authors a {
|
||||
-webkit-text-stroke: #3c00ff 1px !important; }
|
||||
.single .tag-do .single-content .authors a:hover {
|
||||
color: #3c00ff !important;
|
||||
text-decoration: none; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-think .titlewrapper .metadata {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #00ffb8 1px !important; } }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-think .titlewrapper .metadata a {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #00ffb8 1px !important; } }
|
||||
-webkit-text-stroke: #00ffb8 1px !important; }
|
||||
.single .tag-think .titlewrapper .metadata a:hover {
|
||||
color: #00ffb8 !important; } }
|
||||
|
||||
.single .tag-think .single-content blockquote p,
|
||||
.single .tag-think .single-content h3 {
|
||||
@@ -2499,15 +2582,22 @@ body.category.category-esemeny main {
|
||||
.single .tag-think .single-content a {
|
||||
color: #00ffb8; }
|
||||
|
||||
.single .tag-think .single-content .authors a {
|
||||
-webkit-text-stroke: #00ffb8 1px !important; }
|
||||
.single .tag-think .single-content .authors a:hover {
|
||||
color: #00ffb8 !important;
|
||||
text-decoration: none; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-love .titlewrapper .metadata {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #ff5f5f 1px !important; } }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.single .tag-love .titlewrapper .metadata a {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #ff5f5f 1px !important; } }
|
||||
-webkit-text-stroke: #ff5f5f 1px !important; }
|
||||
.single .tag-love .titlewrapper .metadata a:hover {
|
||||
color: #ff5f5f !important; } }
|
||||
|
||||
.single .tag-love .single-content blockquote p,
|
||||
.single .tag-love .single-content h3 {
|
||||
@@ -2519,6 +2609,12 @@ body.category.category-esemeny main {
|
||||
.single .tag-love .single-content a {
|
||||
color: #ff5f5f; }
|
||||
|
||||
.single .tag-love .single-content .authors a {
|
||||
-webkit-text-stroke: #ff5f5f 1px !important; }
|
||||
.single .tag-love .single-content .authors a:hover {
|
||||
color: #ff5f5f !important;
|
||||
text-decoration: none; }
|
||||
|
||||
body.hover-tag-be,
|
||||
.header-1.hover-tag-be,
|
||||
.header-2.hover-tag-be {
|
||||
|
||||
Reference in New Issue
Block a user