commit 60785c2558e9974b470cc7a92b59aaa7f14b5213
parent ac16d140467665fd85fcff32a6d442cea6778a25
Author: william <jibjab@cock.li>
Date: Mon, 7 Apr 2025 16:18:14 -0400
mash up of old css
Diffstat:
| M | index.html | | | 7 | +++---- |
| D | old.style.css | | | 197 | ------------------------------------------------------------------------------- |
| M | style.css | | | 122 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------- |
3 files changed, 94 insertions(+), 232 deletions(-)
diff --git a/index.html b/index.html
@@ -27,10 +27,10 @@
<li><a href="https://social.wrpr.us">Snac</a></li>
<li><a href="irc://irc.wrpr.us:7000">wrpr irc</a></li>
</ul>
+ </body>
-
- <p>BTC:</p>
- <a href="pix/btc.png"><img class="logo" src="pix/btc.png"></a>
+<p>BTC:</p>
+ <a href="pix/btc.png"><img class="qr" src="pix/btc.png"></a>
<p><code>bc1qdvk8nvw95t066cxq73w4ewfp8kahr84u2wgza5</code></p>
@@ -56,6 +56,5 @@
</footer>
- </body>
</html>
diff --git a/old.style.css b/old.style.css
@@ -1,197 +0,0 @@
-:root {
- --bg:#fff;
- --head:#000;
- --hover:#0000ff
-}
-
-html{
- font-family: monospace;
- background-color: var(--bg);
- font-weight: 400;
- color: var(--head);
- max-width: 520px ;
- font-size:16px ;
- text-align: center ;
- margin: auto ;
-}
-
-body {
- background-color: var(--bg);
- font-family: monospace;
- margin-bottom: 100px;
- font-weight: 400;
-/* font-size: 16px;*/
-}
-
-.title {
- white-space: pre ;
- margin: auto ;
- text-align: center ;
- font-size: 8px;
- max-width: 520px;
-}
-
-
-footer {
- text-align: center;
- color: var(--head) ;
-}
-
-
-a {
- color: var(--head);
- text-decoration: underline;
-}
-
-a:hover {
- color: var(--hover);
- text-decoration: underline;
-}
-
-
-li {
- float: left;
- display: block;
- color: #000fff;
- padding: 2px 4px;
- text-decoration: none;
-}
-
-li a {
- display: block;
- color: #c8c8c8;
- text-align: center;
- padding: 2px, 4px;
- text-decoration: none;
-}
-
-li a:hover {
- background-color: #111;
- text-decoration: none;
-}
-
-.ll {
- font-size: 14px ;
- line-height: 1.3em ;
- max-width: 422px;
- margin: 10 ;
- text-align: left ;
-}
-
-.links {
- font-size: 14px ;
- line-height: 1.3em ;
- max-width: 422px;
- margin: 10 ;
- text-align: left ;
- white-space: pre-line;
-}
-
-
-
-.l2 {
- font-size: large ;
- line-height:1.3em ;
- max-width: 600px ;
- margin: auto ;
-}
-
-.l3 {
- font-size: 14px ;
- line-height: 1.3em ;
- max-width: 660 ;
- margin: auto ;
-}
-.left {
- text-align: left;
-}
-
-.small {
- font-size: 0.6vw;
-}
-
-.qr {
- max-width: 100px;
- padding: 10px;
- border: medium none;
- align: center;
-}
-
-
-code {
- overflow-x:auto;
- overflow-y:auto;
- padding:0px;
- min-width:600;
- background-color: var(--head); !important;
- font-size:14px!important;
- margin-bottom:10px;
- color: var(--bg);
- line-height: 1.3em;
-}
-/*code {
- color: var(--bg);
-}*/
-
-.midcolor {
- color: var(--head);
- text-align: center;
-}
-
-
-
-.separator {
- text-align: center;
- white-space: nowrap;
- overflow-x: hidden;
- margin-top: 8px;
- margin-bottom: 8px;
- overflow-x: hidden;
- border-top: 1px dashed var(--head);
-}
-
-.menu {
- text-align: right;
- white-space: nowrap;
- overflow-x: hidden;
- margin-top: 8px;
- margin-bottom: 8px;
- overflow-x: hidden;
-}
-
-.logo {
- align: center;
- max-width: 75%;
- max-height: 75%;
- text-decoration: none;
- border-bottom: unset;
- background: unset !important;
-}
-
-
-ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- max-width: 75%;
- font-size: 14px;
- display: block;
-
-}
-
-
-@media only screen and (max-width: 800px) {
- /*GENERAL ELEMENTS*/
- /*CLASSES*/
- .wrapper {
- width: 100%;
- /*font-size: 4vw;*/
- }
-
- .title {
- font-size: 0.8vw;
- }
- .tops{
- font-size: 2.5vw;
- }
-}
diff --git a/style.css b/style.css
@@ -1,5 +1,3 @@
-
-
@media (prefers-color-scheme: dark) {
:root {
color-scheme: light;
@@ -34,35 +32,41 @@
--preformatted: #ccc;
--disabled: #111;
}
-/*:root {
- --bg:#fff;
- --head:#000;
- --hover:#0000ff
-}*/
-
-/*md-block:not([rendered]) {
- white-space: pre-line;
-}*/
+html{
+ font-family: monospace;
+ background-color: var(--bg);
+ font-weight: 400;
+ color: var(--head);
+ max-width: 520px ;
+ font-size:14px ;
+ text-align: left ;
+ margin: auto ;
+}
body {
+ background-color: var(--bg);
+ color: var(--head);
+ font-family: monospace;
+ margin-bottom: 100px;
+ font-weight: 400;
+/* font-size: 16px;*/
+}
+
+.title {
+ white-space: pre ;
+ margin: auto ;
+ text-align: center ;
+ font-size: 8px;
max-width: 520px;
- line-height: 1;
- padding: 0 1rem;
- margin: 2rem auto;
- width: 100%;
- font-family: monospace;
}
-.logo {
- align: left;
- max-width: 20%;
- max-height: 20%;
- text-decoration: none;
- border-bottom: unset;
- background: unset !important;
- font: monospace;
- }
+
+footer {
+ text-align: left;
+ color: var(--accent) ;
+}
+
a {
color: var(--head);
@@ -74,6 +78,15 @@ a:hover {
text-decoration: underline;
}
+
+.qr {
+ max-width: 100px;
+ padding: 10px;
+ border: medium none;
+ align: left;
+}
+
+
code {
overflow-x:auto;
overflow-y:auto;
@@ -85,12 +98,59 @@ code {
color: var(--bg);
line-height: 1.3em;
}
-/*code {
- color: var(--bg);
-}*/
-.midcolor {
- color: var(--head);
- text-align: center;
+.separator {
+ text-align: center;
+ white-space: nowrap;
+ overflow-x: hidden;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ overflow-x: hidden;
+ border-top: 1px dashed var(--head);
}
+.menu {
+ text-align: right;
+ white-space: nowrap;
+ overflow-x: hidden;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ overflow-x: hidden;
+}
+
+.logo {
+ align: center;
+ max-width: 75%;
+ max-height: 75%;
+ text-decoration: none;
+ border-bottom: unset;
+ background: unset !important;
+}
+
+
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ max-width: 75%;
+ font-size: 14px;
+ display: block;
+
+}
+
+
+@media only screen and (max-width: 800px) {
+ /*GENERAL ELEMENTS*/
+ /*CLASSES*/
+ .wrapper {
+ width: 100%;
+ /*font-size: 4vw;*/
+ }
+
+ .title {
+ font-size: 0.8vw;
+ }
+ .tops{
+ font-size: 2.5vw;
+ }
+}
