Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Jul 29, 2022 6:42:07 GMT -7
[nospaces] [attr="class","loccont"] [attr="class","loctitle"]
dev notes: farah
[attr="class","locbody"] skills [attr="class","devitemscont"] [attr="class","devitemsrate"] perception [attr="class","devitemslist four"] [attr="class","devitemsrate"] communication [attr="class","devitemslist two"] [attr="class","devitemsrate"] persuasion [attr="class","devitemslist three"] [attr="class","devitemsrate"] literacy [attr="class","devitemslist three"] [attr="class","devitemsrate"] creativity [attr="class","devitemslist five"] [attr="class","devitemsrate"] cooking [attr="class","devitemslist five"] [attr="class","devitemsrate"] combat [attr="class","devitemslist four"] [attr="class","devitemsrate"] survival [attr="class","devitemslist five"] [attr="class","devitemsrate"] stealth [attr="class","devitemslist four"] [attr="class","devitemsrate"] charisma [attr="class","devitemslist two"] personality [attr="class","devscalecont"] [attr="class","devscale"] pacifist [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] careful [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] agreeable [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] extrovert [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] honest [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] leader [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] forgiving [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] treacherous [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] idealistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] optimistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] self-doubting [attr="class","devscaleline"] [attr="class","devscalemark"] priorities [attr="class","devitemscont"] [attr="class","devitemsrate"] family [attr="class","devitemslist five"] [attr="class","devitemsrate"] friends [attr="class","devitemslist five"] [attr="class","devitemsrate"] love [attr="class","devitemslist one"] [attr="class","devitemsrate"] health [attr="class","devitemslist one"] [attr="class","devitemsrate"] praise [attr="class","devitemslist one"] [attr="class","devitemsrate"] justice [attr="class","devitemslist four"] [attr="class","devitemsrate"] knowledge [attr="class","devitemslist three"] [attr="class","devitemsrate"] reputation [attr="class","devitemslist two"] [newclass=".loccont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width: 520px; margin: 0 auto; box-sizing: border-box; } .loctitle { text-align: center; font-weight: bold; font-size: 20px; border-bottom: 1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding: 2em; margin-bottom: 1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .locbody { padding: 1em 3em 3em 3em; text-align: justify; } .locbody span { background-color: var(--boardbg); padding: 0.2em 1em; float: right; margin: 0 0.2em; } .locbody b { color: var(--hovericoncolor); } .devscalecont, .devitemscont { margin-bottom: 2em; } .devscale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .devscaleline { width: 100%; background-color: var(--thirdbg); height: 2px; margin: 0 15px; } .devscale b { line-height: 1.1; display: block; width: 140px; } .devscale b:first-of-type { text-align: right; } .devscalemark { height: 12px; background-color: transparent; margin-top: -5px; } .devscalemark::after { content: " "; background-color: var(--hovericoncolor); width: 4px; height: 12px; display: block; float: right; border-radius: 2px; } .locbody h3 { font-size: 18px; border-bottom: 4px solid var(--hovericoncolor); margin: 0; margin-bottom: 20px; width: fit-content; text-transform: uppercase; } .devitemscont { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; } .devitemsrate { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } .devitemsrate:nth-of-type(even) { justify-content: flex-end; flex-direction: row; } .devitemsrate:nth-of-type(even) b { text-align: right; margin-left: 0; margin-right: 20px; } .devitemslist span { background-color: var(--thirdbg); height: 14px; width: 14px; box-sizing: border-box; display: block; border-radius: 100%; padding: 0; margin: 0; } .devitemsrate b { margin-left: 20px; } .devitemslist { display: flex; justify-content: space-between; align-items: center; width: 100px; } .devitemslist.one span:first-of-type { background-color: var(--hovericoncolor); } .devitemslist.four span:nth-of-type(-n + 4) { background-color: var(--hovericoncolor); } .devitemslist.three span:nth-of-type(-n + 3) { background-color: var(--hovericoncolor); } .devitemslist.two span:nth-of-type(-n + 2) { background-color: var(--hovericoncolor); } .devitemslist.five span:nth-of-type(-n + 5) { background-color: var(--hovericoncolor); } .devnotesscroll::-webkit-scrollbar { width: 6px; background-color:var(--mainbg); } .devnotesscroll::-webkit-scrollbar-thumb { background-color:var(--thirdbg); } .devnotesscroll { background-color:var(--mainbg); height:140px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--thirdbg) var(--mainbg); box-sizing:border-box; padding:1em 1.5em; line-height:1.6;[/newclass] |
|
Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Jul 29, 2022 7:11:21 GMT -7
[nospaces] [attr="class","loccont"] [attr="class","loctitle"]
dev notes: dmitri
[attr="class","locbody"] skills [attr="class","devitemscont"] [attr="class","devitemsrate"] perception [attr="class","devitemslist four"] [attr="class","devitemsrate"] communication [attr="class","devitemslist two"] [attr="class","devitemsrate"] persuasion [attr="class","devitemslist three"] [attr="class","devitemsrate"] literacy [attr="class","devitemslist three"] [attr="class","devitemsrate"] creativity [attr="class","devitemslist four"] [attr="class","devitemsrate"] cooking [attr="class","devitemslist two"] [attr="class","devitemsrate"] combat [attr="class","devitemslist five"] [attr="class","devitemsrate"] survival [attr="class","devitemslist four"] [attr="class","devitemsrate"] stealth [attr="class","devitemslist two"] [attr="class","devitemsrate"] charisma [attr="class","devitemslist three"] personality [attr="class","devscalecont"] [attr="class","devscale"] pacifist [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] careful [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] agreeable [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] extrovert [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] honest [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] leader [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] forgiving [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] treacherous [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] idealistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] optimistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] self-doubting [attr="class","devscaleline"] [attr="class","devscalemark"] priorities [attr="class","devitemscont"] [attr="class","devitemsrate"] family [attr="class","devitemslist one"] [attr="class","devitemsrate"] friends [attr="class","devitemslist three"] [attr="class","devitemsrate"] love [attr="class","devitemslist two"] [attr="class","devitemsrate"] health [attr="class","devitemslist three"] [attr="class","devitemsrate"] praise [attr="class","devitemslist one"] [attr="class","devitemsrate"] justice [attr="class","devitemslist one"] [attr="class","devitemsrate"] knowledge [attr="class","devitemslist three"] [attr="class","devitemsrate"] reputation [attr="class","devitemslist four"] [newclass=".loccont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width: 520px; margin: 0 auto; box-sizing: border-box; } .loctitle { text-align: center; font-weight: bold; font-size: 20px; border-bottom: 1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding: 2em; margin-bottom: 1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .locbody { padding: 1em 3em 3em 3em; text-align: justify; } .locbody span { background-color: var(--boardbg); padding: 0.2em 1em; float: right; margin: 0 0.2em; } .locbody b { color: var(--hovericoncolor); } .devscalecont, .devitemscont { margin-bottom: 2em; } .devscale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .devscaleline { width: 100%; background-color: var(--thirdbg); height: 2px; margin: 0 15px; } .devscale b { line-height: 1.1; display: block; width: 140px; } .devscale b:first-of-type { text-align: right; } .devscalemark { height: 12px; background-color: transparent; margin-top: -5px; } .devscalemark::after { content: " "; background-color: var(--hovericoncolor); width: 4px; height: 12px; display: block; float: right; border-radius: 2px; } .locbody h3 { font-size: 18px; border-bottom: 4px solid var(--hovericoncolor); margin: 0; margin-bottom: 20px; width: fit-content; text-transform: uppercase; } .devitemscont { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; } .devitemsrate { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } .devitemsrate:nth-of-type(even) { justify-content: flex-end; flex-direction: row; } .devitemsrate:nth-of-type(even) b { text-align: right; margin-left: 0; margin-right: 20px; } .devitemslist span { background-color: var(--thirdbg); height: 14px; width: 14px; box-sizing: border-box; display: block; border-radius: 100%; padding: 0; margin: 0; } .devitemsrate b { margin-left: 20px; } .devitemslist { display: flex; justify-content: space-between; align-items: center; width: 100px; } .devitemslist.one span:first-of-type { background-color: var(--hovericoncolor); } .devitemslist.four span:nth-of-type(-n + 4) { background-color: var(--hovericoncolor); } .devitemslist.three span:nth-of-type(-n + 3) { background-color: var(--hovericoncolor); } .devitemslist.two span:nth-of-type(-n + 2) { background-color: var(--hovericoncolor); } .devitemslist.five span:nth-of-type(-n + 5) { background-color: var(--hovericoncolor); } .devnotesscroll::-webkit-scrollbar { width: 6px; background-color:var(--mainbg); } .devnotesscroll::-webkit-scrollbar-thumb { background-color:var(--thirdbg); } .devnotesscroll { background-color:var(--mainbg); height:140px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--thirdbg) var(--mainbg); box-sizing:border-box; padding:1em 1.5em; line-height:1.6;[/newclass] |
|
Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Jul 29, 2022 7:21:52 GMT -7
[nospaces] [attr="class","loccont"] [attr="class","loctitle"]
dev notes: ezekiel
[attr="class","locbody"] skills [attr="class","devitemscont"] [attr="class","devitemsrate"] perception [attr="class","devitemslist five"] [attr="class","devitemsrate"] communication [attr="class","devitemslist four"] [attr="class","devitemsrate"] persuasion [attr="class","devitemslist four"] [attr="class","devitemsrate"] literacy [attr="class","devitemslist three"] [attr="class","devitemsrate"] creativity [attr="class","devitemslist two"] [attr="class","devitemsrate"] cooking [attr="class","devitemslist one"] [attr="class","devitemsrate"] combat [attr="class","devitemslist five"] [attr="class","devitemsrate"] survival [attr="class","devitemslist two"] [attr="class","devitemsrate"] stealth [attr="class","devitemslist four"] [attr="class","devitemsrate"] charisma [attr="class","devitemslist five"] personality [attr="class","devscalecont"] [attr="class","devscale"] pacifist [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] careful [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] agreeable [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] extrovert [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] honest [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] leader [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] forgiving [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] treacherous [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] idealistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] optimistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] self-doubting [attr="class","devscaleline"] [attr="class","devscalemark"] priorities [attr="class","devitemscont"] [attr="class","devitemsrate"] family [attr="class","devitemslist five"] [attr="class","devitemsrate"] friends [attr="class","devitemslist three"] [attr="class","devitemsrate"] love [attr="class","devitemslist five"] [attr="class","devitemsrate"] health [attr="class","devitemslist one"] [attr="class","devitemsrate"] praise [attr="class","devitemslist two"] [attr="class","devitemsrate"] justice [attr="class","devitemslist two"] [attr="class","devitemsrate"] knowledge [attr="class","devitemslist two"] [attr="class","devitemsrate"] reputation [attr="class","devitemslist one"] [newclass=".loccont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width: 520px; margin: 0 auto; box-sizing: border-box; } .loctitle { text-align: center; font-weight: bold; font-size: 20px; border-bottom: 1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding: 2em; margin-bottom: 1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .locbody { padding: 1em 3em 3em 3em; text-align: justify; } .locbody span { background-color: var(--boardbg); padding: 0.2em 1em; float: right; margin: 0 0.2em; } .locbody b { color: var(--hovericoncolor); } .devscalecont, .devitemscont { margin-bottom: 2em; } .devscale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .devscaleline { width: 100%; background-color: var(--thirdbg); height: 2px; margin: 0 15px; } .devscale b { line-height: 1.1; display: block; width: 140px; } .devscale b:first-of-type { text-align: right; } .devscalemark { height: 12px; background-color: transparent; margin-top: -5px; } .devscalemark::after { content: " "; background-color: var(--hovericoncolor); width: 4px; height: 12px; display: block; float: right; border-radius: 2px; } .locbody h3 { font-size: 18px; border-bottom: 4px solid var(--hovericoncolor); margin: 0; margin-bottom: 20px; width: fit-content; text-transform: uppercase; } .devitemscont { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; } .devitemsrate { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } .devitemsrate:nth-of-type(even) { justify-content: flex-end; flex-direction: row; } .devitemsrate:nth-of-type(even) b { text-align: right; margin-left: 0; margin-right: 20px; } .devitemslist span { background-color: var(--thirdbg); height: 14px; width: 14px; box-sizing: border-box; display: block; border-radius: 100%; padding: 0; margin: 0; } .devitemsrate b { margin-left: 20px; } .devitemslist { display: flex; justify-content: space-between; align-items: center; width: 100px; } .devitemslist.one span:first-of-type { background-color: var(--hovericoncolor); } .devitemslist.four span:nth-of-type(-n + 4) { background-color: var(--hovericoncolor); } .devitemslist.three span:nth-of-type(-n + 3) { background-color: var(--hovericoncolor); } .devitemslist.two span:nth-of-type(-n + 2) { background-color: var(--hovericoncolor); } .devitemslist.five span:nth-of-type(-n + 5) { background-color: var(--hovericoncolor); } .devnotesscroll::-webkit-scrollbar { width: 6px; background-color:var(--mainbg); } .devnotesscroll::-webkit-scrollbar-thumb { background-color:var(--thirdbg); } .devnotesscroll { background-color:var(--mainbg); height:140px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--thirdbg) var(--mainbg); box-sizing:border-box; padding:1em 1.5em; line-height:1.6;[/newclass] |
|
Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Aug 2, 2022 6:27:38 GMT -7
[nospaces] [attr="class","loccont"] [attr="class","loctitle"]
dev notes: eirin
[attr="class","locbody"] skills [attr="class","devitemscont"] [attr="class","devitemsrate"] perception [attr="class","devitemslist five"] [attr="class","devitemsrate"] communication [attr="class","devitemslist four"] [attr="class","devitemsrate"] persuasion [attr="class","devitemslist five"] [attr="class","devitemsrate"] literacy [attr="class","devitemslist five"] [attr="class","devitemsrate"] creativity [attr="class","devitemslist four"] [attr="class","devitemsrate"] cooking [attr="class","devitemslist two"] [attr="class","devitemsrate"] combat [attr="class","devitemslist two"] [attr="class","devitemsrate"] survival [attr="class","devitemslist three"] [attr="class","devitemsrate"] stealth [attr="class","devitemslist four"] [attr="class","devitemsrate"] charisma [attr="class","devitemslist four"] personality [attr="class","devscalecont"] [attr="class","devscale"] pacifist [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] careful [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] agreeable [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] extrovert [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] honest [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] leader [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] forgiving [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] treacherous [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] idealistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] optimistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] self-doubting [attr="class","devscaleline"] [attr="class","devscalemark"] priorities [attr="class","devitemscont"] [attr="class","devitemsrate"] family [attr="class","devitemslist one"] [attr="class","devitemsrate"] friends [attr="class","devitemslist two"] [attr="class","devitemsrate"] love [attr="class","devitemslist one"] [attr="class","devitemsrate"] health [attr="class","devitemslist four"] [attr="class","devitemsrate"] praise [attr="class","devitemslist one"] [attr="class","devitemsrate"] justice [attr="class","devitemslist three"] [attr="class","devitemsrate"] knowledge [attr="class","devitemslist five"] [attr="class","devitemsrate"] reputation [attr="class","devitemslist three"] [newclass=".loccont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width: 520px; margin: 0 auto; box-sizing: border-box; } .loctitle { text-align: center; font-weight: bold; font-size: 20px; border-bottom: 1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding: 2em; margin-bottom: 1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .locbody { padding: 1em 3em 3em 3em; text-align: justify; } .locbody span { background-color: var(--boardbg); padding: 0.2em 1em; float: right; margin: 0 0.2em; } .locbody b { color: var(--hovericoncolor); } .devscalecont, .devitemscont { margin-bottom: 2em; } .devscale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .devscaleline { width: 100%; background-color: var(--thirdbg); height: 2px; margin: 0 15px; } .devscale b { line-height: 1.1; display: block; width: 140px; } .devscale b:first-of-type { text-align: right; } .devscalemark { height: 12px; background-color: transparent; margin-top: -5px; } .devscalemark::after { content: " "; background-color: var(--hovericoncolor); width: 4px; height: 12px; display: block; float: right; border-radius: 2px; } .locbody h3 { font-size: 18px; border-bottom: 4px solid var(--hovericoncolor); margin: 0; margin-bottom: 20px; width: fit-content; text-transform: uppercase; } .devitemscont { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; } .devitemsrate { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } .devitemsrate:nth-of-type(even) { justify-content: flex-end; flex-direction: row; } .devitemsrate:nth-of-type(even) b { text-align: right; margin-left: 0; margin-right: 20px; } .devitemslist span { background-color: var(--thirdbg); height: 14px; width: 14px; box-sizing: border-box; display: block; border-radius: 100%; padding: 0; margin: 0; } .devitemsrate b { margin-left: 20px; } .devitemslist { display: flex; justify-content: space-between; align-items: center; width: 100px; } .devitemslist.one span:first-of-type { background-color: var(--hovericoncolor); } .devitemslist.four span:nth-of-type(-n + 4) { background-color: var(--hovericoncolor); } .devitemslist.three span:nth-of-type(-n + 3) { background-color: var(--hovericoncolor); } .devitemslist.two span:nth-of-type(-n + 2) { background-color: var(--hovericoncolor); } .devitemslist.five span:nth-of-type(-n + 5) { background-color: var(--hovericoncolor); } .devnotesscroll::-webkit-scrollbar { width: 6px; background-color:var(--mainbg); } .devnotesscroll::-webkit-scrollbar-thumb { background-color:var(--thirdbg); } .devnotesscroll { background-color:var(--mainbg); height:140px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--thirdbg) var(--mainbg); box-sizing:border-box; padding:1em 1.5em; line-height:1.6;[/newclass] |
|
Administrator
high priestess
999
gold
familiar Familiariorek byrnison
played by OOC Namepandora
content monkey
|
Post by pandora on Aug 2, 2022 6:36:29 GMT -7
[nospaces] [attr="class","loccont"] [attr="class","loctitle"]
dev notes: jeremiah
[attr="class","locbody"] skills [attr="class","devitemscont"] [attr="class","devitemsrate"] perception [attr="class","devitemslist three"] [attr="class","devitemsrate"] communication [attr="class","devitemslist four"] [attr="class","devitemsrate"] persuasion [attr="class","devitemslist five"] [attr="class","devitemsrate"] literacy [attr="class","devitemslist five"] [attr="class","devitemsrate"] creativity [attr="class","devitemslist four"] [attr="class","devitemsrate"] cooking [attr="class","devitemslist one"] [attr="class","devitemsrate"] combat [attr="class","devitemslist five"] [attr="class","devitemsrate"] survival [attr="class","devitemslist one"] [attr="class","devitemsrate"] stealth [attr="class","devitemslist two"] [attr="class","devitemsrate"] charisma [attr="class","devitemslist five"] personality [attr="class","devscalecont"] [attr="class","devscale"] pacifist [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] careful [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] agreeable [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] extrovert [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] honest [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] leader [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] forgiving [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] treacherous [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] idealistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] optimistic [attr="class","devscaleline"] [attr="class","devscalemark"] [attr="class","devscale"] self-doubting [attr="class","devscaleline"] [attr="class","devscalemark"] priorities [attr="class","devitemscont"] [attr="class","devitemsrate"] family [attr="class","devitemslist five"] [attr="class","devitemsrate"] friends [attr="class","devitemslist two"] [attr="class","devitemsrate"] love [attr="class","devitemslist two"] [attr="class","devitemsrate"] health [attr="class","devitemslist two"] [attr="class","devitemsrate"] praise [attr="class","devitemslist three"] [attr="class","devitemsrate"] justice [attr="class","devitemslist four"] [attr="class","devitemsrate"] knowledge [attr="class","devitemslist three"] [attr="class","devitemsrate"] reputation [attr="class","devitemslist five"] [newclass=".loccont"]background: var(--secondbg); color: var(--iconcolor); font-family: "Jost"; font-size: 13px; line-height: 1.8; width: 520px; margin: 0 auto; box-sizing: border-box; } .loctitle { text-align: center; font-weight: bold; font-size: 20px; border-bottom: 1px solid var(--thirdbg); color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1em; box-sizing: border-box; padding: 2em; margin-bottom: 1em; box-shadow: inset 0 0 0 1000px rgba(18, 18, 30, 0.7); background-size: cover; background-position: center; } .locbody { padding: 1em 3em 3em 3em; text-align: justify; } .locbody span { background-color: var(--boardbg); padding: 0.2em 1em; float: right; margin: 0 0.2em; } .locbody b { color: var(--hovericoncolor); } .devscalecont, .devitemscont { margin-bottom: 2em; } .devscale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .devscaleline { width: 100%; background-color: var(--thirdbg); height: 2px; margin: 0 15px; } .devscale b { line-height: 1.1; display: block; width: 140px; } .devscale b:first-of-type { text-align: right; } .devscalemark { height: 12px; background-color: transparent; margin-top: -5px; } .devscalemark::after { content: " "; background-color: var(--hovericoncolor); width: 4px; height: 12px; display: block; float: right; border-radius: 2px; } .locbody h3 { font-size: 18px; border-bottom: 4px solid var(--hovericoncolor); margin: 0; margin-bottom: 20px; width: fit-content; text-transform: uppercase; } .devitemscont { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 15px; } .devitemsrate { display: flex; justify-content: flex-end; align-items: center; flex-direction: row-reverse; } .devitemsrate:nth-of-type(even) { justify-content: flex-end; flex-direction: row; } .devitemsrate:nth-of-type(even) b { text-align: right; margin-left: 0; margin-right: 20px; } .devitemslist span { background-color: var(--thirdbg); height: 14px; width: 14px; box-sizing: border-box; display: block; border-radius: 100%; padding: 0; margin: 0; } .devitemsrate b { margin-left: 20px; } .devitemslist { display: flex; justify-content: space-between; align-items: center; width: 100px; } .devitemslist.one span:first-of-type { background-color: var(--hovericoncolor); } .devitemslist.four span:nth-of-type(-n + 4) { background-color: var(--hovericoncolor); } .devitemslist.three span:nth-of-type(-n + 3) { background-color: var(--hovericoncolor); } .devitemslist.two span:nth-of-type(-n + 2) { background-color: var(--hovericoncolor); } .devitemslist.five span:nth-of-type(-n + 5) { background-color: var(--hovericoncolor); } .devnotesscroll::-webkit-scrollbar { width: 6px; background-color:var(--mainbg); } .devnotesscroll::-webkit-scrollbar-thumb { background-color:var(--thirdbg); } .devnotesscroll { background-color:var(--mainbg); height:140px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:var(--thirdbg) var(--mainbg); box-sizing:border-box; padding:1em 1.5em; line-height:1.6;[/newclass] |
|
