417 lines
5.9 KiB
CSS
417 lines
5.9 KiB
CSS
@font-face {
|
|
font-family: IrishU;
|
|
src: url("https://cdn.indignation.info/fonts/IrishUncial.ttf");
|
|
font-weight: 600;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Axis;
|
|
src: url("https://cdn.indignation.info/fonts/Axis.otf");
|
|
font-weight: 600;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Vollkorn;
|
|
src: url("https://cdn.indignation.info/fonts/Vollkorn/Vollkorn-Regular.woff");
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: AvNext;
|
|
src: url("https://file.brz9.dev/cdn/fonts/serv/AvenirNext/AvenirNext-Regular.woff2");
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
}
|
|
|
|
:root {
|
|
--font-t: AvNext;
|
|
--font-h: AvNext;
|
|
--font-p: AvNext;
|
|
--col-bg: #ffffff;
|
|
--col-fg: #171717;
|
|
--col-aside-bg: #ffffff;
|
|
--col-aside-fg: #171717;
|
|
--col-hf-bg: #e4002b;
|
|
--col-hf-fg: #ffffff;
|
|
--col-a: #2293af;
|
|
--col-a-v: #2293af;
|
|
}
|
|
|
|
html {
|
|
font-family: var(--font-p);
|
|
font-size: 1.1rem;
|
|
color: var(--col-fg);
|
|
background-color: var(--col-bg);
|
|
}
|
|
|
|
.byl-header h1 {
|
|
font-family: var(--font-t);
|
|
font-size: 3rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: var(--font-h);
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.byl-header, .byl-footer {
|
|
color: var(--col-hf-fg);
|
|
background-color: var(--col-hf-bg);
|
|
}
|
|
|
|
.byl-header{
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.byl-header h1 {
|
|
font-family: var(--font-t);
|
|
font-size: 4rem;
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#tagline {
|
|
font-family: var(--font-p);
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
p, p[style] {
|
|
font-family: var(--font-p) !important;
|
|
font-size: 1.2rem !important;
|
|
}
|
|
|
|
p {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
article header h2 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
article h6,
|
|
article h5,
|
|
article h4,
|
|
article h3,
|
|
article h2,
|
|
article h1{
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
article blockquote p {
|
|
font-size: 1.6rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
blockquote.wp-block-quote {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
footer nav li a {
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
footer {
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
article footer .dtlink {
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
input[type=text].search-bar {
|
|
font-family: var(--font-h);
|
|
width: 100%;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.article-detail {
|
|
font-style: italic;
|
|
float: right;
|
|
}
|
|
|
|
.menu, #submit{
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
.byl-hero h4 {
|
|
font-size: 2.2rem;
|
|
padding: 5px;
|
|
}
|
|
|
|
input {
|
|
border-radius: 0px;
|
|
border: 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
a span.tag {
|
|
border-style: solid;
|
|
border-width: thick;
|
|
padding: 3px;
|
|
display: inline-block;
|
|
margin-bottom: 4px;
|
|
margin-right: 4px;
|
|
font-size: 1rem;
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
.tag-big {
|
|
border-style: solid;
|
|
border-width: 8px;
|
|
padding: 3px;
|
|
display: inline-block;
|
|
margin: 5px;
|
|
font-size: 2rem;
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
height: 200px;
|
|
resize: none;
|
|
padding: 20px;
|
|
font-family: var(--font-p);
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
input#author, input#email {
|
|
padding: 20px;
|
|
width: 40%;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
article footer .dtlink {
|
|
float: right;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.footer-social {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.footer-social span{
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
footer li{
|
|
display: inline-block;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
#content {
|
|
width: 100%;
|
|
}
|
|
|
|
#content article {
|
|
padding: 10px;
|
|
}
|
|
|
|
input.submit {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.full-article {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.archive-year {
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
footer.article-detail{
|
|
width: 100%;
|
|
}
|
|
|
|
article p, article ul li {
|
|
font-family: var(--font-p);
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.social-share {
|
|
cursor: pointer;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.byl-icon-link.social-share {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.widget-title {
|
|
margin-top: 5px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
ul.menu {
|
|
margin: 0px;
|
|
padding-left: 20px
|
|
}
|
|
|
|
@media screen and (max-width: 1080px) {
|
|
h1 {
|
|
font-size: 3rem;
|
|
}
|
|
.byl-hero h4 {
|
|
font-size: 1.4rem;
|
|
}
|
|
}
|
|
|
|
.pub-info p {
|
|
text-align: right;
|
|
}
|
|
|
|
figure.wp-block-image {
|
|
width: 100%;
|
|
margin: 0px;
|
|
}
|
|
|
|
img.wp-image-1000 {
|
|
width: 100%;
|
|
}
|
|
|
|
article h4 {
|
|
font-size: 1.2 rem;
|
|
}
|
|
|
|
article img.aligncenter {
|
|
display: flex;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.tag-cloud, .cat-cloud {
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.simple-page {
|
|
padding-right: 50px;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
section.widget {
|
|
text-align: center;
|
|
padding-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
section.widget_text h2.widget-title {
|
|
text-align: left;
|
|
}
|
|
|
|
.comrade-bloc img {
|
|
width: 8rem;
|
|
}
|
|
|
|
.comrade-bloc a {
|
|
margin: 10px;
|
|
}
|
|
|
|
/* comment section start*/
|
|
h4.reply {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.comlevel1{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.comlevel2{
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.reply, input#submit {
|
|
background-color: var(--col-fg);
|
|
color: var(--col-bg);
|
|
padding: 5px;
|
|
margin-top: -3px;
|
|
display: inline-block;
|
|
cursor:pointer;
|
|
}
|
|
|
|
section.comment-wrap {
|
|
border-left: 5px solid var(--col-fg);
|
|
padding-top: 1px;
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
.comment-content {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.comment-wrap {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.comment-wrap footer {
|
|
text-align: right;
|
|
}
|
|
|
|
.form-submit {
|
|
margin-top: 15px;
|
|
}
|
|
/* comment section end*/
|
|
|
|
/* newsletter section start*/
|
|
section.widget div.tnp {
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 300px !important;
|
|
}
|
|
|
|
form.tnp-form input {
|
|
font-family: var(--font-h);
|
|
}
|
|
|
|
form.tnp-form input[type=submit] {
|
|
background-color: var(--col-fg);
|
|
cursor: pointer;
|
|
}
|
|
|
|
input.tnp-email {
|
|
margin-bottom: 10px;
|
|
border: none;
|
|
}
|
|
/* newsletter section end*/
|
|
article section p span[style]{
|
|
color: var(--col-fg) !important;
|
|
font-size: 1.2rem !important;
|
|
font-weight: 400 !important;
|
|
font-family: Vollkorn !important;
|
|
}
|
|
|
|
footer#main-footer .widget{
|
|
padding-top: 0px;
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
h1#site-title {
|
|
font-size: 3rem;
|
|
}
|
|
.byl-hero h4 {
|
|
font-size: 1.6rem;
|
|
}
|
|
article section p span[style], p,
|
|
article h4, article h2 {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
.simple-page p {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
img.jc-logo {
|
|
width: 195px;
|
|
}
|