Advertisement
kailana

Untitled

Oct 13th, 2015
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.27 KB | None | 0 0
  1. input[type="search"] {
  2. -webkit-appearance:textfield;
  3. -moz-box-sizing:content-box;
  4. -webkit-box-sizing:content-box;
  5. box-sizing:content-box;
  6. }
  7.  
  8. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  9.  
  10. .search {
  11. border:none;
  12. display:block;
  13. width:550px;
  14. position:Relative;
  15. line-height:50px!important;
  16. }
  17.  
  18. .left .search {float:right;}
  19.  
  20. .right .search {float:left;}
  21.  
  22. .search input {
  23. width:328px;
  24. position:Relative;
  25. padding:0 10px!important;
  26. height:15px!important;
  27. line-height:15px!important;
  28. font-size:9px;
  29. margin:1px 0;
  30. background:transparent;
  31. text-transform:uppercase;
  32. font-family:georgia;
  33. letter-spacing:2px;
  34. display:block;
  35. outline:none;
  36. border:0;
  37. border-left:1px solid rgba(174,169,169,1);
  38. transition:all .4s linear;
  39. -webkit-transition:all .4s linear;
  40. -o-transition:all .4s linear;
  41. -moz-transition:all .4s linear;
  42. }
  43.  
  44. .search input[type=text] {color:#777;}
  45. .search input:focus{
  46. outline:none;
  47. background:#fff;
  48. border-color:#aea9a9;
  49. }
  50.  
  51. ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  52. color:rgba(255,255,255,.7);
  53. transition:all .4s linear;
  54. -webkit-transition:all .4s linear;
  55. -o-transition:all .4s linear;
  56. -moz-transition:all .4s linear;
  57. }
  58.  
  59. :focus::-webkit-input-placeholder {
  60. color:#ffffff;
  61. transition:all .4s linear;
  62. -webkit-transition:all .4s linear;
  63. -o-transition:all .4s linear;
  64. -moz-transition:all .4s linear;
  65. }
  66.  
  67. :focus::-moz-placeholder {
  68. color:#ffffff;
  69. transition:all .4s linear;
  70. -webkit-transition:all .4s linear;
  71. -o-transition:all .4s linear;
  72. -moz-transition:all .4s linear;
  73. }
  74.  
  75. :focus:-moz-placeholder {
  76. color:#ffffff;
  77. transition:all .4s linear;
  78. -webkit-transition:all .4s linear;
  79. -o-transition:all .4s linear;
  80. -moz-transition:all .4s linear;
  81. }
  82.  
  83. :focus::-ms-input-placeholder {
  84. color:#ffffff;
  85. transition:all .4s linear;
  86. -webkit-transition:all .4s linear;
  87. -o-transition:all .4s linear;
  88. -moz-transition:all .4s linear;
  89. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement