/**
  Worse (is better): Wiki's Overdue Rather Simple Editor
  Written by (c) Petko Yotov 2017    www.pmwiki.org/petko

  This text is written for PmWiki; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published
  by the Free Software Foundation; either version 3 of the License, or
  (at your option) any later version. See pmwiki.php for full details
  and lack of warranty.
*/

wryter-editor {
  border: 2px solid #0af;
  max-height: 70vh;
  overflow: auto;
}
.wryter-pagetitle[contenteditable=true] {
  border: 2px solid #0af;
  border-radius: 3px;
  padding: 1px 2px;
}

.wryter-content h1{
  font-weight: bold;
}
.dialog select {
  border: none;
  width: 75%;
  background-color: transparent;
}
.dialog b {
  font-size: 1.2em;
  background-color: #ddd;
}
wryter-toolbar .button_group button.icon.attach::before, wryter-toolbar .button_group input[type=button].icon.attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M%205%207%20h%2012%20a%205%205%2C%200%2C%200%2C%201%2C%200%2010%20h%20-12%20a%203.5%203.5%200%200%201%200%20-7%20h%2011%20a%202%202%200%200%201%200%204%20h%20-10%20%22%20fill%3D%22transparent%22%20stroke%3D%22black%22%20transform%3D%22rotate%28-45%2C%2011%2C%2011%29%22%20stroke-width%3D%221.5%22%20%2F%3E%3C%2Fsvg%3E);
}

wryter-toolbar .dialogs .dialog.link_dialog .link_url_fields input[type="text"] {
    flex: 1;
}

#flipcheck { display: none; }
#flipcheck + label span.lcancel { display: none; }
#flipcheck:checked + label span.lcancel { display: inline; }
#flipcheck:checked + label span.ledit { display: none; }
#fliplabel {float: right; border-bottom: 1px dashed gray; cursor: pointer;}

#flipcheck ~ #wryterform { display: none; }
#flipcheck:checked ~ #wryterform { display: block; }
#flipcheck:checked ~ #wryter_1 { display: none; }

#wryterform {
  padding: 4px;
}

div.pmsave {
    margin: .4em 0;

}
div.pmsave, div.pmsave * {
    box-sizing: border-box;
}
div.pmsave input {
  border: 1px solid;
  border-color: #ccc #888 #888 #ccc;
  background-color: transparent;
  padding: 4px 12px;
  border-radius: 3px;
  height: 2em;
}

div.pmsave input[type=text] {
  padding: 4px;
  border-color: #888 #ccc #ccc #888;
}

div.pmsave span * {
  white-space: nowrap;
}

div.pmsave {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.wryter-content .attachment.attachment-file {
  color: #069;
  line-height: 1;
  margin: 0;
  padding: 0px;
  border: none;
  border-bottom: 1px dotted #069;
  border-radius: 0px;
  display: inline;
}

.wryter-content .attachment figcaption {
  display: inline;
}

.wryter-content img {
  display: block;
  margin: 0 auto;
}

.wryter-content a[data-wryter-content-type^="image"] {
    display: table;
    text-align: center;
    clear: left;
    margin: 0 auto;
    padding: 2px;
}

#wryterform.saving, .wryter-pagetitle.saving {
  cursor: wait;
  opacity: 50%;
}

#wryterform.saving wryter-editor, .wryter-pagetitle.saving {
  border-color: #ccc;
}

.wryter-content h2 em:only-child {
  display: block;
  text-align: center;
}

@media screen and (max-width:49em) {

  div.pmsave span {
    display: block;
    margin: 4px 1px;
  }

  div.pmsave {
    display: block;
  }
}