TRANSPARENTIZE EVERYTHING

avinashbot · Apr 17, 2017 · 6ba1ae9 · 6ba1ae9
1 parent 7948bfa
commit 6ba1ae9
Showing 5 changed files with 52 additions and 64 deletions.
diff --git a/theme/_variables.scss b/theme/_variables.scss
@@ -3,6 +3,7 @@ $page-top-margin: 20px;
 $page-background-color: #f6f6f6;
 $page-nightmode-color: #262626;
 $page-accent-color: #3D9970;
+$page-element-transparency: 0.35;
 
 // Shortcut Bar (Top of Header)
 $header-shortcuts-height: 18px;

diff --git a/theme/header-shortcuts.scss b/theme/header-shortcuts.scss
@@ -1,11 +1,5 @@
 #sr-header-area {
   border: none;
-  opacity: $header-shortcuts-opacity;
-  transition: opacity 0.2s;
   height: $header-shortcuts-height;
   background-color: transparent;
-
-  &:hover {
-    opacity: 1;
-  }
 }
diff --git a/theme/main.scss b/theme/main.scss
@@ -7,6 +7,7 @@
 @import "sidebar";
 @import "snoo";
 @import "submit-button";
+@import "submit-page";
 @import "toggle-button";
 @import "link";
 @import "thumbnail";
@@ -15,9 +16,6 @@
 
 body {
   margin-top: $page-top-margin;
-}
-
-body {
   background-color: $page-background-color;
 }
 
@@ -62,62 +60,13 @@ body.with-listing-chooser .listing-chooser {
   }
 }
 
-.sheets,
-#RESStyleSheetTipPane,
-#sr-form .linefield,
-#newlink .formtabs-content,
-#newlink .roundfield,
-#newlink .roundfield .usertext-edit,
-#newlink .markdownEditor-wrapper {
-  width: 100%;
-  max-width: 100%;
-}
-
-#sr-form .linefield,
-#newlink .formtabs-content,
-#newlink .roundfield {
-  padding: 0;
-  background-color: transparent;
-}
-
-.roundfield textarea,
-.roundfield input[type=text],
-.roundfield input[type=url],
-.roundfield input[type=password],
-.roundfield input[type=number],
-#compose-message .roundfield select {
-  width: 100%;
-  padding: 0;
-  border: none;
-  border-bottom: 1px dashed $page-accent-color;
-  background-color: transparent;
-
-  &:focus {
-    outline: none;
-  }
-}
-
-#link-desc, #text-desc {
-  margin-top: 10px;
-}
-
-.submit_text.enabled {
-  display: block;
-}
-
 .infobar, .formtabs-content .infobar, #newlink .roundfield.info-notice {
   margin-right: 0;
   border: 1px dotted $page-accent-color;
   background-color: transparent;
   padding: 10px;
 }
 
-body:not(.res) #header-bottom-right {
-  top: 25px;
-  bottom: auto;
-  border-radius: 0;
-}
-
 #header {
   background-color: $header-background-color;
   background-image: $header-background-url;
@@ -128,3 +77,11 @@ body:not(.res) #header-bottom-right {
   position: relative;
   height: $header-height;
 }
+
+.side, .tabmenu, #header-bottom-right, #sr-header-area {
+  opacity: $page-element-transparency;
+  transition: opacity 0.2s;
+  &:hover {
+    opacity: 1;
+  }
+}
diff --git a/theme/sidebar.scss b/theme/sidebar.scss
@@ -2,12 +2,6 @@
   width: $content-right-spacing;
   margin: -($header-height + $header-shortcuts-height + 10px) 0 0 0; // 10px as content top margin
 
-  opacity: 0.5;
-  transition: opacity 0.2s;
-  &:hover {
-    opacity: 1;
-  }
-
   .spacer {
     margin: 10px 0 0 $sidebar-padding;
     width: 100%;

diff --git a/theme/submit-page.scss b/theme/submit-page.scss
@@ -0,0 +1,42 @@
+.sheets,
+#RESStyleSheetTipPane,
+#sr-form .linefield,
+#newlink .formtabs-content,
+#newlink .roundfield,
+#newlink .roundfield .usertext-edit,
+#newlink .markdownEditor-wrapper {
+  width: 100%;
+  max-width: 100%;
+}
+
+#sr-form .linefield,
+#newlink .formtabs-content,
+#newlink .roundfield {
+  padding: 0;
+  background-color: transparent;
+}
+
+.roundfield textarea,
+.roundfield input[type=text],
+.roundfield input[type=url],
+.roundfield input[type=password],
+.roundfield input[type=number],
+#compose-message .roundfield select {
+  width: 100%;
+  padding: 0;
+  border: none;
+  border-bottom: 1px dashed $page-accent-color;
+  background-color: transparent;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+#link-desc, #text-desc {
+  margin-top: 10px;
+}
+
+.submit_text.enabled {
+  display: block;
+}