View difference between Paste ID: NixBJPsh and 67CCZ83R
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/advOwg7.png');
14-
    background: url('https://i.imgur.com/KQzRkZT.png');
14+
15
    min-height: 75px;
16-
    min-height: 100px;
16+
17
    }
18
.box {
19
    margin: 2%;
20
    padding: 3%;
21
    background: rgba(0,0,0,0.60);
22
    border: 1.5px solid black;
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-
        background: #FEF998;
118+
119
    >div {
120
        color: white;
121
        border: none;
122
        font-size: 10pt;
123
        }
124
    }
125
    
126-
        background: #CCABE7;
126+
127
    border-collapse: separate;
128
    >ul {
129-
    >li:nth-child(4) {
129+
130-
        background: #969696;
130+
131
        border: 1px solid transparent;
132
        border-radius: 6px;
133
        font-size: 10pt;
134
        margin: 1%;
135
        min-width: fit-content;
136
        text-align: center;
137
        padding: 5px;
138
139
        &.tab-active {
140
            border: 1px solid #000000;
141
            border-radius: 6px;
142
            padding: 5px;
143
            }
144
        }
145
    >li:nth-child(1) {
146
        background: #DBCCEE;
147
        color: black;
148
        }
149
    >li:nth-child(2) {
150
        background: #FFFFFF;
151
        color: black;
152
        }
153
    >li:nth-child(3) {
154
        background: #B5C69C;
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-
    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');
186+
187
    font-size: 10pt;
188-
    width: 40%;
188+
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-
    }[/style]
202+
203
    }
204
    .party > div > .pkmn:before {
205
        border: solid white;
206
        background-color: black;
207
    }
208
    
209
.snek {
210
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd837h9-baaef234-36fb-4dab-a971-cb251ed33319.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ4MzdoOS1iYWFlZjIzNC0zNmZiLTRkYWItYTk3MS1jYjI1MWVkMzMzMTkucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5q4b3nYolvC3phS2Jtguk6C4rJRweKi78v_qctRd4-k');
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
    >a, a:visited, a:hover {
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]