Migrated Search Area

3 files changed, 33 insertions, 0 deletions

diff --git a/static/css/search.css b/static/css/search.css
new file mode 100644
index 00000000..946650c0
--- /dev/null
+++ b/static/css/search.css
@@ -0,0 +1,30 @@
+#search-area {
+    width: 250px;
+    height: 110px;
+    background: url('../images/backgrounds/search-area.png') no-repeat;
+    background-size: 250px 110px;
+    margin: auto;
+    padding: 0px;
+    border: 0px;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+}
+
+#search-form {
+    position: absolute;
+    bottom: 10px;
+    left: 40px;
+}
+
+#search-form input[type=text]{
+    display: block;
+    width: 180px;
+    font-size: 12px;
+    background: transparent;
+    color: #231F20;
+    border-radius: 4px;
+}
+#search-form input::placeholder {
+    color: #524e4f;
+}
diff --git a/static/css/styles.css b/static/css/styles.css
index 072c68b7..f5b99bb3 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1,3 +1,5 @@
+@import url(search.css);
+
 body {
     background: black;
     font-size: 11px;
@@ -257,6 +259,7 @@ blockquote {
     margin: auto;
     width: 1000px;
     height: 360px;
+    position: relative;
 }
 
 #navigation-area ul, #archives-area ul, #categories-area ul, #admin-area ul, #announcements ul, #user-area ul, #fun-stuff ul, #activity ul {
diff --git a/static/images/backgrounds/search-area.png b/static/images/backgrounds/search-area.png
new file mode 100644
index 00000000..3c13c990
--- /dev/null
+++ b/static/images/backgrounds/search-area.png