254 lines
6.6 KiB
CSS
254 lines
6.6 KiB
CSS
/*
|
|
Theme Name: MxDev
|
|
Theme URI: https://mxdev.ovh/
|
|
Author: mikx
|
|
Author URI: https://mikx.ovh/
|
|
Description: A custom theme I made with the help of an AI.
|
|
Version: 1.0
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Tags: custom-background, post-formats, translation-ready
|
|
Text Domain: mx-dev
|
|
*/
|
|
|
|
/* --- Your Regular CSS Styles Go Below This Line --- */
|
|
|
|
.entry-content {
|
|
text-align: center;
|
|
}
|
|
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
a,
|
|
li {
|
|
text-align: center;
|
|
}
|
|
|
|
body {
|
|
font-family: verdana;
|
|
line-height: 1.6;
|
|
background-color: #202020;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
body a {
|
|
color: #377c65;
|
|
text-decoration: none;
|
|
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
body a:hover {
|
|
color: #a3a2a1;
|
|
text-decoration: none;
|
|
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
h2 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 1px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
h3 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 1px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
h4 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 1px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
article {
|
|
max-width: 1200px;
|
|
/* A good readable width for text */
|
|
font-size: 18px;
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 2px solid #474747;
|
|
border-width: 1px 1px 5px 1px;
|
|
border-radius: 8px;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
|
|
color: #ffffff;
|
|
background-image: url('img/mxdev_posttitleback.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
/* Center the image */
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
article h2 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
border: 2px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
padding-bottom: 4px;
|
|
text-shadow: 0px 0px 8px rgb(41, 41, 41);
|
|
}
|
|
|
|
article h3 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 1px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
article h4 {
|
|
background-image: url('img/mxdev_hbackground.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
max-width: 100%;
|
|
/* A good readable width for text */
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 1px solid #474747;
|
|
border-width: 1px 1px 1px 1px;
|
|
color: #000000;
|
|
display: inline;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
article a {
|
|
color: #377c65;
|
|
text-decoration: none;
|
|
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
article a:hover {
|
|
color: #a3a2a1;
|
|
text-decoration: none;
|
|
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.comment {
|
|
max-width: 1200px;
|
|
/* A good readable width for text */
|
|
font-size: 12px;
|
|
line-height: 1.7;
|
|
/* Generous line spacing is good for readability */
|
|
margin: 0 auto;
|
|
/* Centers the content container */
|
|
margin-bottom: 1.5em;
|
|
/* Space between paragraphs */
|
|
background-color: var(--surface-color);
|
|
border: 2px solid #474747;
|
|
border-width: 1px 1px 5px 1px;
|
|
border-radius: 8px;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
|
|
color: #ffffff;
|
|
background-image: url('img/mxdev_posttitleback.png');
|
|
/* Or contain, or specific dimensions */
|
|
background-repeat: repeat;
|
|
/* Prevent image repetition */
|
|
background-size: auto;
|
|
/* Center the image */
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
} |