Added Piped, cleaned code

Signed-off-by: ManeraKai <manerakai@protonmail.com>

1 files changed, 1 insertions, 159 deletions

diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index 0468935d..e7a7c5f2 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -31,11 +31,6 @@ div.some-block input[type="checkbox"] {
   -webkit-appearance: none;
 }
 
-h1 {
-  font-size: 14px;
-  margin: 7px auto;
-}
-
 h2 {
   clear: both;
   font-size: 12px;
@@ -60,7 +55,6 @@ select {
   background-color: var(--bg-main);
   border-style: solid;
   border-color: #767676;
-
   color: var(--text);
 }
 
@@ -76,7 +70,6 @@ select {
   border-radius: 3px;
 }
 
-
 input[type="radio"] {
   appearance: radio;
   -moz-appearance: radio;
@@ -237,7 +230,6 @@ body.option {
   padding: 40px;
 }
 
-
 section.links {
   margin: 00px 0;
 }
@@ -265,7 +257,6 @@ section.links a.selected {
   vertical-align: middle;
 }
 
-
 input[type="range"] {
   width: 50%;
 }
@@ -284,23 +275,8 @@ input[type="url"]:focus {
   color: var(--active);
 }
 
-.collapsible {
-  background-color: var(--bg-main);
-  cursor: pointer;
-  color: var(--active);
-  padding: 18px;
-  width: 100%;
-  border: none;
-  text-align: left;
-  outline: none;
-  font-size: 15px;
-  border-bottom: solid var(--active);
-  font-weight: bold;
-}
-
 /* \25BE */
 
-
 hr {
   height: 2px;
   margin: 0 15px;
@@ -308,28 +284,6 @@ hr {
   border: none;
 }
 
-.new-badge {
-  position: relative;
-}
-
-.new-badge[data-new-badge]:after {
-  content: "New!";
-  position: absolute;
-  top: -10px;
-  right: -42px;
-  font-size: 0.9em;
-  background: var(--active);
-  color: white;
-  width: 35px;
-  height: 18px;
-  text-align: center;
-  line-height: 18px;
-  border-radius: 25px;
-  padding: 2px;
-  box-shadow: 0 0 1px var(--bg-secondary);
-  font-weight: bold;
-}
-
 .light-theme.popup,
 .light-theme .popup {
   background-color: var(--bg-secondary);
@@ -354,51 +308,6 @@ body.light-theme a{
   color: black;
 }
 
-section {
-  background-color: var(--bg-main);
-}
-
-section.youtube {
-  grid-area: youtube;
-}
-
-section.twitter {
-  grid-area: twitter;
-}
-
-section.instagram {
-  grid-area: instagram;
-}
-
-section.reddit {
-  grid-area: reddit;
-}
-
-section.search {
-  grid-area: search;
-}
-
-section.translate {
-  grid-area: translate;
-}
-
-section.maps {
-  grid-area: maps;
-}
-
-section.wikipedia {
-  grid-area: wikipedia;
-}
-
-section.medium {
-  grid-area: medium;
-}
-
-section.exception {
-  grid-area: general;
-}
-
-
 div.some-block {
   padding: 0 15px;
   justify-content: space-between;
@@ -431,9 +340,7 @@ div.option-block h4 {
 
 div.option-block h1 {
   margin: 0;
-  margin-right: 5px;
-  width: 80%;
-  font-size: 20px;
+  font-size: 28px;
   color: var(--active);
 }
 
@@ -516,39 +423,6 @@ a.button:active {
   transform: translateY(1px);
 }
 
-div.option {
-  box-sizing: border-box;
-  margin: auto;
-  max-width: 1800px;
-  display: grid;
-  grid-template-columns: 33.3% 33.3% 33.3%;
-  gap: 2px;
-  /* border: 3px solid var(--active); */
-  background-color: rgb(58, 58, 58);
-  grid-template-areas:
-    "general     twitter instagram"
-    "youtube     reddit  search"
-    "youtube     maps    wikipedia"
-    "translate  medium   wikipedia"
-}
-
-div.random-pool {
-  display: flex;
-  align-items: stretch;
-}
-
-div.random-pool ul {
-  list-style: disc;
-  margin: 0 20px;
-}
-
-div.random-pool li {
-  border: none;
-  padding: 10px 0;
-  font-size: 15px;
-  line-height: 1px;
-}
-
 textarea {
   line-height: 21px;
   background-color: var(--bg-secondary);
@@ -558,38 +432,6 @@ textarea {
   width: 100%;
 }
 
-@media (max-width: 1590px) {
-  div.option {
-    max-width: 1200px;
-    grid-template-columns: 50% 50%;
-    grid-template-areas:
-      "general    twitter"
-      "youtube    instagram"
-      "youtube    reddit"
-      "search     maps"
-      "translate  wikipedia"
-      "medium     wikipedia"
-  }
-}
-
-@media (max-width: 1090px) {
-  div.option {
-    max-width: 600px;
-    grid-template-columns: 100%;
-    grid-template-areas:
-      "general"
-      "youtube"
-      "twitter"
-      "instagram"
-      "search"
-      "reddit"
-      "maps"
-      "translate"
-      "wikipedia"
-      "medium"
-  }
-}
-
 @media (prefers-color-scheme: light) {
   body {
     --text: #000;