Doughnut
🖤
[class=bkgd]
position: relative;
box-sizing: border-box;
width: 320px;
height: 360px;
background-color: #7D7D7D;
overflow: hidden;
margin-left: auto;
margin-right: auto;
cursor: url('https://img.icons8.com/small/16/000000/cursor.png'), auto;
box-shadow: 3px 3px 0px #000;
[/class]
[class=pic]
position: absolute;
width: 158.86px;
height: 300px;
left: 17px;
top: 31px;
background: url(https://www.jpss.jp/images/feature/univ_english/meiji_gakuin.jpg);
background-size: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
[/class]
[class=name]
position: absolute;
left: 180px;
top: 78px;
width: 120px;
height: 365px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
color: #CDDCEF;
font-size: 14px;
font-weight: 700;
line-height: 15px;
text-transform: lowercase;
[/class]
[class=description]
position: relative;
overflow: auto;
width: 130px;
height: 160px;
color: #000;
font-size: 7px;
font-weight: 400;
line-height: 7px;
text-transform: lowercase;
padding: 0px 30px 0px 0px;
text-align: justify;
[/class]
[class=container]
position: absolute;
overflow: hidden;
left: 180px;
top: 120px;
width: 150px;
height: 160px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
[/class]
[class=picformat]
position: relative;
box-sizing: border-box;
width: 300px;
height: 365px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
[/class]
[class=tabbutton]
position: absolute;
width: 10px;
height: 10px;
overflow: visible;
border-radius: 50px;
background-color: #CDDCEF;
[/class]
[class=one]
left:180px;
top:290px;
[/class]
[class=two]
left:195px;
top:290px;
[/class]
[class=three]
left:210px;
top:290px;
[/class]
[class=four]
left:225px;
top:290px;
[/class]
[class name=tab state=hover]
background-color: #FF3400;
transition-duration: 0.2s;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (fadeIn 600 tabsContentOne)
if (eq ${currentTab} 2) (fadeIn 600 tabsContentTwo)
if (eq ${currentTab} 3) (fadeIn 600 tabsContentThree)
if (eq ${currentTab} 4) (fadeIn 600 tabsContentFour)
[/script]
[class=credit]
position: relative;
overflow: hidden;
width: 100%;
height: 8px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 6px;
color: #FF3400;
opacity: 0.3;
[/class]
[div class=bkgd]
[div class=pic]
[div class="tabsContent tabsContentOne"]
[div class=name]our singularity.[/div]
[div class=container][div class=description] The University of Tokyo is one of the best schools in Japan. It presents several courses which future students can choose out of [see next page]. A whole lot of them indeed ! However due to the diverse courses, a lot of students come here who are different from each other. Mingling with each other, making friends with those who they never thought they would befriend even. The only thing about this school that is gnawing on some students’ conscience is the unwritten status policy. It is clearly visible for anyone. Those who come from rich families tend to hog together, same for the middle class and the poor. However status isn’t the only thing that’s important in life, some still have to see that… Despite the attempts of teachers, nothing worked in the past. But well, some just suck up to the rich people to get on their good side. Not everyone is particularly a saint. [/div][/div]
[/div]
[div class="tabsContent tabsContentTwo" style="display: none;"]
[div class=name]courses.[/div]
[div class=container][div class=description] - Agricultural and Life Sciences – Arts and Sciences – Economics – Education – Engineering – Frontier Sciences – Humanities and Sociology – Information Science and Technology – Interdisciplinary Information Studies – Law and Politics – Mathematical Sciences – Medicine – Pharmaceutical Sciences – Public Policy – Science[/div][/div]
[/div]
[div class="tabsContent tabsContentThree" style="display: none;"]
[div class=name]roles + characters.[/div]
[div class=container][div class=description]
[/div][/div]
[/div]
[div class="tabsContent tabsContentFour" style="display: none;"]
[div class=name]rules + guidelines.[/div]
[div class=container][div class=description]This RP will need a minimum requirement of about 2 meaty paragraphs to keep the story going. Having an input is also incredibly important as it will be character driven. Of course, the drama will be kept out of the OOC, if there are problems, take it to pm’s and if necessary, tell me about it so we can figure something out. Any ideas you want to put in? Let me know, I’d love to hear about it.
[/div][/div]
[/div]
[div class="tabbutton one tab"]
[div class="tabbutton two tab"]
[div class="tabbutton three tab"]
[div class="tabbutton four tab"]
[/div][/div][div class=credit]code by [COLOR=#FF3400]sox[/COLOR][/div]
[div class=bkgd]
[div class=pic]
[div class="tabsContent tabsContentOne"]
[div class=name]our singularity.[/div]
[div class=container][div class=description] The University of Tokyo is one of the best schools in Japan. It presents several courses which future students can choose out of [see next page]. A whole lot of them indeed ! However due to the diverse courses, a lot of students come here who are different from each other. Mingling with each other, making friends with those who they never thought they would befriend even. The only thing about this school that is gnawing on some students’ conscience is the unwritten status policy. It is clearly visible for anyone. Those who come from rich families tend to hog together, same for the middle class and the poor. However status isn’t the only thing that’s important in life, some still have to see that… Despite the attempts of teachers, nothing worked in the past. But well, some just suck up to the rich people to get on their good side. Not everyone is particularly a saint. [/div][/div]
[/div]
[div class="tabsContent tabsContentTwo" style="display: none;"]
[div class=name]courses.[/div]
[div class=container][div class=description] - Agricultural and Life Sciences – Arts and Sciences – Economics – Education – Engineering – Frontier Sciences – Humanities and Sociology – Information Science and Technology – Interdisciplinary Information Studies – Law and Politics – Mathematical Sciences – Medicine – Pharmaceutical Sciences – Public Policy – Science[/div][/div]
[/div]
[div class="tabsContent tabsContentThree" style="display: none;"]
[div class=name]roles + characters.[/div]
[div class=container][div class=description]
[/div][/div]
[/div]
[div class="tabsContent tabsContentFour" style="display: none;"]
[div class=name]rules + guidelines.[/div]
[div class=container][div class=description]This RP will need a minimum requirement of about 2 meaty paragraphs to keep the story going. Having an input is also incredibly important as it will be character driven. Of course, the drama will be kept out of the OOC, if there are problems, take it to pm’s and if necessary, tell me about it so we can figure something out. Any ideas you want to put in? Let me know, I’d love to hear about it.
[/div][/div]
[/div]
[div class="tabbutton one tab"]
1
[/div][div class="tabbutton two tab"]
2
[/div][div class="tabbutton three tab"]
3
[/div][div class="tabbutton four tab"]
4
[/div][/div][/div][div class=credit]code by [COLOR=#FF3400]sox[/COLOR][/div]
Last edited:
