114 lines
2.4 KiB
CSS
114 lines
2.4 KiB
CSS
/*
|
|
FÄÖRGSCHEMA
|
|
-----------------------------------
|
|
"background-primary" #0E0F12"
|
|
"background-secondary" "#16181D"
|
|
"background-tertiary" "#1F2228"
|
|
"text-primary" "#E8EAF0"
|
|
"text-secondary" "#B6BAC6"
|
|
"text-muted" "#7A7F8A"
|
|
"blue" "#4DA3FF"
|
|
"blue-hover" "#82C4FF"
|
|
"orange" "#FF8F3F"
|
|
"orange-hover" "#FFB27A"
|
|
"code-bg" "#1A1D23"
|
|
"code-border" "#2A2E37"
|
|
*/
|
|
body {
|
|
background-attachment: fixed;
|
|
background-image: url("/wp-content/themes/wp-theme-crille2026/assets/images/background.webp");
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
/* Stilar till kategori-buttons */
|
|
.taxonomy-category a {
|
|
background-color: #ff8f3f;
|
|
color: #0e0f12;
|
|
padding: 1px 7px;
|
|
border-radius: 7px;
|
|
font-size: 1rem;
|
|
}
|
|
.entry-content h2 {
|
|
margin-top: 2rem;
|
|
}
|
|
.wp-block-post-excerpt {
|
|
margin: 0;
|
|
}
|
|
.wp-block-post-excerpt__excerpt {
|
|
font-size: 1rem;
|
|
}
|
|
.fa {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.footer .wp-block-list,
|
|
.wp-block-latest-posts__list {
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
li {
|
|
padding-bottom: 6px;
|
|
}
|
|
}
|
|
|
|
/* Lite uppstilning av sökrutan*/
|
|
.searchbox .wp-element-button {
|
|
background: #ff8f3f;
|
|
}
|
|
.wp-block-search__input {
|
|
background-color: var(--wp--preset--color--background-primary);
|
|
color: var(--wp--preset--color--text-primary);
|
|
border-radius: 6px;
|
|
border: 1px solid var(--wp--preset--color--code-border);
|
|
padding: 0;
|
|
}
|
|
|
|
.wp-block-search__button {
|
|
background-color: var(--wp--preset--color--orange);
|
|
color: #000;
|
|
border-radius: 6px;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.wp-block-search__button: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) {
|
|
div.wp-block-column {
|
|
padding-left: 0px !important;
|
|
}
|
|
.wp-block-spacer {
|
|
height: 0 !important;
|
|
}
|
|
}
|
|
@media (max-width: 700px) {
|
|
form.searchbox {
|
|
display: none;
|
|
}
|
|
}
|