Lade till arkiv och stilade upp den

This commit is contained in:
2026-04-09 12:13:54 +02:00
parent c5d03d5584
commit 5eea3c1244

View File

@@ -17,6 +17,7 @@
body { body {
background-attachment: fixed; background-attachment: fixed;
} }
/* Stilar till kategori-buttons */
.taxonomy-category a { .taxonomy-category a {
background-color: #ff8f3f; background-color: #ff8f3f;
color: #0e0f12; color: #0e0f12;
@@ -36,6 +37,7 @@ body {
.fa { .fa {
font-size: 2rem; font-size: 2rem;
} }
.footer .wp-block-list, .wp-block-latest-posts__list { .footer .wp-block-list, .wp-block-latest-posts__list {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
@@ -43,11 +45,13 @@ body {
padding-bottom: 6px; padding-bottom: 6px;
} }
} }
/* Lite uppstilning av sökrutan*/
.searchbox .wp-element-button { .searchbox .wp-element-button {
background: #FF8F3F; background: #FF8F3F;
} }
.wp-block-search__input { .wp-block-search__input {
background-color: var(--wp--preset--color--background-secondary); background-color: var(--wp--preset--color--background-primary);
color: var(--wp--preset--color--text-primary); color: var(--wp--preset--color--text-primary);
border-radius: 6px; border-radius: 6px;
border: 1px solid var(--wp--preset--color--code-border); border: 1px solid var(--wp--preset--color--code-border);
@@ -64,8 +68,34 @@ body {
.wp-block-search__button:hover { .wp-block-search__button:hover {
background-color: var(--wp--preset--color--orange-hover); background-color: var(--wp--preset--color--orange-hover);
} }
/* Zoomar in på post-bilden */
.post-cover {
overflow: hidden;
}
.post-cover .wp-block-cover__image-background {
transition: transform 0.35s ease;
}
.post-cover:hover .wp-block-cover__image-background {
transform: scale(1.1);
}
/* Font på arkivet-listan */
select {
background-color: var(--wp--preset--color--background-secondary);
color: var(--wp--preset--color--text-primary);
font-size: 1rem;
border: 1px solid transparent;
padding: 6px 10px;
border-radius: 6px;
}
/* Lite MQ */
@media (max-width: 780px) { @media (max-width: 780px) {
div.wp-block-column {padding-left:0px !important;} div.wp-block-column {padding-left:0px !important;}
.wp-block-spacer {height: 0 !important;}
} }
@media (max-width: 700px) { @media (max-width: 700px) {
form.searchbox {display: none} form.searchbox {display: none}