options
The Oubliette
written Jul 20, 2021 5:57:21 GMT
NIGHTBLOOM and ๖ۣۜLord Orivien like this
Deleted
[nospaces] [attr="class","sidelongcredits"] [attr="class","sidelong"] made by gimmick[attr="class","bodybox"] [attr="class","text-space icon"]  The Oubliette is a roleplay inspired by comics like Delicious in Dungeon and video games like Dragon Quest. It is set on the fantasy isle of Halsen, whose economy is centered around the titular magical labyrinth. After it mysteriously appeared a decade ago, The Oubliette proved to be a valuable source of commerce, with hidden treasures and monster parts selling for high prices. [break][break] The Oubliette is rated PG-13 (RPG Rating 2-1-2) and stars adventurers who explore said labyrinth, although members are free to create other inhabitants of the island. Members have great liberty to create their characters, with only a handful of banned powers; although humans are the only playable race at the moment, new races may be added upon user request pending moderator approval. [break][break] Although our site is currently in the works, an invite to the in-development Discord is available here. [attr="class","headerbox"] the oubliette[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: #cb8500 [/newclass] [newclass=.sidelong .headerbox] background: linear-gradient(-180deg, rgba(var(--accentRGB), 1), rgba(var(--accentRGB), .45)); 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 Jul 20, 2021 5:57:46 GMT by Deleted
