commit 9438e7aa67d9191e277eef68a1688bc4b81d5b8a
parent 6368b4f17cddb7dec4e288ff991a453aedbf2621
Author: rbckman <rob@tarina.org>
Date: Tue, 4 Aug 2026 01:18:29 +0300
here we go
Diffstat:
| A | s/splash.css | | | 754 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
1 file changed, 754 insertions(+), 0 deletions(-)
diff --git a/s/splash.css b/s/splash.css
@@ -0,0 +1,754 @@
+@font-face{
+ font-family: "Latin-Mono-Regular";
+ src: url('fonts/lmmono10-regular.otf'),
+ url('fonts/lmmono10-regular.otf'); /* IE */
+ }
+
+@font-face{
+ font-family: "Latin-Mono-Italic";
+ src: url('fonts/lmmono10-italic.otf'),
+ url('fonts/lmmono10-italic.otf'); /* IE */
+ }
+
+@font-face{
+ font-family: "Roberta";
+ src: url('fonts/roberta.ttf'),
+ url('fonts/roberta.ttf'); /* IE */
+ }
+
+@font-face{
+ font-family: "Digital";
+ src: url('fonts/digital_counter_7.ttf'),
+ url('fonts/digital_counter_7.ttf'); /* IE */
+ }
+@font-face{
+ font-family: "Retro";
+ src: url('fonts/retro.ttf'),
+ url('fonts/retro.ttf'); /* IE */
+ }
+@font-face{
+ font-family: "Cyber";
+ src: url('fonts/cyber.ttf'),
+ url('fonts/cyber.ttf'); /* IE */
+ }
+
+body
+{
+ margin:0 auto;
+ border:0px;
+ text-align: left;
+ background-color:#242021;
+ font-family: 'Latin-Mono-Regular', sans-serif;
+ font-weight: normal;
+ color: #f4f4f4;
+ font-size: 12pt;
+}
+
+a
+{
+ color:#FFBA00;
+ text-decoration: none;
+}
+
+a:hover
+{
+ color: #fcdd09;
+ padding: 2px;
+}
+
+h1
+{
+ padding: 0px;
+ margin: 0px;
+ font-size: 100px;
+ color:#f8f9fa;
+ font-family: 'Roberta', sans-serif;
+ line-height: 75px;
+ font-weight: normal;
+}
+
+h2
+{
+ padding: 0px;
+ margin: 0px;
+ font-size: 40pt;
+ line-height: 40px;
+ font-family: 'Latin-Mono-Italic', sans-serif;
+ font-weight: normal;
+}
+
+
+h3
+{
+ padding: 0px;
+ margin: 0px;
+ font-size: 50pt;
+ line-height: 50px;
+ color:#f8f9fa;
+ text-transform:uppercase;
+ font-family: 'Roberta', sans-serif;
+ font-weight: normal;
+}
+
+h4
+{
+ padding: 0px;
+ margin: 0px;
+ font-size: 35pt;
+ line-height: 40px;
+ font-family: 'Cyber', sans-serif;
+ font-weight: normal;
+}
+
+h5
+{
+ padding: 0px;
+ margin-top: 10px;
+ margin-left: 0px;
+ margin-right: 0px;
+ margin-bottom: 10px;
+ color:#f8f9fa;
+ font-size: 35pt;
+ line-height: 40px;
+ font-family: 'Retro', sans-serif;
+ font-weight: normal;
+}
+
+h6
+{
+ padding: 0px;
+ margin: 0px;
+ font-size: 30pt;
+ font-family: 'Digital', sans-serif;
+ font-weight: normal;
+}
+
+
+table
+{
+ padding: 0px;
+ margin: 0px auto;
+ width: 80%;
+ font-style: normal;
+ font-weight: normal;
+
+}
+
+td {
+ display: block;
+ clear:both;
+ }
+
+th {
+ display: block;
+ clear:both;
+ }
+
+video
+{
+ width: 100%;
+}
+
+input
+{
+ width: 70%;
+ height: 30px;
+ border: 0px solid;
+ color: #fff;
+ padding-left: 5px;
+ padding-right: 5px;
+ background-color:#555;
+ border-radius: 3px;
+}
+
+button
+{
+ color: #fff;
+ border-radius: 3px;
+ font-size: 14pt;
+ font-family: 'Roberta', sans-serif;
+ background-color: #444;
+ border: 0px;
+ padding: 5px;
+ height: 30px;
+ width: 20%;
+}
+
+button:hover
+{
+
+ background-color: #ff0000;
+}
+
+blockquote {
+font-size: 1.5em;
+margin: 20px 0;
+padding: 10px;
+border-left: 5px solid #ccc;
+font-style: italic;
+}
+
+blockquote::before {
+content: "“";
+font-size: 2em;
+color: #ccc;
+}
+
+blockquote::after {
+content: "”";
+font-size: 2em;
+color: #ccc;
+}
+
+#rendered {
+ width: 455px; /* Always 455px */
+}
+
+code {
+ background: #282c34;
+ color: #abb2bf;
+ font-size: 8pt;
+ padding: 2px;
+ border-radius: 2px;
+ min-width: 455px;
+ width: 455px; /* Always 455px */
+ min-width: 455px; /* Prevents shrinking */
+ max-width: 455px; /* Prevents growing */
+ box-sizing: border-box; /* Includes padding & border in the width */
+ overflow-x: auto;
+ font-family: monospace;
+ text-align: left;
+ margin: 0.5rem 0;
+ /* Key properties for respecting line breaks */
+ white-space: pre-wrap; /* preserves whitespace + wraps long lines */
+ word-break: break-all; /* optional: breaks very long words */
+ tab-size: 4; /* nice tab spacing */
+}
+
+pre code {
+ font-family: inherit;
+}
+.insert-link {
+ color: #0066cc;
+ text-decoration: underline;
+ margin-right: 20px;
+ cursor: pointer;
+ font-size: 16px;
+}
+.insert-link:hover {
+ color: #004499;
+}
+
+
+video
+{
+ border-radius: 10px;
+ width: 100%;
+}
+
+img
+{
+ border-radius: 10px;
+ width: 100%;
+}
+
+#visitors img
+{
+ border-radius: 0px;
+ width: auto;
+ max-width: auto;
+}
+
+#container
+{
+ margin: 0px auto;
+ height: auto;
+}
+
+#propaganda-container
+{
+ margin: 0px auto;
+ height: auto;
+ width: 90%;
+}
+
+.introtext
+{
+ margin: 0px auto;
+ width: 100%;
+ height: auto;
+ max-width: 455px;
+}
+
+.promotext
+{
+ margin: 0px auto;
+ width: 50%;
+ height: auto;
+ max-width: 400px;
+}
+
+.heartpost
+{
+
+ background-color: #222223;
+ border-radius: 5px;
+ padding-top:5px;
+ padding-left:10px;
+ padding-right:10px;
+ padding-bottom:1px;
+}
+
+.usrimg
+{
+ max-width: 25px;
+ max-height: 25px;
+}
+
+.postmenu
+{
+ text-align:right;
+}
+
+#search
+{
+ placeholder: "search...";
+ padding: 0px;
+ width: 55%;
+}
+
+.bild
+{
+
+ background-color: #29252b;
+ border-radius: 5px;
+}
+.bild p
+{
+ font-size: 14px;
+ margin:0px;
+}
+.bild h4
+{
+ padding:5px;
+}
+
+#album
+{
+ margin: 0px auto;
+ height: auto;
+ width: 90%;
+ max-width: 900px;
+}
+
+#default
+{
+ margin: 0 auto;
+ padding-top: 5px;
+ width: 100%;
+ max-width: 400px;
+ height: auto;
+}
+
+#logo
+{
+ padding-top: 5px;
+ width: 95%;
+ padding-bottom: 6px;
+}
+
+#tools
+{
+ font-family: 'Roberta', sans-serif;
+ font-size:25pt;
+ padding-bottom: 10px;
+}
+
+#shoutbox
+{
+ padding-left: 5%;
+ padding-top: 10px;
+ padding-bottom: 20px;
+}
+
+#shoutbox p
+{
+ margin: 2px;
+}
+
+#matrix-shoutbox
+{
+ margin-top: 10px;
+}
+
+#matrix-shoutbox img
+{
+ width: 90%;
+}
+
+#time
+{
+ font-size: 8pt;
+ color: #98ffff;
+}
+
+#msg
+{
+ font-size: 11pt;
+ color: #98ffff;
+}
+
+#top
+{
+ margin: 0 auto;
+ height: 60vh;
+ width: 50%;
+}
+
+#robin
+{
+ background-color:#3B6861;
+ padding-bottom: 100px;
+ margin: 0px auto;
+ font-weight: normal;
+ font-size: 16px;
+}
+
+#footer
+{
+ position: fixed;
+ margin: 0 auto;
+ background-color:#231f20;
+ font-weight: normal;
+ font-size: 17px;
+ bottom:0px;
+ padding-top:10px;
+ height:30px;
+ width: 100%;
+}
+
+#onair
+{
+ font-size: 30px;
+ color: #DB232C;
+ opacity: 0.2;
+}
+
+#tipjar img
+{
+ max-width: 350px;
+ padding:2px;
+ background-color:#fff;
+ width: 35%;
+ border-radius: 2px;
+}
+#onair.neon {opacity: 1}
+#onair.neonoff {opacity: 0.2}
+
+#onairvideo
+{
+ font-family: "Digital";
+ font-size: 14px;
+ color: #032604;
+ opacity: 0.5;
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+#onairvideo.neongreen {opacity: 1}
+#onairvideo.neongreenoff {opacity: 0.2}
+
+#song {
+ font-family: "Digital";
+ font-size: 15px;
+ color: #fcdd09;
+ opacity: 0.5;
+ text-align: center;
+ padding-top: 10px;
+}
+
+#lyssnare {
+ font-family: "Digital";
+ font-size: 15px;
+ color: #7CFC00;
+ opacity: 0.5;
+ text-align: center;
+ padding-top: 10px;
+}
+
+#bag
+{
+ margin: 0px auto;
+ position:fixed;
+ color:#fff;
+ top:0;
+ width:100%;
+ background:#0A5200;
+}
+
+#insidebag
+{
+ margin: 10px auto;
+ font-size: 14px;
+ width:100%;
+}
+
+table, tbody, tr, td
+{
+ width: 100%;
+}
+
+input, select
+{
+ padding: 4px;
+ color: #fff;
+ background-color: #555;
+ font-size: 16px;
+ border: 0px;
+}
+
+textarea
+{
+ padding: 4px;
+ color: #fff;
+ background-color: #555;
+ font-size: 16px;
+ border: 0px;
+ width: 100%;
+ height: 20px;
+}
+
+button
+{
+ margin:10px;
+ padding: 4px;
+ font-size: 18px;
+ color: #fff;
+ background-color: #333;
+ width: 90%;
+}
+
+pre
+{
+ white-space: pre-wrap; /* Since CSS 2.1 */
+ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
+ white-space: -pre-wrap; /* Opera 4-6 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* Internet Explorer 5.5+ */
+}
+
+.logo
+{
+ width: 80%;
+ height:auto;
+}
+
+.logo2
+{
+ width: 70%;
+ height:auto;
+}
+
+.intro
+{
+ margin: 10px auto;
+ scroll-margin-top: 10rem;
+ padding: 10px;
+ border-radius:5px;
+ padding-bottom: 20px;
+}
+
+.product
+{
+ margin: 10px auto;
+ scroll-margin-top: 10rem;
+ width: 80%;
+ padding: 10px;
+ border-radius:5px;
+ background-color:#333;
+ padding-bottom: 20px;
+}
+
+.editproduct
+{
+ margin: 1px;
+ display:inline-block;
+ border-radius:5px;
+ background-color:#333;
+}
+
+.orders
+{
+ margin:0 auto;
+ background-color:#333;
+ font-weight: normal;
+ font-style: normal;
+ font-size: 15px;
+ padding-top: 5px;
+ padding-left: 20px;
+ padding-right: 20px;
+ text-align: left;
+ height: auto;
+ width: 90%;
+ padding-bottom: 20px;
+ border-radius:5px;
+}
+
+.imgprod
+{
+ border-radius:5px;
+}
+
+#payid
+{
+ margin: 0px auto;
+ color: #888;
+ text-decoration: normal;
+ background-color: #111;
+ border: 0px;
+ width: 100%;
+ font-size: 10px;
+ text-align: center;
+ white-space: pre-wrap; /* CSS3 */
+ white-space: -moz-pre-wrap; /* Firefox */
+ white-space: -pre-wrap; /* Opera <7 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* IE */
+}
+
+#payreq
+{
+ margin: 0px auto;
+ color: #888;
+ background-color: #111;
+ border: 0px;
+ width: 100%;
+ height: 55px;
+ font-size: 10px;
+ text-align: center;
+ white-space: pre-wrap; /* CSS3 */
+ white-space: -moz-pre-wrap; /* Firefox */
+ white-space: -pre-wrap; /* Opera <7 */
+ white-space: -o-pre-wrap; /* Opera 7 */
+ word-wrap: break-word; /* IE */
+}
+
+#copybutton
+{
+ color: #333;
+ text-decoration: bold;
+ background-color: #111;
+ border: 0px;
+ padding: 5px;
+ width: auto;
+}
+
+#backbutton
+{
+ color: #333;
+ text-decoration: bold;
+ background-color: #111;
+ border: 0px;
+ padding: 5px;
+ width: auto;
+}
+
+#description
+{
+ height:300px;
+}
+
+#description2
+{
+ height:300px;
+}
+
+.megalike {
+ display: inline-block;
+ border-radius: 50%; /* Makes it round */
+ font-size: 15px; /* Size of the emoji */
+ cursor: pointer;
+ transition: transform 0.2s;
+ user-select: none;
+
+}
+
+.megalike:hover {
+ transform: scale(1.1);
+}
+
+.megalike:active {
+ transform: scale(0.98);
+}
+
+.neonoff {
+ font-family: "Latin-Mono-Regular";
+ color: #DB232C;
+ text-transform: uppercase;
+ text-align: center;
+ opacity: 0.2;
+ }
+
+.neon {
+ font-family: "Roberta";
+ color: #DB232C;
+ text-align: center;
+ opacity: 1;
+ }
+
+.neon {
+ animation: neon 20.9s infinite alternate;
+ -moz-animation: neon 20.9s infinite alternate;
+ -webkit-animation: neon 20.9s infinite alternate;
+}
+
+.neongreenoff {
+ font-family: "Digital";
+ color: #23db29;
+ text-transform: uppercase;
+ text-align: center;
+ opacity: 0.2;
+ }
+
+.neongreen {
+ font-family: "Digital";
+ color: #D2974E;
+ text-transform: uppercase;
+ text-align: center;
+ opacity: 1;
+ }
+
+.neongreen {
+ animation: neongreen 20.9s infinite alternate;
+ -moz-animation: neongreen 20.9s infinite alternate;
+ -webkit-animation: neongreen 20.9s infinite alternate;
+}
+
+@keyframes neon {
+ 0%, 19%, 21%, 23%, 25%, 14%, 6%, 10% {
+ text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16;
+ color: #DB232C;
+ }
+ 50% {
+ text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B;
+ }
+ 20%, 24%, 55% {
+ text-shadow: none;
+ box-shadow: none;
+ }
+ }
+
+@keyframes neongreen {
+ 0%, 19%, 21%, 23%, 25%, 14%, 26%, 10% {
+ text-shadow: 0 0 1vw #16fa1e, 0 0 3vw #16fa1e, 0 0 10vw #16fa1e, 0 0 10vw #16fa1e;
+ color: #26db23;
+ }
+ 50% {
+ text-shadow: 0 0 .5vw #0d7f0b, 0 0 1.5vw #0d7f0b, 0 0 5vw #0d7f0b, 0 0 5vw #0d7f0b;
+ }
+ 2%, 14%, 5% {
+ text-shadow: none;
+ box-shadow: none;
+ }
+ }
+
