CSS mistynotes

Mistynotes uses this css for write.as. You can use it in your own blog. See the write.as guide for how to do that.

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 and emailsub */
blockquote p, #emailsub 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;
}