guide.css 839 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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. position: absolute;
  17. top:100%;
  18. width:18em;
  19. min-height:30em;
  20. padding:10px;
  21. background-color:white;
  22. box-shadow: 0 0 10px rgba(0,0,0,0.15);
  23. font-size:10pt;
  24. text-align:left;
  25. display:none;
  26. }
  27. .guide_contence h1{
  28. font-size:1.5em;
  29. font-weight:700;
  30. }
  31. .guide_contence h2{
  32. font-size:1.3em;
  33. font-weight:700;
  34. }
  35. .guide_contence h3{
  36. font-size:1.1em;
  37. font-weight:700;
  38. }
  39. .guide_contence h4{
  40. font-size:1em;
  41. font-weight:700;
  42. }
  43. .guide_contence li{
  44. display: contents;
  45. }