guide.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. guide{
  2. position: relative;
  3. display:inline-block;
  4. width: auto;
  5. min-width: 14px;
  6. height: auto;
  7. min-height: 14px;
  8. cursor: pointer;
  9. background: url(guide_icon.svg);
  10. background-repeat: no-repeat;
  11. background-size: contain;
  12. margin: 0 6px;
  13. }
  14. guide:hover .guide_contence{
  15. display:inline-block;
  16. }
  17. .guide_contence {
  18. border-top: 7px;
  19. position: absolute;
  20. top:100%;
  21. min-width:18em;
  22. min-height:15em;
  23. padding:10px;
  24. background-color:white;
  25. box-shadow: 0 0 10px rgba(0,0,0,0.15);
  26. font-size:10pt;
  27. text-align:left;
  28. display:none;
  29. }
  30. /*
  31. .guide_contence:after {
  32. content: "\00a0";
  33. width: 0;
  34. height: 0;
  35. display: block;
  36. border-style: solid;
  37. border-width: 10px;
  38. border-color: transparent transparent white transparent;
  39. position: absolute;
  40. top: -20px;
  41. }
  42. */
  43. .guide_contence h1{
  44. font-size:1.5em;
  45. font-weight:700;
  46. }
  47. .guide_contence h2{
  48. font-size:1.3em;
  49. font-weight:700;
  50. }
  51. .guide_contence h3{
  52. font-size:1.1em;
  53. font-weight:700;
  54. }
  55. .guide_contence h4{
  56. font-size:1em;
  57. font-weight:700;
  58. }
  59. .guide_contence li{
  60. display: block;
  61. white-space: unset;
  62. word-break: normal;
  63. }