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