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