WMarkDown/Public/scss/WMarkDown.web.css

html, body {
  height: 100%;
  margin: 0em;
  overflow: hidden; }

.wmarkdown-web {
  position: relative;
  top: 0em;
  left: 0em;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .wmarkdown-web, .wmarkdown-web input, .wmarkdown-web button, .wmarkdown-web select {
    font-family: "Roboto"; }
  .wmarkdown-web pre, .wmarkdown-web textarea,
  .wmarkdown-web .wmd-code-block,
  .wmarkdown-web .wmd-code-block ol > li::marker,
  .wmarkdown-web .wmd-code-doc > .description {
    font-family: "Roboto Mono"; }
  .wmarkdown-web [data-icon]::before {
    font-family: "FA6FR"; }
  .wmarkdown-web input, .wmarkdown-web button, .wmarkdown-web select, .wmarkdown-web textarea {
    font-size: 1em; }
  .wmarkdown-web [data-visible=false], .wmarkdown-web [data-hidden=true] {
    display: none; }
  .wmarkdown-web[data-gui-mode=light], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] {
    background-color: #EFEFEF;
    color: #222; }
    .wmarkdown-web[data-gui-mode=light] a[href], .wmarkdown-web[data-gui-mode=light] [onclick], .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=link], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
      color: #008844; }
      .wmarkdown-web[data-gui-mode=light] a[href]:hover, .wmarkdown-web[data-gui-mode=light] [onclick]:hover, .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
        color: #880044; }
    .wmarkdown-web[data-gui-mode=light] [onmouseover], .wmarkdown-web[data-gui-mode=light] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown] {
      color: #115533; }
      .wmarkdown-web[data-gui-mode=light] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=light] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [onmousedown]:hover {
        color: #551133; }
    .wmarkdown-web[data-gui-mode=light] button, .wmarkdown-web[data-gui-mode=light] [type=button], .wmarkdown-web[data-gui-mode=light] [type=reset], .wmarkdown-web[data-gui-mode=light] [type=submit], .wmarkdown-web[data-gui-mode=light] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button] {
      border: 0.1em solid #008844;
      box-shadow: 0em 0em 0.4em #008844; }
      .wmarkdown-web[data-gui-mode=light] button:hover, .wmarkdown-web[data-gui-mode=light] [type=button]:hover, .wmarkdown-web[data-gui-mode=light] [type=reset]:hover, .wmarkdown-web[data-gui-mode=light] [type=submit]:hover, .wmarkdown-web[data-gui-mode=light] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] [data-role=button]:hover {
        border-color: #880044;
        box-shadow: 0em 0em 0.4em #880044; }
    .wmarkdown-web[data-gui-mode=light] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item {
      color: #115533; }
      .wmarkdown-web[data-gui-mode=light] .wmd-dictionary-item:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-item:hover {
        color: #551133; }
    .wmarkdown-web[data-gui-mode=light] header, .wmarkdown-web[data-gui-mode=light] footer, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] header, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] footer {
      box-shadow: 0em 0em 0.125em #EFEFEF, 0em 0em 0.25em #EFEFEF, 0em 0em 0.5em #EFEFEF, 0em 0em 1em #EFEFEF, 0em 0em 2em #EFEFEF; }
    .wmarkdown-web[data-gui-mode=light] .wmd-dictionary-box, .wmarkdown-web[data-gui-mode=light] .wmd-main-menu, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-box, .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-main-menu {
      background-color: #EFEFEF;
      box-shadow: 0.1em 0.1em 0.2em #222; }
    .wmarkdown-web[data-gui-mode=light] .wmd-dictionary-box a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=false] .wmd-dictionary-box a[href] {
      background-color: rgba(0, 0, 0, 0.1); }
  .wmarkdown-web[data-gui-mode=dark], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] {
    background-color: #222;
    color: #EFEFEF; }
    .wmarkdown-web[data-gui-mode=dark] a[href], .wmarkdown-web[data-gui-mode=dark] [onclick], .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=link], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
      color: #309d66; }
      .wmarkdown-web[data-gui-mode=dark] a[href]:hover, .wmarkdown-web[data-gui-mode=dark] [onclick]:hover, .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] a[href]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onclick]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=link]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
        color: #9d3066; }
    .wmarkdown-web[data-gui-mode=dark] [onmouseover], .wmarkdown-web[data-gui-mode=dark] [onmousedown], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown] {
      color: #90c6ab; }
      .wmarkdown-web[data-gui-mode=dark] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=dark] [onmousedown]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmouseover]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [onmousedown]:hover {
        color: #c690ab; }
    .wmarkdown-web[data-gui-mode=dark] button, .wmarkdown-web[data-gui-mode=dark] [type=button], .wmarkdown-web[data-gui-mode=dark] [type=reset], .wmarkdown-web[data-gui-mode=dark] [type=submit], .wmarkdown-web[data-gui-mode=dark] [data-role=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button] {
      border: 0.1em solid #309d66;
      box-shadow: 0em 0em 0.4em #309d66; }
      .wmarkdown-web[data-gui-mode=dark] button:hover, .wmarkdown-web[data-gui-mode=dark] [type=button]:hover, .wmarkdown-web[data-gui-mode=dark] [type=reset]:hover, .wmarkdown-web[data-gui-mode=dark] [type=submit]:hover, .wmarkdown-web[data-gui-mode=dark] [data-role=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] button:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=button]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=reset]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [type=submit]:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] [data-role=button]:hover {
        border-color: #9d3066;
        box-shadow: 0em 0em 0.4em #9d3066; }
    .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-item, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item {
      color: #90c6ab; }
      .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-item:hover, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-item:hover {
        color: #c690ab; }
    .wmarkdown-web[data-gui-mode=dark] header, .wmarkdown-web[data-gui-mode=dark] footer, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] header, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] footer {
      box-shadow: 0em 0em 0.125em #222, 0em 0em 0.25em #222, 0em 0em 0.5em #222, 0em 0em 1em #222, 0em 0em 2em #222; }
    .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-box, .wmarkdown-web[data-gui-mode=dark] .wmd-main-menu, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box, .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-main-menu {
      background-color: #222;
      box-shadow: 0.1em 0.1em 0.2em #EFEFEF; }
    .wmarkdown-web[data-gui-mode=dark] .wmd-dictionary-box a[href], .wmarkdown-web[data-gui-mode=default][data-dark-mode=true] .wmd-dictionary-box a[href] {
      background-color: rgba(255, 255, 255, 0.1); }
  .wmarkdown-web a[href], .wmarkdown-web [data-role=link] {
    text-decoration: none;
    word-break: break-word; }
  .wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
    cursor: pointer;
    transition-duration: 1s; }
    .wmarkdown-web a[href]:hover, .wmarkdown-web [onclick]:hover, .wmarkdown-web [onmouseover]:hover, .wmarkdown-web [onmousedown]:hover, .wmarkdown-web button:hover, .wmarkdown-web [type=button]:hover, .wmarkdown-web [type=reset]:hover, .wmarkdown-web [type=submit]:hover, .wmarkdown-web [data-role=link]:hover, .wmarkdown-web [data-role=button]:hover {
      transition-duration: 0.2s; }
  .wmarkdown-web a[href], .wmarkdown-web [onclick], .wmarkdown-web [onmouseover], .wmarkdown-web [onmousedown], .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=link], .wmarkdown-web [data-role=button] {
    transition-property: color; }
  .wmarkdown-web button, .wmarkdown-web [type=button], .wmarkdown-web [type=reset], .wmarkdown-web [type=submit], .wmarkdown-web [data-role=button] {
    transition-property: color,border-color,box-shadow; }
  .wmarkdown-web h2 {
    font-size: 2.6em; }
  .wmarkdown-web h3 {
    font-size: 2.2em; }
  .wmarkdown-web h4 {
    font-size: 1.8em; }
  .wmarkdown-web h5 {
    font-size: 1.4em; }
  .wmarkdown-web h6 {
    font-size: 1em; }
  .wmarkdown-web ul, .wmarkdown-web ol {
    padding: 0em 2em; }
  .wmarkdown-web header, .wmarkdown-web main, .wmarkdown-web footer {
    position: absolute;
    left: 0em;
    width: 100%; }
  .wmarkdown-web header, .wmarkdown-web footer {
    overflow: hidden;
    display: flex;
    flex-direction: row; }
    .wmarkdown-web header > *, .wmarkdown-web footer > * {
      flex: auto;
      align-self: center; }
  .wmarkdown-web header {
    top: 0em;
    height: 4em;
    z-index: 20; }
    .wmarkdown-web header h1 {
      margin: .2em 1em;
      padding: 0em;
      font-size: 1em;
      text-wrap: nowrap; }
      .wmarkdown-web header h1 .image {
        height: 3.6em; }
      .wmarkdown-web header h1 img {
        width: auto;
        height: 3.6em; }
        .wmarkdown-web header h1 img + span {
          display: none; }
      .wmarkdown-web header h1 span + span {
        font-size: 3.4em;
        height: 0.9444444444em; }
      .wmarkdown-web header h1 a > span {
        display: inline-block;
        vertical-align: top; }
  .wmarkdown-web main {
    top: 4em;
    bottom: 2.5em;
    padding: 1% 2%;
    z-index: 10;
    overflow: auto;
    box-sizing: border-box; }
  .wmarkdown-web footer {
    display: flex;
    flex-direction: row;
    justify-items: center;
    bottom: 0em;
    height: 2.5em;
    z-index: 30; }
  .wmarkdown-web .main-menu {
    width: 25em;
    text-align: center; }
    .wmarkdown-web .main-menu ul {
      list-style-type: none;
      margin: 0em;
      padding: 0em; }
    .wmarkdown-web .main-menu li {
      display: inline-block;
      margin: 0em .6em; }
  .wmarkdown-web .licenses {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex: auto;
    text-align: center;
    padding: .1em .2em;
    font-weight: 900;
    font-size: .65em;
    box-sizing: border-box; }
  .wmarkdown-web .license {
    display: flex;
    flex-direction: row;
    align-self: center;
    margin: 0em .2em;
    text-align: center;
    box-sizing: border-box; }
    .wmarkdown-web .license span {
      flex: auto;
      align-self: center; }
    .wmarkdown-web .license > * {
      vertical-align: middle; }
    .wmarkdown-web .license img {
      width: auto;
      height: 3em;
      margin: .2em .2em; }
  .wmarkdown-web .gui-controls {
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: stretch;
    flex-grow: 0;
    order: -1;
    border: none;
    font-size: .85em; }
    .wmarkdown-web .gui-controls button[data-i18n=zoom_less], .wmarkdown-web .gui-controls button[data-i18n=zoom_reset], .wmarkdown-web .gui-controls button[data-i18n=zoom_more], .wmarkdown-web .gui-controls span[data-i18n], .wmarkdown-web .gui-controls legend {
      display: none; }
    .wmarkdown-web .gui-controls [data-icon]::before {
      margin: 0em; }
    .wmarkdown-web .gui-controls [type=number] {
      display: none;
      width: 3em;
      font-family: "Roboto Mono"; }
    .wmarkdown-web .gui-controls button[data-i18n=zoom_mode] {
      border-radius: 0.3em 0em 0em 0.3em; }
    .wmarkdown-web .gui-controls > :last-child {
      border-radius: 0em 0.3em 0.3em 0em; }
  .wmarkdown-web main {
    overflow: auto; }
  .wmarkdown-web footer > .licenses {
    font-size: .8em; }

/*# sourceMappingURL=WMarkDown.web.css.map */