options
[IC] Tonight The Stars Revolt!
written Feb 22, 2021 11:31:07 GMT
Deleted
[nospaces] [attr="class","sidelongcredits"] [attr="class","sidelong"] made by gimmick[attr="class","bodybox"] [attr="class","text-space icon"]  Hi there, everyone. I’m yum yums, and I’m here with another offer; a more relaxed setting than my other site Dungeon Jam. This doesn’t mean it’s going to be any less intricate, of course - I already have a good amount of the lore typed up. [break][break] Tonight the Stars Revolt is an upcoming magitek/dieselpunk RP set in a fictitious world where magic is real. Taking from the plots of games like FFVI and Granblue Fantasy, the site follows the conflict between the governing Imperial Army and the rebellion simply titled the Ungratefuls. Members will be free to choose between either faction (or none, if need be) and will have a great amount of freedom to create their powers and abilities. [break][break] This site utilizes animanga faceclaims and will feature a minimal-hassle profile application and powers system. It will be hosted on JCink - I already have the site 80% done, I’m just here to gauge the interest level in the project before I decide to go ahead with it. You can also join the Discord chat here. If this gets sufficient interest, I’ll set the site up fully within the week. [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 22, 2021 11:32:46 GMT by Deleted
