[style]
/* This code was created by Type Null. Free to use.

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.

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.
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.

Note: The content background image is semi-transparent! Any color you enter for @bgColor2 will adjust with the image. */

/* Less variables */

@fontColor1:#c0e8e6; /* used for link hover color, tooltip content font color, tab font color 2 */
@fontColor2:#101918; /* used for panel hover effect, tab font color 1 */
@fontColor3:#799a9c; /* progress bar font color, table font color, h1/h2/h3/panel font color */
@fontColor4:#f1fdff; /* main font color */
@bgColor1:#0f1c1d; /* main background color */
@bgColor2:#102327; /* content background color */
@bgColor3:#0f1c1d; /* tooltip content background, progress bar background 2, table background 2, panel content background */
@bgImage:url("https://i.imgur.com/NOtxwTN.png"); /* to change this, replace the image URL - for no image, type "none;" ex. @bgImage:none; */
@borderColor1:#173035; /* progress bar background 1, table background 1, main border color */
@borderColor2:#031417; /* progress bar border, h1/h2/h3 borders, table borders panel borders, banner border, content border */
@tabColor1:#c0e4e8; /* tab background color 1 */
@tabColor2:#2b3e3f; /* panel header font color, tab background color 2 */
@tabColor3:#a3cbce; /* tab hover background 1 */
@tabColor4:#1a2729; /* tab hover background 2 */
@headerColor1:#8db1b7; /* panel header hover background */
@headerColor2:#a3c9ce; /* panel header background */

/* bbcode colors, to use the same as @fontColor4 use "inherit;" ex. @linkColor:inherit; */

@linkColor:#8bc4ab; /* for the link hover color, see @fontColor1 */
@boldColor:#dbc08a;
@italicColor:#8eddf2;
@underlineColor:#a9e8e6;
@tooltipColor:#f2e59f; /* changes bottom border color only */

/* "main" selectors */

a { text-decoration:none; color:@linkColor; text-shadow:-10px 0px 3px transparent;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  }
a:hover { color:@fontColor1; text-shadow:0px 0px 3px @fontColor1; }
b { color:@boldColor; text-shadow:2px 2px 2px #000; }
i { color:@italicColor; text-shadow:2px 2px 2px #000; }
u { color:@underlineColor; text-shadow:2px 2px 2px #000; }
del { text-shadow:2px 2px 2px #000; }
.bbcode_tooltip { text-shadow:2px 2px 2px #000; border-bottom:1px dashed @tooltipColor; }
.tooltip_content { background-color:@bgColor3; color:@fontColor1; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:12px; border:1px solid @borderColor2; }
.expbar { background-color:@borderColor1; border-color:@borderColor2; min-height:18px; }
.expbar div { background-color:@bgColor3; border:1px dotted @borderColor2; }
.expbar span { font-weight:normal; color:@fontColor3; text-shadow:2px 2px 2px #000; }
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; }
table, td, th { border:none; color:@fontColor3; }
table { width:100%; border:1px solid @borderColor2; }
td, th { border:1px dotted @borderColor2; text-align:center; padding:10px; text-shadow:2px 2px 2px #000; }
th { background-color:@bgColor3; }
td { background-color:@borderColor1; }
.panel { box-shadow:none; background-color:@bgColor3; border-color:@borderColor2; border-radius:5px;
  &>h3 { background-color:@headerColor2; margin-top:0px; border-radius:5px; border:none; }
  &>h3:hover { background-color:@headerColor1; }
  &>h3>a>svg { display:none; }
  &>h3 span { color:@tabColor2; }
  &>h3 a { color:@tabColor2; text-shadow:-10px 0px 3px transparent; }
  &>h3 a:hover { text-shadow:0px 0px 3px @fontColor2; }
  &>div { background-color:@bgColor3; color:@fontColor3; }
}

/* code-specific selectors */

.container {
  position:relative;
  background-color:@bgColor1;
  color:@fontColor1;
  font-family:helvetica, sans-serif;
  font-size:12px;
  line-height:14px;
  border:4px double @borderColor1;
  padding:5px;
}
.ban {
  border:1px solid @borderColor2;
  border-bottom:none;
}
.tabs .tabbed_interface {
  &>div, &>ul, &>ul li { box-shadow:none; border:none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  }
  &>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; }
  &>ul li:nth-child(even) { background-color:@tabColor2; color:@fontColor1; }
  &>ul li:hover { background-color:@tabColor3; padding-left:10px; }
  &>ul li:nth-child(even):hover { background-color:@tabColor4; }
  &>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; }
  &>ul {  }
}
.tabbed_interface>div { animation:1.5s fade; }
.cr { font-size:10px; line-height:10px; text-align:right; }
[/style]
[sc=container][
][sc=ban][img]https://i.imgur.com/WgiVsgW.png[/img][/sc][
][sc=tabs][
][sc=tabbed_interface horizontal][ul]
[li]home[/li]
[li]groups[/li]
[li]trade[/li]
[li]hunt[/li]
[li]other[/li]
[li]links[/li]
[li]credit[/li]
[/ul][
][sc=tab-active][centre][h3]About Me[/h3][b][url=https://pokefarm.com/forum/post/1582543]an actual about me[/url][/b]

[b][tip=Excluding a few display/uft fields]My fields are S+S, 3,000+[/tip][/b]

If I don't reply to your PM:
it's nothing personal I just suck and I'm sorry ;;

[b]I prefer to not get PMs at all. Please inquire in my shop(s) if you can.[/b]

[url=https://pokefarm.com/user/insaneilg]my mom[/url] ✧ [url=https://pokefarm.com/user/DaBoush]my brother[/url]
[img]https://orig06.deviantart.net/2987/f/2017/162/1/c/uhhhhh_title_by_caterple-dbcdwi5.gif[/img][/centre][/sc][
][sc=tab][centre][h3]Click Groups[/h3]
I use discord and am a Manager of this click group!

[url=https://pfq.link/~pbX4][img]https://i.imgur.com/dh3RKUl.png[/img][/url]
[size=6][i]Free to use badge made by [url=https://pokefarm.com/user/ezpups]ezpups[/url][/i][/size]
[/centre][/sc][
][sc=tab][centre][h3]Trading[/h3]
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.

Please dont PM me, I will probably ignore/forget about it sorry. Please go to my trade shop instead.

I collect the following summons:
[item=lunar wing] [item=kusanagi] [item=kagami]

[size=13][url=https://pfq.link/~pyVp]Joint Trade Shop[/url][/size][/centre][/sc][
][sc=tab][centre][h3]Hunt Info[/h3]
I am currently hunting Barboach
My goal is 2 melans.

[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]
[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]
[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]
[/centre][/sc][
][sc=tab][centre][h3]Random Info[/h3]accepting sweet or any berry pref. vaporeon

daily interaction record: 106,418 (17th Sept, 2017)

[img]https://pfq-static.com/img/types/pkrs.png/t=1452547618[/img] x115

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~
[url=https://pokefarm.com/forum/post/1646391]here's a list of what I need[/url]

click my melons?
[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]
[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]
[/centre][/sc][
][sc=tab][centre][h3]Links[/h3]
[url=https://pokefarm.com/forum/thread/39553/Weird-Autumn]my journal[/url]

[url=https://pokefarm.com/forum/thread/63412/Katti-and-Bay-s-Joint-Adopt-Shop]Joint Adoptable Shop[/url]

[url=https://pfq.link/~pyVp]Joint Trade Shop[/url]

[url=https://pokefarm.com/forum/thread/105579/wave-cave-open]art shop[/url]
[/centre][/sc][
][sc=tab][centre][h3]Credit[/h3]
Template by Type Null ([url=https://pokefarm.com/forum/post/2117803]F2U here[/url])

Header + Background Images from The Crew
[size=7](slightly edited by me)[/size]

shiny Barboach/Whiscash Sprites from pokemon
albinos/melans from PFQ

Animated Cat Pixel by me

[/centre][/sc][
][/sc][
][sc=cr]code © [url=https://pokefarm.com/user/Type_Null]type null[/url][/sc][/sc][/sc]