Create simple.css

2025-07-31 21:38:28 +02:00
parent 325465f9a5
commit 1ee951fc9f
1 changed files with 306 additions and 0 deletions
--- a/assets/static/euskaditech-css/simple.css
+++ b/assets/static/euskaditech-css/simple.css
@@ -0,0 +1,306 @@
+
+      html {
+        color-scheme: light only;
+      }
+
+      body {
+        font-family: Arial, Helvetica, sans-serif;
+      }
+
+      main {
+        /*max-width: 45rem;
+            margin: 0 auto;*/
+        padding: 0 15px;
+      }
+
+      .supermesh-indicator {
+        border-top-left-radius: 15px;
+        background-color: greenyellow;
+        border-top: 5px solid green;
+        border-left: 5px solid green;
+        padding: 15px;
+        max-width: 30rem;
+        position: fixed;
+        right: 0;
+        bottom: 0;
+        color: black;
+        display: none;
+      }
+
+      .supermesh-indicator a {
+        color: blue;
+      }
+
+      details.supermesh-indicator summary {
+        font-size: unset;
+      }
+
+      .link,
+      a {
+        color: blue;
+        text-decoration: underline;
+        cursor: pointer;
+      }
+
+      .link:hover,
+      a:hover {
+        text-decoration: underline;
+      }
+
+      #articleID {
+        font-family: monospace;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        .link,
+        a {
+          color: lightblue;
+        }
+      }
+
+      @media print {
+        .supermesh-indicator,
+        .no_print {
+          display: none;
+        }
+      }
+
+      main {
+        margin-bottom: 25rem;
+      }
+
+      button,
+      .button {
+        display: inline-block;
+        padding: 5px 10px;
+        background-color: beige;
+        border: 2px solid black;
+        font-size: 20px;
+        margin: 3px;
+        text-decoration: none;
+        color: black;
+      }
+
+      button:hover,
+      .button:hover {
+        text-decoration: underline;
+      }
+
+      /* https://coolors.co/palette/ff0000-ff8700-ffd300-deff0a-a1ff0a-0aff99-0aefff-147df5-580aff-be0aff */
+      .rojo {
+        background: #ff0000;
+        color: white;
+      }
+
+      .btn1 {
+        background: #ff0000;
+        color: white;
+      }
+
+      .btn2 {
+        background: #ff8700;
+        color: white;
+      }
+
+      .btn3 {
+        background: #ffd300;
+        color: black;
+      }
+
+      .btn4 {
+        background: #deff0a;
+        color: black;
+      }
+
+      .btn5 {
+        background: #a1ff0a;
+        color: black;
+      }
+
+      .btn6 {
+        background: #0aff99;
+        color: black;
+      }
+
+      .btn7 {
+        background: #0aefff;
+        color: black;
+      }
+
+      .btn8 {
+        background: #147df5;
+        color: white;
+      }
+
+      .nav-disabled {
+        background: black !important;
+        color: grey !important;
+      }
+
+      .nav-disabled:hover {
+        text-decoration: unset !important;
+      }
+
+      input,
+      select,
+      textarea {
+        font-size: 18px;
+        padding: 5px;
+        width: calc(100% - 11px);
+      }
+
+      select {
+        width: 100%;
+      }
+
+      details input,
+      details select,
+      details textarea {
+        font-size: 18px;
+        padding: 5px;
+        width: calc(100% - 15px);
+      }
+
+      input[type="color"] {
+        width: 50px;
+        height: 50px;
+      }
+
+      textarea {
+        height: 150px;
+      }
+
+      details summary {
+        font-size: 20px;
+      }
+
+      thead tr {
+        background-color: black;
+        color: white;
+      }
+
+      table {
+        display: block;
+        line-break: loose;
+        width: fit-content;
+        min-width: 750px;
+        border: 1px solid black;
+      }
+
+      table tr th {
+        line-break: auto;
+      }
+
+      table tr td {
+        border-bottom: 3px solid black !important;
+        padding: 5px;
+      }
+
+      .scase {
+        text-transform: lowercase;
+      }
+
+      .scase:first-letter {
+        text-transform: uppercase;
+      }
+
+      table tr:hover td {
+        text-decoration: underline;
+        background: rgba(200, 200, 200, 0.5);
+        /* color: black; */
+      }
+
+      table tr:hover td.TextBorder {
+        background: inherit;
+        color: inherit;
+        text-decoration: none;
+      }
+
+      fieldset {
+        max-width: 25rem;
+      }
+
+      .TextBorder {
+        color: black;
+        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
+          1px 1px 0 #fff;
+        -webkit-text-stroke: 0.25px #fff;
+      }
+
+      code {
+        font-size: x-small;
+        color: gray;
+      }
+
+      .activeSCButton {
+        border: 7px dashed beige;
+        color: beige;
+        background: black !important;
+      }
+
+      .btn1.activeSCButton {
+        border-color: #ff0000;
+        color: #ff0000;
+      }
+
+      .btn2.activeSCButton {
+        border-color: #ff8700;
+        color: #ff8700;
+      }
+
+      .btn3.activeSCButton {
+        border-color: #ffd300;
+        color: #ffd300;
+      }
+
+      .btn4.activeSCButton {
+        border-color: #deff0a;
+        color: #deff0a;
+      }
+
+      .btn5.activeSCButton {
+        border-color: #a1ff0a;
+        color: #a1ff0a;
+      }
+
+      .btn6.activeSCButton {
+        border-color: #0aff99;
+        color: #0aff99;
+      }
+
+      .btn7.activeSCButton {
+        border-color: #0aefff;
+        color: #0aefff;
+      }
+
+      .btn8.activeSCButton {
+        border-color: #147df5;
+        color: #147df5;
+      }
+
+      hr {
+        border-color: black;
+        border-style: solid;
+      }
+
+      #snackbar {
+        visibility: hidden;
+        /* min-width: 250px; */
+        background-color: #333;
+        color: #fff;
+        text-align: center;
+        border-radius: 2px;
+        padding: 16px;
+        position: fixed;
+        z-index: 1;
+        right: 70px;
+        bottom: 25px;
+      }
+
+      #snackbar a {
+        color: lightblue;
+      }
+
+      #snackbar.show {
+        visibility: visible;
+}