View difference between Paste ID: GPp4ECU6 and cPf7iyZ3
SHOW: | | - or go back to the newest paste.
1
[style]
2
/* This code was created by Type Null. Free to use.
3
4
Please ONLY edit the CSS if you know what you are doing, and please DO NOT touch any CSS that is not a Less variable! If you don't know how to do something, please PM me for assistance.
5
6
How to change the code colors: Look at the "Less variables" section, find the color corresponding to the area you want to change, and change the value after # to a hex value of the color you want to change it to.
7
How to change the banner image: Find "[img]https://i.imgur.com/0PJXk5p.png[/img]" below and replace the URL within [ img ][ /img ] tags with the URL of the image you want to use. Thats it! Note: Remember to type "https" instead of "http" or the image will not work.
8
9
Note: The content background image is semi-transparent! Any color you enter for @bgColor2 will adjust with the image. */
10
11
/* Less variables */
12
13
@fontColor1:#c0e8e6; /* used for link hover color, tooltip content font color, tab font color 2 */
14
@fontColor2:#101918; /* used for panel hover effect, tab font color 1 */
15
@fontColor3:#799a9c; /* progress bar font color, table font color, h1/h2/h3/panel font color */
16
@fontColor4:#f1fdff; /* main font color */
17
@bgColor1:#0f1c1d; /* main background color */
18
@bgColor2:#102327; /* content background color */
19
@bgColor3:#0f1c1d; /* tooltip content background, progress bar background 2, table background 2, panel content background */
20
@bgImage:url("https://i.imgur.com/NOtxwTN.png"); /* to change this, replace the image URL - for no image, type "none;" ex. @bgImage:none; */
21
@borderColor1:#173035; /* progress bar background 1, table background 1, main border color */
22
@borderColor2:#031417; /* progress bar border, h1/h2/h3 borders, table borders panel borders, banner border, content border */
23
@tabColor1:#c0e4e8; /* tab background color 1 */
24
@tabColor2:#2b3e3f; /* panel header font color, tab background color 2 */
25
@tabColor3:#a3cbce; /* tab hover background 1 */
26
@tabColor4:#1a2729; /* tab hover background 2 */
27
@headerColor1:#8db1b7; /* panel header hover background */
28
@headerColor2:#a3c9ce; /* panel header background */
29
30
/* bbcode colors, to use the same as @fontColor4 use "inherit;" ex. @linkColor:inherit; */
31
32
@linkColor:#8bc4ab; /* for the link hover color, see @fontColor1 */
33
@boldColor:#dbc08a;
34
@italicColor:#8eddf2;
35
@underlineColor:#a9e8e6;
36
@tooltipColor:#f2e59f; /* changes bottom border color only */
37
38
/* "main" selectors */
39
40
a { text-decoration:none; color:@linkColor; text-shadow:-10px 0px 3px transparent;
41
  transition: all 0.3s ease-in;
42
  -webkit-transition: all 0.3s ease-in;
43
  -moz-transition: all 0.3s ease-in;
44
  -o-transition: all 0.3s ease-in;
45
  }
46
a:hover { color:@fontColor1; text-shadow:0px 0px 3px @fontColor1; }
47
b { color:@boldColor; text-shadow:2px 2px 2px #000; }
48
i { color:@italicColor; text-shadow:2px 2px 2px #000; }
49
u { color:@underlineColor; text-shadow:2px 2px 2px #000; }
50
del { text-shadow:2px 2px 2px #000; }
51
.bbcode_tooltip { text-shadow:2px 2px 2px #000; border-bottom:1px dashed @tooltipColor; }
52
.tooltip_content { background-color:@bgColor3; color:@fontColor1; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:12px; border:1px solid @borderColor2; }
53
.expbar { background-color:@borderColor1; border-color:@borderColor2; min-height:18px; }
54
.expbar div { background-color:@bgColor3; border:1px dotted @borderColor2; }
55
.expbar span { font-weight:normal; color:@fontColor3; text-shadow:2px 2px 2px #000; }
56
h1, h2, h3 { text-transform:lowercase; font-variant:small-caps; font-weight:normal; text-align:left; padding:5px; padding-left:20px; background-color:@linkColor; color:@tabColor2; margin-top:5px; margin-bottom:0px; line-height:15px; border-bottom:3px double @borderColor2; }
57
table, td, th { border:none; color:@fontColor3; }
58
table { width:100%; border:1px solid @borderColor2; }
59
td, th { border:1px dotted @borderColor2; text-align:center; padding:10px; text-shadow:2px 2px 2px #000; }
60
th { background-color:@bgColor3; }
61
td { background-color:@borderColor1; }
62
.panel { box-shadow:none; background-color:@bgColor3; border-color:@borderColor2; border-radius:5px;
63
  &>h3 { background-color:@headerColor2; margin-top:0px; border-radius:5px; border:none; }
64
  &>h3:hover { background-color:@headerColor1; }
65
  &>h3>a>svg { display:none; }
66
  &>h3 span { color:@tabColor2; }
67
  &>h3 a { color:@tabColor2; text-shadow:-10px 0px 3px transparent; }
68
  &>h3 a:hover { text-shadow:0px 0px 3px @fontColor2; }
69
  &>div { background-color:@bgColor3; color:@fontColor3; }
70
}
71
72
/* code-specific selectors */
73
74
.container {
75
  position:relative;
76
  background-color:@bgColor1;
77
  color:@fontColor1;
78
  font-family:helvetica, sans-serif;
79
  font-size:12px;
80
  line-height:14px;
81
  border:4px double @borderColor1;
82
  padding:5px;
83
}
84
.ban {
85
  border:1px solid @borderColor2;
86
  border-bottom:none;
87
}
88
.tabs .tabbed_interface {
89
  &>div, &>ul, &>ul li { box-shadow:none; border:none;
90
  transition: all 0.3s ease-in-out;
91
  -webkit-transition: all 0.3s ease-in-out;
92
  -moz-transition: all 0.3s ease-in-out;
93
  -o-transition: all 0.3s ease-in-out;
94
  }
95
  &>ul li { background-color:@tabColor1; color:@fontColor2; font-size:10px; padding:2px; letter-spacing:1px; text-align:center; text-transform:lowercase; text-shadow:-10px 0px 3px transparent; }
96
  &>ul li:nth-child(even) { background-color:@tabColor2; color:@fontColor1; }
97
  &>ul li:hover { background-color:@tabColor3; padding-left:10px; }
98
  &>ul li:nth-child(even):hover { background-color:@tabColor4; }
99
  &>div { background-color:@bgColor2; background-image:@bgImage; color:@fontColor4; min-height:272px; padding:5px; font-family:arial; font-size:12px; line-height:13px; overflow:hidden; border:1px solid @borderColor2; border-top:none; }
100
  &>ul {  }
101
}
102
.tabbed_interface>div { animation:1.5s fade; }
103
.cr { font-size:10px; line-height:10px; text-align:right; }
104
[/style]
105
[sc=container][
106
][sc=ban][img]https://i.imgur.com/WgiVsgW.png[/img][/sc][
107
][sc=tabs][
108
][sc=tabbed_interface horizontal][ul]
109
[li]home[/li]
110
[li]groups[/li]
111
[li]trade[/li]
112
[li]hunt[/li]
113
[li]other[/li]
114
[li]links[/li]
115
[li]credit[/li]
116
[/ul][
117
][sc=tab-active][centre][h3]About Me[/h3][b][url=https://pokefarm.com/forum/post/1582543]an actual about me[/url][/b]
118
119
[b][tip=Excluding a few display/uft fields]My fields are S+S, 3,000+[/tip][/b]
120
121
If I don't reply to your PM:
122
it's nothing personal I just suck and I'm sorry ;;
123
124
[b]I prefer to not get PMs at all. Please inquire in my shop(s) if you can.[/b]
125
126
[url=https://pokefarm.com/user/insaneilg]my mom[/url] ✧ [url=https://pokefarm.com/user/DaBoush]my brother[/url]
127
[img]https://orig06.deviantart.net/2987/f/2017/162/1/c/uhhhhh_title_by_caterple-dbcdwi5.gif[/img][/centre][/sc][
128
][sc=tab][centre][h3]Click Groups[/h3]
129
I use discord and am a Manager of this click group!
130
131
[url=https://pfq.link/~pbX4][img]https://i.imgur.com/dh3RKUl.png[/img][/url]
132
[size=6][i]Free to use badge made by [url=https://pokefarm.com/user/ezpups]ezpups[/url][/i][/size]
133
[/centre][/sc][
134
][sc=tab][centre][h3]Trading[/h3]
135
Note: Don't send me trades or PMs asking for pokemon that are clearly not in UFT fields, it's a waste of both our time. This means melanistics, shiny legends, literally anything in a field without UFT in the name.
136
137
Please dont PM me, I will probably ignore/forget about it sorry. Please go to my trade shop instead.
138
139
I collect the following summons:
140
[item=lunar wing] [item=kusanagi] [item=kagami]
141
142
[size=13][url=https://pfq.link/~pyVp]Joint Trade Shop[/url][/size][/centre][/sc][
143
][sc=tab][centre][h3]Hunt Info[/h3]
144
I am currently hunting Barboach
145
My goal is 2 melans.
146
147
[img]https://pokefarm.wiki/images/f/fb/Pok%C3%A9mon_Barboach_Shiny.png[/img][img]https://pokefarm.wiki/images/d/d8/Pok%C3%A9mon_Whiscash_Shiny.png[/img]
148
[img]https://pokefarm.wiki/images/5/56/Pok%C3%A9mon_Barboach_Albino.png[/img][img]https://pokefarm.wiki/images/7/74/Pok%C3%A9mon_Whiscash_Albino.png[/img]
149
[img]https://pokefarm.wiki/images/d/da/Pok%C3%A9mon_Barboach_Melan.png[/img][img]https://pokefarm.wiki/images/3/30/Pok%C3%A9mon_Whiscash_Melan.png[/img]
150
[/centre][/sc][
151
][sc=tab][centre][h3]Random Info[/h3]accepting sweet or any berry pref. vaporeon
152
153
daily interaction record: 106,418 (17th Sept, 2017)
154
155
[img]https://pfq-static.com/img/types/pkrs.png/t=1452547618[/img] x115
156
157
Currently working on my shiny dex. I have 1,088/1,106 entries. Would love help and can pay whatever you want as long as its not too ridic~
158
[url=https://pokefarm.com/forum/post/1646391]here's a list of what I need[/url]
159
160
click my melons?
161
[url=https://pokefarm.com/summary/YmHMK][img]https://pfq-static.com/img/pkmn/7/k/v/1.png/t=1504014077[/img][/url][url=https://pokefarm.com/summary/YW8-P][img]https://pfq-static.com/img/pkmn/9/y/t/o.png/t=1504014098[/img][/url][url=https://pokefarm.com/summary/Yd5B9][img]https://pfq-static.com/img/pkmn/5/j/9/d.png/t=1504014398[/img][/url][url=https://pokefarm.com/summary/Y75Yh][img]https://pfq-static.com/img/pkmn/4/j/e/w.png/t=1504528662[/img][/url]
162
[url=https://pokefarm.com/summary/y-tRf][img]https://pfq-static.com/img/pkmn/9/a/d.png/t=1498531946[/img][/url][url=https://pokefarm.com/summary/yt2w7][img]https://pfq-static.com/img/pkmn/p/z/c/f.png/t=1474027734[/img][/url][url=https://pokefarm.com/summary/7MpN4][img]https://pfq-static.com/img/pkmn/a/d/y/3.png/t=1474027730[/img][/url]
163
[/centre][/sc][
164
][sc=tab][centre][h3]Links[/h3]
165
[url=https://pokefarm.com/forum/thread/39553/Weird-Autumn]my journal[/url]
166
167
[url=https://pokefarm.com/forum/thread/63412/Katti-and-Bay-s-Joint-Adopt-Shop]Joint Adoptable Shop[/url]
168
169
[url=https://pfq.link/~pyVp]Joint Trade Shop[/url]
170
171
[url=https://pokefarm.com/forum/thread/105579/wave-cave-open]art shop[/url]
172
[/centre][/sc][
173
][sc=tab][centre][h3]Credit[/h3]
174
Template by Type Null ([url=https://pokefarm.com/forum/post/2117803]F2U here[/url])
175
176
Header + Background Images from The Crew 
177
[size=7](slightly edited by me)[/size]
178
179
shiny Barboach/Whiscash Sprites from pokemon 
180
albinos/melans from PFQ
181
182
Animated Cat Pixel by me
183
184
[/centre][/sc][
185
][/sc][
186
][sc=cr]code © [url=https://pokefarm.com/user/Type_Null]type null[/url][/sc][/sc][/sc]