mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-20 23:41:29 +02:00
Code Issues Releases Wiki Activity

[ticket/12598] Improve search box styling

Browse Source 
PHPBB3-12598
This commit is contained in:
PayBas
2014-07-07 15:49:56 +02:00
parent 3066cd700a
commit 470e6d5edf
13 changed files with 137 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
phpBB/styles/prosilver/theme/forms.css
View File

@@ -289,6 +289,10 @@ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-s
display: none;
}
input[type="search"]::-webkit-search-cancel-button {
cursor: pointer;
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
@@ -352,12 +356,46 @@ input.button1:focus, input.button2:focus, input.button3:focus {
/* Topic and forum Search */
.search-box {
margin-top: 3px;
margin-left: 5px;
float: left;
}
.search-box input {
.search-box .inputbox {
background-image: none;
border-right-width: 0;
border-radius: 4px 0 0 4px;
float: left;
height: 24px;
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-box button {
float: left;
}
.search-box button.search-icon {
border-radius: 0;
font-size: 0;
height: 24px;
margin: 0;
padding: 3px;
position: relative;
}
.search-box button.search-icon:before {
margin: 0 3px;
height: 14px;
width: 16px;
}
.search-box a.button {
border-left-width: 0;
border-radius: 0 4px 4px 0;
font-size: 0;
margin: 0;
padding: 2px 5px 2px 3px;
}
input.search {
@@ -371,4 +409,3 @@ input.search {
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}