View difference between Paste ID: E3d2JZfU and iLPKg49Z
SHOW: | | - or go back to the newest paste.
1-
[sc=bkg][sc=box]text here
1+
[sc=bkg][sc=box][sc=tabbed_interface horizontal][ul]
2
    [li]tab[/li]
3-
[sc=tabbed_interface horizontal][ul]
3+
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][
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
16
[style]
17
.bkg {
18
    background: url('https://i.imgur.com/q4oltzC.png');
19
    border-radius: 7px;
20
    min-height: 150px;
21
    padding: 1%;
22
    }
23
.box {
24
    margin: 2%;
25
    padding: 3%;
26
    background: rgba(0,0,0,0.60);
27
    border: 1.5px solid black;
28
    border-radius: 7px;
29
    color: white;
30
    font-size: 10pt;
31
    }
32
33
a, a:visited {
34
    color: white;
35-
hr {
35+
36-
    border: 1px dashed white;
36+
37-
    width: 70%;
37+
38
    font-size: 12pt;
39-
h1 {
39+
40-
    font-family: 'Amatic SC';
40+
41-
    font-size: 30pt;
41+
42-
    background: rgba(255,255,255,0.75);
42+
43
    }
44-
    color: black;
44+
45
.tooltip_content {
46
    border: 1px solid black; 
47-
    width: fit-content;
47+
48-
    margin: auto;
48+
49
    color: white; 
50-
h1:hover {
50+
51-
    background: rgba(255,255,255,0.95);
51+
52
    }
53-
h2 {
53+
54-
    font-family: 'Amatic SC';
54+
55-
    font-size: 25pt;
55+
56
    
57
table { 
58
    margin: 0px auto; 
59-
h1:hover, h2:hover {
59+
60-
    letter-spacing: 5px;
60+
61
    }
62
    table th{ 
63
        text-align: center; 
64
        vertical-align: middle; 
65
        padding: 5px; 
66
        border: 1px solid black; 
67
        background: rgba(0,0,0,0.5);
68
        color: white;
69
        border-radius: 5px;
70
        }
71
    table td { 
72
        text-align: center; 
73
        vertical-align: middle; 
74
        padding: 3px; 
75
        border: 1px solid black; 
76
        background: none; 
77
        color: white; 
78
        border-radius: 5px;
79
        }
80
    
81
.panel {
82
    box-shadow: none;
83
    background: none;
84
    border: 1px solid black;
85
    border-radius: 7px;
86
    margin: 1% 0% 1% 0%;
87
    >h3 {
88
        background: rgba(0, 0, 0, 0.35);
89
        color: white;
90
        border: none;
91
        padding: 1.5%;
92
        font-size: 10pt;
93
        a,a:visited {color:white}
94
        }
95
    >div {
96
        color: white;
97
        border: none;
98
        font-size: 10pt;
99
        }
100
    }
101
    
102
.tabbed_interface {
103
    border-collapse: separate;
104
    >ul {
105
        background: none;
106
     >li {
107
        border: 1px solid transparent;
108
        border-radius: 6px;
109
        font-size: 10pt;
110
        margin: 1%;
111
        min-width: fit-content;
112
        text-align: center;
113
        padding: 5px;
114
        
115
        &.tab-active {
116
            border: 1px solid #000000;
117
            border-radius: 6px;
118
            padding: 5px;
119
            }
120
        }
121
    >li:nth-child(1) {
122
        background: #F18080;
123
        color: black;
124
        }
125
    >li:nth-child(2) {
126
        background: #FFC57F;
127
        color: black;
128
        }
129
    >li:nth-child(3) {
130
        background: #FFF67F;
131
        color: black;
132
        }
133
    >li:nth-child(4) {
134
        background: #7FBF92;
135
        color: black;
136
        }
137-
    >li {
137+
138
        background: #7FA5FF;
139
        color: black;
140
        }
141
    >li:nth-child(6) {
142
        background: #BA83C3;
143
        color: black;
144
        }
145
146
        }
147
    .tab, .tab-active {
148
        background: rgba(0,0,0,0.25);
149
        margin: 1%;
150
        color: white;
151
        border: 1px solid black;
152
        padding: 10px;
153
        box-shadow: none;
154
        border-radius: 6px;
155
        font-size: 10pt;
156
        }
157
    }
158
    
159
.expbar { 
160
    background: none;
161
    border-radius: 7px;
162
    width: 66%;
163
    border: 1px solid black;
164
    color: white;
165
    >div {
166
        background: rgba(0,0,0,0.65); 
167
        border-right: 1px solid black;
168
        }
169
    }
170
    
171
.party > div {
172
    background: rgba(0,0,0,0.25);
173
    color: white;
174
    border: 1px solid black;
175
    font-size: 10pt;
176
    box-shadow: none;
177
    .happy {display: none;}
178
    .nature {display: none;}
179
    .type {display: none;}
180
    .berrybuttons {filter: brightness(75%);}
181
    a:link, a:visited {
182
        color: white;
183
        font-family: 'Arial';
184
        }
185
    div.tooltip_content {
186
    min-width: fit-content;
187
    }
188
.bbcode_tooltip {
189
    border-bottom: 1px solid black;
190
    }
191
    }
192
    .party > div > .pkmn:before {
193
        border: solid white;
194
        background-color: black;
195
    }
196
    
197
.snek {
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');
199
    float: right;
200
    width: 40%;
201
    margin-top: -10%;
202
    }
203
204
.credit {
205
    padding: 0.5% 0% 0% 0.5%;
206
    font-size: 10pt;
207
    font-family: 'Arial';
208
    >a, a:visited, a:hover {
209
        letter-spacing: 0px;
210
        color: var(--col-link1);
211
        font-family: 'Arial';
212
        font-size: 10pt;
213
        }
214
    }[/style]