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.2KB

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