Guest User

Mining deck styling

a guest
May 15th, 2016
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.15 KB | None | 0 0
  1. Use with Night Mode add-on: https://ankiweb.net/shared/info/1496166067
  2. You will of course need the relevant fonts (IPAGothic, IPAMincho, Noto Sans)
  3. Screenshot: https://i.imgur.com/Griuun0.png
  4.  
  5. -----FRONT-----
  6. <div expression>{{Expression}}</div>
  7.  
  8.  
  9. -----BACK-----
  10. {{FrontSide}}
  11. <div reading>{{Reading}}</div>
  12. <hr id=answer>
  13. <!--{{Sound}}-->
  14. <div meaning>{{Meaning}}</div>
  15. <br>
  16. <div example>{{Example}}</div>
  17.  
  18.  
  19. -----STYLING-----
  20. .card {
  21. font-family: Noto Sans;
  22. font-size: 24px;
  23. color:white;
  24. background: black;
  25. margin-top: 42px;
  26. text-align: center;
  27. }
  28.  
  29. [expression]
  30. {
  31. font-size: 64px;
  32. font-family: IPAMincho;
  33. color: #00fff6;
  34. max-width: 64px;
  35. margin: auto;
  36. # -webkit-writing-mode: vertical-rl; # Appears not to work on all platforms. If it works for you, then comment out (add a # to the start of the line) or delete the max-width option and remove the # from this line to enable it.
  37. }
  38.  
  39. [reading]
  40. {
  41. font-family: IPAGothic;
  42. font-size: 24px;
  43. margin-top: 16px;
  44. }
  45.  
  46. [meaning]
  47. {
  48. font-size: 20px;
  49. max-width: 750px;
  50. margin: auto;
  51. }
  52.  
  53. [example]
  54. {
  55. font-size: 16px;
  56. font-family: IPAGothic;
  57. }
Add Comment
Please, Sign In to add comment