style.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. body {
  2. font-size: 12px;
  3. font-family: tahoma, verdana, arial, sans-serif;
  4. margin: 0.5em;
  5. }
  6. ul {
  7. list-style-position: inside;
  8. padding-left: 0.4em;
  9. }
  10. pre {
  11. font-size: 11px;
  12. }
  13. h2 {
  14. border-bottom: 1px solid #ccc;
  15. }
  16. hr {
  17. clear: both;
  18. }
  19. .unicode-map {
  20. line-height: 0px;
  21. font-size: 3px;
  22. width: 768px;
  23. border: 1px solid #333;
  24. font-family: unicode-map;
  25. }
  26. .unicode-map i, .unicode-map b {
  27. display: inline-block;
  28. width: 3px;
  29. height: 3px;
  30. position: relative;
  31. }
  32. .unicode-map i .info {
  33. font-family: tahoma, verdana, arial, sans-serif;
  34. font-size: 12px;
  35. line-height: 14px;
  36. }
  37. .unicode-map i s, .unicode-map b s {
  38. text-decoration: none;
  39. font-style: normal;
  40. text-align: center;
  41. display: none;
  42. position: absolute;
  43. border: 1px solid #999;
  44. font-size: 32px;
  45. background: #fff;
  46. padding: 3px;
  47. line-height: 1.2;
  48. z-index: 5000;
  49. bottom: 5px;
  50. left: -12px;
  51. }
  52. .unicode-map i:hover s, .unicode-map b:hover s {
  53. display: inline-block;
  54. }
  55. .unicode-map i {
  56. background: #0f0;
  57. }
  58. .unicode-map b {
  59. background: #999;
  60. }
  61. .glyph-view {
  62. display: inline-block;
  63. background: #ddd;
  64. padding: 3px;
  65. -webkit-border-radius: 4px;
  66. -moz-border-radius: 4px;
  67. border-radius: 4px;
  68. text-align: center;
  69. }
  70. .glyph-view span {
  71. display: inline-block;
  72. padding: 1px;
  73. min-width: 1em;
  74. margin-bottom: 2px;
  75. white-space: pre;
  76. }
  77. .glyph-view .char {
  78. background: #bbb;
  79. float: left;
  80. }
  81. .glyph-view .glyph-id {
  82. float: right;
  83. }
  84. .glyph-view .char:empty {
  85. display: none;
  86. }
  87. .glyph-view canvas {
  88. background: #fff;
  89. }