guide.css 1.1 KB

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