View difference between Paste ID: XWsFrhFm and Cb4uE7sd
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
[/ul][
9
][sc=tab-active]content[/sc][
10
][sc=tab]content[/sc][
11
][sc=tab]content[/sc][
12
][sc=tab]content[/sc][/sc][/sc][sc=snek][/sc][/sc][sc=credit][url=https://pfq.link/~LDxq]coding[/url] | [url=https://www.deviantart.com/huniitea/gallery/66575999/pride-snakes]pixel[/url][/sc]
13
[style]
14
.bkg {
15
    background: url('https://i.imgur.com/KQzRkZT.png');
16-
    background: url('https://i.imgur.com/XRW16Vm.png');
16+
17
    min-height: 100px;
18-
    min-height: 125px;
18+
19
    }
20
.box {
21
    margin: 2%;
22
    padding: 3%;
23
    background: rgba(0,0,0,0.60);
24
    border: 1.5px solid black;
25
    border-radius: 7px;
26
    color: white;
27
    font-size: 10pt;
28
    }
29
30
hr {
31
    border: 1px dashed white;
32
    width: 70%;
33
    }
34
h1 {
35
    font-family: 'Amatic SC';
36
    font-size: 30pt;
37
    background: rgba(255,255,255,0.75);
38
    border-radius: 7px;
39
    color: black;
40
    letter-spacing: 0px;
41
    transition: 1s ease-in-out;
42
    width: fit-content;
43
    margin: auto;
44
    }
45
h1:hover {
46
    background: rgba(255,255,255,0.95);
47
    }
48
h2 {
49
    font-family: 'Amatic SC';
50
    font-size: 25pt;
51
    letter-spacing: 0px;
52
    transition: 1s ease-in-out;
53
    }
54
h1:hover, h2:hover {
55
    letter-spacing: 5px;
56
    transition: 1s ease-in-out;
57
    }
58
59
a, a:visited {
60
    color: white;
61
    font-family: 'Indie Flower';
62
    letter-spacing: 0px;
63
    transition: 1s ease-in-out;
64
    font-size: 12pt;
65
    }
66
a:hover {
67
    letter-spacing: 2px;
68
    transition: 1s ease-in-out;
69
    }
70
    
71
.tooltip_content {
72
    border: 1px solid black; 
73
    background: rgba(0,0,0,0.85);
74
    max-width: fit-content;
75
    color: white; 
76
    font-size: 10pt; 
77
    padding: 5px; 
78
    }
79
.bbcode_tooltip {
80
    border-bottom: 1px dashed rgba(255,255,255,0.75);
81
    }
82
    
83
table { 
84
    margin: 0px auto; 
85
    border: 0px; 
86
    border-collapse: separate;
87
    }
88
    table th{ 
89
        text-align: center; 
90
        vertical-align: middle; 
91
        padding: 5px; 
92
        border: 1px solid black; 
93
        background: rgba(0,0,0,0.5);
94
        color: white;
95
        border-radius: 5px;
96
        }
97
    table td { 
98
        text-align: center; 
99
        vertical-align: middle; 
100
        padding: 3px; 
101
        border: 1px solid black; 
102
        background: none; 
103
        color: white; 
104
        border-radius: 5px;
105
        }
106
    
107
.panel {
108
    box-shadow: none;
109
    background: none;
110
    border: 1px solid black;
111
    border-radius: 7px;
112
    margin: 1% 0% 1% 0%;
113
    >h3 {
114
        background: rgba(0, 0, 0, 0.35);
115
        color: white;
116
        border: none;
117
        padding: 1.5%;
118
        font-size: 10pt;
119
        a,a:visited {color:white}
120-
        background: #ACE6FC;
120+
121
    >div {
122
        color: white;
123
        border: none;
124-
        background: #F9D4DB;
124+
125
        }
126
    }
127
    
128
.tabbed_interface {
129
    border-collapse: separate;
130
    >ul {
131
        background: none;
132-
        background: #F9D4DB;
132+
133
        border: 1px solid transparent;
134
        border-radius: 6px;
135-
    >li:nth-child(5) {
135+
136-
        background: #ACE6FC;
136+
137
        min-width: fit-content;
138
        text-align: center;
139
        padding: 5px;
140
141
        &.tab-active {
142
            border: 1px solid #000000;
143
            border-radius: 6px;
144
            padding: 5px;
145
            }
146
        }
147
    >li:nth-child(1) {
148
        background: #FEF998;
149
        color: black;
150
        }
151
    >li:nth-child(2) {
152
        background: #FFFFFF;
153
        color: black;
154
        }
155
    >li:nth-child(3) {
156
        background: #CCABE7;
157
        color: black;
158
        }
159
    >li:nth-child(4) {
160
        background: #969696;
161
        color: black;
162
        }
163
164
        }
165
    .tab, .tab-active {
166
        background: rgba(0,0,0,0.25);
167
        margin: 1%;
168
        color: white;
169
        border: 1px solid black;
170
        padding: 10px;
171
        box-shadow: none;
172
        border-radius: 6px;
173
        font-size: 10pt;
174
        }
175
    }
176
    
177
.expbar { 
178
    background: none;
179
    border-radius: 7px;
180
    width: 66%;
181
    border: 1px solid black;
182
    color: white;
183
    >div {
184
        background: rgba(0,0,0,0.65); 
185
        border-right: 1px solid black;
186
        }
187
    }
188
    
189
.party > div {
190
    background: rgba(0,0,0,0.25);
191
    color: white;
192-
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd7xux3-84251e4c-13dd-4762-a4c5-35740379d1d0.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ3eHV4My04NDI1MWU0Yy0xM2RkLTQ3NjItYTRjNS0zNTc0MDM3OWQxZDAucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NI3gb65DFQ4msUSpIMucTuFbiTMmPPOkNpNyOJOVeSs');
192+
193
    font-size: 10pt;
194-
    width: 40%;
194+
195
    .happy {display: none;}
196
    .nature {display: none;}
197
    .type {display: none;}
198
    .berrybuttons {filter: brightness(75%);}
199
    a:link, a:visited {
200
        color: white;
201
        font-family: 'Arial';
202
        }
203
    div.tooltip_content {
204
    min-width: fit-content;
205
    }
206
.bbcode_tooltip {
207
    border-bottom: 1px solid black;
208-
    }[/style]
208+
209
    }
210
    .party > div > .pkmn:before {
211
        border: solid white;
212
        background-color: black;
213
    }
214
    
215
.snek {
216
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd7xukr-86cb8fe4-10e7-49ee-971a-3ee12738fc48.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ3eHVrci04NmNiOGZlNC0xMGU3LTQ5ZWUtOTcxYS0zZWUxMjczOGZjNDgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.uzbe62gNOppJY_YKkJ9HrppVsXSFzco4VjVTw9dX9r8');
217
    float: right;
218
    width: 20%;
219
    margin-top: -10%;
220
    }
221
222
.credit {
223
    padding: 0.5% 0% 0% 0.5%;
224
    font-size: 10pt;
225
    font-family: 'Arial';
226
    >a, a:visited, a:hover {
227
        letter-spacing: 0px;
228
        color: var(--col-link1);
229
        font-family: 'Arial';
230
        font-size: 10pt;
231
        }
232
    }
233
    
234
/* latin */
235
@font-face {
236
  font-family: 'Amatic SC';
237
  font-style: normal;
238
  font-weight: 400;
239
  font-display: swap;
240
  src: url(https://fonts.gstatic.com/s/amaticsc/v16/TUZyzwprpvBS1izr_vOECuSfU5cP1Q.woff2) format('woff2');
241
  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;
242
}
243
244
/* latin */
245
@font-face {
246
  font-family: 'Indie Flower';
247
  font-style: normal;
248
  font-weight: 400;
249
  font-display: swap;
250
  src: url(https://fonts.gstatic.com/s/indieflower/v12/m8JVjfNVeKWVnh3QMuKkFcZVaUuH99GUDg.woff2) format('woff2');
251
  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;
252
}
253
[/style]