Blog CSS Archive

Liyue

:root {
    --family-primary: Raleway, sans-serif;
    --family-title: PT Sans, sans-serif;
    --color-primary: #9A563A;
    --color-primary-darken: #7A4A30;
    --color-primary-shadow: rgb(217 165 122 / 25%);
    --color-link: #9A563A;
    --color-text: #403123;
    --breadcrumb-color: #9A563A;
    --breadcrumb-color-active: #7A4A30;
    --post-color-icon: #D9A57A;
    --panel-heading-background: rgb(122 74 48 / 15%);
    --header-background: rgb(212 222 227 / 35%);
    --navbar-item-color: #5e2b12;
    --navbar-item-hover-color: #5e2b12;
    --navbar-item-hover-background: rgb(243 246 247);
    --body-background: white;
    --body-svg-color: #f3f4f6;
    --footer-background: rgb(247 248 248 / 50%);
    --footer-copyright-color: #7A4A30;
    --footer-menu-color: #7A4A30;
    --footer-menu-hover-color: #9A563A
}

.content a,.widget a {
    text-decoration: none
}

.wp-block-latest-posts li a:before{
    font-family: "iknowledgebase";
    content: "\ea05";
    margin-right: .5rem;
    text-decoration: none;
    color: #7A4A30
}

.wp-block-archives li a:before,.wp-block-categories li a:before,.wp-block-page-list li a:before {
    font-family: "iknowledgebase";
    content: "\ea06";
    margin-right: .5rem;
    text-decoration: none;
    color: #7A4A30
}

.content table td,.content table th,.table td,.table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: middle;
			text-align: left
}

Mondstadt

:root {
    --family-primary: Raleway, sans-serif;
    --family-title: PT Sans, sans-serif;
    --color-primary: #1A554F;
    --color-primary-darken: #1A554F;
    --color-primary-shadow: rgba(37, 99, 235, 0.25);
    --color-link: #1A554F;
    --color-text: #000D0D;
    --breadcrumb-color: #0F7673;
    --breadcrumb-color-active: #074543;
    --post-color-icon: #0F7673;
    --panel-heading-background: #748e7340;
    --header-background: rgb(20 40 39 / 50%);
    --navbar-item-color: #ffffff;
    --navbar-item-hover-color: #ffffff;
    --navbar-item-hover-background: #1A554F;
    --body-background: white;
    --body-svg-color: #778a6c82;
    --footer-background: #000d0d36;
    --footer-copyright-color: #ffffff;
    --footer-menu-color: #ffffff;
    --footer-menu-hover-color: #FFD87D
}

.content a,.widget a {
    text-decoration: none
}

.wp-block-latest-posts li a:before{
    font-family: "iknowledgebase";
    content: "\ea05";
    margin-right: .5rem;
    text-decoration: none;
    color: #1A554F
}
.wp-block-archives li a:before,.wp-block-categories li a:before,.wp-block-page-list li a:before {
    font-family: "iknowledgebase";
    content: "\ea06";
    margin-right: .5rem;
    text-decoration: none;
    color: #1A554F
}

.content table td,.content table th,.table td,.table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: .5em .75em;
    vertical-align: middle;
			text-align: left
}

.container, .row {
    width: 100% !important; 
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.breadcrumb, .breadcrumb-trail {
    background-color: rgba(232, 244, 240, 0.90);
    border: 1px solid rgba(186, 227, 213, 0.1); 
    border-radius: 6px; 
    padding: 8px 13px;
    margin: 10px 0; 
}

.pagination a, .pagination span {
    background-color: rgba(232, 244, 240, 0.90);
    border: 1px rgba(232, 244, 240, 0.90);
    padding: 5px 10px;
    margin: 0 5px; 
    border-radius: 4px; 
    font-size: 15px; 
}


@media screen and (max-width: 768px) {
    .pagination a, .pagination span {
        padding: 3px 8px;
        font-size: 12px; 
    }
}