Advertisement
_Pandora

CSS Template

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