Browse Source

update search.css (remove co-web code).

I will need to update this as I go along. I copied the code over from my co-web
project so the webpages have been rendering with that style/design until
now. This commit has removed as much of it as possible and added/updated the
style rules to fall in-line with the design of this website.
stable
Craig Oates 2 years ago
parent
commit
c0ca6c8aa2
  1. 47
      static/css/search.css

47
static/css/search.css

@ -1,11 +1,9 @@
.ui-search-container {
.fe-search-container {
margin: 0px;
display: flex;
position: abosolute;
flex-direction: column;
align-items: center;
height: 120px;
border-bottom: 2px solid black;
}
#searchbox {
@ -26,33 +24,8 @@
width: 100%;
height: 40px;
padding: 10px;
border: 2px solid #0094ff;
border-radius: 4px 4px 0px 0px;
font-family: 'main', sans-serif;
font-size: 16px;
}
.ais-SearchBox-input::placeholder {
font-family: 'main', sans-serif;
font-size: 16px;
}
.ais-SearchBox-form input:focus-visible {
outline: none;
}
.ais-SearchBox-submit {
font-size: 16px;
height: 40px;
margin: 0px;
font-family: 'main', sans-serif;
color: white;
background-color: #0094ff;
border-radius: 4px;
padding: 10px;
cursor: pointer;
text-transform: uppercase;
border: none;
border: 1px solid black;
border-radius: 8px;
}
.ais-SearchBox-submitIcon,
@ -68,9 +41,9 @@
background: white;
width: calc(100% - 4px);
max-width: calc(600px - 4px);
border-right: 2px solid #0094ff;
border-bottom: 2px solid #0094ff;
border-left: 2px solid #0094ff;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: 2px solid black;
border-radius: 0px 0px 4px 4px;
}
@ -92,21 +65,21 @@
margin: 4px 0px 0px 0px;
}
.ui-link-search-card {
.fe-search-hit {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.ui-link-search-card:link {
.fe-search-hit:link {
text-decoration: none;
float: left;
border-radius: 0px;
padding: 4px 0px;
}
.ui-link-search-card img {
.fe-search-hit img {
width: 30px;
height: 30px;
display: inline;
@ -114,7 +87,7 @@
padding: 0px 6px;
}
.ui-link-search-card span {
.fe-search-hit span {
vertical-align: middle;
}

Loading…
Cancel
Save