API tools faq
paste
Advertisement
seiph

Theme/1198

seiph
Nov 7th, 2017
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.40 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  9.  
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14. <title>{Title}{block:PostSummary},{PostSummary}{/block:PostSummary}</title>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <link rel="stylesheet" type="text/css" href="menu_style.css">
  18. <script type="text/javascript" src="js/jquery.js"></script>
  19.  
  20. <script type="text/javascript">
  21. $(document).ready(function(){
  22. $("#menu_button").click(function(){
  23. show_menu();
  24. });
  25. });
  26.  
  27. function show_menu()
  28. {
  29. $('#menu_links').animate({width:'toggle'},350);
  30. }
  31. </script>
  32.  
  33.  
  34.  
  35.  
  36. <link rel="shortcut icon" href="{Favicon}"/>
  37.  
  38.  
  39. <!--Background-->
  40.  
  41. <meta name="color:background" content="#dcdcdc"/>
  42.  
  43. <meta name="color:title1" content="#ffffff"/>
  44. <!--Colors for topbar-->
  45. <meta name="color:topbar" content="#6d7b78"/>
  46.  
  47.  
  48. <!--Colors for any borders-->
  49. <meta name="color:border" content="#ffffff"/>
  50.  
  51. <!--Colors for description, description text, and description decoration-->
  52.  
  53. <meta name="color:desc" content="#abb6ac"/>
  54. <meta name="color:desc text" content="#FFFFFF"/>
  55.  
  56. <meta name= "color:desc bold" content="#ffffff"/>
  57. <meta name= "color:desc italics" content="#ffffff"/>
  58. <meta name= "color:desc underline" content="#ffffff"/>
  59. <meta name= "color:desc strike" content="#ffffff"/>
  60.  
  61.  
  62.  
  63.  
  64. <!--Colors for sidebar links-->
  65. <meta name="color:links" content="#ffffff"/>
  66. <meta name="color:links bg" content="#afaca4"/>
  67.  
  68. <!--Colors for side menu -->
  69.  
  70. <meta name="color:sidenav" content="#ccc6c5"/>
  71. <meta name="color:sidenav text" content="#ffffff"/>
  72. <meta name="color:sidenavtitle" content="#ffffff"/>
  73. <meta name="color:sidenavsubtitle" content="#ffffff"/>
  74. <meta name="color:faqsquestion" content="#74aea7"/>
  75. <meta name="color:faqsquestion text" content="#ffffff"/>
  76. <meta name="color:faqsanswer" content="#6d7b78"/>
  77. <meta name="color:faqsanswer text" content="#ffffff"/>
  78.  
  79. <meta name="color:sidenavlinks" content="#93bdb0"/>
  80. <meta name="color:sidedesc text" content="#FFFFFF"/>
  81. <meta name="color:marquee" content="#afaca4" />
  82. <meta name="color:marquee text" content="#ffffff" />
  83.  
  84. <!--Colors for "taskbar" in slide page.-->
  85. <meta name="color:bar" content="#ffffff"/>
  86. <meta name="color:bar bg" content="#a98c83"/>
  87. <meta name="color:taskbar icons" content="#ffffff"/>
  88.  
  89.  
  90. <!--Colors for container -->
  91. <meta name="color:container" content="#a6aba3" />
  92.  
  93. <!--Colors for posts and text -->
  94.  
  95. <meta name="color:post" content="#dddddd"/>
  96. <meta name= "color:text" content="#ffffff"/>
  97.  
  98.  
  99. <!--Colors for asks-->
  100. <meta name="color:question" content="#eae9e6"/>
  101.  
  102. <meta name="color:question bg" content="#abb6ac"/>
  103. <meta name="color:asker" content="#eae9e6"/>
  104.  
  105. <!--Colors for chats-->
  106. <meta name="color:chat1" content="#eae9e6"/>
  107. <meta name="color:chat1 bg" content="#afaca4"/>
  108.  
  109. <meta name="color:chat2" content="#eae9e6"/>
  110. <meta name="color:chat2 bg" content="#a98c83"/>
  111.  
  112. <!--Colors for Post Info (+ tags)-->
  113. <meta name= "color:postinfo" content="#ffffff"/>
  114. <meta name= "color:postinfo bg" content="#a98c83"/>
  115. <meta name="color:tags" content="#000000"/>
  116. <meta name="color:tags hover" content="#74aea7"/>
  117.  
  118. <!--Colors for any text decoration-->
  119.  
  120. <meta name= "color:ss" content="#ffffff"/>
  121. <meta name= "color:bold" content="#d9d7d4"/>
  122. <meta name= "color:italic" content="#373635"/>
  123. <meta name= "color:underline" content="#373635"/>
  124. <meta name= "color:strikethrough" content="#373635"/>
  125. <meta name= "color:h1" content="#ffffff"/>
  126. <meta name= "color:h1 bg" content="#373635"/>
  127. <meta name= "color:h2" content="#373635"/>
  128. <meta name= "color:h3" content="#ffffff"/>
  129. <meta name= "color:h3 bg" content="#a98c83"/>
  130. <meta name= "color:pre" content="#ffffff"/>
  131. <meta name= "color:pre bg" content="#373635"/>
  132.  
  133. <!--Colors for font-awesome icons )-->
  134.  
  135. <meta name= "color:icon color" content="#ffffff"/>
  136.  
  137. <!--Colors for any accents (such as the credit link at the bottom of the page) -->
  138.  
  139. <meta name="color:accent" content="#a79794"/>
  140.  
  141. <!--Colors for pagination -->
  142.  
  143. <meta name="color:pagination" content="#ffffff"/>
  144.  
  145. <!--Images -->
  146.  
  147.  
  148. <meta name="image:background" content="https://68.media.tumblr.com/6c8d0ca05e8dc723ade73810573000d8/tumblr_otqdnbHSLy1vqwrj2o2_540.png"/>
  149.  
  150. <meta name="image:header"content="http://static.tumblr.com/21ea2be4fb59d63277b3b7d2d1381f5c/u9aaexx/TAWotqbas/tumblr_static_4jmxxmyxhda8o4okgg4g0400k.png"/>
  151.  
  152. <meta name="image:slide"content="https://68.media.tumblr.com/063cb493732e9fada49b06b4a59b1fb1/tumblr_otqdnbHSLy1vqwrj2o1_540.png"/>
  153.  
  154.  
  155. <meta name="image:icon1"content="https://68.media.tumblr.com/3f00442884afd7341bd509660d114ad1/tumblr_otqdnbHSLy1vqwrj2o4_75sq.png"/>
  156.  
  157. <meta name="image:icon2"content="https://68.media.tumblr.com/d10b36f5943ffd49ecf157daca37eb6c/tumblr_otqdnbHSLy1vqwrj2o5_75sq.png"/>
  158.  
  159.  
  160. <meta name="image:icon3"content="https://68.media.tumblr.com/fb6a7083bd06ae2798d79ae5eecbfa74/tumblr_otqdnbHSLy1vqwrj2o6_75sq.png"/>
  161.  
  162.  
  163.  
  164. <!--This is the main title!-->
  165.  
  166. <meta name="text:title1" content="Pink Champagne"/>
  167.  
  168. <!--This is the description! -->
  169.  
  170.  
  171. <meta name="text:desc" content="Make it POP like pink champagne, In the purple rain, We're gonna paint paint paint the city, We're gonna show off all our PRETTY, PRETTY, Pink champagne, Let 'em know our names.Screamin' so loud, They'll hear us in LA,Poppin' like pink champagne"/>
  172.  
  173. <!--This is the stuff for the slide page! Everything in it is customizable from the main customization page, except for the faq and the navigation, which is edited through the HTML. -->
  174.  
  175. <meta name="text:sidenav title" content="Map"/>
  176. <meta name="text:sidenav subtitle" content="Look Around"/>
  177. <meta name="text:marquee" content="Open for Applications!"/>
  178.  
  179. <!--This is the slide description!-->
  180.  
  181. <meta name="text:slide desc" content="Description."/>
  182.  
  183.  
  184.  
  185. <!--text for the topbar found in the slide menu. It's not an actual url, by the way xD It's for aesthetic purposes, so you could type something like "http://www.(URL).com. Or you could always type a quote or song lyrics!-->
  186.  
  187.  
  188. <meta name="text:topbar url" content="http://www.url.com/"/>
  189.  
  190. <!--topbar links-->
  191.  
  192. <meta name="text:link one url" content=""/>
  193. <meta name="text:link two url" content=""/>
  194. <meta name="text:link three url" content=""/>
  195.  
  196.  
  197. <!--This is the script for the slide! Don't touch it, otherwise the slide won't work!-->
  198.  
  199.  
  200. <script>
  201. function openNav() {
  202. document.getElementById("mySidenav").style.width = "100%";
  203. }
  204.  
  205. function closeNav() {
  206. document.getElementById("mySidenav").style.width = "0";
  207. }
  208. </script>
  209.  
  210.  
  211. <style type="text/css">
  212.  
  213.  
  214. @font-face{font-family:"ShorelinesScript";src:url('https://dl.dropboxusercontent.com/s/5eazxhdwovnlqc1/ShorelinesScript.otf');}
  215.  
  216.  
  217. @font-face{font-family:"DolceVita";src:url('https://dl.dropboxusercontent.com/s/40ubzwibb5rjvrn/DolceVita.ttf');}
  218.  
  219. /* ------------ SCROLLBAR. It's transparent, but if you want it to show up, you can change the "background-color:" to any color of your choice, and change the height and width from 0 to another number. -------------- */
  220.  
  221.  
  222.  
  223.  
  224. ::-webkit-scrollbar {
  225. width: 0px;
  226. height:0px;
  227. background-color:transparent;
  228. }
  229.  
  230. ::-webkit-scrollbar-thumb {
  231. background-color:transparent ;
  232. }
  233.  
  234.  
  235.  
  236.  
  237. /* ------------ BODY-------------- */
  238.  
  239.  
  240. body {
  241. background-color:{color:background};
  242. background-image: url(http://ap.imagensbrasil.org/images/2017/11/05/Teste11.gif);
  243. background-size: 100%;
  244. font-size: 10px;
  245. left:20%;
  246. margin-left: 200px;
  247. margin-top: 130px;
  248. position:absolute;}
  249.  
  250. @media screen and (max-width: 480px) {
  251. body { padding: 5px; }}
  252.  
  253.  
  254. sub, sup {
  255. font-size:9px;
  256. color:{color:text};}
  257.  
  258. b {
  259. font-weight:400;
  260. color:{color:bold};}
  261.  
  262. strong {
  263. font-weight:700;
  264. color:{color:bold};}
  265.  
  266. i {
  267. color:{color:italic};}
  268.  
  269. em {
  270. color:{color:italic};}
  271.  
  272. small {
  273. font-size: 10px;}
  274.  
  275. big {
  276. font-size: 10px;}
  277.  
  278. u {
  279. color:{color:underline};}
  280.  
  281. s {
  282. color:{color:strikethrough};
  283. }
  284. h1 {
  285. font-size:15px;
  286. letter-spacing 1px;
  287. text-transform: uppercase;
  288. text-align: center;
  289. color:{color:h1};
  290. font-family: arial;
  291. text-decoration:none;
  292.  
  293. }
  294.  
  295. h2 {
  296. font-size:15px;
  297. letter-spacing 1px;
  298. text-transform: capitalize;
  299. text-align: center;
  300. color:{color:h2};
  301. font-family: 'Raleway', sans-serif;
  302. text-decoration:none;}
  303.  
  304.  
  305. h3 {
  306.  
  307. background-color:{color:h3 bg};
  308. color:{color:h3};
  309. font-size:20px;
  310. font-family: 'Raleway', sans-serif;
  311. padding:10px;
  312. text-align:center;
  313. text-decoration:none;
  314. text-transform:uppercase;}
  315.  
  316. blockquote{
  317. color:{color:text};
  318. padding:5px;
  319. font-size:9px;
  320. border-left:1px solid {color:border};
  321. font-family: 'Raleway', sans-serif;
  322. font-weight:300;
  323. }
  324. blockquote sup {
  325. color:{color:text};
  326. }
  327.  
  328. blockquote sub {
  329. color:{color:text};
  330. }
  331.  
  332.  
  333.  
  334. blockquote b {
  335. color:{color:text};
  336. }
  337.  
  338.  
  339. blockquote i {
  340. color:{color:text};
  341. }
  342.  
  343. pre {
  344. background-color:{color:pre bg};
  345. color:{color:pre};
  346. font-size:9px;
  347. padding:5px;
  348. margin-left:-5px;
  349. text-align:justify;
  350. letter-spacing 1px;
  351. text-decoration:none;
  352. white-space: pre-wrap;
  353. white-space: -moz-pre-wrap;
  354. white-space: -pre-wrap;
  355. white-space: -o-pre-wrap;
  356. word-wrap: break-word;
  357. }
  358.  
  359.  
  360. a {
  361. color:{color:text};
  362. text-decoration:none;
  363. font-family: 'Raleway', sans-serif;
  364. font-weight:300;
  365. font-size:9;
  366.  
  367. }
  368.  
  369.  
  370. /* ------------ Tumblr Controls. You can change the background color!-------------- */
  371.  
  372.  
  373. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  374. background-color:{color:accent};
  375. color:#FFFFFF;
  376. /* you can change opacity here to make it lighter or darker */
  377. opacity:1;
  378. z-index:9999999999999999999999999;}
  379.  
  380.  
  381.  
  382.  
  383. /* ------------ HEADER -------------- */
  384.  
  385.  
  386. #header {
  387.  
  388. width:600px;
  389. height:130px;
  390. position:fixed;
  391. background-image:url({image:header});
  392. margin-top:-100px;
  393. margin-left:30px;}
  394.  
  395. /* ------------ TOPBAR -------------- */
  396.  
  397. #topbar {
  398. background-color:{color:topbar};
  399. width:580px;
  400. height:10px;
  401. opacity:1;
  402. font-size:8px;
  403. margin-left:30px;
  404. margin-top:30px;
  405. padding:10px;
  406. position:fixed;
  407. font-family: 'Raleway', sans-serif;
  408. line-height:20px;
  409. text-align: justify;
  410. overflow:auto;
  411. word-wrap:break-word;
  412. z-index:9999999;
  413. font-weight:300;
  414. letter-spacing:1px;
  415. -webkit-transition:0.9s ease-in-out;
  416. -moz-transition:0.9s ease-in-out;
  417. -ms-transition:0.9s ease-in-out;
  418. -o-transition:0.9s ease-in-out;
  419. transition: all 0.9s ease-in-out;}
  420.  
  421.  
  422. /* ------------ TITLE -------------- */
  423.  
  424. #title1 {
  425. color:{color:title1};
  426. width:360px;
  427. height:30px;
  428. padding:10px;
  429. font-size:15px;
  430. margin-left:-130px;
  431. margin-top:-20px;
  432. position:fixed;
  433. font-family:"DolceVita";
  434. opacity:1;
  435. text-align:center;
  436. z-index:99999999999999;
  437. font-weight:300;
  438. letter-spacing:1px;
  439. -webkit-transition:0.7s ease;
  440. -moz-transition:0.7s ease;
  441. -o-transition:0.7s ease;}
  442.  
  443. .line {
  444. border-top:1px solid {color:border};
  445. margin-left:130px;
  446. margin-top:5px;
  447. width:440px;}
  448.  
  449. /* ------------ DESCRIPTION -------------- */
  450.  
  451. #desc {
  452. background-color:{color:desc};
  453. color:{color:desc text};
  454. width:90px;
  455. height:240px;
  456.  
  457. opacity:1;
  458. font-size:6px;
  459. margin-left:490px;
  460. margin-top:70px;
  461. padding:20px;
  462. position:fixed;
  463. font-family: 'Raleway', sans-serif;
  464. line-height:20px;
  465. text-align:justify;
  466. overflow:auto;
  467. word-wrap:break-word;
  468. z-index:999999;
  469. font-weight:300;
  470. letter-spacing:1px;}
  471.  
  472. #desc b {
  473. font-weight:400;
  474. letter-spacing:4px;
  475. text-transform:uppercase;
  476. font-size:6px;
  477. color:{color:desc bold};}
  478.  
  479. #desc i {
  480. font-size:6px;
  481. font-weight:400;
  482. color:{color:desc italics};}
  483.  
  484. #desc u {
  485. font-weight:300;
  486. color:{color:desc underline};}
  487.  
  488. #desc s {
  489. font-weight:300;
  490. color:{color:desc strike};}
  491.  
  492.  
  493.  
  494.  
  495. /* ------------ LINKS -------------- */
  496.  
  497. #links {
  498. height:20px;
  499. width:450px;
  500. padding:5px;
  501. margin-top:-21px;
  502. margin-left:450px;
  503. position:fixed;
  504. font-family: 'Raleway', sans-serif;
  505. z-index:999999999999999;
  506. -webkit-transition:0.9s ease-in-out;
  507. -moz-transition:0.9s ease-in-out;
  508. -ms-transition:0.9s ease-in-out;
  509. -o-transition:0.9s ease-in-out;
  510. transition: all 0.9s ease-in-out;
  511. }
  512.  
  513. #links a{
  514. font-family: 'Raleway', sans-serif;
  515. width:20px;
  516. height:13px;
  517. margin-top:5px;
  518. display:inline-block;
  519. font-size:10px;
  520. padding:4px;
  521. opacity:1;
  522. font-weight:400px;
  523. text-decoration:none;
  524. text-transform:uppercase;
  525. text-align:center;
  526. background-color:{color:links bg};
  527. color:{color:links};
  528. -webkit-transition:0.9s ease-in-out;
  529. -moz-transition:0.9s ease-in-out;
  530. -ms-transition:0.9s ease-in-out;
  531. -o-transition:0.9s ease-in-out;
  532. transition: all 0.9s ease-in-out;}
  533.  
  534.  
  535. #links i {
  536. color:{color:icon color};}
  537.  
  538. .hvr-skew {
  539. display: inline-block;
  540. vertical-align: middle;
  541. -webkit-transform: translateZ(0);
  542. transform: translateZ(0);
  543. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  544. -webkit-backface-visibility: hidden;
  545. backface-visibility: hidden;
  546. -moz-osx-font-smoothing: grayscale;
  547. -webkit-transition-duration: 0.3s;
  548. transition-duration: 0.3s;
  549. -webkit-transition-property: transform;
  550. transition-property: transform;}
  551.  
  552. .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  553. -webkit-transform: skew(-10deg);
  554. transform: skew(-10deg);}
  555.  
  556. /* ------------ ICONS -------------- */
  557.  
  558. #icon1 {
  559. background-image:url({image:icon1});
  560. width:40px;
  561. height:40px;
  562. margin-top:360px;
  563. margin-left:488px;
  564. position:fixed;
  565. z-index:999999999;
  566. -webkit-transition:0.9s ease-in-out;
  567. -moz-transition:0.9s ease-in-out;
  568. -ms-transition:0.9s ease-in-out;
  569. -o-transition:0.9s ease-in-out;
  570. transition: all 0.9s ease-in-out;}
  571.  
  572. #icon2 {
  573. background-image:url({image:icon2});
  574. width:40px;
  575. height:40px;
  576. position:fixed;
  577. margin-top:360px;
  578. margin-left:535px;
  579. z-index:999999999;
  580. -webkit-transition:0.9s ease-in-out;
  581. -moz-transition:0.9s ease-in-out;
  582. -ms-transition:0.9s ease-in-out;
  583. -o-transition:0.9s ease-in-out;
  584. transition: all 0.9s ease-in-out;}
  585.  
  586. #icon3 {
  587. background-image:url({image:icon3});
  588. width:40px;
  589. height:40px;
  590. position:fixed;
  591. margin-top:360px;
  592. margin-left:580px;
  593. z-index:999999999;
  594. -webkit-transition:0.9s ease-in-out;
  595. -moz-transition:0.9s ease-in-out;
  596. -ms-transition:0.9s ease-in-out;
  597. -o-transition:0.9s ease-in-out;
  598. transition: all 0.9s ease-in-out;}
  599.  
  600.  
  601.  
  602. /* ------------ Slide Menu. This will cover the entire screen when its opened and when you want to close it, just click the "X" at the top! -------------- */
  603.  
  604.  
  605. .sidenav {
  606. background-image:url({image:slide});
  607. height: 100%;
  608. width: 0;
  609. position: fixed;
  610. z-index: 1;
  611. top: 0;
  612. left: 0;
  613. text-align:left;
  614. overflow-x: hidden;
  615. transition: 0.5s;
  616. padding-top: 60px;
  617. z-index:99999999999999999;
  618. background-attachment: fixed;
  619. background-repeat: repeat;
  620. background-size:cover;}
  621.  
  622. .sidenav a {
  623. font-family:"DolceVita";
  624. padding: 8px 8px 8px 32px;
  625. text-decoration: none;
  626. font-size: 11px;
  627. text-align:left;
  628. color:#FFFFFF;
  629. margin-top:5px;
  630. display: block;
  631. transition: 0.3s;}
  632.  
  633.  
  634. .sidenav .closebtn {
  635. color:{color:links};
  636. position: absolute;
  637. top: 0;
  638. right: 25px;
  639. font-size: 20px;
  640. margin-left: 50px;}
  641.  
  642. @media screen and (max-height: 450px) {
  643. .sidenav {padding-top: 15px;}
  644. .sidenav a {font-size: 18px;}}
  645.  
  646.  
  647. .sidenavtitle {
  648.  
  649. color:{color:sidenavtitle};
  650. width:360px;
  651. height:30px;
  652. padding:20px;
  653. font-size:70px;
  654. margin-left:440px;
  655. margin-top:-60px;
  656. position:absolute;
  657. font-family:"DolceVita";
  658. text-align:center;
  659. z-index:999999;
  660. font-weight:600;
  661. letter-spacing:1px;}
  662.  
  663.  
  664. .sidenavsubtitle {
  665.  
  666. color:{color:sidenavsubtitle};
  667. width:360px;
  668. height:30px;
  669. padding:20px;
  670. font-size:15px;
  671. margin-left:450px;
  672. margin-top:0px;
  673. position:absolute;
  674. font-family: 'Raleway', sans-serif;
  675. text-align:center;
  676. z-index:9999999;
  677. font-weight:300;
  678. letter-spacing:1px;}
  679.  
  680. .sidenavbox {
  681. color:{color:sidenav text};
  682. width:220px;
  683. height:auto;
  684. margin-left:530px;
  685. margin-top:20px;
  686. padding:15px;
  687. position:absolute;
  688. font-family:"DolceVita";
  689. text-align:center;
  690. overflow:auto;
  691. z-index:999999;
  692. text-wrap:break-word;
  693. font-weight:400;
  694. letter-spacing:1px;}
  695.  
  696.  
  697. .sidenavbox a {
  698. font-family:"DolceVita";
  699. padding: 8px 8px 8px 32px;
  700. text-decoration: none;
  701. font-size: 11px;
  702. text-align:left;
  703. color: {color:links};
  704. margin-top:5px;
  705. background-color:{color:sidenavlinks};
  706. display: block;
  707. transition: 0.3s;}
  708.  
  709. .sidenavbox h3 {
  710. font-size:11px;
  711. padding:5px;
  712. font-family:"DolceVita";
  713. background-color:{color:h3 bg};
  714. color:{color:h3};}
  715.  
  716.  
  717. /* ------------ "TASKBAR" This is just for aesthetic purpose and you can type either a "URL" or a quote or song lyrics.-------------- */
  718.  
  719.  
  720.  
  721. #taskbar{
  722. color:{color:bar};
  723. background-color:{color:bar bg};
  724. width:490px;
  725. height:15px;
  726. padding:5px;
  727. font-size:9px;
  728. margin-left:800px;
  729. margin-top:0px;
  730. opacity:1;
  731. position:absolute;
  732. font-family: 'Raleway', sans-serif;
  733. text-align:center;
  734. z-index:9999999999999;
  735. font-weight:400;
  736. letter-spacing:1px;
  737. -webkit-transition:0.9s ease-in-out;
  738. -moz-transition:0.9s ease-in-out;
  739. -ms-transition:0.9s ease-in-out;
  740. -o-transition:0.9s ease-in-out;
  741. transition: all 0.9s ease-in-out;}
  742.  
  743. #taskbar a {
  744. font-family: 'Raleway', sans-serif;
  745. font-weight:400;
  746. font-size:9px;
  747. color:gray;}
  748.  
  749. #taskbarurl{
  750. color:gray;
  751. background-color:#FFFFFF;
  752. border:1px solid {color:border};
  753. border-radius:100px;
  754. width:400px;
  755. height:8px;
  756. padding:5px;
  757. font-size:8px;
  758. margin-left:45px;
  759. margin-top:-17px;
  760. opacity:1;
  761. position:absolute;
  762. font-family: 'Raleway', sans-serif;
  763. text-align:justify;
  764. z-index:9999999;
  765. font-weight:400;
  766. letter-spacing:1px;
  767. -webkit-transition:0.9s ease-in-out;
  768. -moz-transition:0.9s ease-in-out;
  769. -ms-transition:0.9s ease-in-out;
  770. -o-transition:0.9s ease-in-out;
  771. transition: all 0.9s ease-in-out;}
  772.  
  773. #taskbaricons {
  774. font-size:9px;
  775. margin-top:3px;
  776. margin-left:-450px;
  777. z-index:9999999999;}
  778.  
  779. #taskbaricons i{
  780. font-size:10px;
  781. color:{color:taskbar icons};}
  782.  
  783. button.accordion {
  784. background-color: {color:faqsquestion};
  785. color: {color:faqsquestion text};
  786. cursor: pointer;
  787. padding: 18px;
  788. width: 500px;
  789. padding:5px;
  790. margin-left:800px;
  791. margin-top:30px;
  792. border: none;
  793. text-align: center;
  794. outline: none;
  795. font-size: 15px;
  796. transition: 0.4s;
  797. z-index:99999999999999999;
  798. position:relative;
  799. font-family:"DolceVita";}
  800.  
  801. button.accordion.active, button.accordion:hover {
  802. background-color: #ddd;}
  803.  
  804. button.accordion:after {
  805. content: '\002B';
  806. color: #777;
  807. font-weight: bold;
  808. float: right;
  809. margin-left: 5px;}
  810.  
  811. button.accordion.active:after {
  812. content: "\2212";}
  813.  
  814. div.panel {
  815. width:464px;
  816. margin-left:800px;
  817. padding: 0 18px;
  818. background-color: {color:faqsanswer};
  819. color:{color:faqsanswer text};
  820. max-height: 0;
  821. overflow: hidden;
  822. transition: max-height 0.2s ease-out;}
  823.  
  824. /* ------------ This is the slide description.-------------- */
  825.  
  826.  
  827. .sidedesc {
  828. color:{color:desc text};
  829. width:150px;
  830. height:310px;
  831. opacity:1;
  832. font-size:8px;
  833. margin-left:280px;
  834. padding:20px;
  835. position:absolute;
  836. font-family: 'Raleway', sans-serif;
  837. line-height:20px;
  838. text-align: justify;
  839. overflow:auto;
  840. word-wrap:break-word;
  841. z-index:999999;
  842. font-weight:300;
  843. letter-spacing:1px;}
  844.  
  845.  
  846.  
  847. .sidedesc b {
  848. font-weight:400;
  849. letter-spacing:4px;
  850. text-transform:uppercase;
  851. font-size:10px;
  852. color:{color:desc bold};}
  853.  
  854. .sidedesc i {
  855. font-size:10px;
  856. font-weight:400;
  857. color:{color:desc italics};}
  858.  
  859. .sidedesc u {
  860. font-weight:300;
  861. color:{color:desc underline};
  862. }
  863.  
  864. .sidedesc s {
  865. font-weight:300;
  866. color:{color:desc strike};}
  867.  
  868. @-webkit-keyframes hvr-wobble-horizontal {
  869. 16.65% {
  870. -webkit-transform: translateX(8px);
  871. transform: translateX(8px);
  872. }
  873.  
  874. 33.3% {
  875. -webkit-transform: translateX(-6px);
  876. transform: translateX(-6px);
  877. }
  878.  
  879. 49.95% {
  880. -webkit-transform: translateX(4px);
  881. transform: translateX(4px);
  882. }
  883.  
  884. 66.6% {
  885. -webkit-transform: translateX(-2px);
  886. transform: translateX(-2px);
  887. }
  888.  
  889. 83.25% {
  890. -webkit-transform: translateX(1px);
  891. transform: translateX(1px);
  892. }
  893.  
  894. 100% {
  895. -webkit-transform: translateX(0);
  896. transform: translateX(0);
  897. }
  898. }
  899.  
  900. @keyframes hvr-wobble-horizontal {
  901. 16.65% {
  902. -webkit-transform: translateX(8px);
  903. transform: translateX(8px);
  904. }
  905.  
  906. 33.3% {
  907. -webkit-transform: translateX(-6px);
  908. transform: translateX(-6px);
  909. }
  910.  
  911. 49.95% {
  912. -webkit-transform: translateX(4px);
  913. transform: translateX(4px);
  914. }
  915.  
  916. 66.6% {
  917. -webkit-transform: translateX(-2px);
  918. transform: translateX(-2px);
  919. }
  920.  
  921. 83.25% {
  922. -webkit-transform: translateX(1px);
  923. transform: translateX(1px);
  924. }
  925.  
  926. 100% {
  927. -webkit-transform: translateX(0);
  928. transform: translateX(0);
  929. }
  930. }
  931.  
  932. .hvr-wobble-horizontal {
  933. display: inline-block;
  934. vertical-align: middle;
  935. -webkit-transform: translateZ(0);
  936. transform: translateZ(0);
  937. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  938. -webkit-backface-visibility: hidden;
  939. backface-visibility: hidden;
  940. -moz-osx-font-smoothing: grayscale;
  941. }
  942. .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  943. -webkit-animation-name: hvr-wobble-horizontal;
  944. animation-name: hvr-wobble-horizontal;
  945. -webkit-animation-duration: 1s;
  946. animation-duration: 1s;
  947. -webkit-animation-timing-function: ease-in-out;
  948. animation-timing-function: ease-in-out;
  949. -webkit-animation-iteration-count: 1;
  950. animation-iteration-count: 1;
  951. }
  952.  
  953. /* ------------ This is the slide marquee -------------- */
  954.  
  955.  
  956.  
  957.  
  958. #marquee {
  959. color:{color:marquee text};
  960. background-color:{color:marquee};
  961. width:250px;
  962. height:15px;
  963. font-size:9px;
  964. margin-left:240px;
  965. margin-top:340px;
  966. padding:5px;
  967. position:absolute;
  968. font-family: 'Raleway', sans-serif;
  969. text-align:center;
  970. overflow:auto;
  971. word-wrap:break-word;
  972. z-index:999999;
  973. font-weight:300;
  974. letter-spacing:4px;}
  975.  
  976.  
  977. /* ------------ CONTAINER -------------- */
  978.  
  979. .container{
  980. background-color:{color:container};
  981. margin-left:30px;
  982. margin-top:30px;
  983. position:fixed;
  984. width:560px;
  985. height:350px;
  986. padding:20px;
  987. opacity:1;
  988. overflow:auto;
  989. z-index:-99999999;}
  990.  
  991.  
  992. #entries {
  993. width:590px;
  994. height:370px;
  995. left:-140px;
  996. margin-left:130px;
  997. margin-top:5px;
  998. position:relative;
  999. overflow:auto;
  1000. -webkit-transition:0.9s ease-in-out;
  1001. -moz-transition:0.9s ease-in-out;
  1002. -ms-transition:0.9s ease-in-out;
  1003. -o-transition:0.9s ease-in-out;
  1004. transition: all 0.9s ease-in-out;}
  1005.  
  1006.  
  1007. #post {
  1008. width:400px;
  1009. height:auto;
  1010. font-family: 'Raleway', sans-serif;
  1011. text-transform:none;
  1012. padding:20px 15px 22px 15px;
  1013. line-height:15px;
  1014. margin-left:0px;
  1015. margin-top:22px;
  1016. margin-bottom:20px;
  1017. opacity:1;
  1018. float:justify;
  1019. word-wrap: break-word;
  1020. font-size:10px;
  1021. background-color:{color:post};
  1022. color:{color:text};
  1023. text-align:left;
  1024. font-weight:500;
  1025. letter-spacing:2px;
  1026. -webkit-transition:0.9s ease-in-out;
  1027. -moz-transition:0.9s ease-in-out;
  1028. -ms-transition:0.9s ease-in-out;
  1029. -o-transition:0.9s ease-in-out;
  1030. transition: all 0.9s ease-in-out;}
  1031.  
  1032. #post:hover {
  1033. opacity:1;
  1034. -webkit-transition:0.9s ease-in-out;
  1035. -moz-transition:0.9s ease-in-out;
  1036. -ms-transition:0.9s ease-in-out;
  1037. -o-transition:0.9s ease-in-out;
  1038. transition: all 0.9s ease-in-out;}
  1039.  
  1040. #post img {
  1041.  
  1042. padding:0;
  1043. max-width:100%;
  1044. height:auto;}
  1045. /* ------------ POST TYPES-------------- */
  1046.  
  1047.  
  1048. /* ------------ CHAT -------------- */
  1049.  
  1050. .answer span,.convo li{font-size:9px;margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:chat1 bg};color:{color:chat1};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat1 bg};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:chat2 bg};color:{color:chat2}}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat2 bg};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  1051.  
  1052. .asked p {
  1053. text-align: left;
  1054. margin: 0 0px 10px 0px;
  1055. padding: 0;
  1056. color: #666666;
  1057. font-family: 'Raleway', sans-serif;
  1058. font-size: 12px;
  1059. line-height: 0px;}
  1060.  
  1061. .footerright .viasrc {
  1062. float: left;}
  1063.  
  1064. .asked a {
  1065. margin:0;
  1066. padding:0;}
  1067.  
  1068. .convo {
  1069.  
  1070. overflow: hidden;
  1071. list-style-type: none;
  1072. padding: 0;
  1073. margin: 0;
  1074. font-family: 'Raleway', sans-serif;}
  1075.  
  1076.  
  1077.  
  1078. /* ------------ QUOTE -------------- */
  1079.  
  1080. .quote{
  1081. font-size:10px;
  1082. line-height:150%;
  1083. text-align:left;
  1084. font-family: 'Raleway', sans-serif;
  1085. font-weight:300;
  1086. text-transform:none;}
  1087.  
  1088. .quotesource{
  1089. text-align:justify;
  1090. margin-bottom:0px;
  1091. margin-left:20px;
  1092. margin-top:10px;
  1093. font-family:"ShorelinesScript";
  1094. color:{color:text};
  1095. font-size:20px;}
  1096.  
  1097. .quotesource a {
  1098. font-size:15px;}
  1099.  
  1100. .quote i {
  1101. color:{color:icon color};}
  1102.  
  1103. /* ------------ ASKS -------------- */
  1104.  
  1105.  
  1106. #question{
  1107.  
  1108. margin-bottom:21px;
  1109. margin-top:15px;
  1110. width:360px;
  1111. height:auto;
  1112. margin-left:0px;
  1113. line-height:12px;
  1114. padding:20px;
  1115. text-align:justify;
  1116. border-bottom:1px solid #84acad;
  1117. background-color:{color:question bg};
  1118. color:{color:question};
  1119. font-size:10px;
  1120. letter-spacing:1px;
  1121. font-weight:400;
  1122. font-family: 'Raleway', sans-serif;}
  1123.  
  1124.  
  1125. #asker {
  1126.  
  1127. text-align:justify;
  1128. margin-left:100px;
  1129. margin-top:14px;
  1130. font-size:12px;
  1131. padding:5px;
  1132. width:411px;
  1133. height:auto;
  1134. font-family:"DolceVita";
  1135. position:absolute;
  1136. color:{color:asker};
  1137. letter-spacing:1px;
  1138. font-weight:500;}
  1139.  
  1140. #asker a {
  1141. font-family:"DolceVita";
  1142. color:{color:asker};
  1143. text-decoration:none;}
  1144.  
  1145. #asker img {
  1146. border:1px solid {color:border};
  1147. border-radius:50px;
  1148. width:40px;
  1149. height:40px;
  1150. margin-top:10px;
  1151. margin-left:5px;
  1152. z-index:9999999999999;}
  1153.  
  1154.  
  1155. #answer {
  1156. font-family: 'Raleway', sans-serif;
  1157. margin-left:0px;
  1158. margin-top:-20px;
  1159. font-size:10px;
  1160. padding:10px;
  1161. color:{color:text};
  1162. height:auto;
  1163. letter-spacing:1px;
  1164. font-weight:400;}
  1165.  
  1166.  
  1167. /* ------------ PAGINATION-------------- */
  1168.  
  1169.  
  1170.  
  1171. #pagination {
  1172.  
  1173. font-family: 'Raleway', sans-serif;
  1174. font-size:9px;
  1175. width:140px;
  1176. height:10px;
  1177. padding:5px;
  1178. font-weight:400;
  1179. margin-top:400px;
  1180. margin-left:480px;
  1181. position:fixed;
  1182. text-align:center;
  1183. z-index:9999999999;}
  1184.  
  1185. #pagination a{
  1186. font-family: 'Raleway', sans-serif;
  1187. text-decoration:none;
  1188. text-align:center;
  1189. padding:5px;
  1190. font-weight:400;
  1191. width:10px;
  1192. height:10px;
  1193. margin-left:-5px;
  1194. font-size:9px;
  1195. letter-spacing: 1px;
  1196. float:center;
  1197. color:{color:pagination};
  1198. -webkit-transition: all 1s ease;
  1199. -moz-transition: all 1s ease;
  1200. -o-transition: all 1s ease;
  1201. -ms-transition: all 1s ease;
  1202. transition: all 1s ease;}
  1203.  
  1204. #pagination span {
  1205. color:#FFFFFF;
  1206. margin-left:-4px;}
  1207.  
  1208. /* ------------ POST INFO -------------- */
  1209.  
  1210. .postinfo{
  1211. margin-top:-20px;
  1212. font-size:8px;
  1213. margin-left:-15px;
  1214. width:426px;
  1215. height:12px;
  1216. font-family: 'Raleway', sans-serif;
  1217. font-weight:400;
  1218. text-align:center;
  1219. background-color:{color:postinfo bg};
  1220. text-transform:lowercase;
  1221. text-decoration:none;
  1222. padding:2px;
  1223. font-weight:400;
  1224. letter-spacing:1px;
  1225. position:absolute;
  1226. opacity:1;
  1227. z-index:99999;}
  1228.  
  1229. #tags {
  1230. float:justify;
  1231. width:350px;
  1232. max-height:300px;
  1233. line-height:130%;
  1234. margin-top:0px;
  1235. font-family: 'Raleway', sans-serif;
  1236. margin-bottom:-19px;
  1237. margin-left:10px;
  1238. padding:5px;
  1239. z-index:-9999999;
  1240. font-weight:normal;
  1241. text-align:left;
  1242. background-color:transparent;
  1243. font-size:9px;
  1244. text-decoration:none;
  1245. letter-spacing:2px;
  1246. font-weight:300;
  1247. opacity:1;
  1248. -webkit-transition:0.9s ease-in-out;
  1249. -moz-transition:0.9s ease-in-out;
  1250. -ms-transition:0.9s ease-in-out;
  1251. -o-transition:0.9s ease-in-out;
  1252. transition: all 0.9s ease-in-out;}
  1253.  
  1254. #tags a {
  1255. font-family:'calibri';
  1256. text-decoration:none;
  1257. color:{color:tags};
  1258. -webkit-transition:0.9s ease-in-out;
  1259. -moz-transition:0.9s ease-in-out;
  1260. -ms-transition:0.9s ease-in-out;
  1261. -o-transition:0.9s ease-in-out;
  1262. transition: all 0.9s ease-in-out;}
  1263.  
  1264. #tags a:hover{
  1265. color:{color:tags hover};
  1266. -webkit-transition:0.9s ease-in-out;
  1267. -moz-transition:0.9s ease-in-out;
  1268. -ms-transition:0.9s ease-in-out;
  1269. -o-transition:0.9s ease-in-out;
  1270. transition: all 0.9s ease-in-out;}
  1271.  
  1272.  
  1273. #tags i{
  1274. color:{color:icon color};}
  1275.  
  1276. ol.notes {
  1277. font-family: 'Raleway', sans-serif;
  1278. font-weight:400;
  1279. font-size:11px;
  1280. height:100%;
  1281. text-align:left;
  1282. list-style-type:decimal-leading-zero;
  1283. margin-left:-20px;}
  1284.  
  1285.  
  1286. ol.notes a {
  1287. display:inline-block;}
  1288.  
  1289. ol.notes li.note{
  1290. margin-bottom:20px;}
  1291.  
  1292. .pagenotes {
  1293. text-align:center;
  1294. margin-top:10px;
  1295. color:{color:text};}
  1296.  
  1297. .pagenotes img{
  1298. opacity:0;
  1299. padding-right:5px;
  1300. padding-top:5px;
  1301. margin-bottom:-5px;}
  1302.  
  1303.  
  1304. .postinfo a {
  1305. font-family: 'Raleway', sans-serif;
  1306. margin-left:0px;
  1307. padding:2px;
  1308. color:{color:postinfo};
  1309. text-decoration:none;
  1310. -webkit-transition: all 1s ease;
  1311. -moz-transition: all 1s ease;
  1312. -o-transition: all 1s ease;
  1313. -ms-transition: all 1s ease;
  1314. transition: all 1s ease;}
  1315.  
  1316. .postinfo a:hover {
  1317. letter-spacing:2px;
  1318.  
  1319. font-size:8px;
  1320. color:#000000;
  1321. -webkit-transition: all 1s ease;
  1322. -moz-transition: all 1s ease;
  1323. -o-transition: all 1s ease;
  1324. -ms-transition: all 1s ease;
  1325. transition: all 1s ease;}
  1326.  
  1327. /* ------------ CREDIT. You can customize it, but DO NOT REMOVE IT. -------------- */
  1328.  
  1329.  
  1330.  
  1331.  
  1332. .tooltip {
  1333. position:fixed;
  1334. font-weight:400;
  1335. font-family: 'Raleway', sans-serif;
  1336. text-transform:uppercase;
  1337. font-size:9px;
  1338. left:9px;
  1339. bottom:10px;
  1340. padding:5px;
  1341. float: right;
  1342. width:15px;
  1343. height:10px;
  1344. background-color:{color:accent};
  1345. letter-spacing:4px;
  1346. -webkit-transition:0.9s ease-in-out;
  1347. -moz-transition:0.9s ease-in-out;
  1348. -ms-transition:0.9s ease-in-out;
  1349. -o-transition:0.9s ease-in-out;
  1350. transition: all 0.9s ease-in-out;
  1351. }
  1352. .tooltip a {
  1353. font-weight:400;
  1354. font-family: 'Raleway', sans-serif;}
  1355.  
  1356. .tooltip .tooltiptext {
  1357. visibility: hidden;
  1358. width: 140px;
  1359. background-color: {color:accent};
  1360. color: {color:text};
  1361. text-align: center;
  1362. text-transform:lowercase;
  1363. font-size:9px;
  1364. overflow:auto;
  1365. padding: 10px;
  1366. margin-left:-6px;
  1367. /* Position the tooltip */
  1368. position: absolute;
  1369. z-index: 1;
  1370. -webkit-transition:0.9s ease-in-out;
  1371. -moz-transition:0.9s ease-in-out;
  1372. -ms-transition:0.9s ease-in-out;
  1373. -o-transition:0.9s ease-in-out;
  1374. transition: all 0.9s ease-in-out;}
  1375.  
  1376. .tooltiptext b {
  1377. color:{color:bold};}
  1378.  
  1379. .tooltip:hover .tooltiptext {
  1380. margin-top:-90px;
  1381. visibility: visible;
  1382. -webkit-transition:0.9s ease-in-out;
  1383. -moz-transition:0.9s ease-in-out;
  1384. -ms-transition:0.9s ease-in-out;
  1385. -o-transition:0.9s ease-in-out;
  1386. transition: all 0.9s ease-in-out;}
  1387.  
  1388. .tooltip i {
  1389. font-size:12px;
  1390. color:{color:text};}
  1391.  
  1392.  
  1393.  
  1394.  
  1395. </style>
  1396. </head>
  1397. <body>
  1398. <div id="background"></div>
  1399.  
  1400.  
  1401.  
  1402.  
  1403. <!--Slide Menu. Click the fourth link in the topbar to show this part. If you wish to close it, just click the "X" at the top of the page!-->
  1404. <div id="mySidenav" class="sidenav">
  1405. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">✗ </a>
  1406.  
  1407. <div class="sidenavtitle">{text:sidenav title}</div>
  1408. <div class="sidenavsubtitle">{text:sidenav subtitle}</div>
  1409.  
  1410.  
  1411. <div class="sidenavbox">
  1412.  
  1413.  
  1414. <h3>Before Acceptance</h3>
  1415.  
  1416. <a href="http://1198hq.tumblr.com/plot." class="hvr-wobble-horizontal">plot</a>
  1417. <a href="http://1198hq.tumblr.com/regras."class="hvr-wobble-horizontal">regras</a>
  1418. <a href="http://1198hq.tumblr.com/muses."class="hvr-wobble-horizontal">moradores</a>
  1419. <a href="https://1198ispo.tumblr.com/"class="hvr-wobble-horizontal">blog de inspo</a>
  1420. <a href="http://1198hq.tumblr.com/app."class="hvr-wobble-horizontal">aplicação</a>
  1421.  
  1422. <h3>After Acceptance</h3>
  1423.  
  1424. <a href="http://1198hq.tumblr.com/tagged/1198:aceitos"class="hvr-wobble-horizontal">aceitos</a>
  1425. <a href="http://1198hq.tumblr.com/checklist."class="hvr-wobble-horizontal">checklist</a>
  1426. <a href="https://www.tumblr.com/followed/by/house1198"class="hvr-wobble-horizontal">blogroll</a>
  1427. <a href="/"class="hvr-wobble-horizontal">divisão de quartos</a>
  1428. <a href="http://1198hq.tumblr.com/tagged/1198:avisos"class="hvr-wobble-horizontal">avisos</a>
  1429.  
  1430. </div>
  1431.  
  1432.  
  1433. <div class="sidedesc">{text:slide desc}</div>
  1434.  
  1435.  
  1436.  
  1437. <!--TOPBAR-->
  1438.  
  1439.  
  1440. <div id="taskbar">
  1441.  
  1442. <div id="taskbaricons"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i><i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
  1443.  
  1444. <i class="fa fa-refresh" aria-hidden="true"></i>
  1445. </div>
  1446. <div id="taskbarurl">
  1447. {text:topbar url}</div>
  1448. </div>
  1449.  
  1450.  
  1451.  
  1452. <!--Marquee-->
  1453.  
  1454.  
  1455. <div id="marquee">
  1456. <marquee scrollamount="2">{text:marquee}</marquee>
  1457.  
  1458. </div>
  1459.  
  1460.  
  1461.  
  1462.  
  1463. <!--FAQ-->
  1464.  
  1465.  
  1466. <!--Beginning of Q&A. If you want to add a new section, just copy from "Beginning of Q&A" to "End of Q&A."-->
  1467.  
  1468. <!--Beginning of Q&A-->
  1469.  
  1470. <button class="accordion">- Sobre o que é o rpg?-</button>
  1471. <div class="panel">
  1472. <p>1198hq é um rpg 10x10 com sistema skeleton que se passa em Busan - Coréia do Sul, no tempo atual, ano de 2017, com foco no desenvolvimento do personagem. Afinal? São apenas vinte jovens, sem muita estrutura, morando na mesma casa e virando uma família juntos, o que poderia dar de errado? </p>
  1473. </div>
  1474. <!--End of Q&A-->
  1475.  
  1476. <!--Beginning of Q&A-->
  1477.  
  1478.  
  1479.  
  1480. <button class="accordion">- Quando a central abriu? -</button>
  1481. <div class="panel">
  1482. <p>Answer.</p>
  1483. </div>
  1484. <!--End of Q&A-->
  1485.  
  1486.  
  1487. <!--Beginning of Q&A-->
  1488.  
  1489. <button class="accordion">- E as interações?-</button>
  1490. <div class="panel">
  1491. <p>Ainda a decidir, chuchu, mas com a graça de Deus, não vai demorar.</p>
  1492. </div>
  1493. <!--End of Q&A-->
  1494.  
  1495. <!--Beginning of Q&A-->
  1496.  
  1497.  
  1498. <!--Beginning of Q&A-->
  1499.  
  1500. <button class="accordion">- Qual o sistema do rpg? -</button>
  1501. <div class="panel">
  1502. <p>Somos um 10x10 com sistema de skeleton, mas não aceitamos resevas, ok?</p>
  1503. </div>
  1504. <!--End of Q&A-->
  1505.  
  1506.  
  1507. <button class="accordion">- Quem são as adms? -</button>
  1508. <div class="panel">
  1509. <p>Opa, somos Pink aka fc do Baekhyun e Blue aka fc do Jhope, porque somos duas sunshines aqui, muito prazer, anôn<i>!!</i> </p>
  1510. </div>
  1511. <!--End of Q&A-->
  1512.  
  1513. <!--Beginning of Q&A-->
  1514.  
  1515. <button class="accordion"> - Mais alguma pergunta? -</button>
  1516. <div class="panel">
  1517. <p>Então é só vir na ask ou pelo chat, estaremos esperando ♡</p>
  1518. </div>
  1519. <!--End of Q&A-->
  1520.  
  1521.  
  1522.  
  1523. <!--This is the script for the faq. DO NOT touch it, otherwise the faq won't work!-->
  1524.  
  1525.  
  1526. <script>
  1527. var acc = document.getElementsByClassName("accordion");
  1528. var i;
  1529.  
  1530. for (i = 0; i < acc.length; i++) {
  1531. acc[i].onclick = function() {
  1532. this.classList.toggle("active");
  1533. var panel = this.nextElementSibling;
  1534. if (panel.style.maxHeight){
  1535. panel.style.maxHeight = null;
  1536. } else {
  1537. panel.style.maxHeight = panel.scrollHeight + "px";
  1538. }
  1539. }
  1540. }
  1541. </script>
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547. </div>
  1548.  
  1549.  
  1550. <!--Header-->
  1551.  
  1552.  
  1553. <div id="header"></div>
  1554.  
  1555.  
  1556.  
  1557. <!--Here is the topbar! It includes the main title and four links.-->
  1558.  
  1559.  
  1560. <div id="topbar"> <div id="title1">
  1561. {text:title1}
  1562. </div> <div class="line"></div>
  1563.  
  1564. <div id="links">
  1565. <a href="{text:link one url}"class="hvr-skew"><i class="fa fa-umbrella" aria-hidden="true"></i>
  1566.  
  1567.  
  1568. </a>
  1569.  
  1570. <a href="{text:link two url}"class="hvr-skew"><i class="fa fa-sun-o" aria-hidden="true"></i>
  1571. </a>
  1572.  
  1573. <a href="{text:link three url}"class="hvr-skew"><i class="fa fa-cloud" aria-hidden="true"></i>
  1574. </a>
  1575.  
  1576. <a style="font-size:12px;cursor:pointer" onclick="openNav()"class="hvr-skew"><i class="fa fa-paper-plane-o" aria-hidden="true"></i>
  1577. </a>
  1578.  
  1579. </div>
  1580. </div>
  1581.  
  1582. <!--Description!-->
  1583.  
  1584.  
  1585.  
  1586. <div id="desc">{text:desc}</div>
  1587.  
  1588. <!--Here are the three icons!-->
  1589.  
  1590. <div id="icon1"></div>
  1591. <div id="icon2"></div>
  1592. <div id="icon3"></div>
  1593.  
  1594.  
  1595. <!--Here is the pagination!-->
  1596.  
  1597. {block:Pagination}
  1598. <div id="pagination">
  1599. {block:PreviousPage}
  1600. <a href="{PreviousPage}">Previous</a>
  1601. {/block:PreviousPage}
  1602. {block:JumpPagination length="5"}
  1603. {block:CurrentPage}
  1604. <span class="current_page">{PageNumber}</span>
  1605. {/block:CurrentPage}
  1606. {block:JumpPage}
  1607. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1608. {/block:JumpPage}
  1609. {/block:JumpPagination}
  1610. {block:NextPage}
  1611. <a href="{NextPage}">Next</a>
  1612. {/block:NextPage}
  1613. </div>
  1614. {/block:Pagination}
  1615.  
  1616. </div>
  1617. </div>
  1618.  
  1619.  
  1620.  
  1621. <!--POST CONTAINER-->
  1622.  
  1623.  
  1624. <div class="container">
  1625.  
  1626.  
  1627. <!--Posts-->
  1628.  
  1629. <div id="entries">
  1630. {block:Posts}
  1631. <div id="post">
  1632.  
  1633. <!--Post Info-->
  1634. <div class="postinfo">
  1635.  
  1636. <!--PERMALINK-->
  1637. <a href="{Permalink}">
  1638. {block:Date}posted {TimeAgo}
  1639. {/block:Date}</a>
  1640. {block:NoteCount}
  1641. <a href="{Permalink}"> with {NoteCount} notes </a>
  1642. {/block:NoteCount}
  1643.  
  1644. <!--VIA AND SOURCE-->
  1645.  
  1646. {block:RebloggedFrom}
  1647. <a href="{ReblogParentURL}">- via -
  1648. {/block:RebloggedFrom}
  1649. {block:ContentSource}
  1650. <a href="{SourceURL}">src -
  1651. {/block:ContentSource}
  1652. {block:RebloggedFrom} {/block:RebloggedFrom}
  1653.  
  1654. </div>
  1655. {block:Text}
  1656. {block:Title}
  1657. <h1 class="title">
  1658. <a href="{Permalink}">{Title}</a></h1>
  1659. {/block:Title}
  1660. {Body}
  1661. {/block:Text}
  1662.  
  1663. <!--Chat Posts-->
  1664. {block:Chat}
  1665. {block:Title}
  1666. <h1>{Title}</h1>{/block:Title}<br>
  1667. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1668. {Line}</li>{/block:Lines}</ul>
  1669. {/block:Chat}
  1670.  
  1671. <!--Quote Posts-->
  1672. {block:Quote}
  1673. <div class="quote">
  1674. <i class="fa fa-quote-left" aria-hidden="true"></i>
  1675. {Quote}</div>
  1676. {block:Source}
  1677. <div class="quotesource">- {Source}</div>
  1678. {/block:Source}
  1679. {/block:Quote}
  1680.  
  1681. <!--Audio Posts-->
  1682. {block:Audio}
  1683. {block:AlbumArt}
  1684. <div class="songart">
  1685. <img src="{AlbumArtURL}">
  1686. </div>
  1687. {/block:AlbumArt}
  1688. <div class="songtitle">
  1689. {block:TrackName}
  1690. {TrackName}
  1691. {/block:TrackName}
  1692. </div>
  1693. <div class="songauthor">
  1694. By
  1695. {block:Artist}
  1696. {Artist}
  1697. {/block:Artist}
  1698. </div>
  1699. {AudioPlayerWhite}
  1700. {/block:Audio}
  1701.  
  1702. <!--Video Posts-->
  1703. {block:Video}
  1704. <div class="video">
  1705. <div class="video-player">{Video-400}</div></div>
  1706. {/block:Video}
  1707.  
  1708. <!--Link Posts-->
  1709. {block:Link}
  1710. <h1 class="title"><a href="{URL}">- {Name} -</a></h1>
  1711. {block:Description}{Description}{/block:Description}
  1712. {/block:Link}
  1713.  
  1714. <!--Answer Posts-->
  1715. {block:Answer}
  1716. <div id="asker">
  1717. - {Asker} - </div>
  1718. <div id="question">
  1719. {Question}
  1720. </div>
  1721.  
  1722. <div id="answer">{Answer} </div>
  1723. {/block:Answer}
  1724.  
  1725. <!--Photo Posts-->
  1726. {block:Photo}
  1727. {block:IndexPage}
  1728. {LinkOpenTag}
  1729. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1730. {LinkCloseTag}
  1731. {/block:IndexPage}
  1732. {block:PermalinkPage}
  1733. {LinkOpenTag}
  1734. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1735. {LinkCloseTag}{/block:PermalinkPage}
  1736. {/block:Photo}
  1737.  
  1738.  
  1739. <!--Photoset Posts-->
  1740. {block:Photoset}
  1741. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  1742. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  1743. {/block:Photoset}
  1744.  
  1745. <!--CAPTIONS-->
  1746. {block:Caption}
  1747. {Caption}
  1748. {/block:Caption}
  1749.  
  1750. <div></div>
  1751.  
  1752.  
  1753. <!--Tags-->
  1754. {block:HasTags}
  1755. <div id="tags">
  1756. {block:Tags}
  1757. <a href="{TagURL}">#{Tag}</a>
  1758. {/block:Tags}
  1759. </div>
  1760. {/block:HasTags}
  1761. </div>
  1762. {/block:Posts}
  1763. <!--Post Notes-->
  1764. {block:PostNotes}
  1765. <div class="pagenotes">{PostNotes-16}</div>
  1766. {/block:PostNotes}
  1767.  
  1768.  
  1769.  
  1770. <!--This is the credit. DO NOT TOUCH IT. Seriously, just don't.-->
  1771.  
  1772.  
  1773. <div class="tooltip"><a href="http://dreamcfmccnlight.tumblr.com/"><i class="fa fa-key" aria-hidden="true"></i>
  1774. </a>
  1775.  
  1776. <span class="tooltiptext">- This theme was coded by <b>dreamcfmccnlight.
  1777. </b> </span>
  1778. </div>
  1779.  
  1780.  
  1781.  
  1782.  
  1783. </body>
  1784. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!