Home Esplora Aiuto
Registrati Accedi
raolu
/
PC-application
Segui 0
Vota 0
Forka 1
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): 8716745632
Rami (Branch) Tag
PC-application
/
css
/
cross-searchui.css

cross-searchui.css 3.1 KB
Cronologia Originale

123456789101112131415161718192021222324 
  1. /* css search
    2. 

  2. -----------------------------------------------------------------------------*/
    3. 

  3. .bgc-f2f4f6{ background:#f2f4f6;}
    4. 

  4. .c-ser-hold{ height:2.25rem;}
    5. 

  5. .c-serposi{ position:fixed; left:0; top:0; z-index:600;}
    6. 

  6. .c-ser-div { width: 100%; height: 2.25rem; padding: .35rem .5rem 0 .5rem; display: -webkit-box; display: box; box-sizing:border-box; -webkit-box-sizing:border-box;}
    7. 

  7. .c-ser-into { width:100%; background: #fff; height: 1.5rem; line-height: 1.5rem; border-radius: .2rem; color: #b3b3b3; padding:0 .4rem; box-sizing:border-box; -webkit-box-sizing:border-box;}
    8. 

  8. .ser-icon { position: relative; display: inline-block; width: 13px; height: 13px; font-size: 1px; background: none; vertical-align:middle; margin-bottom:4px;}
    9. 

  9. .ser-icon:before, .ser-icon:after { content: ""; position: absolute; left: 0; background: transparent; font-size: 1px; }
    10. 

  10. .ser-icon-search:before { left: 1px; top: 1px; width: 10px; height: 10px; border: 1px solid #aaa9a9; border-radius: 50%;}
    11. 

  11. .ser-icon-search:after { left: 10px; top: 12px; width: 5px; height: 1px; background: #aaa9a9; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
    12. 

  12. .c-ser-back { width: 1rem; -webkit-box-flex: 0; box-flex: 0; overflow: hidden; }
    13. 

  13. .c-ser-back .si-right { display: inline-block; width: 12px; height: 12px; border: solid #a3a3a7; border-width: 0 0 1px 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin:9px 0 0 3px;}
    14. 

  14. .c-ser-main { -webkit-box-flex: 1; box-flex: 1; background: #fff; height: 1.5rem; border-radius: .2rem; font-size: .75rem; color: #8e8e93; position: relative; padding:0 .5rem 0 1.25rem; overflow: hidden; }
    15. 

  15. .c-ser-main i { position: absolute; left: .35rem; top:50%; margin-top:-7px;}
    16. 

  16. .c-ser-input { width: 100%; background: #fff; height: 1.5rem; line-height: 1.5rem; border: none; color: #333; border-radius: 5px;}
    17. 

  17. .c-ser-btn { margin-left: .5rem; -webkit-box-flex: 0; box-flex: 0; }
    18. 

  18. .c-ser-btn a { display: block; height: 1.5rem; line-height: 1.5rem; padding: 0 .5rem; background: #3aa7ed; color: #fff; font-size: .7rem; border-radius: .2rem; }
    19. 

  19. .c-ser-canc { margin-left: .5rem; -webkit-box-flex: 0; box-flex: 0; }
    20. 

  20. .c-ser-canc a { display: block; height: 1.5rem; line-height: 1.5rem; padding: 0 .25rem; color:#17b3ec;}
    21. 

  21. .c-ser-main .input-clear { position: absolute; right: .3rem; top: 50%; margin-top: -.4rem; background: #7e7e7e; border-radius: 50%; width: .8rem; height: .8rem; text-align: center; }
    22. 

  22. .c-ser-main .input-clear:before, .c-ser-main .input-clear:after { content: ''; position: absolute; height: 1px; width: .5rem; top: 50%; left: 50%; margin-top: -.025rem; margin-left: -.25rem; background: #fff; border-radius: 6px; }
    23. 

  23. .c-ser-main .input-clear:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    24. 

  24. .c-ser-main .input-clear:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    25.