View difference between Paste ID: igH33ibw and 378HAecS
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/x30SENo.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: none;
106
        border-radius: 6px;
107
        font-size: 10pt;
108
        margin: 1%;
109
        min-width: fit-content;
110
        text-align: center;
111
        padding: 5px;
112
        filter: brightness(75%);
113
        
114
        &.tab-active {
115
            border: none;
116
            border-radius: 6px;
117
            padding: 5px;
118
            filter: brightness(100%);
119
            }
120
        }
121
    >li:nth-child(1) {
122
        background: #FFB9D0;
123
        color: black;
124
        }
125
    >li:nth-child(2) {
126
        background: #FFFFFF;
127
        color: black;
128
        }
129
    >li:nth-child(3) {
130
        background: #DE8BEA;
131
        color: black;
132
        }
133
    >li:nth-child(4) {
134
        background: #969696;
135-
        border: 1px solid transparent;
135+
136
        }
137
    >li:nth-child(5) {
138
        background: #989EDE;
139
        color: black;
140
        }
141
142
        }
143
    .tab, .tab-active {
144-
            border: 1px solid #000000;
144+
145
        margin: 1%;
146
        color: white;
147
        border: 1px solid black;
148
        padding: 10px;
149
        box-shadow: none;
150
        border-radius: 6px;
151
        font-size: 10pt;
152
        }
153
    }
154
    
155
.expbar { 
156
    background: none;
157
    border-radius: 7px;
158
    width: 66%;
159
    border: 1px solid black;
160
    color: white;
161
    >div {
162
        background: rgba(0,0,0,0.65); 
163
        border-right: 1px solid black;
164
        }
165
    }
166
    
167
.party > div {
168
    background: rgba(0,0,0,0.25);
169
    color: white;
170
    border: 1px solid black;
171
    font-size: 10pt;
172
    box-shadow: none;
173
    .happy {display: none;}
174
    .nature {display: none;}
175
    .type {display: none;}
176
    .berrybuttons {filter: brightness(75%);}
177
    a:link, a:visited {
178
        color: white;
179
        font-family: 'Arial';
180
        }
181
    div.tooltip_content {
182
    min-width: fit-content;
183
    }
184
.bbcode_tooltip {
185
    border-bottom: 1px solid black;
186
    }
187
    }
188
    .party > div > .pkmn:before {
189
        border: solid white;
190
        background-color: black;
191
    }
192
    
193
.snek {
194
    content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c27d45ff-20a1-4fb8-b888-3b8561ff2db8/dd7xthu-796d4354-4133-4637-bf4b-a890a2f3aaef.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MyN2Q0NWZmLTIwYTEtNGZiOC1iODg4LTNiODU2MWZmMmRiOFwvZGQ3eHRodS03OTZkNDM1NC00MTMzLTQ2MzctYmY0Yi1hODkwYTJmM2FhZWYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.7U0lbi6xFe-zxPqvc0FIiBVp_ivk7DEjdtfp66CBUlQ');
195
    float: right;
196
    width: 40%;
197
    margin-top: -10%;
198
    }
199
200
.credit {
201
    padding: 0.5% 0% 0% 0.5%;
202
    font-size: 10pt;
203
    font-family: 'Arial';
204
    >a, a:visited, a:hover {
205
        letter-spacing: 0px;
206
        color: var(--col-link1);
207
        font-family: 'Arial';
208
        font-size: 10pt;
209
        }
210
    }[/style]