cherub.
𝘤𝘭𝘰𝘶𝘥 ☁ 𝘨𝘢𝘻𝘦𝘳
roleplay made by elextrified and i
[class name=body] width: 100%; display: block; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 20px 0px; background: url('https://i.imgur.com/Vf6E1U1.jpg'); [/class] [class name=navbar] display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; position: relative; width: 100%; bottom: -65px; padding-bottom: 10px; z-index: 1; [/class] [class name=navcolumn] display: inline-block; flex: 1 0 300px; max-width: 600px; [/class] [class name=pinktab] height: 5px; width: 80%; background: #644536; font-size: 0px; margin-bottom: 4px; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; [/class] [class name=pinktab state=hover] width: 85%; [/class] [class name=orangetab] height: 5px; width: 85%; background: #B2675E; font-size: 0px; margin-bottom: 4px; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; [/class] [class name=orangetab state=hover] width: 90%; [/class] [class name=yellowtab] height: 5px; width: 95%; background: #C4A381; font-size: 0px; margin-bottom: 4px; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; [/class] [class name=yellowtab state=hover] width: 100%; [/class] [class name=greentab] height: 5px; width: 90%; background: #BBD686; font-size: 0px; margin-bottom: 4px; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; [/class] [class name=greentab state=hover] width: 95%; [/class] [class name=cyantab] height: 5px; width: 83%; background: #EEF1BD; font-size: 0px; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer; [/class] [class name=cyantab state=hover] width: 88%; [/class] [class name=titlecolumn] flex: 1 1 300px; color: #d5d5d5; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 2.5em; text-transform: uppercase; box-sizing: border-box; padding-left: 46px; [/class] [class name=pinktitlecolumn] color: #644536; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 1em; text-transform: uppercase; box-sizing: border-box; display: none; position: absolute; z-index: 1; [/class] [class name=orangetitlecolumn] color: #B2675E; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 1em; text-transform: uppercase; box-sizing: border-box; display: none; position: absolute; z-index: 1; [/class] [class name=yellowtitlecolumn] color: #C4A381; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 1em; text-transform: uppercase; box-sizing: border-box; display: none; position: absolute; z-index: 1; [/class] [class name=greentitlecolumn] color: #BBD686; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 1em; text-transform: uppercase; box-sizing: border-box; display: none; position: absolute; z-index: 1; [/class] [class name=cyantitlecolumn] color: #EEF1BD; font-family: 'Montserrat', sanserif; font-weight: bold; font-size: 1em; text-transform: uppercase; box-sizing: border-box; display: none; position: absolute; z-index: 1; [/class] [class name=positioning] display: block; height: 100%; width: 100%; position: relative; [/class] [class name=navbox] width: 26px; height: 26px; box-sizing: border-box; background: #FFF; border: 1px solid #d5d5d5; display: inline-block; position: absolute; left: 10px; top: 7px; z-index: 5; cursor: pointer; text-align: center; padding: 5px; color: #d5d5d5; font-size: .8em; display: none; [/class] [class name=flexmain] display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content: stretch; position: relative; left: 0px; z-index: 3; pointer-events: none; margin-bottom: -63px; max-width: 1200px; [/class] [class name=imagenav] flex: 2 0 300px; max-width: 400px; position: relative; order: 1; box-sizing: border-box; padding: 0px 30px 0px 46px; position: relative; top: -63px; [/class] [class name=image] font-size: 0px; box-sizing: border-box; padding: 20px; border: 1px solid #d5d5d5; background: #FFF; pointer-events: none; [/class] [class name=emptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #644536; [/class] [class name=pinkemptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #644536; [/class] [class name=orangeemptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #B2675E; [/class] [class name=yellowemptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #F1E189; [/class] [class name=greenemptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #BBD686; [/class] [class name=cyanemptyspace] height: 20px; width: 100%; font-size: 0px; display: block; background: #EEF1BD; [/class] [class name=contentcol] flex: 3 0 300px; order: 2; box-sizing: border-box; padding: 75px 25px 0px 25px; overflow: hidden; height: 60vh; [/class] [class name=scrollbox] display: block; width: 100%; height: calc(100% - 75px); padding-right: 150px; overflow-x: visible; overflow-y: scroll; pointer-events: auto; [/class] [class name=tabcontents] width: 100%; height: 100%; display: none; pointer-events: auto; [/class] [class name=textblock] display: block; box-sizing: border-box; padding-left: 40px; width: 100%; margin-top: -40px; [/class] [class name=postbg] display: block; box-sizing: border-box; padding: 20px 25px; background: #FFF; border: 1px solid #d5d5d5; color: #5b5b5b; font-family: 'Lato', sanserif; text-align: justify; font-size: .85em; [/class] [class name=number] display: block; height: 50px; width: 50px; color: #FFF; background: #644536; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=subtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #644536; text-transform: lowercase; [/class] [class name=pinknumber] display: block; height: 50px; width: 50px; color: #FFF; background: #644536; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=pinksubtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #644536; text-transform: lowercase; [/class] [class name=orangenumber] display: block; height: 50px; width: 50px; color: #FFF; background: #B2675E; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=orangesubtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #B2675E; text-transform: lowercase; [/class] [class name=yellownumber] display: block; height: 50px; width: 50px; color: #FFF; background: #C4A381; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=yellowsubtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #C4A381; text-transform: lowercase; [/class] [class name=greennumber] display: block; height: 50px; width: 50px; color: #FFF; background: #BBD686; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=greensubtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #BBD686; text-transform: lowercase; [/class] [class name=cyannumber] display: block; height: 50px; width: 50px; color: #FFF; background: #EEF1BD; text-align: center; box-sizing: border-box; padding-top: 5px; font-size: 2em; font-family: 'Montserrat', sanserif; font-weight: bold; position: relative; bottom: -70px; left: -40px; z-index: 5; [/class] [class name=cyansubtitle] display: block; width: 100%; font-size: 2.2em; font-family: 'Montserrat', sanserif; text-align: left; margin-bottom: 13px; border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; color: #EEF1BD; text-transform: lowercase; [/class] [class name=smalltext] font-size: 0.35em; color: #d5d5d5; display: block; margin-top: -5px; text-transform: uppercase; [/class] [class name=empty] font-size: 0px; height: 15px; display: block; [/class] [script class=pinktab on=mouseenter] fadeIn 400 pinktitlecolumn fadeIn 400 navboxpink [/script] [script class=pinktab on=click] hide tabcontents removeClass orangesubtitle subtitle removeClass orangenumber number removeClass orangeemptyspace emptyspace removeClass yellowsubtitle subtitle removeClass yellownumber number removeClass yellowemptyspace emptyspace removeClass greensubtitle subtitle removeClass greennumber number removeClass greenemptyspace emptyspace removeClass cyansubtitle subtitle removeClass cyannumber number removeClass cyanemptyspace emptyspace show tabcontentspink addClass pinksubtitle subtitle addClass pinknumber number addClass pinkemptyspace emptyspace [/script] [script class=pinktab on=mouseleave] fadeOut 400 pinktitlecolumn fadeOut 400 navboxpink [/script] [script class=orangetab on=mouseenter] fadeIn 400 orangetitlecolumn fadeIn 400 navboxorange [/script] [script class=orangetab on=click] hide tabcontents removeClass pinksubtitle subtitle removeClass pinknumber number removeClass pinkemptyspace emptyspace removeClass yellowsubtitle subtitle removeClass yellownumber number removeClass yellowemptyspace emptyspace removeClass greensubtitle subtitle removeClass greennumber number removeClass greenemptyspace emptyspace removeClass cyansubtitle subtitle removeClass cyannumber number removeClass cyanemptyspace emptyspace show tabcontentsorange addClass orangesubtitle subtitle addClass orangenumber number addClass orangeemptyspace emptyspace [/script] [script class=orangetab on=mouseleave] fadeOut 400 orangetitlecolumn fadeOut 400 navboxorange [/script] [script class=yellowtab on=mouseenter] fadeIn 400 yellowtitlecolumn fadeIn 400 navboxyellow [/script] [script class=yellowtab on=click] hide tabcontents removeClass pinksubtitle subtitle removeClass pinknumber number removeClass pinkemptyspace emptyspace removeClass orangesubtitle subtitle removeClass orangenumber number removeClass orangeemptyspace emptyspace removeClass greensubtitle subtitle removeClass greennumber number removeClass greenemptyspace emptyspace removeClass cyansubtitle subtitle removeClass cyannumber number removeClass cyanemptyspace emptyspace show tabcontentsyellow addClass yellowsubtitle subtitle addClass yellownumber number addClass yellowemptyspace emptyspace [/script] [script class=yellowtab on=mouseleave] fadeOut 400 yellowtitlecolumn fadeOut 400 navboxyellow [/script] [script class=greentab on=mouseenter] fadeIn 400 greentitlecolumn fadeIn 400 navboxgreen [/script] [script class=greentab on=click] hide tabcontents removeClass pinksubtitle subtitle removeClass pinknumber number removeClass pinkemptyspace emptyspace removeClass orangesubtitle subtitle removeClass orangenumber number removeClass orangeemptyspace emptyspace removeClass yellowsubtitle subtitle removeClass yellownumber number removeClass yellowemptyspace emptyspace removeClass cyansubtitle subtitle removeClass cyannumber number removeClass cyanemptyspace emptyspace show tabcontentsgreen addClass greensubtitle subtitle addClass greennumber number addClass greenemptyspace emptyspace [/script] [script class=greentab on=mouseleave] fadeOut 400 greentitlecolumn fadeOut 400 navboxgreen [/script] [script class=cyantab on=mouseenter] fadeIn 400 cyantitlecolumn fadeIn 400 navboxcyan [/script] [script class=cyantab on=click] hide tabcontents removeClass pinksubtitle subtitle removeClass pinknumber number removeClass pinkemptyspace emptyspace removeClass orangesubtitle subtitle removeClass orangenumber number removeClass orangeemptyspace emptyspace removeClass yellowsubtitle subtitle removeClass yellownumber number removeClass yellowemptyspace emptyspace removeClass greensubtitle subtitle removeClass greennumber number removeClass greenemptyspace emptyspace show tabcontentscyan addClass cyansubtitle subtitle addClass cyannumber number addClass cyanemptyspace emptyspace [/script] [script class=cyantab on=mouseleave] fadeOut 400 cyantitlecolumn fadeOut 400 navboxcyan [/script]
font callfont call
[div class=body]
[div class=navbar]
[div class=navcolumn]
[div class=positioning][div class="navbox navboxpink"][/div][div class="navbox navboxorange"][/div][div class="navbox navboxyellow"][/div][div class="navbox navboxgreen"][/div][div class="navbox navboxcyan"][/div][/div]
[div class=pinktab]pinktab[/div]
[div class=orangetab]orangetab[/div]
[div class=yellowtab]yellowtab[/div]
[div class=greentab]greentab[/div]
[div class=cyantab]cyantab[/div]
[/div]
[div class=titlecolumn][div class=positioning][div class=pinktitlecolumn]BEAUMONT ACADEMY[/div][div class=orangetitlecolumn]DORMS[/div][div class=yellowtitlecolumn]DIVISIONS[/div][div class=greentitlecolumn]DIVISIONS[/div][div class=cyantitlecolumn]LINKS[/div][/div][/div]
[/div]
[div class=flexmain]
[div class=imagenav]
[div class=image]
▎ noise. This one is kind of self explanatory. Student rooms are appropriate places to study, as well as sleep, so the noise level should be kept at a minimum.
▎ pets. Other than fish, no-student owned pets are permitted in college-housing. Students who are advised to remove a pet and continue to keep that same pet, will be fined $10 for each day the pet remains in their dorm after the notification. The only exception of this rule, is students that have service, or comfort animals, for a vaid reason.
▎ smoking. Smoking is not permitted in any college building.
▎ visitors. If you are sharing a dorm room with another person, you must both be the same gender. Opposite gender visitors have certain hours that they can visit. For males, a female friend, or a girlfriend can't stay later than 10PM. For females, a male friend, or a boyfriend can't stay later than 10PM. Different-gender visitors can't stay at your dorm for over a day. Same-gender visitors can stay for only a week. But, you have to remain mindful of your roommates space, as well as your own. [/div] [/div] [div class=textblock] [div class=number]05[/div] [div class=postbg] [div class=subtitle]dorm room setup [div class=smalltext]yay[/div] [/div] different variations of dorms : dorm 1 : here dorm 2 : here [/div] [/div] [div class=empty] fluticasone [/div] [/div] [div class="tabcontents tabcontentsyellow"] [div class=textblock] [div class=number]05[/div] [div class=postbg] [div class=subtitle]dv division ( dvd ) [div class=smalltext]drama and vocals division[/div] [/div] ▎ Have you ever dreamt of seeing yourself in the spotlight? Make the dream a reality in the Drama and Vocals Department! Here, you will take your talent and passion and turn it into a future career in music, theater, or dance. The Drama and Vocals Department focuses on enhancing acting abilities, musical talents, and dancing skills. Students will also learn about the behind the scenes: learning about the business side of the industry and what it takes to be a director or producer. [/div] [/div] [div class=empty] fluticasone [/div] [div class=textblock] [div class=number]06[/div] [div class=postbg] [div class=subtitle]dv room setup [div class=smalltext]drama and vocals room setup.[/div] [/div] ▎ So, this room is.. kind of small.. but it works! Theres three rows of 16 chairs, though all aren't needed, and there are posters of iconic plays like Sweeny Todd, Hairspray, Godspell, etc., plastered around the room. The teachers desk is in the right corner of the room, their desk has awards from their past play preformances. Theres also a piano nin the room, where students can practice their music for an upcoming play or musical. Theres a whiteboard and also a chalkboard, three windows, two vertical, one horizontal. Musical / Play practices occur in the gym when the sports prodigies aren't working their tails off. There's some tape 'X's left on the floor where students would practice their dance moves at. There's two doors at each side of the classroom. One is leading out, and one is leading in. And there are specific signs for them as well. There's also black numbers on the door that shows what the class number is. For this specific class, the number is '304'. This room is at the third floor of the school, which is a burden for some students. [/div] [div class=textblock] [div class=number]07[/div] [div class=postbg] [div class=subtitle]cp division ( cpd ) [div class=smalltext]computer programming division.[/div] [/div] ▎ Is your love for computers and all things electronics unmatched? Then the Computer Programming Department might just be the place for you! While in this program, you will learn skills such as writing and testing code for computer software and systems, as well as other various electronics, mobile apps, or video games. All students will also have full access to the school's computer lab and whatever software they may need. [/div] [/div] [div class=textblock] [div class=number]08[/div] [div class=postbg] [div class=subtitle]cp room setup [div class=smalltext]computer programming room setup.[/div] [/div] ▎ This room is one of the largest rooms in the whole school, which is quite surprising, because it's only for.. computer programming. The room is lined with multiple computers, some desktops, some laptops. You may also bring your own computer to class, but Macbooks aren't accepted. The teacher is somewhat strict, but at other times he can be very nice, and sweet. There's about 6 or 7 wooden tables that can only fit about 4 or 5 people to a table, which means 35 or 40 people can only be enlisted into the class. Electronics like 3DS's, DS's, IPhones, Smartphones, video game consoles, etc. are stored in one of three cabinets. The other two cabinets are mostly for laptop chargers and substitute lesson plans. Why video game consoles are included in that list, is because there's a course, in the class, where students are able to dissect, and rebuild video game consoles to make them work again, or just simply for fun! It could be for extra credit, and it could bump your grade up from a C, to an A. The only minus about this class is that whatever software students need, they must pay for themselves. Teachers have already provided the students with the bare necessities, so its the most the students could do for themselves. The class number is '109' which means its on the first floor as well. [/div] [/div] [/div] [/div] [div class="tabcontents tabcontentsgreen"] [div class=textblock] [div class=number]09[/div] [div class=postbg] [div class=subtitle]bf division ( bfd ) [div class=smalltext]beauty and fashion division.[/div] [/div] ▎ Do you enjoy fashion and the latest trends? Do you enjoy bringing out the best in other people? In the Beauty/Fashion Department, you'll learn how to use your creativity to help others look and feel their best! While in this program you will acquire knowledge of the arts of hair cutting/styling, makeup analysis/application, manicures/pedicures, as well as maintaining all of your necessary equipment. At the end of your senior year, you'll also have the chance to earn your license to kick start your career! [/div] [/div] [div class=textblock] [div class=number]10[/div] [div class=postbg] [div class=subtitle]bf room setup [div class=smalltext]beauty and fashion room setup.[/div] [/div] ▎ This room is.. medium-sized, big enough for at least 20-25 people to fit in there at once. There's also another part to this room, which makes it a little larger. It's a pretty minimalistic room, the walls are white, and the floor is concrete. It has many colorful flowers, and green plants to at least lighten the mood in the room. The walls aren't pink, or they aren't blue or any other color, because girls and boys love to argue. There are computers that have art programs like SAI, and FireAlpaca on them, so fashion designers can at least map out of draw their designs first. There are multiple sewing machines, and fabrics, ribbons, etc. are stored in a closet for fashion designers to use at their will. For cosmeticians, there are about 4 or so vanities, filled with makeup, nail polish, hair supplies for different types of hair, etc. The vanities are colorful, making the room pop the slightest bit. There are matching chairs, and theres a long mirror in the back of the room for fashion designers to see how their piece looks like. The other part of this room is where all the studying happens. There's some chairs with desks attached to them, and there are some tables. Students are required to bring two notebooks and a pencil. And they are also expected to be on time. [/div] [/div] [div class=textblock] [div class=number]11[/div] [div class=postbg] [div class=subtitle]spr division ( sprd ) [div class=smalltext]sports and recreation division. [/div] [/div] ▎ Have you always been an active person and looking for a program that matches your passion for sports? Well, come feel the burn with the Sports and Recreation department! There are many different career paths available in this department. You might take the business route and learn about sports management, administration, or marketing. Perhaps you're interested in sports psychology, medicine, or therapy. Even if you just want a chance to play professionally, this department has it all! There is no room setup for this, because it's either in the gym, or in the field, depending on what sport you play! [/div] [/div] [/div] [div class="tabcontents tabcontentscyan"] [div class=textblock] [div class=number]01[/div] [div class=postbg] [div class=subtitle]roleplay rules. [div class=smalltext]applies to everyone!![/div] [/div] ✧ standard rpn rules apply !! it can get romantic, but not, too romantic.///////////////////////////////////////////////// ✧ use spellcheck & punctuation, please posts should be at least a solid paragraph.
✧ be active! if something comes up, let someone know, hit up the ooc / message cherub. or elextrified
✧ standard "don't be op," rules apply + standard "don't be an asshat," rules apply [/div] [/div] [div class=textblock] [div class=number]02[/div] [div class=postbg] [div class=subtitle]ooc + cs [div class=smalltext]yayayay[/div] [/div] occ , cs ( links will go here when made ) [/div] [/div] [div class=textblock] [div class=number]03[/div] [div class=postbg] [div class=subtitle]ic !! [div class=smalltext]woo hoo![/div] [/div] ic ( link will go here when made ) [/div] [/div] [div class=empty] fluticasone [/div] [/div] [/div] [/div] [/div] [/div]
Last edited: