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