site-icon.css 1021 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*------------------------------------------------------------------------------
  2. 28.0 - Site Icon
  3. ------------------------------------------------------------------------------*/
  4. .site-icon-preview .favicon-preview {
  5. margin: 5px 0 20px;
  6. overflow: hidden;
  7. position: relative;
  8. max-width: 180px;
  9. }
  10. .site-icon-preview .favicon,
  11. .site-icon-preview .browser-title {
  12. height: 16px;
  13. left: 88px;
  14. overflow: hidden;
  15. position: absolute;
  16. top: 16px;
  17. }
  18. .site-icon-preview .favicon {
  19. width: 16px;
  20. }
  21. .site-icon-preview .browser-title {
  22. left: 109px;
  23. width: 72px;
  24. white-space: nowrap;
  25. }
  26. .site-icon-preview .app-icon-preview {
  27. background-color: #000;
  28. border-radius: 16px;
  29. height: 64px;
  30. overflow: hidden;
  31. width: 64px;
  32. margin-top: 5px;
  33. }
  34. /* rtl:ignore */
  35. .site-icon-preview .favicon,
  36. .site-icon-preview .app-icon-preview {
  37. direction: ltr;
  38. }
  39. .customize-control-site_icon .favicon-preview {
  40. float: left;
  41. margin-right: 12px;
  42. margin-bottom: 0;
  43. }
  44. .customize-control-site_icon .app-icon-preview {
  45. margin-top: 9px;
  46. }