~arcade/nebula

12bc710c7a0b66737be972629d1f8700ec1375b0 — Arcade Wise 4 months ago ebc2474
better width
3 files changed, 35 insertions(+), 22 deletions(-)

A site/content/static/nomod/pensquid.gif
M site/theme/index.html
M site/theme/static/stylesheet.css
A site/content/static/nomod/pensquid.gif => site/content/static/nomod/pensquid.gif +0 -0
M site/theme/index.html => site/theme/index.html +1 -0
@@ 33,6 33,7 @@
      <img src="/static/antiNFT.gif" />

      <img src="/static/linux-p.gif" />
      <img src="/static/pensquid.gif" />
    </div>

    {% if builtin.path == 'index.md' %}

M site/theme/static/stylesheet.css => site/theme/static/stylesheet.css +34 -22
@@ 119,29 119,7 @@ main .imgcontainer p {
  padding: 0px 10px 10px 10px;
}

@media screen and (max-width: 800px) {
  main {
    width: 95%;
    min-height: 95vh;
  }

  .imgcontainer {
    width: 90%;
    width: 50%;
    margin-left: 0;
    margin: 0 auto;
  }

  :root {
    scrollbar-width: 5px;
  }
}

@media screen and (min-width: 800px) {
  .imgcontainer {
    max-width: 25%;
  }
}

.main-iframe {
  margin: auto;


@@ 169,3 147,37 @@ main .imgcontainer p {
  margin-top: -2rem;
  position: relative;
}

@media screen and (max-width: 800px) {
  main {
    width: 95%;
    min-height: 95vh;
  }

  .main-iframe {
    width: 95%;
  }

  .widgets {
    width: 95%;
    height: calc(31 * 2);
    max-height: calc(31*3);
  }

  .imgcontainer {
    width: 90%;
    width: 50%;
    margin-left: 0;
    margin: 0 auto;
  }

  :root {
    scrollbar-width: 5px;
  }
}

@media screen and (min-width: 800px) {
  .imgcontainer {
    max-width: 25%;
  }
}
\ No newline at end of file