Created js base for facebook menu

6 files changed, 108 insertions, 0 deletions

diff --git a/app/src/main/assets/css/core/_base.scss b/app/src/main/assets/css/core/_base.scss
new file mode 100644
index 00000000..344b6696
--- /dev/null
+++ b/app/src/main/assets/css/core/_base.scss
@@ -0,0 +1,17 @@
+@mixin placeholder {
+    ::-webkit-input-placeholder {
+        @content
+    }
+
+    :-moz-placeholder {
+        @content
+    }
+
+    ::-moz-placeholder {
+        @content
+    }
+
+    :-ms-input-placeholder {
+        @content
+    }
+}
diff --git a/app/src/main/assets/css/core/_colors.scss b/app/src/main/assets/css/core/_colors.scss
new file mode 100644
index 00000000..718c1e62
--- /dev/null
+++ b/app/src/main/assets/css/core/_colors.scss
@@ -0,0 +1,11 @@
+$transparent: transparent !default;
+
+//Keep above as first line so partials aren't compiled
+
+//$text: #f0f;
+//$background: #f00;
+//$background2: rgba(#ff0, 0.1);
+
+$text: #fff !default;
+$background: #000 !default;
+$background2: rgba(lighten($background, 10%), 0.1) !default;
diff --git a/app/src/main/assets/css/core/header.compact.css b/app/src/main/assets/css/core/header.compact.css
new file mode 100644
index 00000000..560a8465
--- /dev/null
+++ b/app/src/main/assets/css/core/header.compact.css
@@ -0,0 +1 @@
+#header[data-sigil="MTopBlueBarHeader"], #header-notices, [data-sigil*=m-promo-jewel-header] { display: None !important; }
diff --git a/app/src/main/assets/css/core/header.scss b/app/src/main/assets/css/core/header.scss
new file mode 100644
index 00000000..4e4a2148
--- /dev/null
+++ b/app/src/main/assets/css/core/header.scss
@@ -0,0 +1,6 @@
+// remove blue header
+
+#header[data-sigil="MTopBlueBarHeader"], #header-notices,
+[data-sigil*=m-promo-jewel-header] {
+    display: None !important;
+}
diff --git a/app/src/main/assets/css/core/login.compact.css b/app/src/main/assets/css/core/login.compact.css
new file mode 100644
index 00000000..436b1875
--- /dev/null
+++ b/app/src/main/assets/css/core/login.compact.css
@@ -0,0 +1,25 @@
+[data-sigil="m_login_upsell"] { display: none !important; }
+
+body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { background: #000 !important; }
+
+button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, ._5xo2, ._5u5a::before { background: rgba(26, 26, 26, 0.1) !important; }
+
+._56bf, .touch .btn { border-radius: 0 !important; border: 0 !important; }
+
+.touch ._56bt { text-shadow: none !important; }
+
+.touch .btnS { box-shadow: none !important; }
+
+input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { color: #fff !important; }
+
+::-webkit-input-placeholder { color: #fff !important; }
+
+:-moz-placeholder { color: #fff !important; }
+
+::-moz-placeholder { color: #fff !important; }
+
+:-ms-input-placeholder { color: #fff !important; }
+
+._43mh::before, ._43mh::after { background: #fff !important; }
+
+._1rrd { border: 1px solid #fff !important; color: #fff !important; }
diff --git a/app/src/main/assets/css/core/login.scss b/app/src/main/assets/css/core/login.scss
new file mode 100644
index 00000000..00627838
--- /dev/null
+++ b/app/src/main/assets/css/core/login.scss
@@ -0,0 +1,48 @@
+@import "colors";
+@import "base";
+
+//Get Android banner
+[data-sigil="m_login_upsell"] {
+  display: none !important;
+}
+
+body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r {
+  background: $background !important;
+}
+
+button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before,
+._5xo2, ._5u5a::before {
+  background: $background2 !important;
+}
+
+._56bf, .touch .btn {
+  border-radius: 0 !important;
+  border: 0 !important;
+}
+
+.touch ._56bt {
+  text-shadow: none !important;
+}
+
+.touch .btnS {
+  box-shadow: none !important;
+}
+
+input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 {
+  color: $text !important;
+}
+
+@include placeholder {
+  color: $text !important;
+}
+
+
+// divider lines
+._43mh::before, ._43mh::after {
+  background: $text !important;
+}
+
+._1rrd {
+  border: 1px solid $text !important;
+  color: $text !important;
+}