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