View difference between Paste ID: GnKRvwBT and E3d2JZfU
SHOW: | | - or go back to the newest paste.
1-
[sc=bkg][sc=box][sc=tabbed_interface horizontal][ul]
1+
[sc=bkg][sc=box]text here
2
3
[sc=tabbed_interface horizontal][ul]
4
    [li]tab[/li]
5
    [li]tab[/li]
6
    [li]tab[/li]
7
    [li]tab[/li]
8
    [li]tab[/li]
9
    [li]tab[/li]
10
    [li]tab[/li]
11
[/ul][
12
][sc=tab-active]content[/sc][
13
][sc=tab]content[/sc][
14
][sc=tab]content[/sc][
15
][sc=tab]content[/sc][
16
][sc=tab]content[/sc][
17
][sc=tab]content[/sc][
18-
    background: url('https://i.imgur.com/q4oltzC.png');
18+
19
[style]
20-
    min-height: 150px;
20+
21
    background: url('https://i.imgur.com/wK7M1uD.png');
22
    border-radius: 7px;
23
    min-height: 175px;
24
    padding: 1%;
25
    }
26
.box {
27
    margin: 2%;
28
    padding: 3%;
29
    background: rgba(0,0,0,0.60);
30
    border: 1.5px solid black;
31
    border-radius: 7px;
32
    color: white;
33
    font-size: 10pt;
34
    }
35
36
hr {
37
    border: 1px dashed white;
38
    width: 70%;
39
    }
40
h1 {
41
    font-family: 'Amatic SC';
42
    font-size: 30pt;
43
    background: rgba(255,255,255,0.75);
44
    border-radius: 7px;
45
    color: black;
46
    letter-spacing: 0px;
47
    transition: 1s ease-in-out;
48
    width: fit-content;
49
    margin: auto;
50
    }
51
h1:hover {
52
    background: rgba(255,255,255,0.95);
53
    }
54
h2 {
55
    font-family: 'Amatic SC';
56
    font-size: 25pt;
57
    letter-spacing: 0px;
58
    transition: 1s ease-in-out;
59
    }
60
h1:hover, h2:hover {
61
    letter-spacing: 5px;
62
    transition: 1s ease-in-out;
63
    }
64
65
a, a:visited {
66
    color: white;
67
    font-family: 'Indie Flower';
68
    letter-spacing: 0px;
69
    transition: 1s ease-in-out;
70
    font-size: 12pt;
71
    }
72
a:hover {
73
    letter-spacing: 2px;
74
    transition: 1s ease-in-out;
75
    }
76
    
77
.tooltip_content {
78
    border: 1px solid black; 
79
    background: rgba(0,0,0,0.85);
80
    max-width: fit-content;
81
    color: white; 
82
    font-size: 10pt; 
83
    padding: 5px; 
84
    }
85
.bbcode_tooltip {
86
    border-bottom: 1px dashed rgba(255,255,255,0.75);
87
    }
88
    
89
table { 
90
    margin: 0px auto; 
91
    border: 0px; 
92
    border-collapse: separate;
93
    }
94
    table th{ 
95
        text-align: center; 
96
        vertical-align: middle; 
97
        padding: 5px; 
98
        border: 1px solid black; 
99
        background: rgba(0,0,0,0.5);
100
        color: white;
101
        border-radius: 5px;
102
        }
103
    table td { 
104
        text-align: center; 
105
        vertical-align: middle; 
106-
     >li {
106+
107
        border: 1px solid black; 
108
        background: none; 
109
        color: white; 
110
        border-radius: 5px;
111
        }
112
    
113
.panel {
114
    box-shadow: none;
115
    background: none;
116
    border: 1px solid black;
117
    border-radius: 7px;
118
    margin: 1% 0% 1% 0%;
119
    >h3 {
120
        background: rgba(0, 0, 0, 0.35);
121
        color: white;
122-
        background: #F18080;
122+
123
        padding: 1.5%;
124
        font-size: 10pt;
125
        a,a:visited {color:white}
126-
        background: #FFC57F;
126+
127
    >div {
128
        color: white;
129
        border: none;
130-
        background: #FFF67F;
130+
131
        }
132
    }
133
    
134-
        background: #7FBF92;
134+
135
    border-collapse: separate;
136
    >ul {
137
        background: none;
138-
        background: #7FA5FF;
138+
    >li {
139
        border: 1px solid transparent;
140
        border-radius: 6px;
141
        font-size: 10pt;
142-
        background: #BA83C3;
142+
143
        min-width: fit-content;
144
        text-align: center;
145
        padding: 5px;
146
        
147
        &.tab-active {
148
            border: 1px solid #000000;
149
            border-radius: 6px;
150
            padding: 5px;
151
            }
152
        }
153
    >li:nth-child(1) {
154
        background: #EA957F;
155
        color: black;
156
        }
157
    >li:nth-child(2) {
158
        background: #F7BA93;
159
        color: black;
160
        }
161
    >li:nth-child(3) {
162
        background: #FFCCAA;
163
        color: black;
164
        }
165
    >li:nth-child(4) {
166
        background: #FFFFFF;
167
        color: black;
168
        }
169
    >li:nth-child(5) {
170
        background: #E7B0D1;
171
        color: black;
172
        }
173
    >li:nth-child(6) {
174
        background: #D9AAC7;
175
        color: black;
176
        }
177
    >li:nth-child(7) {
178
        background: #D180B0;
179
        color: black;
180
        }
181
182
        }
183
    .tab, .tab-active {
184
        background: rgba(0,0,0,0.25);
185
        margin: 1%;
186
        color: white;
187
        border: 1px solid black;
188
        padding: 10px;
189
        box-shadow: none;
190
        border-radius: 6px;
191
        font-size: 10pt;
192
        }
193
    }
194
    
195
.expbar { 
196
    background: none;
197
    border-radius: 7px;
198-
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd7xw27-9a6fd8ca-a3d1-49af-99b5-63c85db5392b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ3eHcyNy05YTZmZDhjYS1hM2QxLTQ5YWYtOTliNS02M2M4NWRiNTM5MmIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.DpHARWdjq10iYAxlfy1xOkY6cYZHoicfRlQZqgbTPHs');
198+
199
    border: 1px solid black;
200-
    width: 40%;
200+
201
    >div {
202
        background: rgba(0,0,0,0.65); 
203
        border-right: 1px solid black;
204
        }
205
    }
206
    
207
.party > div {
208
    background: rgba(0,0,0,0.25);
209
    color: white;
210
    border: 1px solid black;
211
    font-size: 10pt;
212
    box-shadow: none;
213
    .happy {display: none;}
214-
    }[/style]
214+
215
    .type {display: none;}
216
    .berrybuttons {filter: brightness(75%);}
217
    a:link, a:visited {
218
        color: white;
219
        font-family: 'Arial';
220
        }
221
    div.tooltip_content {
222
    min-width: fit-content;
223
    }
224
.bbcode_tooltip {
225
    border-bottom: 1px solid black;
226
    }
227
    }
228
    .party > div > .pkmn:before {
229
        border: solid white;
230
        background-color: black;
231
    }
232
    
233
.snek {
234
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd85t7a-9d0f300d-3895-41ca-8151-70ffdd13c675.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ4NXQ3YS05ZDBmMzAwZC0zODk1LTQxY2EtODE1MS03MGZmZGQxM2M2NzUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9kisF-4nihb3N8l79zrW_FwD72SIhkFp_WIxyRpu5IY');
235
    float: right;
236
    width: 20%;
237
    margin-top: -10%;
238
    }
239
240
.credit {
241
    padding: 0.5% 0% 0% 0.5%;
242
    font-size: 10pt;
243
    font-family: 'Arial';
244
    >a, a:visited, a:hover {
245
        letter-spacing: 0px;
246
        color: var(--col-link1);
247
        font-family: 'Arial';
248
        font-size: 10pt;
249
        }
250
    }
251
    
252
/* latin */
253
@font-face {
254
  font-family: 'Amatic SC';
255
  font-style: normal;
256
  font-weight: 400;
257
  font-display: swap;
258
  src: url(https://fonts.gstatic.com/s/amaticsc/v16/TUZyzwprpvBS1izr_vOECuSfU5cP1Q.woff2) format('woff2');
259
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
260
}
261
262
/* latin */
263
@font-face {
264
  font-family: 'Indie Flower';
265
  font-style: normal;
266
  font-weight: 400;
267
  font-display: swap;
268
  src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH99GUDg.woff2) format('woff2');
269
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
270
}
271
[/style]