lessmore/templates/common/style.html

{{ define "style" }}
<style>
  body {
      background-image: url("/static/images/bg.webp");
      /* Full height */
      height: 100%;

      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;

      background-color: #002b36;

      color: #eee8d5;
  }

  .base2 {
      background-color: #073642;
      color: #eee8d5;
  }

  .dynamic-echo {
      background-color: #002b36;
  }

  .dynamic-bg {
      background-color: #002b36;
  }

  .dynamic-panel {
      opacity: 0.75;
      background-color: #002b36;
  }

  .dynamic-post-title {
      color: #839496;
  }

  .dynamic-post-text {
      white-space: pre-line;
      color: #93a1a1;
  }

  .dynamic-opacity-1 {
      opacity: 1 !important;
  }

  .dynamic-opacity-95 {
      opacity: 0.95;
  }

  .dynamic-post {
      margin-bottom: 0.5em;
      background-color: #002b36;
      box-shadow: 0px 0px 15px #002b36;
  }

  @media only screen and (max-width: 1000px) {
    .dynamic-post {
        margin-bottom: 0.5em;
        background-color: #002b36;
        box-shadow: 0px 0px 15px #002b36;
    }
  }

  .dynamic-post a {
      color: #268bd2;
  }

  .text-link {
      color: #268bd2;
  }

  .echo {
  }

  .echo-card:hover {
      background-color: #073642;
  }

  @media only screen and (max-width: 1000px) {
    .hideit {
        display: none;
    }
  }

</style>
{{ end }}