Themes

CSS

/* Written in 2020 by Mistynotes

 This theme is licensed under a Creative Commons Attribution 4.0 
 International License.

 You should have received a copy of the license along with this
 work. If not, see http://creativecommons.org/licenses/by/4.0/
*/

h1, h2 {
    font-family: libretto-icons;
    color: #943526;
    padding-top:15px;  
    text-align: center;
}

h3, h4 {
    color: #787065;
}

body {
background: #f2f1ed;  
}

/* -- <p:first-of-type> is of no use, because there is always an image in the first paragraph in my blog*/
p:nth-child(2) {
  display:inline-block !important;
}

/* except for blockquotes, emailsub, footer */
blockquote p, #emailsub p, footer p {
   display:inline !important;
}

p::first-letter {
  font-size: 400%;
  color: #787065;
  float: left;
}

/*---*/

article {
   padding-top: 50px;
    background-color: #faf9f5;
    -moz-box-shadow:    1px 1px 2px #eae9e5; 
    -webkit-box-shadow: 1px 1px 2px #eae9e5; 
    box-shadow:         1px 1px 2px #eae9e5;
}

time::before {
  content: "~";
}

time::after {
  content: "~";
}

.post-title, .dt-published {
    color: #787065 !important;
    font-family: libretto-icons;
    text-align: center;
}

.h-card { color: #943526;}

.e-content {
    overflow: visible;
}

div.e-content img.img_main { 
    margin-left: -100px;
    margin-right: -100px;
    max-width: 132% !important;
    width: 132%;
}

.img_right {
  float: right;
  width: 200px;
  position:relative; 
  left    :50px;
}

.img_left {
  float:left; 
  width:200px; 
  position:relative; 
  right:50px;
}

footer {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}