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