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