Domů Procházet Nápověda
Registrovat se Přihlásit se
chenyue
/
PC-application
rozštěpen z raolu/PC-application
Sledovat 0
Oblíbit 0
Rozštěpit 0
Soubory
Větev: master
Větve Značky
PC-application
/
css
/
list.ui.css

list.ui.css 3.6 KB
Trvalý odkaz Historie Surový

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. @charset "utf-8";
    2. 

  2. /* c-list
    3. 

  3. -----------------------------------------------------------------------------*/
    4. 

  4. .ptb12 { padding-top: .6rem; padding-bottom: .6rem; }
    5. 

  5. .c-list-group h3 { padding: .3rem .75rem; background-color: #f9f9f9; font-size: .65rem; color: #5b5b5b; margin: 0; vertical-align: middle; }
    6. 

  6. .c-avatar-s { width: 1.3rem; height: 1.3rem; }
    7. 

  7. .c-avatar-m { width: 2rem; height: 2rem; }
    8. 

  8. .c-avatar-l { width: 2.7rem; height: 2.7rem; }
    9. 

  9. .c-avatar-s img,  .c-avatar-m img,  .c-avatar-l img { width: 100%; height: 100%; }
    10. 

  10. 

  11. .c-list > li,  .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
    12. 

  12. .c-list > li:first-child,  .c-list > .c-list-div:first-child { border-top: none; }
    13. 

  13. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
    14. 

  14. .c-list > .c-list-link:active {  background: #f7f7f7;}
    15. 

  15. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
    16. 

  16. .c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center;  }
    17. 

  17. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
    18. 

  18. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
    19. 

  19. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
    20. 

  20. .c-list > li:first-child,  .c-list > .c-list-fun:first-child .c-list-info,  .c-list > .c-list-fun:first-child .c-list-key,  .c-list > .c-list-fun:first-child .c-list-title,  .c-list-div:first-child { border: none; }
    21. 

  21. .c-list > .list-arrow-r,  .c-list > .list-arrow-u,  .c-list > .list-arrow-d { padding-right: 1.5rem; }
    22. 

  22. .c-list > .list-arrow-r:after,  .c-list > .list-arrow-u:after,  .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    23. 

  23. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    24. 

  24. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    25. 

  25. .c-list-info.c-border-t,  .c-list-key.c-border-t,  .c-list-title.c-border-t { border-color: #f1f1f1; }
    26. 

  26. .required { position: relative; }
    27. 

  27. .required:before { content: "*"; position: absolute; color: #f00; font-size: 0.7rem; height: 0.6rem; line-height: 0.6rem; vertical-align: middle; left: -0.4rem; top: 50%; margin-top: -0.25rem; }
    28. 

  28. .listform-text{ width:100%; height:1.5rem; line-height:normal;}
    29. 

  29. .listform-sel{ display:inline-block; width:100%; position:relative;}
    30. 

  30. .listform-sel:before{ position: absolute; top: 50%; right:0; margin-top: -0.35rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
    31. 

  31. .listform-sel-bor:before{ right:.5rem;}
    32. 

  32. .ptb7{ padding-top:.35rem; padding-bottom:.35rem;}
    33. 

  33. .listform-sel select{ width:100%; height:1.5rem; border:none;}
    34. 

  34. .listform-sel-bor select{ border:1px solid #e1e1e1; border-radius:4px; padding:0 .5rem;}
    35. 

  35. .listsel-two{ width:47%; margin-left:4%;}
    36. 

  36. .c-list-info .listsel-two:first-child{ margin-left:0;}
    37. 

  37. .listsel-three{ width:30%; margin-left:3%;}
    38. 

  38. .c-list-info .listsel-three:first-child{ margin-left:0;}
    39. 

  39. .listform-textarea{ display:block; width:100%; border:none; position:relative;}
    40. 

  40. .listform-sel-other{width:100%; height:1.5rem; border:1px solid #e1e1e1; border-radius:.2rem; padding:0 .5rem;}
    41.