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