zeeyico

kelsium about

Apr 8th, 2018
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.60 KB | None | 0 0
  1. [style]
  2. // Variables //
  3. @backgroundColor: #7b9bb0;
  4. @tempBorder: #3c6486;
  5. @textColor: #2d4f6b;
  6. @linkColor: #8b5249;
  7. @linkHover: #3c6486;
  8. @iconBG: #fff;
  9. @boldAccent: #8b5249;
  10. @headingColor: #8b5249;
  11. @progressBar: #8b5249;
  12. @progressBG: #dda28f;
  13. @tableHeaderBG: #8b5249;
  14.  
  15. a {
  16.     color: @linkColor;
  17.     text-transform: uppercase;
  18.     transition: 0.5s ease-in-out;
  19. }
  20. a:hover {
  21.     color: @linkHover;
  22.     transition: 0.5s ease-in-out;
  23. }
  24. .temp {
  25.     background-color: @backgroundColor;
  26.     border: 2px solid @tempBorder;
  27.     padding: 5px;
  28.     color: @textColor;
  29.     min-height: 400px;
  30.     font-family: helvetica, calibri, sans-serif;
  31.     font-size: 12px;
  32. }
  33. .icon {
  34.     height: 100px;
  35.     width: 100px;
  36.     border-radius: 100%;
  37.     border: 4px solid @tempBorder;
  38.     background-color: @iconBG;
  39.     margin-right: 10px;
  40.     float: left;
  41. }
  42. .info {
  43.     font-size: 12px;
  44.     padding: 5px;
  45.     b {
  46.         color: @boldAccent;
  47.         text-transform: uppercase;
  48.         font-weight: bold;
  49.         letter-spacing: 1px;
  50.     }
  51. }
  52. .clear {
  53.     clear: both;
  54. }
  55. ul {
  56.     background: none;
  57.     margin: 0 auto -10px;
  58.     text-align: center;
  59.     width: 75%;
  60. }
  61. li {
  62.     text-align: center;
  63.     display: inline-block;
  64.     margin: 3px;
  65.     background: none;
  66.     border: none;
  67.     box-shadow: none;
  68.     transform: rotate(-360deg);
  69.     transition: 1s ease-in-out;
  70.     img {
  71.         width: 25px;
  72.     }
  73. }
  74. li:hover {
  75.     transform: rotate(360deg);
  76.     transition: 1s ease-in-out;
  77. }
  78. li.tab-active {
  79.     transform: rotate(360deg);
  80.     transition: 1s ease-in-out;
  81.     background: none;
  82.     border: none;
  83.     box-shadow: none;
  84. }
  85. div.tab, div.tab-active {
  86.     background: none;
  87.     border: none;
  88.     box-shadow: none;
  89.     z-index: 1;
  90. }
  91. .sect {
  92.     padding: 0;
  93.     font-size: 12px;
  94.     color: @textColor;
  95.     h1 {
  96.         text-transform: uppercase;
  97.         background: @headingColor;
  98.         color: white;
  99.         border-radius: 5px;
  100.         padding: 3px;
  101.         margin: 15px 0 10px;
  102.         margin-bottom: -2px;
  103.         font-size: 16px;
  104.         font-weight: bold;
  105.         letter-spacing: 2px;
  106.     }
  107. }
  108. .body {
  109.     padding: 12px;
  110. }
  111. .tooltip_content {
  112.     border: 2px solid @tempBorder;
  113.     box-shadow: 0 0 10px @tempBorder;
  114.     background-color: @progressBG;
  115.     color: @textColor;
  116.     text-transform: uppercase;
  117.     font-size: 10px;
  118.     padding: 5px 8px;
  119.     margin: -40px 0 0 60%;
  120.     text-align: center;
  121.     max-width: 200px;
  122. }
  123. .expbar {
  124.     margin: 0 auto;
  125.     width: 85%;
  126.     background: @progressBG;
  127.     border: 2px solid @tempBorder;
  128.     border-radius: 0;
  129.     &>div {
  130.         background: @progressBar;
  131.         border-radius: 0;
  132.         margin: 3px;
  133.         padding: 0;
  134.     }
  135. }
  136. table {
  137.     text-align: center;
  138.     width: 90%;
  139.     margin: 0 auto;
  140.     border: none;
  141.     text-transform: uppercase;
  142. }
  143. td {
  144.     padding: 2px;
  145.     margin: 5px;
  146.     vertical-align: middle;
  147.     border: 1px solid @tempBorder;
  148.     background-color: white;
  149.     border-collapse: separate;
  150.     color: black;
  151.     font-size: 12px;
  152. }
  153. th {
  154.     background-color: @tableHeaderBG;
  155.     text-align: center;
  156.     color: white;
  157.     font-weight: bold;
  158.     font-size: 14px;
  159.     padding: 3px;
  160.     border: 1px solid @tableHeaderBG;
  161.     letter-spacing: 2px;
  162. }
  163. .cdt {
  164.     text-align: center;
  165.     font-size: 8px;
  166.     text-transform: lowercase;
  167. }
  168. [/style]
  169. [sc=temp][sc=icon][img]https://cdn.bulbagarden.net/upload/thumb/2/2a/044Gloom.png/250px-044Gloom.png[/img][/sc]
  170. [sc=info][b]Name:[/b] Kelsium
  171. [b]Type:[/b] grass/poison
  172. [b]Species:[/b] Gloom
  173. [b]Gender:[/b] ♀
  174. [b]Nature:[/b] gentle
  175. [b]Level:[/b] 21[sc=clear][/sc]
  176. [sc=tabbed_interface horizontal][ul][li][tip=tab one][img]https://i.imgur.com/xlSPNGZ.png[/img][/tip][/li][li][tip=tab two][img]https://i.imgur.com/xlSPNGZ.png[/img][/tip][/li][li][tip=tab three][img]https://i.imgur.com/xlSPNGZ.png[/img][/tip][/li][li][tip=tab four][img]https://i.imgur.com/xlSPNGZ.png[/img][/tip][/li][/ul]
  177. [sc=tab][sc=sect][h1]welcome[/h1][sc=body]Hi! Call me Zicø. I like K-pop, horror films, and not sleeping. I’m 5 hours behind server time. I hoard rash-natured Pokémon. PM me any time. I like chatting while I click. You’ll probably spot me in the trade forums a lot. Say hi or VIP me if you like.[/sc][/sc][/sc][
  178.  
  179. ][sc=tab][sc=sect][h1]links[/h1][sc=body]
  180. » [url=https://pfq.link/~pYM6]my journal[/url]
  181. » [url=https://pfq.link/~pbzs]my joint shop[/url]
  182. » [url=https://pfq.link/~pYCy]my template shop[/url]
  183. » [url=https://pfq.link/~p7s8]my breeding pairs shop[/url]
  184. » [url=https://pfq.link/~pYdZ]mass click association[/url][/sc]
  185. [h1]pals[/h1][sc=body]
  186. [center][url=https://pfq.link/~pYM-]cj[/url] • [url=https://pfq.link/~pYMj]birdo[/url] • [url=https://pfq.link/~pphg]lauren[/url] • [url=https://pfq.link/~pyyL]anna[/url]
  187. [url=https://pfq.link/~pYMk]sav[/url] • [url=https://pfq.link/~p7zr]gravebound[/url] • [url=https://pfq.link/~pbsS]wetned[/url] • [url=https://pfq.link/~p7TJ]csy[/url]
  188. [url=https://pfq.link/~pbKZ]scorp[/url] • [url=https://pfq.link/~ppkt]fandomguild[/url][/center][/sc][/sc][/sc][
  189.  
  190. ][sc=tab][sc=sect][h1]future hunts[/h1][sc=body]
  191. [table][tr][th]table[/th][th]header[/th][/tr]
  192. [tr][td]table[/td][td]cells[/td][/tr][/table][/sc][/sc][/sc][
  193.  
  194. ][sc=tab][sc=sect][h1]collecting[/h1]
  195. [progress="[inventory=thunder feather]/2000"][item=thunder feather][/progress]
  196. [progress="[inventory=nightmare shroud]/250"][item=nightmare shroud][/progress]
  197. [progress="[inventory=apprentice’s epee]/300"][item=apprentice’s epee][/progress]
  198. [/sc][/sc][/sc][/sc][/sc][sc=cdt][tip="template by [url=https://pfq.link/Zico]zico[/url]."]credit.[/tip]
  199. [/sc]
Advertisement
Add Comment
Please, Sign In to add comment