Post by raziel of the autumn court on Jan 25, 2020 17:23:50 GMT
[nospaces]
[newclass="body"]background-color:#eeeae9;[/newclass]
[newclass=".maps"]width: 450px; box-sizing: border-box; margin: auto; border: 8px solid #938c7f; padding: 35px; background-image: url('https://i.imgur.com/NHOB3pr.png'); background-size: cover; background-position: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;[/newclass]
[newclass=".maps > .mapstext"]background-color: #fff; box-shadow: 1px 1px 9px 6px rgba(0, 0, 0, 0.2); padding: 20px; color: #322d10; font: 11px / 15px Helvetica Neue, Helvetica, Arial, sans-serif;[/newclass]
[newclass=".mapstext h1"]text-align: center; font: 15px / 15px Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif; margin: 0.67em 0;[/newclass]
[newclass=".mapstext > h1:before, .mapstext > h1:after"]content: ''; display: inline-block; vertical-align: middle; width: 30px; border-bottom: 1px solid #d4cdbf; margin: 0px 10px;[/newclass]
[newclass=".maps .summary"]border: 1px solid #d4cdbf; border-width: 1px 0px; padding: 10px; max-height: 150px; overflow: auto; scrollbar-color: #938c7f transparent; scrollbar-width: thin;[/newclass]
[newclass=".maps .summary::-webkit-scrollbar"]width: 6px;[/newclass]
[newclass=".maps .summary::-webkit-scrollbar-thumb"]background: #938c7f; border-radius: 5px;[/newclass]
[newclass=".maps .memberlist"]display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -12px;[/newclass]
[newclass=".maps .member"]box-sizing: border-box; width: 100px; height: 100px; border: 4px solid #938c7f; background-size: cover; margin-top: 12px; -webkit-filter: grayscale(60%); filter: grayscale(60%); transition: 0.8s all;[/newclass]
[newclass=".maps .member:hover"]-webkit-filter: grayscale(0%); filter: grayscale(0%);[/newclass]
[newclass=".maps .member h2"]opacity: 0; transition: 0.8s all; transition-delay: 0s; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px; padding: 0; padding-left: 2px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); color: #938c7f; font: bold 1.5em / 1em arial, sans-serif; [/newclass]
[newclass=".maps .member:hover h2"]opacity: 1; transition-delay: 0.8s;[/newclass]
[newclass=".maps .member h2 b"]display: block; box-sizing: border-box; width: 100%; text-align: right; padding-right: 3px; color: #322d10; font-size: 8px; line-height: 8px; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px;[/newclass]
[attr="class","maps"]
[attr="class","mapstext"]
summary
[attr="class","summary"]There are human societies who live beyond Salem's three main cities, cultures which seem almost alien to those living comfortably under the Council's guidance. The Autumn Court is merely one of these peoples, but they hold a significant, but subtle economic sway within Salem's largest communities.
[break][break]
The most highly prized members of the Court live at sea, upon fleets of sleek ships beyond the mainland's horizon. These people are known equally for their isolationist nature, their elegance, their wealth, and their cunningly cutthroat ideals.
[break][break]
They follow a strict societal hierarchy based on a combination of both mental and magical talent. A handful of their most talented athenians sit at its head. These few keep the rest of the nobles mentally connected to their central hivemind, and decide their people's futures.
[break][break]
The midling members of the hierarchy are sent to the mainland as emissaries and leaders of their trade empire. Outsiders and the lowest ranked -- at least, while out of the public eye -- are treated as little more than slaves, or subversives who need to be cut out for the good of the whole.
[break][break]
There is little empathy among them, and little tolerance for imperfection. Those who are born with traits which they consider deformities are drowned -- cast into the ocean. Those who develop such deformities later in life are treated much the same way, except in some exceptional cases, where a form of excile is arranged.
[break][break]
The most highly prized members of the Court live at sea, upon fleets of sleek ships beyond the mainland's horizon. These people are known equally for their isolationist nature, their elegance, their wealth, and their cunningly cutthroat ideals.
[break][break]
They follow a strict societal hierarchy based on a combination of both mental and magical talent. A handful of their most talented athenians sit at its head. These few keep the rest of the nobles mentally connected to their central hivemind, and decide their people's futures.
[break][break]
The midling members of the hierarchy are sent to the mainland as emissaries and leaders of their trade empire. Outsiders and the lowest ranked -- at least, while out of the public eye -- are treated as little more than slaves, or subversives who need to be cut out for the good of the whole.
[break][break]
There is little empathy among them, and little tolerance for imperfection. Those who are born with traits which they consider deformities are drowned -- cast into the ocean. Those who develop such deformities later in life are treated much the same way, except in some exceptional cases, where a form of excile is arranged.
members & ideas
[attr="class","memberlist"]
[attr="class","member"]
raziel of the autumn courthead merchant of the west
[attr="class","member"]
visiting Lord-in-trainingopen[break](Ichimoku Ren from Onmyouji)
[attr="class","member"]
the voice in the Councilopen[break](Otsutsuki Kaguya from naruto)
[attr="class","member"]
head merchant of the eastopen[break](Ubume from Onmyouji)
[attr="class","member"]
blade of the Lordsopen[break](Tôn Phi Lượng from JX3)
[attr="class","member"]
scorned halfbreedopen[break](Kusuriuri from Mononoke)
[newclass="body"]background-color:#eeeae9;[/newclass]
[newclass=".maps"]width: 450px; box-sizing: border-box; margin: auto; border: 8px solid #938c7f; padding: 35px; background-image: url('https://i.imgur.com/NHOB3pr.png'); background-size: cover; background-position: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;[/newclass]
[newclass=".maps > .mapstext"]background-color: #fff; box-shadow: 1px 1px 9px 6px rgba(0, 0, 0, 0.2); padding: 20px; color: #322d10; font: 11px / 15px Helvetica Neue, Helvetica, Arial, sans-serif;[/newclass]
[newclass=".mapstext h1"]text-align: center; font: 15px / 15px Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif; margin: 0.67em 0;[/newclass]
[newclass=".mapstext > h1:before, .mapstext > h1:after"]content: ''; display: inline-block; vertical-align: middle; width: 30px; border-bottom: 1px solid #d4cdbf; margin: 0px 10px;[/newclass]
[newclass=".maps .summary"]border: 1px solid #d4cdbf; border-width: 1px 0px; padding: 10px; max-height: 150px; overflow: auto; scrollbar-color: #938c7f transparent; scrollbar-width: thin;[/newclass]
[newclass=".maps .summary::-webkit-scrollbar"]width: 6px;[/newclass]
[newclass=".maps .summary::-webkit-scrollbar-thumb"]background: #938c7f; border-radius: 5px;[/newclass]
[newclass=".maps .memberlist"]display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -12px;[/newclass]
[newclass=".maps .member"]box-sizing: border-box; width: 100px; height: 100px; border: 4px solid #938c7f; background-size: cover; margin-top: 12px; -webkit-filter: grayscale(60%); filter: grayscale(60%); transition: 0.8s all;[/newclass]
[newclass=".maps .member:hover"]-webkit-filter: grayscale(0%); filter: grayscale(0%);[/newclass]
[newclass=".maps .member h2"]opacity: 0; transition: 0.8s all; transition-delay: 0s; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px; padding: 0; padding-left: 2px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); color: #938c7f; font: bold 1.5em / 1em arial, sans-serif; [/newclass]
[newclass=".maps .member:hover h2"]opacity: 1; transition-delay: 0.8s;[/newclass]
[newclass=".maps .member h2 b"]display: block; box-sizing: border-box; width: 100%; text-align: right; padding-right: 3px; color: #322d10; font-size: 8px; line-height: 8px; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px;[/newclass]
