SHOW:
|
|
- or go back to the newest paste.
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" '); |
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 | - | /* PUPSITTING */ |
185 | + |