home updates
This commit is contained in:
62
css/base.css
62
css/base.css
@@ -503,14 +503,14 @@ object {
|
||||
.touchevents .header-scroll {
|
||||
display: none !important; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.touchevents .archive,
|
||||
.touchevents .home {
|
||||
overflow-y: hidden; } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* ARCHIVE AND HOMEPAGE */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@media (min-width: 769px) {
|
||||
.archive,
|
||||
.home {
|
||||
overflow-y: hidden; } }
|
||||
|
||||
.archive .wrapper,
|
||||
.home .wrapper {
|
||||
/* ----------------------------- header on home ----------------------------- */ }
|
||||
@@ -612,7 +612,7 @@ object {
|
||||
margin-left: 10rem;
|
||||
padding-top: 4rem;
|
||||
border-right: #000 1px solid;
|
||||
/* -------------------------------- thumbnail and title ------------------------------- */
|
||||
/* ------------- home article desktop big - thumbnail and title ------------- */
|
||||
/* -------------------------- home article metadata big------------------------- */
|
||||
/* ------------------------- home article big hover ------------------------- */ }
|
||||
.archive main section .home-wrapper-big article .thumbnailwrapper,
|
||||
@@ -678,10 +678,6 @@ object {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
font-size: 2rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata > div,
|
||||
.home main section .home-wrapper-big article .metadata > div {
|
||||
width: 30%; } }
|
||||
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
|
||||
.archive main section .home-wrapper-big article .metadata,
|
||||
.home main section .home-wrapper-big article .metadata {
|
||||
@@ -689,24 +685,34 @@ object {
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-big article .metadata .categories,
|
||||
.home main section .home-wrapper-big article .metadata .categories {
|
||||
display: block; }
|
||||
display: block;
|
||||
padding: 0 5rem; }
|
||||
.archive main section .home-wrapper-big article .metadata .vr,
|
||||
.home main section .home-wrapper-big article .metadata .vr {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background-color: #000; }
|
||||
.archive main section .home-wrapper-big article .metadata .postedon,
|
||||
.home main section .home-wrapper-big article .metadata .postedon {
|
||||
padding: 0 5rem; }
|
||||
.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,
|
||||
.home main section .home-wrapper-big article .metadata .alcim {
|
||||
display: none; }
|
||||
.archive main section .home-wrapper-big article.hovered,
|
||||
.home main section .home-wrapper-big article.hovered {
|
||||
width: calc(100vw - (10rem * 2)); }
|
||||
.archive main section .home-wrapper-big article.hovered h2 > a,
|
||||
.home main section .home-wrapper-big article.hovered h2 > a {
|
||||
color: #000; }
|
||||
.archive main section .home-wrapper-big article.hovered h2 > a,
|
||||
.home main section .home-wrapper-big article.hovered h2 > a {
|
||||
color: #000; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper {
|
||||
justify-content: flex-end; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article {
|
||||
border-left: #000 1px solid; } }
|
||||
border-left: #000 1px solid; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img,
|
||||
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img {
|
||||
left: -5rem;
|
||||
position: relative; } }
|
||||
@media (min-width: 769px) {
|
||||
.archive main section .home-wrapper-small,
|
||||
.home main section .home-wrapper-small {
|
||||
@@ -1366,6 +1372,26 @@ object {
|
||||
color: #fff !important;
|
||||
-webkit-text-stroke: #3c00ff 1px !important; } }
|
||||
|
||||
body.hover-tag-be,
|
||||
.header-1.hover-tag-be,
|
||||
.header-2.hover-tag-be {
|
||||
background-color: #00ffb8 !important; }
|
||||
|
||||
body.hover-tag-do,
|
||||
.header-1.hover-tag-do,
|
||||
.header-2.hover-tag-do {
|
||||
background-color: #ff5f5f !important; }
|
||||
|
||||
body.hover-tag-think,
|
||||
.header-1.hover-tag-think,
|
||||
.header-2.hover-tag-think {
|
||||
background-color: #fdff00 !important; }
|
||||
|
||||
body.hover-tag-love,
|
||||
.header-1.hover-tag-love,
|
||||
.header-2.hover-tag-love {
|
||||
background-color: #3c00ff !important; }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* imports */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
Reference in New Issue
Block a user