setup search bar

2017-10-06 22:58:44 -07:00
parent 5fddba148c
commit 02cdea9bde
3 changed files with 28 additions and 14 deletions
@@ -8,9 +8,9 @@
    <link rel="stylesheet" type="text/css" href="main.css">
  </head>
  <body>
-    <div class="container-fluid">
+    <div class="container main-bg">
      <div class="row">
-        <div class="col-xs-12 main-bg">
+        <div class="col-xs-8 search-col">
          <div id="search-cont">
                <div class="input-group stylish-input-group">
                    <input type="text" class="form-control"  placeholder="Search" >
@@ -1,4 +1,28 @@
-.center {
+html {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+div.main-bg {
+  background-image: url("images/main-bg.jpg");
+  background-repeat: no-repeat;
+  background-size: cover;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  /*border: 2px solid red;*/
+}
+
+.search-col {
  margin: 0;
    position: absolute;
    top: 50%;
@@ -6,12 +30,7 @@
    margin-right: -50%;
    transform: translate(-50%, -50%);
 }
-div.main-bg {
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}
+
 .stylish-input-group .input-group-addon{
    background: white !important;
 }
@@ -24,8 +43,3 @@ div.main-bg {
    border:0;
    background:transparent;
 }
-
-#search-cont {
-  height:200px;
-  width:600px;
-}