talksik/DoEverythingBar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

setup search bar

Browse Source
This commit is contained in:
Arjun Patel
2017-10-06 22:58:44 -07:00
parent 5fddba148c
commit 02cdea9bde
3 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/main-bg.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

index.html
+2 -2
View File
@@ -8,9 +8,9 @@
<link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="main.css">
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container main-bg">
<div class="row"> <div class="row">
<div class="col-xs-12 main-bg"> <div class="col-xs-8 search-col">
<div id="search-cont"> <div id="search-cont">
<div class="input-group stylish-input-group"> <div class="input-group stylish-input-group">
<input type="text" class="form-control" placeholder="Search" > <input type="text" class="form-control" placeholder="Search" >
main.css
+26 -12
View File
@@ -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; margin: 0;
position: absolute; position: absolute;
top: 50%; top: 50%;
@@ -6,12 +30,7 @@
margin-right: -50%; margin-right: -50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
div.main-bg {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.stylish-input-group .input-group-addon{ .stylish-input-group .input-group-addon{
background: white !important; background: white !important;
} }
@@ -24,8 +43,3 @@ div.main-bg {
border:0; border:0;
background:transparent; background:transparent;
} }
#search-cont {
height:200px;
width:600px;
}