SHARE
TWEET

✱⁞ RUNAROUND.BBCODE+

sugarvine Feb 5th, 2018 135 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [nobr]
  2.  [class name=body]
  3.     width: 100%;
  4.     display: block;
  5.     font-smoothing: antialiased;
  6.     -webkit-font-smoothing: antialiased;
  7.     -moz-osx-font-smoothing: grayscale;
  8.     padding: 20px 0px;
  9.     background: url('https://i.imgur.com/Vf6E1U1.jpg');
  10.  [/class]
  11.  
  12.  [class name=navbar]
  13.     display: flex;
  14.     flex-flow: row wrap;
  15.     justify-content: center;
  16.     align-items: center;
  17.     align-content: center;
  18.     position: relative;
  19.     width: 100%;
  20.     bottom: -65px;
  21.     padding-bottom: 10px;
  22.      z-index: 1;
  23.  [/class]
  24.  
  25.  [class name=navcolumn]
  26.     display: inline-block;
  27.     flex: 1 0 300px;
  28.     max-width: 600px;
  29.  [/class]
  30.  
  31.  [class name=pinktab]
  32.     height: 5px;
  33.     width: 80%;
  34.     background: #FE547B;
  35.     font-size: 0px;
  36.     margin-bottom: 4px;
  37.     -o-transition: all .5s ease-in-out;
  38.     -ms-transition: all .5s ease-in-out;
  39.     -moz-transition: all .5s ease-in-out;
  40.     -webkit-transition: all .5s ease-in-out;
  41.     transition: all .5s ease-in-out;
  42.     cursor: pointer;
  43.  [/class]
  44.  
  45.  [class name=pinktab state=hover]
  46.     width: 85%;
  47.  [/class]
  48.  
  49.  [class name=orangetab]
  50.     height: 5px;
  51.     width: 85%;
  52.     background: #F39233;
  53.     font-size: 0px;
  54.     margin-bottom: 4px;
  55.     -o-transition: all .5s ease-in-out;
  56.     -ms-transition: all .5s ease-in-out;
  57.     -moz-transition: all .5s ease-in-out;
  58.     -webkit-transition: all .5s ease-in-out;
  59.     transition: all .5s ease-in-out;
  60.     cursor: pointer;
  61.  [/class]
  62.  
  63.  [class name=orangetab state=hover]
  64.     width: 90%;
  65.  [/class]
  66.  
  67.  [class name=yellowtab]
  68.     height: 5px;
  69.     width: 95%;
  70.     background: #F1E189;
  71.     font-size: 0px;
  72.     margin-bottom: 4px;
  73.     -o-transition: all .5s ease-in-out;
  74.     -ms-transition: all .5s ease-in-out;
  75.     -moz-transition: all .5s ease-in-out;
  76.     -webkit-transition: all .5s ease-in-out;
  77.     transition: all .5s ease-in-out;
  78.     cursor: pointer;
  79.  [/class]
  80.  
  81.  [class name=yellowtab state=hover]
  82.     width: 100%;
  83.  [/class]
  84.  
  85.  [class name=greentab]
  86.     height: 5px;
  87.     width: 90%;
  88.     background: #B8DE6F;
  89.     font-size: 0px;
  90.     margin-bottom: 4px;
  91.     -o-transition: all .5s ease-in-out;
  92.     -ms-transition: all .5s ease-in-out;
  93.     -moz-transition: all .5s ease-in-out;
  94.     -webkit-transition: all .5s ease-in-out;
  95.     transition: all .5s ease-in-out;
  96.     cursor: pointer;
  97.  [/class]
  98.  
  99.  [class name=greentab state=hover]
  100.     width: 95%;
  101.  [/class]
  102.  
  103.  [class name=cyantab]
  104.     height: 5px;
  105.     width: 83%;
  106.     background: #01C5C4;
  107.     font-size: 0px;
  108.     -o-transition: all .5s ease-in-out;
  109.     -ms-transition: all .5s ease-in-out;
  110.     -moz-transition: all .5s ease-in-out;
  111.     -webkit-transition: all .5s ease-in-out;
  112.     transition: all .5s ease-in-out;
  113.     cursor: pointer;
  114.  [/class]
  115.  
  116.  [class name=cyantab state=hover]
  117.     width: 88%;
  118.  [/class]
  119.  
  120.  [class name=titlecolumn]
  121.      flex: 1 1 300px;
  122.      color: #d5d5d5;
  123.      font-family: 'Montserrat', sanserif;
  124.      font-weight: bold;
  125.      font-size: 2.5em;
  126.      text-transform: uppercase;
  127.      box-sizing: border-box;
  128.      padding-left: 46px;
  129.  [/class]
  130.  
  131.  [class name=pinktitlecolumn]
  132.      color: #FE547B;
  133.      font-family: 'Montserrat', sanserif;
  134.      font-weight: bold;
  135.      font-size: 1em;
  136.      text-transform: uppercase;
  137.      box-sizing: border-box;
  138.      display: none;
  139.      position: absolute;
  140.      z-index: 1;
  141.  [/class]
  142.  
  143.  [class name=orangetitlecolumn]
  144.      color: #F39233;
  145.      font-family: 'Montserrat', sanserif;
  146.      font-weight: bold;
  147.      font-size: 1em;
  148.      text-transform: uppercase;
  149.      box-sizing: border-box;
  150.      display: none;
  151.      position: absolute;
  152.      z-index: 1;
  153.  [/class]
  154.  
  155.  [class name=yellowtitlecolumn]
  156.      color: #F1E189;
  157.      font-family: 'Montserrat', sanserif;
  158.      font-weight: bold;
  159.      font-size: 1em;
  160.      text-transform: uppercase;
  161.      box-sizing: border-box;
  162.      display: none;
  163.      position: absolute;
  164.      z-index: 1;
  165.  [/class]
  166.  
  167.  [class name=greentitlecolumn]
  168.      color: #B8DE6F;
  169.      font-family: 'Montserrat', sanserif;
  170.      font-weight: bold;
  171.      font-size: 1em;
  172.      text-transform: uppercase;
  173.      box-sizing: border-box;
  174.      display: none;
  175.      position: absolute;
  176.      z-index: 1;
  177.  [/class]
  178.  
  179.  [class name=cyantitlecolumn]
  180.      color: #01C5C4;
  181.      font-family: 'Montserrat', sanserif;
  182.      font-weight: bold;
  183.      font-size: 1em;
  184.      text-transform: uppercase;
  185.      box-sizing: border-box;
  186.      display: none;
  187.      position: absolute;
  188.      z-index: 1;
  189.  [/class]
  190.  
  191.  [class name=positioning]
  192.     display: block;
  193.     height: 100%;
  194.     width: 100%;
  195.     position: relative;
  196.  [/class]
  197.  
  198.  [class name=navbox]
  199.     width: 26px;
  200.     height: 26px;
  201.     box-sizing: border-box;
  202.     background: #FFF;
  203.     border: 1px solid #d5d5d5;
  204.     display: inline-block;
  205.     position: absolute;
  206.     left: 10px;
  207.     top: 7px;
  208.     z-index: 5;
  209.     cursor: pointer;
  210.     text-align: center;
  211.     padding: 5px;
  212.     color: #d5d5d5;
  213.     font-size: .8em;
  214.     display: none;
  215.  [/class]
  216.  
  217.  [class name=flexmain]
  218.     display: flex;
  219.     flex-flow: row wrap;
  220.     justify-content: flex-start;
  221.     align-items: flex-start;
  222.     align-content: stretch;
  223.     position: relative;
  224.     left: 0px;
  225.     z-index: 3;
  226.     pointer-events: none;
  227.     margin-bottom: -63px;
  228.     max-width: 1200px;
  229.  [/class]
  230.  
  231.  [class name=imagenav]
  232.     flex: 2 0 300px;
  233.     max-width: 400px;
  234.     position: relative;
  235.     order: 1;
  236.     box-sizing: border-box;
  237.     padding: 0px 30px 0px 46px;
  238.     position: relative;
  239.     top: -63px;
  240.  [/class]
  241.  
  242.  [class name=image]
  243.     font-size: 0px;
  244.     box-sizing: border-box;
  245.     padding: 20px;
  246.     border: 1px solid #d5d5d5;
  247.     background: #FFF;
  248.     pointer-events: none;
  249.  [/class]
  250.  
  251.  [class name=emptyspace]
  252.     height: 20px;
  253.     width: 100%;
  254.     font-size: 0px;
  255.     display: block;
  256.     background: #FE547B;
  257.  [/class]
  258.  
  259.  [class name=pinkemptyspace]
  260.     height: 20px;
  261.     width: 100%;
  262.     font-size: 0px;
  263.     display: block;
  264.     background: #FE547B;
  265.  [/class]
  266.  
  267.  [class name=orangeemptyspace]
  268.     height: 20px;
  269.     width: 100%;
  270.     font-size: 0px;
  271.     display: block;
  272.     background: #F39233;
  273.  [/class]
  274.  
  275.  [class name=yellowemptyspace]
  276.     height: 20px;
  277.     width: 100%;
  278.     font-size: 0px;
  279.     display: block;
  280.     background: #F1E189;
  281.  [/class]
  282.  
  283.  [class name=greenemptyspace]
  284.     height: 20px;
  285.     width: 100%;
  286.     font-size: 0px;
  287.     display: block;
  288.     background: #B8DE6F;
  289.  [/class]
  290.  
  291.  [class name=cyanemptyspace]
  292.     height: 20px;
  293.     width: 100%;
  294.     font-size: 0px;
  295.     display: block;
  296.     background: #01C5C4;
  297.  [/class]
  298.  
  299.  [class name=contentcol]
  300.     flex: 3 0 300px;
  301.     order: 2;
  302.     box-sizing: border-box;
  303.     padding: 75px 25px 0px 25px;
  304.     overflow: hidden;
  305.     height: 60vh;
  306.  [/class]
  307.  
  308.  [class name=scrollbox]
  309.     display: block;
  310.     width: 100%;
  311.     height: calc(100% - 75px);
  312.     padding-right: 150px;
  313.     overflow-x: visible;
  314.     overflow-y: scroll;
  315.     pointer-events: auto;
  316.  [/class]
  317.  
  318.  [class name=tabcontents]
  319.     width: 100%;
  320.     height: 100%;
  321.     display: none;
  322.     pointer-events: auto;
  323.  [/class]
  324.  
  325.  [class name=textblock]
  326.     display: block;
  327.     box-sizing: border-box;
  328.     padding-left: 40px;
  329.     width: 100%;
  330.     margin-top: -40px;
  331.  [/class]
  332.  
  333.  [class name=postbg]
  334.     display: block;
  335.     box-sizing: border-box;
  336.     padding: 20px 25px;
  337.     background: #FFF;
  338.     border: 1px solid #d5d5d5;
  339.     color: #5b5b5b;
  340.     font-family: 'Lato', sanserif;
  341.     text-align: justify;
  342.     font-size: .85em;
  343.  [/class]
  344.  
  345.  [class name=number]
  346.     display: block;
  347.     height: 50px;
  348.     width: 50px;
  349.     color: #FFF;
  350.     background: #FE547B;
  351.     text-align: center;
  352.     box-sizing: border-box;
  353.     padding-top: 5px;
  354.     font-size: 2em;
  355.     font-family: 'Montserrat', sanserif;
  356.     font-weight: bold;
  357.     position: relative;
  358.     bottom: -70px;
  359.     left: -40px;
  360.     z-index: 5;
  361.  [/class]
  362.  
  363.  [class name=subtitle]
  364.     display: block;
  365.     width: 100%;
  366.     font-size: 2.2em;
  367.     font-family: 'Montserrat', sanserif;
  368.     text-align: left;
  369.     margin-bottom: 13px;
  370.     border-bottom: 1px solid #d5d5d5;
  371.     padding-bottom: 5px;
  372.     color: #FE547B;
  373.     text-transform: lowercase;
  374.  [/class]
  375.  
  376.  [class name=pinknumber]
  377.     display: block;
  378.     height: 50px;
  379.     width: 50px;
  380.     color: #FFF;
  381.     background: #FE547B;
  382.     text-align: center;
  383.     box-sizing: border-box;
  384.     padding-top: 5px;
  385.     font-size: 2em;
  386.     font-family: 'Montserrat', sanserif;
  387.     font-weight: bold;
  388.     position: relative;
  389.     bottom: -70px;
  390.     left: -40px;
  391.     z-index: 5;
  392.  [/class]
  393.  
  394.  [class name=pinksubtitle]
  395.     display: block;
  396.     width: 100%;
  397.     font-size: 2.2em;
  398.     font-family: 'Montserrat', sanserif;
  399.     text-align: left;
  400.     margin-bottom: 13px;
  401.     border-bottom: 1px solid #d5d5d5;
  402.     padding-bottom: 5px;
  403.     color: #FE547B;
  404.     text-transform: lowercase;
  405.  [/class]
  406.  
  407.  [class name=orangenumber]
  408.     display: block;
  409.     height: 50px;
  410.     width: 50px;
  411.     color: #FFF;
  412.     background: #F39233;
  413.     text-align: center;
  414.     box-sizing: border-box;
  415.     padding-top: 5px;
  416.     font-size: 2em;
  417.     font-family: 'Montserrat', sanserif;
  418.     font-weight: bold;
  419.     position: relative;
  420.     bottom: -70px;
  421.     left: -40px;
  422.     z-index: 5;
  423.  [/class]
  424.  
  425.  [class name=orangesubtitle]
  426.     display: block;
  427.     width: 100%;
  428.     font-size: 2.2em;
  429.     font-family: 'Montserrat', sanserif;
  430.     text-align: left;
  431.     margin-bottom: 13px;
  432.     border-bottom: 1px solid #d5d5d5;
  433.     padding-bottom: 5px;
  434.     color: #F39233;
  435.     text-transform: lowercase;
  436.  [/class]
  437.  
  438.  [class name=yellownumber]
  439.     display: block;
  440.     height: 50px;
  441.     width: 50px;
  442.     color: #FFF;
  443.     background: #F1E189;
  444.     text-align: center;
  445.     box-sizing: border-box;
  446.     padding-top: 5px;
  447.     font-size: 2em;
  448.     font-family: 'Montserrat', sanserif;
  449.     font-weight: bold;
  450.     position: relative;
  451.     bottom: -70px;
  452.     left: -40px;
  453.     z-index: 5;
  454.  [/class]
  455.  
  456.  [class name=yellowsubtitle]
  457.     display: block;
  458.     width: 100%;
  459.     font-size: 2.2em;
  460.     font-family: 'Montserrat', sanserif;
  461.     text-align: left;
  462.     margin-bottom: 13px;
  463.     border-bottom: 1px solid #d5d5d5;
  464.     padding-bottom: 5px;
  465.     color: #F1E189;
  466.     text-transform: lowercase;
  467.  [/class]
  468.  
  469.  [class name=greennumber]
  470.     display: block;
  471.     height: 50px;
  472.     width: 50px;
  473.     color: #FFF;
  474.     background: #B8DE6F;
  475.     text-align: center;
  476.     box-sizing: border-box;
  477.     padding-top: 5px;
  478.     font-size: 2em;
  479.     font-family: 'Montserrat', sanserif;
  480.     font-weight: bold;
  481.     position: relative;
  482.     bottom: -70px;
  483.     left: -40px;
  484.     z-index: 5;
  485.  [/class]
  486.  
  487.  [class name=greensubtitle]
  488.     display: block;
  489.     width: 100%;
  490.     font-size: 2.2em;
  491.     font-family: 'Montserrat', sanserif;
  492.     text-align: left;
  493.     margin-bottom: 13px;
  494.     border-bottom: 1px solid #d5d5d5;
  495.     padding-bottom: 5px;
  496.     color: #B8DE6F;
  497.     text-transform: lowercase;
  498.  [/class]
  499.  
  500.  [class name=cyannumber]
  501.     display: block;
  502.     height: 50px;
  503.     width: 50px;
  504.     color: #FFF;
  505.     background: #01C5C4;
  506.     text-align: center;
  507.     box-sizing: border-box;
  508.     padding-top: 5px;
  509.     font-size: 2em;
  510.     font-family: 'Montserrat', sanserif;
  511.     font-weight: bold;
  512.     position: relative;
  513.     bottom: -70px;
  514.     left: -40px;
  515.     z-index: 5;
  516.  [/class]
  517.  
  518.  [class name=cyansubtitle]
  519.     display: block;
  520.     width: 100%;
  521.     font-size: 2.2em;
  522.     font-family: 'Montserrat', sanserif;
  523.     text-align: left;
  524.     margin-bottom: 13px;
  525.     border-bottom: 1px solid #d5d5d5;
  526.     padding-bottom: 5px;
  527.     color: #01C5C4;
  528.     text-transform: lowercase;
  529.  [/class]
  530.  
  531.  [class name=smalltext]
  532.     font-size: 0.35em;
  533.     color: #d5d5d5;
  534.     display: block;
  535.     margin-top: -5px;
  536.     text-transform: uppercase;
  537.  [/class]
  538.  
  539.  [class name=empty]
  540.     font-size: 0px;
  541.     height: 15px;
  542.     display: block;
  543.  [/class]
  544.  
  545.  
  546.  
  547.  [script class=pinktab on=mouseenter]
  548.     fadeIn 400 pinktitlecolumn
  549.     fadeIn 400 navboxpink
  550.  [/script]
  551.  [script class=pinktab on=click]
  552.     hide tabcontents
  553.     removeClass orangesubtitle subtitle
  554.     removeClass orangenumber number
  555.     removeClass orangeemptyspace emptyspace
  556.     removeClass yellowsubtitle subtitle
  557.     removeClass yellownumber number
  558.     removeClass yellowemptyspace emptyspace
  559.     removeClass greensubtitle subtitle
  560.     removeClass greennumber number
  561.     removeClass greenemptyspace emptyspace
  562.     removeClass cyansubtitle subtitle
  563.     removeClass cyannumber number
  564.     removeClass cyanemptyspace emptyspace
  565.     show tabcontentspink
  566.     addClass pinksubtitle subtitle
  567.     addClass pinknumber number
  568.     addClass pinkemptyspace emptyspace
  569.  [/script]
  570.  [script class=pinktab on=mouseleave]
  571.     fadeOut 400 pinktitlecolumn
  572.     fadeOut 400 navboxpink
  573.  [/script]
  574.  
  575.  [script class=orangetab on=mouseenter]
  576.     fadeIn 400 orangetitlecolumn
  577.     fadeIn 400 navboxorange
  578.  [/script]
  579.  [script class=orangetab on=click]
  580.     hide tabcontents
  581.     removeClass pinksubtitle subtitle
  582.     removeClass pinknumber number
  583.     removeClass pinkemptyspace emptyspace
  584.     removeClass yellowsubtitle subtitle
  585.     removeClass yellownumber number
  586.     removeClass yellowemptyspace emptyspace
  587.     removeClass greensubtitle subtitle
  588.     removeClass greennumber number
  589.     removeClass greenemptyspace emptyspace
  590.     removeClass cyansubtitle subtitle
  591.     removeClass cyannumber number
  592.     removeClass cyanemptyspace emptyspace
  593.     show tabcontentsorange
  594.     addClass orangesubtitle subtitle
  595.     addClass orangenumber number
  596.     addClass orangeemptyspace emptyspace
  597.  [/script]
  598.  [script class=orangetab on=mouseleave]
  599.     fadeOut 400 orangetitlecolumn
  600.     fadeOut 400 navboxorange
  601.  [/script]
  602.  
  603.  [script class=yellowtab on=mouseenter]
  604.     fadeIn 400 yellowtitlecolumn
  605.     fadeIn 400 navboxyellow
  606.  [/script]
  607.  [script class=yellowtab on=click]
  608.     hide tabcontents
  609.     removeClass pinksubtitle subtitle
  610.     removeClass pinknumber number
  611.     removeClass pinkemptyspace emptyspace
  612.     removeClass orangesubtitle subtitle
  613.     removeClass orangenumber number
  614.     removeClass orangeemptyspace emptyspace
  615.     removeClass greensubtitle subtitle
  616.     removeClass greennumber number
  617.     removeClass greenemptyspace emptyspace
  618.     removeClass cyansubtitle subtitle
  619.     removeClass cyannumber number
  620.     removeClass cyanemptyspace emptyspace
  621.     show tabcontentsyellow
  622.     addClass yellowsubtitle subtitle
  623.     addClass yellownumber number
  624.     addClass yellowemptyspace emptyspace
  625.  [/script]
  626.  [script class=yellowtab on=mouseleave]
  627.     fadeOut 400 yellowtitlecolumn
  628.     fadeOut 400 navboxyellow
  629.  [/script]
  630.  
  631.  [script class=greentab on=mouseenter]
  632.     fadeIn 400 greentitlecolumn
  633.     fadeIn 400 navboxgreen
  634.  [/script]
  635.  [script class=greentab on=click]
  636.     hide tabcontents
  637.     removeClass pinksubtitle subtitle
  638.     removeClass pinknumber number
  639.     removeClass pinkemptyspace emptyspace
  640.     removeClass orangesubtitle subtitle
  641.     removeClass orangenumber number
  642.     removeClass orangeemptyspace emptyspace
  643.     removeClass yellowsubtitle subtitle
  644.     removeClass yellownumber number
  645.     removeClass yellowemptyspace emptyspace
  646.     removeClass cyansubtitle subtitle
  647.     removeClass cyannumber number
  648.     removeClass cyanemptyspace emptyspace
  649.     show tabcontentsgreen
  650.     addClass greensubtitle subtitle
  651.     addClass greennumber number
  652.     addClass greenemptyspace emptyspace
  653.  [/script]
  654.  [script class=greentab on=mouseleave]
  655.     fadeOut 400 greentitlecolumn
  656.     fadeOut 400 navboxgreen
  657.  [/script]
  658.  
  659.  [script class=cyantab on=mouseenter]
  660.     fadeIn 400 cyantitlecolumn
  661.     fadeIn 400 navboxcyan
  662.  [/script]
  663.  [script class=cyantab on=click]
  664.     hide tabcontents
  665.     removeClass pinksubtitle subtitle
  666.     removeClass pinknumber number
  667.     removeClass pinkemptyspace emptyspace
  668.     removeClass orangesubtitle subtitle
  669.     removeClass orangenumber number
  670.     removeClass orangeemptyspace emptyspace
  671.     removeClass yellowsubtitle subtitle
  672.     removeClass yellownumber number
  673.     removeClass yellowemptyspace emptyspace
  674.     removeClass greensubtitle subtitle
  675.     removeClass greennumber number
  676.     removeClass greenemptyspace emptyspace
  677.     show tabcontentscyan
  678.     addClass cyansubtitle subtitle
  679.     addClass cyannumber number
  680.     addClass cyanemptyspace emptyspace
  681.  [/script]
  682.  [script class=cyantab on=mouseleave]
  683.     fadeOut 400 cyantitlecolumn
  684.     fadeOut 400 navboxcyan
  685.  [/script]
  686.  
  687.  
  688.  
  689.  
  690.     [div="display: none;"][font=Montserrat]font call[/font][font=Lato]font call[/font][/div]
  691.     [div class=body]
  692.     [div class=navbar]
  693.         [div class=navcolumn]
  694.             [div class=positioning][div class="navbox navboxpink"][fa]fa-home[/fa][/div][div class="navbox navboxorange"][fa]fa-user[/fa][/div][div class="navbox navboxyellow"][fa]fa-file-alt[/fa][/div][div class="navbox navboxgreen"][fa]fa-question[/fa][/div][div class="navbox navboxcyan"][fa]fa-users[/fa][/div][/div]
  695.             [div class=pinktab]pinktab[/div]
  696.             [div class=orangetab]orangetab[/div]
  697.             [div class=yellowtab]yellowtab[/div]
  698.             [div class=greentab]greentab[/div]
  699.             [div class=cyantab]cyantab[/div]
  700.         [/div]
  701.         [div class=titlecolumn][div class=positioning][div class=pinktitlecolumn]RUNAROUND[/div][div class=orangetitlecolumn]RUNAROUND[/div][div class=yellowtitlecolumn]RUNAROUND[/div][div class=greentitlecolumn]RUNAROUND[/div][div class=cyantitlecolumn]RUNAROUND[/div][/div]RUNAROUND[/div]
  702.     [/div]
  703.     [div class=flexmain]
  704.         [div class=imagenav]
  705.             [div class=image]
  706.                 [img]https://i.imgur.com/iAOY6D5.jpg[/img]
  707.             [/div]
  708.             [div class=emptyspace]@sugarvine[/div]
  709.         [/div]
  710.         [div class=contentcol]
  711.         [div class=scrollbox]
  712.             [div class="tabcontents tabcontentspink" style="display: block;"]
  713.                 [div class=textblock]
  714.                     [div class=number]01[/div]
  715.                     [div class=postbg]
  716.                         [div class=subtitle][b]basic information[/b]
  717.                             [div class=smalltext]LYRICS[/div]
  718.                         [/div]
  719.                             [indent]▎  FULL NAME[br][/br]
  720.                             ▎ AGE (##)[br][/br]
  721.                             ▎ GENDER[/indent]
  722.                     [/div]
  723.                 [/div]
  724.                 [div class=textblock]
  725.                     [div class=number]02[/div]
  726.                     [div class=postbg]
  727.                         [div class=subtitle][b]appearance[/b]
  728.                             [div class=smalltext]lyrics lyrics[/div]
  729.                         [/div]
  730.                             physical description here, inclusive of things like manners, demeanor, fashion sense, etc.
  731.                     [/div]
  732.                 [/div]
  733.                 [div class=empty]@sugarvine[/div]
  734.             [/div]
  735.             [div class="tabcontents tabcontentsorange"]
  736.                 [div class=textblock]
  737.                     [div class=number]03[/div]
  738.                     [div class=postbg]
  739.                         [div class=subtitle][b]personality[/b]
  740.                             [div class=smalltext]lyrics lyrics lyrics[/div]
  741.                         [/div]
  742.                             Vivamus nulla velit, vestibulum vel risus ut, lacinia fringilla tellus. Nulla dignissim, turpis non imperdiet hendrerit, ante justo auctor est, sodales ornare sapien nunc nec libero. Proin tellus quam, molestie ac convallis eu, ullamcorper a ipsum. Vestibulum imperdiet placerat sodales. Suspendisse faucibus iaculis elit, eget finibus orci ultrices ut. Curabitur id tortor diam. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed ex tempor, aliquet tortor pulvinar, molestie libero. Donec a lacus sed orci pulvinar scelerisque. Aliquam vel orci elit.
  743. [br][/br][br][/br]
  744. Nulla facilisi. Sed at pellentesque neque, sit amet dictum felis. Morbi commodo auctor ante eget condimentum. Curabitur ac est vitae nulla hendrerit vulputate. In vitae tempus diam. Nunc a risus ac orci tristique dictum a in risus. Pellentesque sagittis tellus turpis, ac sollicitudin erat dapibus accumsan. Suspendisse non ornare sapien. Vestibulum non vehicula lectus. Cras condimentum euismod massa, ac eleifend eros porta scelerisque. Aliquam cursus euismod augue, non finibus arcu facilisis vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin auctor nulla mi, sit amet maximus lorem ornare eget. Fusce non leo ultricies lorem interdum eleifend vel vel leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam nec aliquam nunc, vel lobortis odio.
  745.                     [/div]
  746.                 [/div]
  747.                 [div class=textblock]
  748.                     [div class=number]04[/div]
  749.                     [div class=postbg]
  750.                         [div class=subtitle][b]preferences[/b]
  751.                             [div class=smalltext]lyrics lyrics lyrics[/div]
  752.                         [/div]
  753.                         qjkehkeh
  754.                     [/div]
  755.                 [/div]
  756.                 [div class=empty]@sugarvine[/div]
  757.             [/div]
  758.             [div class="tabcontents tabcontentsyellow"]
  759.                 [div class=textblock]
  760.                     [div class=number]05[/div]
  761.                     [div class=postbg]
  762.                         [div class=subtitle][b]history[/b]
  763.                             [div class=smalltext]lyrics lyrics[/div]
  764.                         [/div]
  765.                         Aliquam erat volutpat. Proin fermentum venenatis lacus, et faucibus enim auctor vel. Suspendisse non nunc eget urna tincidunt volutpat. Cras ac metus quis elit interdum luctus in quis nulla. Quisque neque elit, aliquam quis lacus nec, auctor viverra libero. Phasellus iaculis a enim quis blandit. In consequat mauris sagittis bibendum congue. Quisque et sagittis eros. Integer odio diam, vestibulum et auctor ut, mattis ut felis. Suspendisse ullamcorper faucibus nisl, feugiat dignissim tortor varius id.
  766. [br][/br][br][/br]
  767. Mauris pretium dui in dolor pretium vestibulum. Nulla rhoncus diam quis diam lacinia, in pellentesque elit blandit. Curabitur in tincidunt tellus. Suspendisse vitae lectus vel neque egestas blandit at et magna. Morbi eget ornare nulla. Mauris justo purus, maximus et arcu a, rhoncus mattis lacus. Praesent pellentesque, nibh nec convallis ultrices, nisi sem iaculis risus, et aliquet leo metus sed nibh. Duis sit amet felis quam. Cras faucibus dolor enim, eu dapibus dolor dignissim eget. Nam venenatis rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Proin vel nulla congue, tristique metus pharetra, posuere mi. Proin eget interdum odio, eu finibus est.
  768.                     [/div]
  769.                 [/div]
  770.                 [div class=empty]@sugarvine[/div]
  771.             [/div]
  772.             [div class="tabcontents tabcontentsgreen"]
  773.                 [div class=textblock]
  774.                     [div class=number]06[/div]
  775.                     [div class=postbg]
  776.                         [div class=subtitle][b]miscellaneous[/b]
  777.                             [div class=smalltext]lyrics lyrics[/div]
  778.                         [/div]
  779.                         qeqee
  780.                     [/div]
  781.                 [/div]
  782.             [/div]
  783.             [div class="tabcontents tabcontentscyan"]
  784.                 [div class=textblock]
  785.                     [div class=number]01[/div]
  786.                     [div class=postbg]
  787.                         [div class=subtitle][b]name here[/b]
  788.                             [div class=smalltext]THE IDIOT THAT KEEPS ON GIVING[/div]
  789.                         [/div]
  790.                         insert relationship description here
  791.                     [/div]
  792.                 [/div]
  793.                 [div class=textblock]
  794.                     [div class=number]02[/div]
  795.                     [div class=postbg]
  796.                         [div class=subtitle][b]name here[/b]
  797.                             [div class=smalltext]THE ASSHAT THAT LIKES CATS[/div]
  798.                         [/div]
  799.                         insert relationship description here
  800.                     [/div]
  801.                 [/div]
  802.                 [div class=textblock]
  803.                     [div class=number]03[/div]
  804.                     [div class=postbg]
  805.                         [div class=subtitle][b]name here[/b]
  806.                             [div class=smalltext]THE PRICK THAT NEEDS A REALITY CHECK[/div]
  807.                         [/div]
  808.                         insert relationship description here
  809.                     [/div]
  810.                 [/div]
  811.                 [div class=empty]@sugarvine[/div]
  812.             [/div]
  813.         [/div]
  814.         [/div]
  815.     [/div]
  816.  [/div]
  817.  
  818. [/nobr]
RAW Paste Data
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
 
Top