Gloomings

CSS Template wolvden

Jun 25th, 2022 (edited)
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* CSS Layout+Codes made by Pandora #11809
  2. Codes may be edited, used in commissions or for personal use
  3. Please do not remove credit
  4. */
  5.  
  6. /* FONT */
  7.  
  8. <style>
  9. @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');
  10. </style>;
  11.  
  12. /* BACKGROUND/CHAT BACKGROUND */
  13.  
  14. body {
  15.     background: url('LINK') center center fixed;
  16.     background-size: 100%;
  17.     font-family: FONT
  18.     color: #ffad69;
  19. }
  20.  
  21. /* WELCOME BACK */
  22.  
  23. .navbar-status, .navbar-expand {
  24.     background: #7d938a !important;
  25.     color: #000000 !important;
  26. }
  27.  
  28. /* PANEL BACKGROUND COLOR */
  29. .table {
  30.     background: rgb(14, 14, 14);
  31.     border: none !important;
  32.     border-collapse: separate;
  33.     border-radius: 5px;
  34. }
  35.  
  36. /* HEADERS COLOR ( Leader+Cave Headers ) */
  37. .top,
  38. .bottom,
  39. th {
  40.     background: rgb(14, 14, 14) !important;
  41.     color: #000000 !important;
  42.     border-radius: 5px;
  43. }
  44.  
  45. /* NAVBAR (DEN, CROSSROADS, HOARD) */
  46.  
  47. .navbar-main {
  48.     background: #000000 !important;
  49.     color: #000000 !important;
  50.     border-top-left-radius: 10px !important;
  51.     border-top-right-radius: 10px !important;
  52. }
  53.  
  54. /* CAVE NAME BAR */
  55.  
  56. th.top {
  57.     background: #000000 !important;
  58.     color: #000000 !important;
  59.     border-top-left-radius: 10px !important;
  60.     border-top-right-radius: 10px !important;
  61. }
  62.  
  63. /* ALERTS */
  64.  
  65. .alert {
  66.     background: rgba(14, 14, 14);
  67.     border: none;
  68.     color: #000000;
  69. }
  70.  
  71. .alert-warning,
  72. .alert-danger {
  73.     background: rgba(14, 14, 14);
  74.     color: #000000;
  75. }
  76.  
  77. /* LINKS & LINK HOVER COLOR */
  78.  
  79. a:link,
  80. a:visited {
  81.     color: #000000 !important;
  82. }
  83.  
  84. a:hover {
  85.     color: #000000 !important;
  86. }
  87.  
  88. /* Dropdown Options */
  89.  
  90. input,
  91. select,
  92. textarea {
  93.     background: rgb(14,14,14) !important;
  94.     border: none !important;
  95.     border-color: black;
  96.     border-radius: 5px;
  97.     box-shadow: none !important;
  98.     color: black !important;
  99.     text-shadow: none !important;
  100. }
  101.  
  102. /* SCROLL BAR */
  103.  
  104. ::-webkit-scrollbar {
  105.     width: 7px;
  106.     height: 7px;
  107. }
  108.  
  109.  
  110. /* SCROLL BAR BACKGROUND */
  111.  
  112. ::-webkit-scrollbar-track {
  113.     background: #000000;
  114. }
  115.  
  116. /* SCROLL BAR (Scrolling thing) */
  117.  
  118. ::-webkit-scrollbar-thumb {
  119.     background: #000000;
  120.     border-radius: 4px;
  121. }
  122.  
  123. /* TOPBAR (Names, Messages, Modbox+Terms of Service, Code of Conduct section) */
  124.  
  125. #header .navbar-status{
  126.     background: rgb(14,14,14);
  127.     border: none;
  128.     border-top: none;
  129.     color: #000000;
  130.     border-radius: 5px;
  131.     font-family: FONT
  132. }
  133.  
  134. .navbar {
  135.     background: rgb(14,14,14);
  136.     border-bottom: none;
  137.     font-family: FONT
  138.     color: #000000;
  139.     border-radius: 5px;
  140. }
  141.  
  142. .navbar li a {
  143.     color: #000000 !important;
  144. }
  145.  
  146. /* PROGRESS BAR BACKGROUND */
  147.  
  148. div.progress {
  149.     background: #000000!important;
  150. }
  151.  
  152. /* PROGRESS BARS */
  153.  
  154. div.progress-bar {
  155.     background: #000000!important;
  156. }
  157.  
  158.  
  159. /* PACK DYNASTY */
  160. img[src$="packdynasty.png"] {
  161.     content:url('LINK')!important;
  162.     width:185px!important;
  163.  
  164. }
  165.  
  166. /* NESTING */
  167. img[src$="nesting.png"] {
  168.     content:url('LINK')!important;
  169.     width:185px!important;
  170.  
  171. }
  172.  
  173. /* OVERVIEW */
  174. img[src$="packoverview.png"] {
  175.     content:url('LINK')!important;
  176.     width:185px!important;
  177.  
  178. }
  179.  
  180. /* BREEDING */
  181. img[src$="breeding.png"] {
  182.     content:url('LINK')!important;
  183.     width:185px!important;
  184.  
  185. }
Add Comment
Please, Sign In to add comment