html - Slide text search box is overwritten -

-

i'm doing search box slide. need when click on magnifying glass, move slide "castilian", text , not fixed text , sarch see box below. it's possible? best ...

my code

try css. worked.

#wrap {   margin: 39px 60px;   display: inline-block;   position: relative;   /*float: right;*/   padding: 0;   position: relative; }  input[type="text"] {   height: 60px;   font-size: 55px;   display: inline-block;   font-family: "lato";   font-weight: 100;   border: none;   outline: none;   color: #555;   padding: 3px;   padding-right: 60px;   width: 0px;   position: relative;   top: 0;   right: 0;   background: none;   z-index: 3;   transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);   cursor: pointer; }  input[type="text"]:focus:hover {   border-bottom: 1px solid #bbb; }  input[type="text"]:focus form {   width: 700px; }  input[type="text"]:focus {   width: 700px;   z-index: 1;   border-bottom: 1px solid #bbb;   cursor: text; } input[type="submit"] {   height: 67px;   width: 63px;   display: inline-block;   color:red;   /*float: right;*/   background: url(data:image/png;base64,ivborw0kggoaaaansuheugaaadaaaaawcamaaabg3am1aaaagxrfwhrtb2z0d2fyzqbbzg9izsbjbwfnzvjlywr5ccllpaaaadnqtfrfu1nt9fx1ljsuxl5e1dxvfn5+c3nz6urqv7+/tls0iymjqampn5+fysrk39/fawlp////vi4zywaaabf0uk5t/////////////////////walrzliaaablkleqvr42rswwrbdiahfheoutn3/ags1zaa4chrkz8jfrhwoxkwtvwgp1qo0byobapwilmbnahbwfbzld9j0jxfldviiobnhg/do8prhtjk0tezahv7qlok0jjebh+f8+u/hopielowfizucdozd1radoqka75oq4cvvkct+odhnqqpqcitwajnwvggquwz12ljugwgoawgbkzrvbccypgukoaowgbx/l0cmxn40u6xwcij1cozwydffp3axsqoyvdkxih9fkrfwprhyzuaxmgpleiw7qhbdrciylxjakheculbivoqx1dvryh26yb0hsuoofepsoz+bve0mrlznjgzcrqyhykmmp2hbtizdkzctc/plqonbrk7/yzdaoq/q5npbh1f7x7fgp4c3aamaqrhzx9zhcgsaaaaasuvork5cyii=) center center no-repeat;   text-indent: -10000px;   border: none;   position: absolute;   top: 0;   right: 0;   z-index: 2;   cursor: pointer;   opacity: 0.4;   cursor: pointer;   transition: opacity .4s ease; }  input[type="submit"]:hover {   opacity: 0.8; }

Comments

Post a Comment

Popular posts from this blog

Ansible - ERROR! the field 'hosts' is required but was not set -

-
i've error when launch playbook don't found why.... error! field 'hosts' required not set there main.yml : --- - hosts: hosts - vars: - elasticsearch_java_home: /usr/lib/jmv/jre-1.7.0 - elasticsearch_http_port: 8443 - tasks: - include: tasks/main.yml - handlers: - include: handlers/main.yml and /etc/ansible/hosts : [hosts] 10.23.108.182 10.23.108.183 10.23.108.184 10.23.108.185 when test ping, : [root@poste08-08-00 elasticsearch]# ansible hosts -m ping 10.23.108.183 | success => { "changed": false, "ping": "pong" } 10.23.108.182 | success => { "changed": false, "ping": "pong" } 10.23.108.185 | success => { "changed": false, "ping": "pong" } 10.23.108.184 | success => { "changed": false, "ping": "pong" } please, me :) regards, you have syntax error in playbook.
Read more

customize file_field button ruby on rails -

-
i'm trying rid of ugly button rails has default file upload. want add glyphicon <%= f.file_field :image_url, class:"glyphicon glyphicon-camera" %> this didn't work , have tried other things in different post saw on page, don't attach file. as suggested here bootstrap filestyle , can use bootstrap's filestyle style file upload buttons. step-1: add layout application.html.erb i have added bootstrap filestyle library cdn. should make sure have both jquery , boostrap loaded. <script type="text/javascript" src="https://cdn.jsdelivr.net/bootstrap.filestyle/1.1.0/js/bootstrap-filestyle.min.js"> </script> step-2: add corresponding js file: $(":file").filestyle({input: false}); step-3: image_url file field follows: <%= f.file_field :image_url,class: "filestyle", "data-input" => false %>
Read more

SoapUI on windows 10 - high DPI/4K scaling issue -

-
Image
soapui doesn't seem dpi-aware , displays small on high dpi screen (tiny text , buttons). other applications running fine (screen resolution 3840 x 2160). version : soapui 5.1.2 os : windows 10 i have tried: configure soapui run "disable display scaling on high dpi settings" - parts of soapui looking bigger , don't display (image) changing resolution changing font size (preferences > editor settings > select font...) therefore assume, soapui pretends dpi-aware, not scale itself. have same issue? this workaround until developers round making version dpi-aware. step 1: add registry key hkey_local_machine\software\microsoft\windows\currentversion\sidebyside\preferexternalmanifest (dword) 1 step 2: add manifest file 'soapui-5.2.1.exe.manifest' in same directory 'soapui-5.2.1.exe' content of manifest file: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <assembly xml
Read more