write a reply

nine lives

stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[nospaces]
[attr="class","ninecodes"]

[attr="class","ninecodestop"]

[attr="class","ninecodestopleft"]magnolia

[attr="class","ninecodestopright"][HASH]jcink [HASH]skin [HASH]monochrome [HASH]dark [HASH]light[break]live preview




[attr="class","ninecodesbody"]

features



  • A left-aligned forum (sits on the left side of the screen)
  • Black & white aesthetic, compatible with any color accent you choose
  • Fits up to 1200px wide screens comfortably
  • Full custom HTML including mini profiles
  • 200x400 Mini Profile hovers
  • Custom header with option for banner image (autosized to fit)
  • Quick Edit is disabled; see installation guide for more details.



[attr="class","ninecodesbody"]

how to install



  1. Download the XML file attachment titled "Magnolia.xml"
  2. Log into your Jcink Admin Panel
  3. Navigate to Skins & Templates then select Manage Skin Sets
  4. Navigate to the section titled Create New Skin Set and find the option: Choose a skin XML file to one-click install a new skin. Upload the XML attachment you've downloaded. Hit "Create New Skin Set".
  5. Once you have uploaded the file, you will see a new skin installed in that section that operates as an overview of all the skins currently installed. You can use the links in that menu to quickly navigate to access the wrappers, style sheets, HTML templates, and macros.
  6. Lastly, please disable Quick Edit. In order to do so, simply navigate: Admin CP >> System Settings >> Topics Posts and Polls >> Enable QuickEdit? Set to "No."





[attr="class","ninecodesbody"]

customizing



  • Remember to set up your Custom Fields first before plugging them in/editing the HTML Templates. Be sure to write down the Custom Field #s down so you can plug them in accordingly where it corresponds in the skin.
  • The board images can be edited by adding new div classes called "#b1" with the number "1" corresponding to the forum id number. If you don't know what the forum id number is, simply click on a forum and look at the last digit in the url address. So this means you'll need a new div id class for each board image you want to customize. You can always change the default board image by finding ".boardimg" in the css.
  • The miniprofile hover utilizes this script for full customization for mini profiles you want to make for each member group. Please refer to this script if you wish to add more mini profiles for additional member groups.
  • Be sure to go in every HTML Template to see what needs to be customized/revised according to your needs!





[attr="class","ninecodesbody"]

terms of service



  • Due to this skin utilizing a lot of gradients, you'll need to be careful on how you change the colors, etc. if you want to keep the skin looking consistent. If you're having trouble editing the gradients, I would suggest ColorZilla as a quick and simple gradient css generator.
  • General coding troubleshooting should be done in the Coding Help board but any questions or feedback are welcome in this thread. I'll try my best to assist you should you run into problems.
  • As always, please leave my credit/copyright intact!



[attr="class","ninecodesbody"]

changelog



  • 10/07/2018 — Added dimensions for mini-profile hovers.
  • 10/25/2018 — Included some additional styling (such as the main profile, mini profile hover, etc.) to make it easier to customize.



[googlefont="Roboto"]
[googlefont="Roboto Mono:100,300,400,500,700"]

[newclass=".ninecodes"]font-family: Roboto Mono; width: 500px; margin: 30px auto; background: white; box-sizing: border-box; color: #8d929c;[/newclass]
[newclass=".ninecodes a"]font-family: Roboto; color: #f2426e; letter-spacing: 0px;[/newclass]
[newclass=".ninecodestop"]position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 60px 30px; background-color: rgba(51, 34, 47, 0.85); background-image: url(https://image.ibb.co/kfdePK/50_opacity.png); background-size: cover; background-blend-mode: darken;[/newclass]
[newclass=".ninecodestop:before"]content: " "; width: 260px; height: 220px; position: absolute; -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); background: rgba(242, 66, 110,0.25); left: 0px; z-index: 1;[/newclass]

[newclass=".ninecodestopleft"]width: 50%; font-weight: 100; font-size: 40px; line-height: 30px; text-align: right; padding: 20px; color: #FFFFFF; position: relative; z-index: 1;[/newclass]
[newclass=".ninecodestopright"]width: 50%; font-size: 10px; position: relative; z-index: 1;text-align:left;[/newclass]
[newclass=".ninecodestopright a"]font-family:Roboto Mono;text-decoration: none; color: white; background: #ec6789; padding: 2px 4px; line-height: 220%;[/newclass]
[newclass=".ninecodestopright a:last-child]background: #56b8ff;[/newclass]
[newclass=".ninecodesbody"]padding: 30px; font-family: Roboto; font-size: 11px; border-bottom: 1px solid #efefef;[/newclass]
[newclass=".ninecodesbody:last-child"]border-bottom: 0px solid white;[/newclass]
[newclass=".ninecodesbody b"]color: #ec6789;[/newclass]
[newclass=".ninecodes h1"]font-family: Roboto Mono; font-weight: 300; word-spacing: -4px; text-transform: lowercase; font-size: 22px; margin: 0px; padding: 0px; margin-bottom: 10px;[/newclass]
[newclass=".ninecodes h1:before"]content: "//"; color: #f2426e; font-weight: 300; font-size: 26px; margin-right: 5px;[/newclass]
[newclass=".ninecodes li"]padding: 4px 40px 4px 0px;line-height:150%;[/newclass]
last edit on Nov 13, 2018 3:45:33 GMT by ninelie
stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[nospaces]

[attr="class","hanakotoba"]

花言葉




[attr="class","hanakotoba"]

紫苑花






[googlefont="Noto Serif JP":300,400,500,600,700]

[newclass=".hanakotoba"]background: rgba(0,0,0,0.85); background-image: url(https://images.unsplash.com/photo-1524721696987-b9527df9e512?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=77cdba87e73b829d7e47886e05903e5f&auto=format&fit=crop&w=1780&q=80); background-size: 1000px; background-position: center; padding: 50px; width: 500px; height: 500px; box-sizing: border-box; display: flex; align-items: center; transition: all ease 2s; border: 0px solid white;margin:30px auto;[/newclass]
[newclass=".hanakotoba h1"]font-family: Noto Serif JP; color: white; font-weight: 600; border: 5px solid white; margin: 0 auto; width: 105px; height: 105px; line-height: 120%; letter-spacing: 3px; padding: 8px 10px 0px 0px; box-sizing: border-box; text-align:right; font-size: 32px; background: rgba(30,30,30,0.65); transition: all ease 2s; transform: scale(1.25); box-shadow: 5px 5px 25px rgba(0,0,0,0.85);[/newclass]
[newclass=".hanakotoba h1 b"]position: relative; top: 1px; padding-left: 3px; color: #c50e12; font-size: 36px;[/newclass]
[newclass=".hanakotoba:hover"]background-size: 1200px; border: 20px solid white;[/newclass]
last edit on Oct 23, 2018 14:24:14 GMT by ninelie
stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[nospaces]
[attr="class","ninecodes"]

[attr="class","ninecodestop"]

[attr="class","ninecodestopleft"]waste it on me

[attr="class","ninecodestopright"][HASH]jcink [HASH]skin [HASH]rainbow [HASH]pastel [HASH]gradients[break]live preview




[attr="class","ninecodesbody"]

features



  • 1200px wide forum with a carousel-type header
  • Comes with forum-specific images (will require some finagling)
  • Rainbow pastel colors theme geared towards entertainment rp sites
  • Full custom HTML including mini profiles
  • 200x400 Mini Profile hovers
  • HoneyBee IconFont by ThemeHive



[attr="class","ninecodesbody"]

how to install



  1. Download the XML file attachment titled "Waste it on Me.xml"
  2. Log into your Jcink Admin Panel
  3. Navigate to Skins & Templates then select Manage Skin Sets
  4. Navigate to the section titled Create New Skin Set and find the option: Choose a skin XML file to one-click install a new skin. Upload the XML attachment you've downloaded. Hit "Create New Skin Set".
  5. Once you have uploaded the file, you will see a new skin installed in that section that operates as an overview of all the skins currently installed. You can use the links in that menu to quickly navigate to access the wrappers, style sheets, HTML templates, and macros.
  6. Next, go to back to the System Settings category and then select Topics, Posts & Polls. In the first section titled "Topics", find the last entry "Number of topics to show in 'Recent Topic Activity' display?" and set that field to "1" to enable the most recent post/topic in the Board Statistic.





[attr="class","ninecodesbody"]

customizing



  • Remember to set up your Custom Fields first before plugging them in/editing the HTML Templates. Be sure to write down the Custom Field #s down so you can plug them in accordingly where it corresponds in the skin.
  • The board images can be edited by adding new div classes called "#b1" with the number "1" corresponding to the forum id number. If you don't know what the forum id number is, simply click on a forum and look at the last digit in the url address. So this means you'll need a new div id class for each board image you want to customize. You can always change the default board image by finding ".boardimg" in the css.
  • The discord and affiliates sections are actually located in the Board Statistics HTML Template; simply locate Skins & Templates, then select HTML Templates, hit "Edit" for the "Waste it on Me" skin, then modify Board Stats (it should be the very first one in the list).
  • Be sure to go in every HTML Template to see what needs to be customized/revised according to your needs!





[attr="class","ninecodesbody"]

terms of service



  • Due to this skin utilizing a lot of gradients, you'll need to be careful on how you change the colors, etc. if you want to keep the skin looking consistent. If you're having trouble editing the gradients, I would suggest ColorZilla as a quick and simple gradient css generator.
  • General coding troubleshooting should be done in the Coding Help board but any questions or feedback are welcome in this thread. I'll try my best to assist you should you run into problems.
  • As always, please leave my credit/copyright intact!



[googlefont="Roboto"]
[googlefont="Roboto Mono:100,300,400,500,700"]

[newclass=".ninecodes"]font-family: Roboto Mono; width: 500px; margin: 30px auto; background: white; box-sizing: border-box; color: #8d929c;[/newclass]
[newclass=".ninecodes a"]font-family: Roboto; color: #f2426e; letter-spacing: 0px;[/newclass]
[newclass=".ninecodestop"]position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 60px 30px; background-color: rgba(51, 34, 47, 0.85); background-image: url(https://image.ibb.co/gDKatL/image.png); background-size: cover; background-blend-mode: darken;[/newclass]
[newclass=".ninecodestop:before"]content: " "; width: 260px; height: 220px; position: absolute; -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%); background: rgba(242, 66, 110,0.25); left: 0px; z-index: 1;[/newclass]

[newclass=".ninecodestopleft"]width: 50%; font-weight: 100; font-size: 40px; line-height: 30px; text-align: right; padding: 20px; color: #FFFFFF; position: relative; z-index: 1;[/newclass]
[newclass=".ninecodestopright"]width: 50%; font-size: 10px; position: relative; z-index: 1;text-align:left;[/newclass]
[newclass=".ninecodestopright a"]font-family:Roboto Mono;text-decoration: none; color: white; background: #ec6789; padding: 2px 4px; line-height: 220%;[/newclass]
[newclass=".ninecodestopright a:last-child]background: #56b8ff;[/newclass]
[newclass=".ninecodesbody"]padding: 30px; font-family: Roboto; font-size: 11px; border-bottom: 1px solid #efefef;[/newclass]
[newclass=".ninecodesbody:last-child"]border-bottom: 0px solid white;[/newclass]
[newclass=".ninecodesbody b"]color: #ec6789;[/newclass]
[newclass=".ninecodes h1"]font-family: Roboto Mono; font-weight: 300; word-spacing: -4px; text-transform: lowercase; font-size: 22px; margin: 0px; padding: 0px; margin-bottom: 10px;[/newclass]
[newclass=".ninecodes h1:before"]content: "//"; color: #f2426e; font-weight: 300; font-size: 26px; margin-right: 5px;[/newclass]
[newclass=".ninecodes li"]padding: 4px 40px 4px 0px;line-height:150%;[/newclass]
[newclass=".here"]here[/newclass]
[newclass=".here"]here[/newclass]
[newclass=".here"]here[/newclass]
[newclass=".here"]here[/newclass]
[newclass=".here"]here[/newclass]
last edit on Nov 13, 2018 1:03:24 GMT by ninelie
stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[nospaces]
[attr="class","magia"]
[attr="class","magica"]
[attr="class","sprinter"]


[attr="class","quattro"]

header


[attr="class","quattrotext"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a elit et felis facilisis varius. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et pellentesque arcu. Nullam sodales gravida risus, ac eleifend quam. Phasellus a commodo magna. Quisque at ligula mattis, finibus quam quis, facilisis nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque interdum ipsum nec tempus pharetra. Aliquam quis risus tincidunt, sagittis augue nec, placerat quam. Cras ac consectetur libero.







[googlefont="Playfair Display"]
[googlefont="Inter"]

[newclass=".magia"]font-family: "Inter", serif; background-color: #fbfbfb; width: 420px; margin: 30px auto; border: 1px solid #e7e7e7; font-size: 11px; color: #696766; text-align: left;box-sizing:border-box;[/newclass]
[newclass=".magica"]border:10px solid white;[/newclass]

[newclass=".sprinter"]background-image: url(https://i.ibb.co/RYbD44w/image.png); width: 100%;height:600px;background-position: center;[/newclass]
[newclass=".quattro"]padding: 50px; text-align: justify; white-space: pre-line; font-size: 11px; line-height: 160%;[/newclass]
[newclass=".quattro h1"]font-family: Playfair Display;font-weight: 900;margin: 0;padding: 0;color: #dba4f2;font-size: 18px;display: inline-block;border-bottom: 3px solid #e3e3e3;padding-bottom: 5px;text-transform: uppercase;[/newclass]
[newclass=".quattrotext"]display:block;padding:20px 0px 0px 0px;line-height:150%;[/newclass]
[newclass=".quattrotext b"]font-weight:700;color:#c2a4cf;[/newclass]
last edit on Jun 7, 2020 1:37:36 GMT by ninelie
stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[nospaces]
[attr="class","icalter"]

[attr="class","icaehead"]


[attr="class","icaemain"]
[attr="class","icaeinfo"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


subheading


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.





[attr="class","icaefeat"]

[attr="class","icaepoint"]
[attr="class","th th-fingerprint-o"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.




[attr="class","icaepoint"]
[attr="class","th th-stars-o"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.




[attr="class","icaepoint"]
[attr="class","th th-agenda-1-o"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.







[googlefont="Roboto"]

[newclass=".icalter"]font-family:Roboto;font-size:11px;width:450px;margin:30px auto;background-image:url(https://i.ibb.co/TBQ1kzT/image.png);background-size:cover;background-position:center;background-color:#44444448;background-blend-mode:soft-light;box-sizing:border-box;min-height:200px;[/newclass]

[newclass=".icaehead"]width:100%;height:450px;overflow:hidden;background-color:#719ba2;background-image:url(https://i.ibb.co/TLXg7D4/image.png);box-sizing:border-box;[/newclass]

[newclass=".icaemain"]padding:20px;position:relative;[/newclass]

[newclass=".icaeinfo"]background:#1f1f1f;position:relative;padding:40px 40px 25px 40px;[/newclass]

[newclass=".icaeinfo h1"]font-family:Roboto;padding:10px 0px;margin:10px 0px 20px 0px;font-style:italic;text-transform:uppercase;color:#777;font-size:26px;border-bottom:1px solid #333;[/newclass]

[newclass=".icaeinfo h1 b"]font-weight:900;border-bottom:6px solid #c60044;padding-bottom:8px;[/newclass]

[newclass=".icaeinfo p"]margin:0px;padding:0px;font-family:Roboto;font-size:11px;color:#777;line-height:150%;text-align:justify;margin-bottom:16px;[/newclass]

[newclass=".icaeinfo p b"]color:#719ba2;[/newclass]

[newclass=".icaefeat"]background:#0f0f0f;padding:40px;[/newclass]

[newclass=".icaepoint"]padding:20px 10px;border-bottom:1px dotted #333;position:relative;display:flex;align-items:center;[/newclass]

[newclass=".icaepoint:first-child"]border-top:1px dotted #333;[/newclass]

[newclass=".icaepoint p"]margin:0px;padding:0px;color:#ccc;text-transform:uppercase;font-weight:700;font-size:9px;line-height:13px;text-align:justify;[/newclass]

[newclass=".icaepoint span"]font-size:30px;margin:;text-align:center;opacity:0.5;-moz-opacity:0.5;color:#c60044;padding:5px 20px 5px 0px;[/newclass]
last edit on Sept 17, 2019 2:41:29 GMT by ninelie
stultifera navis
aliasnines
pronounsshe/her
535written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
[newclass=table]border-collapse: separate; table-layout: auto; width: auto;[/newclass][nospaces]
[attr="class","aleintcheck"]
[attr="class","aleic-head"]
[attr="class","aleic-head-title"]

aletheia


a magic-medieval fantasy rp


[attr="class","aleic-intro"]
The realm of Orsterra was created long ago by thirteen gods of renowned might. They breathed life upon the barren land, and fashioned mankind after their own image. The people of Orsterra came to revere the gods, and held them in the highest worship.
[break][break]
However, Galdera the God of Death, sought to seize the power of the gods for himself. He slew all but six of the twelve. Before he could complete his goal, Aelfric the God of Flames sealed him away with his light, banishing him forever from the realm.
[break][break]
Over thrice a millenia has passed. The lands of Orsterra are now absent of the Old Gods, and are now settled by the companies of men. Split into four factions that are constantly at odds with one another, our story begins in the thick of things as yet another war threatens to break with the next daybreak.

[attr="class","aleic-breakdown"]

Classifications



Member groups are defined by a character's personal beliefs, motivations, and philosophies in their approach to life. They are measured by three factors (Heart, Head, Body) that are further defined by an alignment system (Altruist, Balanced, Egocentric).


Heart



Individuals possessing the 'heart' factor tend to base their actions around their emotions. They are empathetic towards others and are easily driven by feelings rather than logic.


Head



Individuals possessing the 'head' factor are logical thinkers and run their life by facts rather than feelings. They process their environment matter-of-factly and believe based on what they see, not on hearsay.


Body



Individuals possessing the 'body' factor are grounded in the belief that action speaks louder than words. They are interested in what they can do, considering emotions and the logic of the situation second to their goals.


Alignments



Based on previous factors, individuals are then further refined by their priorities of selflessness to self-centrism. Altruistic individuals have more charitable tendencies, whereas egocentric characters are more focused on personal freedoms.


HeartHeadBody
Altruist[attr="class","vestal"]Vestal[attr="class","architect"]Architect[attr="class","chevalier"]Chevalier
Balanced[attr="class","catalyst"]Catalyst[attr="class","strategist"]Strategist[attr="class","orator"]Orator
Egocentric[attr="class","maverick"]Maverick[attr="class","luminary"]Luminary[attr="class","crypter"]Crypter

Aspects



Last but not least, each individual must choose an aspect that they are inclined to: Wealth, Power or Glory. At times they will overlap, but we ask that players choose the strongest aspect they believe their character resounds the most in.



[attr="class","aleic-breakdown"]

Orsterra



Split between four major powers, Orsterra was once whole under the Ventus Dynasty, but that ancient lineage had fallen into ruin after the fall of Hornbug in Year 1320.


[attr="class","emblem"]

Republic of Cagliostro



A republic nestled in the western woodlands of Orsterra, renowned for their military might and serious and sincere nature. Famed for mastering both sword and sorcery.


Theocracy of Farnessa



A theocracy located in the northern reaches of Orsterra, they have kept faith of the Church of Sacred Flames alive while possessing advanced automata in their arsenal.


Kingdom of Atmahata



Once untamed with hundreds of lesser tribes and clans, now united under one banner of the royal monarchy of Atma. The people are hardy, much like the arid desert wastelands and mountain ranges that comprises most of their homeland.


City State of Tarpuz



Boasting Orsterra's largest naval port, Tarpuz is the smallest but wealthiest of all of the nations. They are renowned for their naval might and monopoly over trade routes throughout Orsterra.



[attr="class","aleic-breakdown"]

Skin


[attr="class","progress"]
[attr="class","progress-bar"]

Lore


[attr="class","progress"]
[attr="class","progress-bar"]

Set Up


[attr="class","progress"]
[attr="class","progress-bar"]




[newclass=".aleintcheck"]margin: 0 auto; width: 550px; min-height: 500px; background-image: url(https://i.ibb.co/0q0mSHr/image.png); background-color: #dacbbf; color: #f2ebe5; font-family: "Roboto", sans-serif; font-size: 11px; position: relative;[/newclass]
[newclass=".aleic-head"]width: 100%; height: 260px; background-color: #a79383; background-image: url(https://i.ibb.co/YQr9hVN/header-content-1-img.png); background-blend-mode: color-burn; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;[/newclass]
[newclass=".aleic-head-title"]text-align: center; text-shadow: 0px 0px 15px #503e2f;[/newclass]
[newclass=".aleic-head-title h1"]margin: 0; padding: 0; font-family: Playfair Display; font-size: 72px; font-weight: 700; color: #ffe8cc; font-style: italic;[/newclass]
[newclass=".aleic-head-title b, .aleic-breakdown h1"]text-transform: uppercase; font-family: Poppins; font-size: 8px; letter-spacing: 2px; display: inline-block; background: #bb8c7b; padding: 4px 5px 3px 6px;[/newclass]
[newclass=".aleic-intro"]padding: 50px 70px; text-align: justify; line-height: 150%; font-size: 13px; font-family: Playfair Display; font-weight: 500; color: #3e3631;[/newclass]
[newclass=".aleic-breakdown"]border-top: 1px dotted; padding: 50px 70px;[/newclass]
[newclass=".aleic-breakdown p"]font-size: 12px; color: #3e3631; font-weight: 500; margin: 10px 0px; line-height: 160%; text-align: justify;[/newclass]
[newclass=".aleic-breakdown p b"]font-family: Roboto Mono; background-color: #bbaeaa; font-weight: 600; font-size: 11px; padding: 0px 3px 1px 3px;[/newclass]
[newclass=".aleic-breakdown h2"]font-family: Roboto Mono; font-size: 14px; color: #bb8c7b; margin: 15px 0 -3px 0; padding: 0;[/newclass]
[newclass=".aleic-breakdown table"]width: 100%; margin: 20px 0; border-spacing: 0px; font-family: Poppins; font-size: 10px; font-weight: 800!important; text-transform: uppercase; letter-spacing: 1px; text-align: center;[/newclass]
[newclass=".aleic-breakdown th"]background-color: #bbaeaa;[/newclass]
[newclass=".aleic-breakdown td, .aleic-breakdown th"]padding: 8px 5px;[/newclass]
[newclass=".vestal"]background: #b3b9a3;[/newclass]
[newclass=".architect"]background: #a3b9b3;[/newclass]
[newclass=".chevalier"]background: #a3b0b9;[/newclass]
[newclass=".catalyst"]background: #de8e87;[/newclass]
[newclass=".strategist"]background: #dea582;[/newclass]
[newclass=".orator"]background: #c9ae79;[/newclass]
[newclass=".maverick"]background: #a1a2ca;[/newclass]
[newclass=".luminary"]background: #be9aca;[/newclass]
[newclass=".crypter"]background: #d099b7;[/newclass]
[newclass=".emblem"]width: 210px; height: 210px; background-image: url(https://i.ibb.co/7XxF3pZ/emblems.png); margin: 20px auto;[/newclass]
[newclass=".emblem img"]width: 20px;[/newclass]
[newclass=".progress"]margin: 5px 0 15px 0; border: 1px solid; padding: 3px; box-sizing: border-box; width: 100%;[/newclass]
[newclass=".progress-bar"]height: 10px; width: 0%; background: #dacbbf;[/newclass]


[googlefont="Roboto:400,500,600,700"]
[googlefont="Roboto Mono:400,500,600,700"]
[googlefont="Playfair Display:700"]
[googlefont="Poppins:700,800,900"]
last edit on Jul 25, 2020 16:31:26 GMT by ninelie