commit

4 files changed, 164 insertions, 0 deletions

diff --git a/style/avocado.jpg b/style/avocado.jpg
new file mode 100755
index 0000000..938bdc0
--- /dev/null
+++ b/style/avocado.jpg
diff --git a/style/avocado.png b/style/avocado.png
new file mode 100755
index 0000000..62149f5
--- /dev/null
+++ b/style/avocado.png
diff --git a/style/minecraft_carrot.cur b/style/minecraft_carrot.cur
new file mode 100755
index 0000000..90ac01f
--- /dev/null
+++ b/style/minecraft_carrot.cur
diff --git a/style/style.css b/style/style.css
new file mode 100755
index 0000000..1548237
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,164 @@
+:root {
+    font-family: monospace;
+    text-align: center;
+    --primary-color: wheat;
+    --secondary-color: saddlebrown;
+    --tertiary-color: limegreen;
+    --shadow-color: black;
+    /* cursor: url(./minecraft_carrot.cur), auto; */
+}
+body {
+    margin: 0px;
+    background-image: url('./avocado.jpg');
+    background-size: cover;
+    background-attachment: fixed;
+}
+
+/* styling special radio buttons */
+.special_radio input[type="radio"] {
+    opacity: 0;
+    position: fixed;
+    width: 0;
+}
+.special_radio input[type="radio"]:checked + label, 
+.special_radio input[type="radio"]:hover + label {
+    color: var(--secondary-color);
+    background-color: var(--primary-color);
+}
+/* end styling special radio buttons */
+
+main {
+    display: block;
+    margin: 10px 50px 10px 250px;
+}
+.big_box {
+    color: var(--primary-color);
+    background-color: var(--secondary-color);
+    border: 1px solid var(--primary-color);
+    border-radius: 30px;
+    overflow: hidden;
+    box-shadow: 0 0 30px var(--shadow-color);
+    padding: 10px;
+    box-sizing: border-box;
+}
+.medium_box {
+    color: var(--primary-color);
+    background-color: var(--secondary-color);
+    border: 1px solid var(--primary-color);
+    border-radius: 20px;
+    overflow: hidden;
+    box-shadow: 0 0 20px var(--shadow-color);
+    padding: 10px;
+    box-sizing: border-box;
+}
+.small_box {
+    color: inherit;
+    background-color: inherit;
+    border: 1px solid var(--primary-color);
+    border-radius: 10px;
+    overflow: hidden;
+    box-shadow: 0 0 10px var(--shadow-color);
+    padding: 10px;
+    box-sizing: border-box;
+}
+.color_inverse_on_hover:hover, .color_inverse_on_focus:focus {
+    color: var(--secondary-color) !important;
+    background-color: var(--primary-color) !important;
+}
+table {
+    border-collapse: collapse;
+    width: 100%;
+    border: 1px solid var(--primary-color);
+}
+td, th {
+    padding: 0;
+    border: 1px solid var(--primary-color);
+}
+.tertiary_color_style {
+    color: var(--secondary-color);
+    background-color: var(--tertiary-color);
+    border: 1px solid var(--tertiary-color);
+}
+a {
+    text-decoration: none;
+    color: var(--primary-color);
+}
+input {
+    appearance: none;               /* Standard property */
+    -webkit-appearance: none;       /* For WebKit browsers (Chrome, Safari, etc.) */
+    -moz-appearance: textfield;     /* Firefox */
+}
+nav {
+    color: var(--primary-color);
+    background-color: var(--secondary-color);
+    width: 190px;
+    position: fixed;
+    top: 0px;
+    overflow: auto;
+    /* height: calc(100% - 20px); */
+    margin: 10px;
+
+}
+nav a {
+    display: block;
+}
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+select {
+    text-align: center;
+}
+.flexbox {
+    display: flex;
+    justify-content: space-evenly;
+    gap: 10px;
+    padding: 0;
+}
+.hor_spacing .hor_spacing_item {
+    margin-bottom: 10px;
+}
+.hor_spacing .hor_spacing_item:last-child {
+    margin-bottom: 0;
+}
+/* button {
+    display: block;
+}
+button * {
+    margin: 0;
+}
+img {
+    width: 100%;
+} */
+.listenbox {
+    border: 1px solid var(--primary-color);
+    border-radius: 10px;
+    box-shadow: 0 0 10px var(--shadow-color);
+    overflow: hidden;
+}
+.listenbox .listenobjekt {
+    border: 0;
+    border-bottom: 1px solid var(--primary-color);
+    color: inherit;
+    background-color: inherit;
+    padding: 10px;
+}
+.listenbox .listenobjekt:last-child {
+    border-bottom: 0;
+}
+.marquee_box {
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    position: relative;
+}
+.marquee_text {
+    display: inline-block;
+    /* padding-left: 100%; */
+    animation: marquee 5s linear infinite; /* Adjust timing as needed */
+}
+@keyframes marquee {
+    0%, 50% { transform: translateX(0); } /* Pause at start */
+    100% { transform: translateX(-50%); } /* Fully loops with second text */
+  }
\ No newline at end of file