i2psnark: Search box CSS

This commit is contained in:
zzz
2023-01-21 16:00:27 -05:00
parent 3da4369c96
commit 8d019a7275
4 changed files with 38 additions and 18 deletions

View File

@ -227,22 +227,27 @@ _:-ms-lang(x), .snarknavbar {
#search {
display: inline-block;
position: absolute;
top: 6px;
right: 3px;
top: 16px;
right: 9px;
}
#searchbox {
background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
background: #000 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
margin: 2px 4px 2px 24px !important;
padding: 4px 32px 4px 32px !important;
color: black;
color: #bb7;
}
#searchbox:focus, #searchbox:active {
color: #ee9;
}
#searchcancel {
background: url(images/cancel.png);
margin: 2px 4px 2px -28px;
background: url(images/delete.png) 0px center no-repeat;
margin: 2px 4px 2px -20px;
color: transparent;
border: none;
width: 12px;
}
/* end topnav */

View File

@ -232,22 +232,27 @@ button::-moz-focus-inner, input::-moz-focus-inner {
#search {
display: inline-block;
position: absolute;
top: 6px;
right: 3px;
top: 10px;
right: 6px;
}
#searchbox {
background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
background: #f8f8ff url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
margin: 2px 4px 2px 24px !important;
padding: 4px 32px 4px 32px !important;
color: black;
color: #47475f;
}
#searchbox:focus, #searchbox:active {
color: #19191f;
}
#searchcancel {
background: url(images/cancel.png);
background: url(images/delete.png) 0px center no-repeat;
margin: 2px 4px 2px -28px;
color: transparent;
border: none;
width: 12px;
}
/* end top nav */

View File

@ -237,10 +237,15 @@ _:-ms-lang(x), .snarkNav:last-child[href="/i2psnark/"] {
}
#searchbox {
background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
background: #212 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
margin: 2px 4px 2px 24px !important;
padding: 4px 32px 4px 32px !important;
color: black;
color: #f60;
}
#searchbox:focus, #searchbox:active {
background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
color: #fff;
}
#searchcancel {

View File

@ -275,20 +275,25 @@ _:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
#search {
display: inline-block;
position: absolute;
top: 6px;
top: 8px;
right: 3px;
}
#searchbox {
background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
background: #efe6e0 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
margin: 2px 4px 2px 24px !important;
padding: 4px 32px 4px 32px !important;
color: black;
color: #2f1500;
}
#searchbox:focus, #searchbox:active {
background: #fffcdf url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
color: #5f1227;
}
#searchcancel {
background: url(images/cancel.png);
margin: 2px 4px 2px -28px;
background: url(images/delete.png) 7px center no-repeat;
margin: 2px 4px 2px -30px;
color: transparent;
border: none;
}