API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 27th, 2019
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.14 KB | None | 0 0
raw download clone embed print report
  1.  
  2. [nobr][font=Raleway][COLOR=transparent]mitchelle springs[/COLOR][/font][font=Open Sans][COLOR=transparent]mitchelle springs[/COLOR][/font]
  3.  
  4. [class name="loveContainerMajor"]
  5. --accent: #aecc42
  6. [/class]
  7.  
  8. [comment]–––––––––––– BEGIN CODE –––––––––––– [/comment]
  9. [div class="loveContainerMajor"]
  10.  
  11. [div class="loveImageContainer"]
  12. [div class="loveMainImage" style="background:url(https://images2.imgbox.com/5b/8e/5Cfj373b_o.png)"][/div]
  13. [/div]
  14.  
  15. [div class="loveRightContainer"]
  16. [div class="loveTitleContainer"]
  17. [div class="loveStudentProfile"]Student profile[/div]
  18. [div class="loveStudentName"]mitchelle springs[/div]
  19. [/div]
  20.  
  21. [div class="loveTabbedcontent"]
  22. [div class="lovePageContainer"]
  23.  
  24. [comment]–––––––––––– PAGE ONE –––––––––––– [/comment]
  25.  
  26. [div class="lovePage pageOne"]
  27.  
  28. [div class="loveInfoBox"]
  29.  
  30. [div class="loveInfoTitle"]nickname[/div]
  31. [div class="loveInfoText"]mitch[/div]
  32.  
  33. [/div]
  34. [div class="loveInfoBox"]
  35.  
  36. [div class="loveInfoTitle"]age[/div]
  37. [div class="loveInfoText"]sixteen[/div]
  38.  
  39. [/div]
  40.  
  41. [div class="loveInfoBox"]
  42.  
  43. [div class="loveInfoTitle"]grade[/div]
  44. [div class="loveInfoText"]eleventy nine[/div]
  45.  
  46. [/div]
  47. [div class="loveInfoBox"]
  48.  
  49. [div class="loveInfoTitle"]gender[/div]
  50. [div class="loveInfoText"]female [/div]
  51.  
  52. [/div]
  53. [div class="loveInfoBox"]
  54.  
  55. [div class="loveInfoTitle"]sexuality[/div]
  56. [div class="loveInfoText"]lgbt speedrun[/div]
  57.  
  58. [/div]
  59.  
  60. [div class="pageOneFlex"]
  61.  
  62. [div class="pageOneList"]
  63.  
  64. [LIST]
  65. [*]five
  66.  
  67. [*]positive
  68.  
  69. [*]personality traits
  70.  
  71. [*]or
  72.  
  73. [*]likes
  74.  
  75. [/LIST]
  76. [/div]
  77.  
  78. [div class="pageOneList"]
  79.  
  80. [LIST]
  81. [*]five
  82.  
  83. [*]negative
  84.  
  85. [*]personality traits
  86.  
  87. [*]or
  88.  
  89. [*]dislikes
  90.  
  91. [/LIST]
  92. [/div]
  93. [/div]
  94. [/div]
  95.  
  96. [comment]–––––––––––– END PAGE ONE –––––––––––– [/comment]
  97. [div class="lovePage pageTwo"]
  98. [div class="pageTwoText"]
  99.  
  100. Freeform character application. use [br][/br]
  101.  
  102. [CENTER][plain][div class="loveHeader"]text here[/div][/plain][/CENTER]
  103. [br][/br]
  104.  
  105. for headers, and[br][/br]
  106.  
  107. [CENTER][plain][div class="loveSubheader"]text here[/div][/plain][/CENTER]
  108. [br][/br]
  109.  
  110. for subheaders, as well as br tags for paragraph breaks. although freeform, please write at least 500 words, encompassing a little about history as well as personality![br][/br]
  111.  
  112. [div class="loveHeader"]header example[/div]
  113. [div class="loveSubheader"]subheader example[/div]
  114.  
  115. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore.[br][/br][br][/br]
  116.  
  117. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since.[br][/br][br][/br]
  118.  
  119. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.[br][/br][br][/br]
  120.  
  121. One far far congratulated hence blushed goldfish frowned emu crab much chameleon handsome bluebird wolf heron pitifully and between imminently underwrote then beyond that.
  122.  
  123. [/div]
  124.  
  125. [/div]
  126.  
  127. [comment]–––––––––––– END PAGE TWO –––––––––––– [/comment]
  128. [div class="lovePage pageThree"]
  129.  
  130. [div class="loveInfoBox"]
  131.  
  132. [div class="loveInfoTitle"]height[/div]
  133. [div class="loveInfoText"]inch/cm[/div]
  134.  
  135. [/div]
  136. [div class="loveInfoBox"]
  137.  
  138. [div class="loveInfoTitle"]weight[/div]
  139. [div class="loveInfoText"]kg/lb[/div]
  140.  
  141. [/div]
  142.  
  143. [div class="loveInfoBox"]
  144.  
  145. [div class="loveInfoTitle"]figure[/div]
  146. [div class="loveInfoText"]go figure[/div]
  147.  
  148. [/div]
  149.  
  150. [div class="loveInfoBox"]
  151.  
  152. [div class="loveInfoTitle"]markings[/div]
  153. [div class="loveInfoText"]earrings, tattoos, etc[/div]
  154.  
  155. [/div]
  156.  
  157. [div class="pageThreeContainer"]
  158. [div class="pageThreeTab friends"]friends[/div]
  159. [div class="pageThreeTab foes"]foes[/div]
  160. [div class="pageThreeTab lovers"]lovers[/div]
  161. [div class="pageThreeTab others"]others[/div]
  162. [/div]
  163.  
  164. [div class="pageThreeSelect"][/div]
  165.  
  166. [div class="pageThreePage friendsPage"]
  167.  
  168. [div class="pageThreeText"]
  169.  
  170. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  171.  
  172. [/div]
  173.  
  174. [div class="pageThreeText"]
  175.  
  176. [div class="pageThreeTitle"]friend #1[/div]
  177.  
  178. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  179.  
  180. [/div]
  181. [/div]
  182.  
  183. [div class="pageThreePage foesPage"]
  184.  
  185. [div class="pageThreeText"]
  186.  
  187. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  188.  
  189. [/div]
  190.  
  191. [div class="pageThreeText"]
  192.  
  193. [div class="pageThreeTitle"]foe #1[/div]
  194.  
  195. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  196.  
  197. [/div]
  198. [/div]
  199.  
  200. [div class="pageThreePage loversPage"]
  201.  
  202. [div class="pageThreeText"]
  203.  
  204. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  205.  
  206. [/div]
  207.  
  208. [div class="pageThreeText"]
  209.  
  210. [div class="pageThreeTitle"]love #1[/div]
  211.  
  212. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  213.  
  214. [/div]
  215. [/div]
  216.  
  217. [div class="pageThreePage othersPage"]
  218.  
  219. [div class="pageThreeText"]
  220.  
  221. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  222.  
  223. [/div]
  224.  
  225. [div class="pageThreeText"]
  226.  
  227. [div class="pageThreeTitle"]other #1[/div]
  228.  
  229. Turtle merry nutria as less amongst gosh jeepers salmon thanks frog a porpoise beneath much combed caribou ouch so hypnotic therefore. Wherever alas dear stupid snapped groundhog fetching more as flailed meekly petulantly far bet concentrically slick pious merrily less much from far gosh together including much hello silently until well amoral since. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst. The and wove yet considering across following the darn more snootily despite hello ate seagull jeepers whale hugely a grumbled wherever and panda that well amongst.
  230.  
  231. [/div]
  232. [/div]
  233.  
  234.  
  235. [/div]
  236.  
  237. [comment]–––––––––––– END PAGE THREE –––––––––––– [/comment]
  238.  
  239. [div class="lovePage pageFour"]
  240. [div class="pageFourFlex"]
  241. [div class="pageFourInfo"]
  242. [div class="loveInfoBox"]
  243.  
  244. [div class="loveInfoTitle"]hobbies[/div]
  245. [div class="loveInfoText"]fly fishing[/div]
  246.  
  247. [/div]
  248. [div class="loveInfoBox"]
  249.  
  250. [div class="loveInfoTitle"]fav. color[/div]
  251. [div class="loveInfoText"]octarine[/div]
  252.  
  253. [/div]
  254. [div class="loveInfoBox"]
  255.  
  256. [div class="loveInfoTitle"]family[/div]
  257. [div class="loveInfoText"]playable only[/div]
  258.  
  259. [/div]
  260. [/div]
  261.  
  262. [div class="loveMusicContainer"]
  263. [div class="loveMusicSquare"]
  264. [div class="loveMusicSymbol"][/div]
  265. [/div]
  266. [div class="loveMusicBox"]
  267. [div class="loveMusicHide"]
  268. [MEDIA=soundcloud]https://soundcloud.com/andrew-keller-214828542/minor-bird[/MEDIA]
  269. [/div]
  270. [/div]
  271. [/div]
  272. [/div]
  273.  
  274. [div class="pageFourLeft"][/div]
  275. [div class="pageFourQuote"]
  276. I want my father back, you son of a bitch!
  277. [br][/br]
  278. max two line quote
  279. [/div]
  280. [div class="pageFourRight"][/div]
  281. [div class="pageFourImages"]
  282. [div class=" pageFourImage " style="background:url(https://78.media.tumblr.com/812863ac1ba04949356a3f2194cc834f/tumblr_o7sw5yTsFk1ug2laoo4_r2_250.gif)"][/div]
  283. [div class=" pageFourImage " style="background:url(https://image.ibb.co/mxQHiF/62.jpg)"][/div]
  284. [div class=" pageFourImage " style="background:url(https://78.media.tumblr.com/f5f714cbd75054e5b9934c80d3809646/tumblr_inline_p0li81kQvH1v0ahz0_540.png)"][/div]
  285. [/div]
  286.  
  287. [/div]
  288.  
  289. [comment]–––––––––––– END PAGE FOUR –––––––––––– [/comment]
  290.  
  291. [/div]
  292.  
  293. [div style="color:#555;padding-left:10px"]
  294.  
  295. [div class="loveIconTabs tabOne"][fa]fa-id-card[/fa][/div]
  296. [div class="loveIconTabs tabTwo"][fa]fa-bars[/fa][/div]
  297. [div class="loveIconTabs tabThree"][fa]fa-users[/fa][/div]
  298. [div class="loveIconTabs tabFour"][fa]fa-th[/fa][/div]
  299.  
  300. [/div]
  301. [/div]
  302. [/div]
  303. [/div]
  304.  
  305. [/nobr][nobr]
  306.  
  307. [comment]–––––––––––– GENERAL CLASSES –––––––––––– [/comment]
  308.  
  309. [class name="loveContainerMajor" minWidth="820px"]
  310. width:800px;
  311. background:#fff;
  312. padding:10px;
  313. border:0.1px solid #f1f1f1;
  314. margin:auto;
  315. position:relative;
  316. display:flex;
  317. height:520px;
  318. [/class]
  319.  
  320. [class name="loveContainerMajor" maxWidth="819px"]
  321. width:calc(100% - 20px)
  322. background:#fff;
  323. padding:10px;
  324. border:0.1px solid #f1f1f1;
  325. margin:auto;
  326. position:relative;
  327. display:flex;
  328. [/class]
  329.  
  330. [class name="loveRightContainer" minWidth="820px"]
  331. width:calc(100% - 10px);
  332. margin-left:10px;
  333. [/class]
  334.  
  335.  
  336. [comment]–––––––––––– BIG IMAGE CLASSES –––––––––––– [/comment]
  337.  
  338. [class name="loveImageContainer" minWidth="820px"]
  339. padding:10px;
  340. border:0.1px solid #f1f1f1;
  341. [/class]
  342.  
  343. [class name="loveMainImage" minWidth="820px"]
  344. width:300px;
  345. height:500px;
  346. [/class]
  347.  
  348. [class name="loveImageContainer" maxWidth="819px"]
  349. display:none;
  350. [/class]
  351.  
  352. [comment]–––––––––––– TITLE CLASSES –––––––––––– [/comment]
  353.  
  354. [class name="loveTitleContainer"]
  355. padding:25px;
  356. color:#555;
  357. align:right;
  358. text-transform:uppercase;
  359. border:0.1px solid #f1f1f1;
  360. height:75px;
  361. [/class]
  362.  
  363. [class name="loveStudentProfile"]
  364. width:fit-content;
  365. padding:10px 10px 5px 10px;
  366. border-bottom:0.1px solid #f1f1f1;
  367. font-size:10px;
  368. [/class]
  369.  
  370. [class name="loveStudentName"]
  371. font-size:25px;
  372. letter-spacing:1px;
  373. font-family:'Raleway', sans-serif;
  374. [/class]
  375.  
  376. [comment]–––––––––––– TAB CLASSES –––––––––––– [/comment]
  377.  
  378. [class name="loveTabbedcontent" minWidth="820px"]
  379. width:100%;
  380. padding-top:10px;
  381. display:flex;
  382. height:365px;
  383. [/class]
  384.  
  385. [class name="lovePageContainer" minWidth="820px"]
  386. width:360px;
  387. padding:10px;
  388. border:0.1px solid #f1f1f1;
  389. height:calc(100% - 0.1px);
  390. overflow:hidden;
  391. [/class]
  392. [class name="lovePage" minWidth="820px"]
  393. width:360px;
  394. height:100%;
  395. overflow:auto;
  396. padding-right:100px;
  397. margin-bottom:10px;
  398. [/class]
  399.  
  400. [class name="loveIconTabs" minWidth="820px"]
  401. padding:27.5px;
  402. font-size:20px;
  403. text-align:center;
  404. vertical-align: middle;
  405. -webkit-transform: perspective(1px) translateZ(0);
  406. transform: perspective(1px) translateZ(0);
  407. transition:color 0.5s;
  408. [/class]
  409.  
  410. [class name="loveIconTabs" maxWidth="819px"]
  411. display:none;
  412. [/class]
  413.  
  414.  
  415. [class name="loveIconTabs" state="hover" minWidth="820px"]
  416. color: var(--accent);
  417. animation-name: {post_id}loveIconPush;
  418. animation-duration: 0.5s;
  419. cursor:pointer;
  420. [/class]
  421.  
  422. [comment]–––––––––––– INFORMATION BOX CLASSES –––––––––––– [/comment]
  423.  
  424. [class name="loveInfoTitle"]
  425. text-transform:uppercase;
  426. letter-spacing:1px;
  427. font-weight:bold;
  428. font-family:'Open Sans', sans-serif;
  429. font-size:10px;
  430. color:#555;
  431. [/class]
  432.  
  433. [class name="loveInfoText"]
  434. text-transform: lowercase;
  435. font-family:'Open Sans', sans-serif;
  436. font-size:10.5px;
  437. color:#555;
  438. [/class]
  439.  
  440. [class name="loveInfoBox" minWidth:"820px"]
  441. padding:10px 20px;
  442. display:flex;
  443. justify-content:space-between;
  444. border:1px solid #f1f1f1;
  445. margin-bottom:5px
  446. [/class]
  447.  
  448. [class name="loveInfoBox" maxWidth:"819px"]
  449. padding:10px 20px;
  450. display:flex;
  451. justify-content:space-between;
  452. border:1px solid #f1f1f1;
  453. margin-top:5px
  454. [/class]
  455.  
  456. [class name="loveInfoBox"]
  457. padding:10px 20px;
  458. display:flex;
  459. justify-content:space-between;
  460. border:1px solid #f1f1f1;
  461. margin-bottom:5px
  462. [/class]
  463.  
  464. [comment]–––––––––––– FREEFORM APP CLASSES –––––––––––– [/comment]
  465.  
  466. [class name="loveHeader"]
  467. width:fit-content;
  468. padding:0px 10px 0px 10px;
  469. border-bottom:0.1px solid #f1f1f1;
  470. text-transform:lowercase;
  471. font-size:20px;
  472. font-weight:bold;
  473. margin:auto;
  474. color: var(--accent)
  475. [/class]
  476.  
  477. [class name="loveSubheader"]
  478. padding:5px;
  479. text-align:center;
  480. text-transform: uppercase;
  481. font-size:10px;
  482. letter-spacing:1px
  483. color:#555
  484. [/class]
  485.  
  486. [comment]–––––––––––– MUSIC CLASSES –––––––––––– [/comment]
  487.  
  488. [class name="loveMusicContainer" minWidth="820px"]
  489. border:1px solid #f1f1f1;
  490. display:inline-block;
  491. padding:0px 15px 20px 10px;
  492. [/class]
  493.  
  494. [class name="loveMusicContainer" maxWidth="819px"]
  495. display:none;
  496. [/class]
  497.  
  498. [class name="loveMusicSquare" minWidth="820px"]
  499. padding:20px;
  500. pointer-events:none;
  501. height:80px;
  502. width:80px;
  503. [/class]
  504.  
  505. [class name="loveMusicSymbol" minWidth="820px"]
  506. box-sizing: border-box; height: 50px;
  507. border-color: transparent transparent transparent var(--accent);
  508. transition: 100ms all ease; will-change: border-width;
  509. cursor: pointer; border-style: solid;
  510. border-width: 25px 0 25px 40px;
  511. pointer-events:none;
  512. position:absolute;
  513. z-index:2;
  514. margin:25px 0px 0px 25px;
  515. background:#fff;
  516. [/class]
  517.  
  518. [class name="loveMusicBox" minWidth="820px"]
  519. width:40px;
  520. height:40px;
  521. overflow:hidden;
  522. position:absolute;
  523. margin-top:-68px;
  524. margin-left:45px;
  525. z-index:1;
  526. cursor: pointer;
  527. border-radius:100%
  528. [/class]
  529.  
  530. [class name="loveMusicHide" minWidth="820px"]
  531. width:100px;
  532. height:100px;
  533. position:absolute;
  534. margin-left:-10px;
  535. margin-top:-10px
  536. [/class]
  537.  
  538. [class name="pause" minWidth="820px"]
  539. border-style:double!important;
  540. border-width: 0px 0px 0px 40px!important;
  541. [/class]
  542.  
  543. [comment]–––––––––––– PAGE ONE CLASSES –––––––––––– [/comment]
  544.  
  545. [class name="pageOneFlex"]
  546. display:flex;
  547. justify-content:space-between;
  548. [/class]
  549.  
  550. [class name="pageOneList"]
  551. border:0.1px solid #f1f1f1;
  552. padding:5px;
  553. text-align:justify;
  554. font-size:11px;
  555. color:#555;
  556. width:calc(50% - 15px);
  557. [/class]
  558.  
  559. [comment]–––––––––––– PAGE TWO CLASSES –––––––––––– [/comment]
  560.  
  561. [class name="pageTwoText" minWidth="820px"]
  562. font-family:'Open Sans', sans-serif;
  563. font-size:11px;color:#555;
  564. text-align:justify;
  565. padding:10px;
  566. width:calc(100% - 5px)
  567. [/class]
  568.  
  569. [comment]–––––––––––– PAGE THREE CLASSES –––––––––––– [/comment]
  570.  
  571. [class name="pageThreeSelect"]
  572. margin-top:-1px;
  573. width:90px;
  574. height:1px;
  575. background:#555;
  576. transition:0.4s ease;
  577. [/class]
  578.  
  579. [class name="pageThreePage" minWidth="820px"]
  580. width:calc(100% + 17px);height:145px;overflow:auto;margin-top:5px;padding-right:30px;display:none;
  581. [/class]
  582.  
  583. [class name="pageThreePage" maxWidth="819px"]
  584. width:calc(100% - 10px);margin-top:5px;padding:5px
  585. [/class]
  586.  
  587. [class name="pageThreeText"]
  588. padding:10px;font-family:'Open Sans', sans-serif;font-size:11px;color:#555;text-align:justify;
  589. [/class]
  590.  
  591. [class name="pageThreeTitle"]
  592. padding:20px;float:left; font-size:15px;font-weight:bold;
  593. [/class]
  594.  
  595. [class name="pageThreeContainer"]
  596. display:flex;
  597. margin-top:10px
  598. [/class]
  599.  
  600. [class name="pageThreeTab"]
  601. flex-grow:1;
  602. text-transform:uppercase;
  603. font-size:10px;
  604. color:#555;
  605. text-align:center;
  606. cursor:pointer;
  607. padding-bottom:5px;
  608. [/class]
  609.  
  610.  
  611. [class name="pageThreeTab" maxWidth="819px"]
  612. display:none
  613. [/class]
  614.  
  615. [class name="selectedTwo"]
  616. margin-left:89px
  617. [/class]
  618.  
  619. [class name="selectedThree"]
  620. margin-left:178px
  621. [/class]
  622.  
  623. [class name="selectedFour"]
  624. margin-left:267px
  625. [/class]
  626.  
  627. [class name="tabSelect"]
  628. border-bottom:1px solid #f1f1f1;
  629. [/class]
  630.  
  631. [comment]–––––––––––– PAGE FOUR CLASSES –––––––––––– [/comment]
  632. [class name="pageFourFlex" minWidth="820px"]
  633. display:flex;
  634. position:relative;
  635. [/class]
  636.  
  637. [class name="pageFourInfo" minWidth="820px"]
  638. padding:5px;
  639. flex-grow:1;
  640. padding-top:8px;
  641. [/class]
  642.  
  643. [class name="pageFourLeft" minWidth="820px"]
  644. width:20px;
  645. height:20px;
  646. border-top:0.1px solid #e1e1e1;
  647. border-left:1px solid #e1e1e1;
  648. margin-left: 25px;
  649. margin-top:20px ;
  650. [/class]
  651.  
  652. [class name="pageFourRight" minWidth="820px"]
  653. width:20px;
  654. height:20px;
  655. border-bottom:0.1px solid #e1e1e1;
  656. border-right:1px solid #e1e1e1;
  657. margin-left:calc(100% - 50px);
  658. [/class]
  659.  
  660. [class name="pageFourQuote"]
  661. text-align:center;
  662. font-size:10px;
  663. color:#555;
  664. text-transform:uppercase;
  665. margin:auto;
  666. font-family:'open sans', sans serif;
  667. margin:auto;
  668. width:250px
  669. [/class]
  670.  
  671. [class name="pageFourImages" minWidth="820px"]
  672. margin:auto;
  673. display:flex;
  674. width:fit-content;
  675. margin-top:20px
  676. [/class]
  677.  
  678. [class name="pageFourImage" minWidth="820px"]
  679. width:100px;
  680. height:100px;
  681. background-size:100px!important;
  682. margin:5px;
  683. background-repeat:no-repeat; [/class]
  684.  
  685. [comment]–––––––––––– SCRIPT / ANIMATION –––––––––––– [/comment]
  686.  
  687. [animation=loveIconPush]
  688. [keyframe=50]
  689. -webkit-transform: scale(0.8);
  690. transform: scale(0.8);
  691. [/keyframe]
  692. [keyframe=100]
  693. -webkit-transform: scale(1);
  694. transform: scale(1);
  695. [/keyframe]
  696. [/animation]
  697.  
  698. [script class="tabTwo" on="click"]
  699. hide lovePage
  700. show pageTwo
  701. [/script]
  702.  
  703. [script class="tabThree" on="click"]
  704. hide lovePage
  705. show pageThree
  706. [/script]
  707.  
  708. [script class="tabFour" on="click"]
  709. hide lovePage
  710. show pageFour
  711. [/script]
  712.  
  713. [script class="tabOne" on="click"]
  714. hide lovePage
  715. show pageOne
  716. [/script]
  717.  
  718. [script class="loveMusicHide"]
  719. set onPlay 0
  720. [/script]
  721.  
  722. [script class="loveMusicBox" on="mouseenter"]
  723. inc onPlay
  724. if (eq ${onPlay} 1) (addClass pause loveMusicSymbol)
  725. if (eq ${onPlay} 2) (set onPlay 0)
  726. if (eq ${onPlay} 0) (removeClass pause loveMusicSymbol)
  727. [/script]
  728.  
  729. [script class="loveMusicBox" on="mouseleave"]
  730. inc onPlay
  731. if (eq ${onPlay} 1) (addClass pause loveMusicSymbol)
  732. if (eq ${onPlay} 2) (set onPlay 0)
  733. if (eq ${onPlay} 0) (removeClass pause loveMusicSymbol)
  734. [/script]
  735.  
  736. [script class="friends"]
  737. addClass tabSelect foes
  738. addClass tabSelect lovers
  739. addClass tabSelect others
  740. show friendsPage
  741. [/script]
  742.  
  743. [script class="friends" on="click"]
  744. removeClass tabSelect friends
  745. addClass tabSelect foes
  746. addClass tabSelect lovers
  747. addClass tabSelect others
  748.  
  749. removeClass selectedTwo pageThreeSelect
  750. removeClass selectedThree pageThreeSelect
  751. removeClass selectedFour pageThreeSelect
  752.  
  753. hide pageThreePage
  754. show friendsPage
  755. [/script]
  756.  
  757. [script class="foes" on="click"]
  758. addClass tabSelect friends
  759. removeClass tabSelect foes
  760. addClass tabSelect lovers
  761. addClass tabSelect others
  762.  
  763. addClass selectedTwo pageThreeSelect
  764. removeClass selectedThree pageThreeSelect
  765. removeClass selectedFour pageThreeSelect
  766.  
  767. hide pageThreePage
  768. show foesPage
  769. [/script]
  770.  
  771. [script class="lovers" on="click"]
  772. addClass tabSelect friends
  773. addClass tabSelect foes
  774. removeClass tabSelect lovers
  775. addClass tabSelect others
  776.  
  777. removeClass selectedTwo pageThreeSelect
  778. addClass selectedThree pageThreeSelect
  779. removeClass selectedFour pageThreeSelect
  780.  
  781. hide pageThreePage
  782. show loversPage
  783. [/script]
  784.  
  785. [script class="others" on="click"]
  786. addClass tabSelect friends
  787. addClass tabSelect foes
  788. addClass tabSelect lovers
  789. removeClass tabSelect others
  790.  
  791. removeClass selectedTwo pageThreeSelect
  792. removeClass selectedThree pageThreeSelect
  793. addClass selectedFour pageThreeSelect
  794.  
  795. hide pageThreePage
  796. show othersPage
  797. [/script]
  798.  
  799. [/nobr]
  800. [nobr][comment]--------------------------------------------------- template code by koschei, please do not claim for your own! ---------------------------------------------------[/comment]
  801.  
  802. [div style="max-width:800px;margin:auto;width:100%;font-size:8px;text-transform:uppercase;opacity:0.6;text-align:right"]cheers, [url=https://www.rpnation.com/members/lambikins.60401/][color=#D91918]koschei[/color][/url][/div]
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!