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