A character/one-shot generator for KOBOLDS IN SPACE!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

kobold.css 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. @font-face {
  2. font-family: "Reverb";
  3. src: url("/koboldgen/assets/fonts/Reverb-Regular.otf") format("opentype");
  4. }
  5. @font-face {
  6. font-family: "Reverb Light";
  7. src: url("/koboldgen/assets/fonts/Reverb-Light.otf") format("opentype");
  8. font-weight: lighter;
  9. }
  10. @font-face {
  11. font-family: "Reverb Bold";
  12. src: url("/koboldgen/assets/fonts/Reverb-Bold.otf") format("opentype");
  13. font-weight: bold;
  14. }
  15. div {
  16. background-color: white;
  17. }
  18. div#content {
  19. background-image: url("/koboldgen/assets/kisbg.png");
  20. background-position: 5em 1.5em;
  21. background-repeat: no-repeat;
  22. }
  23. .firstrow {
  24. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  25. float: left;
  26. max-width: 30%;
  27. margin-right: 20px;
  28. margin-top: 10px;
  29. min-height: 100px;
  30. padding: 5px;
  31. }
  32. /* .firstrow .head {
  33. font-size:
  34. } */
  35. #theship {
  36. float: left;
  37. }
  38. #shipname {
  39. font-weight: bold;
  40. }
  41. #shipquality1 {
  42. color: blue;
  43. }
  44. #shipquality2 {
  45. color: red;
  46. }
  47. #themission {
  48. float: left;
  49. }
  50. #theadversary {
  51. float: left;
  52. }
  53. #theadversary #secprobstats {
  54. display: block;
  55. padding-left: 10px;
  56. }
  57. #theadversary #thirdprobstats {
  58. display: block;
  59. padding-left: 20px;
  60. }
  61. #thekobolds {
  62. padding-top: 10px;
  63. padding-bottom: 10px;
  64. background-color: transparent;
  65. }
  66. /* #thekobolds .head {
  67. font-family: "Reverb";
  68. } */
  69. .kobold {
  70. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  71. float: left;
  72. margin-right: 20px;
  73. margin-top: 10px;
  74. max-width: 14%;
  75. padding: 5px;
  76. }
  77. .koboldname {
  78. font-family: "Reverb Bold";
  79. font-size: 1.4em;
  80. }
  81. .koboldcareer {
  82. font-style: italic;
  83. }
  84. .koboldstats ul {
  85. padding-left: 20px;
  86. }
  87. .koboldgadgetname {
  88. font-weight: bold;
  89. }
  90. .koboldgadgetdescription {
  91. font-size: 0.8em;
  92. font-style: italic;
  93. }
  94. .koboldgadgetreuse {
  95. color: red;
  96. font-size: 0.8em;
  97. font-style: italic;
  98. }
  99. .head {
  100. display: block;
  101. font-family: "Reverb";
  102. font-size: 2em;
  103. font-style: italic;
  104. }
  105. #passwordbox {
  106. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  107. float: left;
  108. margin-right: 20px;
  109. margin-top: 10px;
  110. padding: 5px;
  111. }
  112. .passwordhead {
  113. font-family: "Reverb Bold";
  114. font-size: 1.4em;
  115. }