options
[IC] Flamewake Academy
written Feb 26, 2021 1:56:02 GMT
Deleted
[nospaces] [attr="class","sidelongcredits"] [attr="class","sidelong"] made by gimmick[attr="class","bodybox"] [attr="class","text-space icon"]  Expanded on from the post here. [break][break] Flamewake Academy is an upcoming 2-1-2 (PG-13) RP centered around a magic academy for youngsters in a medieval fantasy world. It will be hosted on JCink and will feature an open powers system for all characters. One other important detail is that it will not be based on the popular children’s book series Harry Potter. [break][break] The other details are in flux, as I want to gauge interest in the concept first. However, I have set up a Discord server where prospective members can collaborate with me to build the site lore. Again, this all depends on whether or not people are interested in the concept. [break][break] You can join the Discord server through this link, or shoot me a PM on-site if there’s anything in particular you’d like to see. Again, a lot of details are in flux; I'll keep you posted if anything major happens. [break][break] Big thanks to @gimmick for creating the post template for this! [attr="class","headerbox"] [googlefont=Hind:400,700][googlefont=Poppins:400,700] [newclass=.sidelongcredits]width: min-content; margin: 30px auto; [/newclass] [newclass=.sidelongcredits>a]display: block; text-align:right; margin-top: 4px; font:700 7px/10px sans-serif; letter-spacing:.8px;text-decoration:none;text-transform:uppercase;[/newclass] [newclass=.sidelong]width: 620px; position: relative; display: grid; grid-template-columns: 1fr 50px; grid-template-areas: ' bodybox headerbox'; background: #f9f9f9; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); --accentRGB: 203, 133, 0; --accent: #495b75 [/newclass] [newclass=.sidelong .headerbox] background: #a5b8d3; grid-area: headerbox; width: 50px; display: flex; justify-content: center; padding-top: 40px; [/newclass] [newclass=.sidelong .bodybox] padding: 30px 0px 30px 30px; background: #f9f9f9; grid-area: bodybox; display: grid; grid-column-gap: 30px; grid-template-columns: auto 1fr; [/newclass] [newclass=.sidelong .border-box] padding: 8px; border: 1px solid #dcdcdc; [/newclass] [newclass=.sidelong .image-space] width: 175px; height: 525px; overflow: hidden; background: lightgray; filter: brightness(1.25) contrast(.65) saturate(2); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; [/newclass] [newclass=.sidelong .image-space:hover] filter: brightness(1.35) contrast(.75) saturate(2);[/newclass] [newclass=.sidelong .image-space::after] content: ' '; background: #666; opacity: .25; position: absolute; width: 175px; height: 525px; [/newclass] [newclass=.sidelong .text-space] height: 525px; overflow: auto; padding-right: 40px; margin-top: 8px; text-align: left; font: 13px/18px 'Hind'; -webkit-text-size-adjust: none; color: #000;[/newclass] [newclass=.sidelong .text-space.icon] height: auto; overflow: hidden; padding-right: 0; margin: 0;[/newclass] [newclass=.sidelong img] padding: 10px; border: 1px solid #dcdcdc; float: left; margin: 0 20px 10px 0; max-width: 150px; filter: brightness(1) contrast(.75) saturate(.8); -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear;[/newclass] [newclass=.sidelong img:hover]filter: brightness(1.1) contrast(.8) saturate(1);[/newclass] [newclass=.sidelong b] font-weight: bold; font-size: 14px; color: var(--accent); [/newclass] [newclass=.sidelong i] font-weight: 400; [/newclass] [newclass=.sidelong u] text-decoration-style: dotted; text-decoration-color: var(--accent); text-decoration-thickness: 2px; [/newclass] [newclass=.sidelong .text-space br] content: ''; padding: 0 0 6px; display: block; [/newclass] [newclass=.sidelong h1] font: 700 12px/12px 'Poppins'; text-transform: uppercase; letter-spacing: 1.8px; color: white; writing-mode: vertical-rl; font-size: 15px; [/newclass] [newclass=.sidelong h1 a]font: inherit; text-decoration: none; color: inherit !important; [/newclass] [newclass=.sidelong h2, .sidelong h3] margin: 0; font: inherit [/newclass] [newclass=.sidelong ::-webkit-scrollbar] -webkit-appearance: none !important; background: transparent; width: 4px !important; border: 0 !important; [/newclass] [newclass=.sidelong ::-webkit-scrollbar-horizontal] width: 4px; [/newclass] [newclass=.sidelong ::-webkit-scrollbar-thumb] background: rgba(var(--accentRGB), .5) !important; border: 0 !important; [/newclass] [newclass=.sidelong ::-webkit-scrollbar-track] background: #f9f9f9 !important; border: 0 !important [/newclass] |
last edit on Feb 26, 2021 1:59:07 GMT by Deleted
