Saturn_moon
梦想
NEW OASIS
MOONSHOT
Code:
[border="0px; padding: 0; margin: 0 auto;
--character: url('https://i.pinimg.com/564x/da/0f/3e/da0f3e14cdb02e640df58c70e9466ac8.jpg');
--charli03: url('https://i.pinimg.com/564x/e6/cf/18/e6cf1880f50845b36f80b80b2f786d74.jpg');
width: clamp(250px, 100%, 970px)"][border=0; border-radius: 8px; padding: 0; box-sizing: border-box; margin: 0 auto; display: flex; flex-flow: row wrap][border=1px solid black; border-radius: 8px; box-sizing: border-box; width: clamp(160px, 100%, 200px); height: 210px; background-image: var(--character); background-size: 110%; background-position: 50% top][/border][border=1px solid black; border-radius: 8px; box-sizing: border-box; flex: 1 1 auto; background: rgba(254,254,254,255)][border=0; padding: 0; margin: 5px 0 5px 15px; font: 26px Montserrat; letter-spacing: 0.1em; color: #191918][font=Orbitron][comment]
//Character's name
[/comment]XX[comment]
[/comment][/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255); font-size: 20px; margin-left: 5px; box-sizing: border-box][comment]
[/comment][border=0; padding: 0; box-sizing: border-box; display: inline-block; color: rgba(102, 217, 255, 0.7)][/border][border=0; padding: 0; box-sizing: border-box; display: inline-block; color: rgba(102, 217, 255, 0.7)][/border][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 5px 15px 0px 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]SCENE: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Name of scene
[/comment]May 22, 2185 | Arc 1 [Hope is a Fleeting Thing][comment]
[/comment][/font][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 5px 15px 0px 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]LOCATION: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Location of scene
[/comment]XX[comment]
[/comment][/font][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 0px 15px 0 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]PARTICIPANTS: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Name of characters involved
[/comment]XX, XX, XX[comment]
[/comment][/font][/border][/border][/border][/border][comment]
//Start of Post
[/comment][border=1px solid #f2f2f2; box-shadow: 0 0 15px rgba(0,0,0,0.5); padding: 12px; box-sizing: border-box; height: 450px; background: rgba(95,96,117,255); margin-top: 20px][border=0; padding: 0; box-sizing: border-box; width: 100%; height: 100%; background-image: var(--charli03); background-size: 100% auto; background-position: center 50%; position: relative; overflow: hidden; background-repeat: no-repeat][border=0; padding: 10px 15px; position: absolute; box-sizing: border-box; width: calc(100% + 1px); height: 450px; right: -1px; background: rgba(254,254,254,.95); font: normal 300 3.7vh Iceland; line-height: 100%; color: #191918][font=Orbitron][comment]
// Name of scene (again)
[/comment]XXX[comment]
[/comment][/font][border=0; padding: 4px 0 0; background: #f2f2f2; width: 50px; margin: 3px 0 7px 2px][/border][border="0; padding: 0 30px 0 3px; font-family: 'Blinker', sans-serif; font-size: 20px; line-height: 140%; overflow-x: hidden; overflow-y: scroll; height: 350px; box-sizing: content-box; width: 100%"][font=Mukta][comment]
//Post text area
[/comment][justify]Post Goes Here
Post Goes Here
Post Goes Here
[/justify][comment]
//code end
[/comment][/font][/border][/border][/border][/border][/border]
Code:
[border="0px; padding: 0; margin: 0 auto;
--character: url('https://i.pinimg.com/564x/da/0f/3e/da0f3e14cdb02e640df58c70e9466ac8.jpg');
--charli03: url('https://i.pinimg.com/564x/e6/cf/18/e6cf1880f50845b36f80b80b2f786d74.jpg');
width: clamp(250px, 100%, 970px)"][border=0; border-radius: 8px; padding: 0; box-sizing: border-box; margin: 0 auto; display: flex; flex-flow: row wrap][border=1px solid black; border-radius: 8px; box-sizing: border-box; width: clamp(160px, 100%, 200px); height: 210px; background-image: var(--character); background-size: 110%; background-position: 50% top][/border][border=1px solid black; border-radius: 8px; box-sizing: border-box; flex: 1 1 auto; background: rgba(242, 226, 189,255)][border=0; padding: 0; margin: 5px 0 5px 15px; font: 26px Montserrat; letter-spacing: 0.1em; color: #191918][font=Orbitron][comment]
//Character's name
[/comment]XX[comment]
[/comment][/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255); font-size: 20px; margin-left: 5px; box-sizing: border-box][comment]
[/comment][border=0; padding: 0; box-sizing: border-box; display: inline-block; color: rgba(102, 217, 255, 0.7)][/border][border=0; padding: 0; box-sizing: border-box; display: inline-block; color: rgba(102, 217, 255, 0.7)][/border][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 5px 15px 0px 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]SCENE: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Name of scene
[/comment]Month XX, XXXX | Arc X [XX][comment]
[/comment][/font][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 5px 15px 0px 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]LOCATION: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Location of scene
[/comment]XX[comment]
[/comment][/font][/border][/border][border=0; border-top: 1px solid rgba(100,100,100,0.40); padding: 6px 0 8px 2px; margin: 0px 15px 0 15px; font: 18px Jost; letter-spacing: 0.1em; color: #191918][font=Orbitron]PARTICIPANTS: [/font][border=0; padding: 0; display: inline-block; color: rgba(95,96,117,255)][font=Mukta][comment]
//Name of characters involved
[/comment]XX, XX, XX[comment]
[/comment][/font][/border][/border][/border][/border][comment]
//Start of Post
[/comment][border=1px solid #f2f2f2; box-shadow: 0 0 15px rgba(0,0,0,0.5); padding: 12px; box-sizing: border-box; height: 450px; background: rgba(227, 154, 7,255); margin-top: 20px][border=0; padding: 0; box-sizing: border-box; width: 100%; height: 100%; background-image: var(--charli03); background-size: 100% auto; background-position: center 50%; position: relative; overflow: hidden; background-repeat: no-repeat][border=0; padding: 10px 15px; position: absolute; box-sizing: border-box; width: calc(100% + 1px); height: 450px; right: -1px; background: rgba(242, 226, 189,.95); font: normal 300 3.7vh Iceland; line-height: 100%; color: #191918][font=Orbitron][comment]
// Name of scene (again)
[/comment]XX[comment]
[/comment][/font][border=0; padding: 4px 0 0; background: #e39a07; width: 50px; margin: 3px 0 7px 2px][/border][border="0; padding: 0 30px 0 3px; font-family: 'Blinker', sans-serif; font-size: 20px; line-height: 140%; overflow-x: hidden; overflow-y: scroll; height: 350px; box-sizing: content-box; width: 100%"][font=Mukta][comment]
//Post text area
[/comment][justify]Post Goes Here
Post Goes Here
Post Goes Here
[/justify][comment]
//code end
[/comment][/font][/border][/border][/border][/border][/border]
Last edited: