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

searchbar

Browse Source
This commit is contained in:
Arjun Patel
2017-10-06 21:39:55 -07:00
parent 2e2dbe9365
commit e4c22538fd
2 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14
View File
@@ -9,6 +9,20 @@
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
<div class="row">
<div class="col-xs-12 main-bg">
<div id="search-cont">
<div class="input-group stylish-input-group">
<input type="text" class="form-control" placeholder="Search" >
<span class="input-group-addon">
<button type="submit">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>
main.css
+31
View File
@@ -0,0 +1,31 @@
.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
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;
}
.stylish-input-group .form-control{
border-right:0;
box-shadow:0 0 0;
border-color:#ccc;
}
.stylish-input-group button{
border:0;
background:transparent;
}
#search-cont {
height:200px;
width:600px;
}