API tools faq
paste
laeverdeens

RP Navigation

laeverdeens
Jul 4th, 2013
3,640
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.05 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2. <script type="text/javascript" src="http://static.tumblr.com/tgxbn8z/OASmilwkz/stepcarousel.js">
  3.  
  4.  
  5. /***********************************************
  6. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  7. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  8. * This notice must stay intact for legal use
  9. ***********************************************/
  10. </script>
  11. <style type="text/css">
  12.  
  13. body { background-color: #f5f5f5; }
  14.  
  15.  
  16.  
  17. .stepcarousel{
  18. position: relative;
  19. right: 0px;
  20. border: 0px;
  21. overflow: scroll;
  22. width:650px;
  23. height: 420px; }
  24.  
  25. .stepcarousel .belt{
  26. position: absolute;
  27. left:0;
  28. top: 0; }
  29.  
  30. .stepcarousel .panel{
  31. float: left;
  32. overflow: hidden;
  33. margin: 0px;
  34. width: 650px; }
  35.  
  36. .credit {right: 1px;bottom: 5px;text-transform: uppercase; position: fixed; font-size: 8px; right: 7px;}
  37.  
  38.  
  39. .rules { font-family: oswald; font-size: 29px; color:#D76159; text-transform: uppercase; line-height: 20%; }
  40.  
  41. .rulest { font-family: oswald; font-size: 13px; color:#D76159; text-transform: uppercase; line-height: 50%; margin-left: 3px; }
  42.  
  43. a:link, a:visited, a:active { text-decoration: none; color: #242424; }
  44.  
  45. .atitle { font-family: oswald; font-size: 13px; color:#D76159; text-transform: uppercase; line-height: 50%; margin-left: 3px; }
  46.  
  47. </style>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <script type="text/javascript">
  60.  
  61.  
  62. stepcarousel.setup({
  63. galleryid: 'mygallery', //id of carousel DIV
  64. beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
  65. panelclass: 'panel', //class of panel DIVs each holding content
  66. autostep: {enable:false, moveby:1, pause:3000},
  67. panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
  68. defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://i.imgur.com/0DLFhqG.png', 35, 212], rightnav: ['http://i.imgur.com/3PvWRZZ.png', -50, 212]},
  69. statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  70. contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  71. })
  72.  
  73. </script>
  74.  
  75. <link rel="SHORTCUT ICON" href="http://i41.tinypic.com/2zid3wl.png">
  76.  
  77. <script type='text/javascript' src='http://files.b1.jcink.com/html/jquery-1.7.2.min.js'></script>
  78. <script type='text/javascript' src='http://files.b1.jcink.com/html/catcollapse.js'></script>
  79.  
  80. <script type="text/javascript">
  81. //<![CDATA[
  82. /*
  83. * Individually customizable Maintitle Classes
  84. * v0.1.121 Created by Laiam.
  85. */
  86. $(document).ready(function(){
  87. $('.maintitle').each(function(a){
  88. $(this).addClass('mt_'+a);
  89. });
  90. });
  91. //]]>
  92. </script>
  93.  
  94.  
  95.  
  96.  
  97.  
  98. <div style="width:810px; margin:-20px 0px 0px 200px;
  99. padding: 5px;">
  100. <div style="height: 50px;"></div>
  101. <center>
  102. <!--*******************BEGIN CAROUSEL********************-->
  103.  
  104.  
  105. <div style="width: 650px; height: 420px;">
  106.  
  107. <div id="carouselwrap">
  108.  
  109. <div id="mygallery" class="stepcarousel">
  110. <div class="belt">
  111.  
  112.  
  113. <!--******************INFO PANEL*********************-->
  114.  
  115. <div class="panel">
  116.  
  117.  
  118. <div style="width: 650px; height: 420px; background-image: url(***********650 by 420*************);">
  119.  
  120. <div style="height: 120px;"></div><div style="margin-left: -110px; margin-top: -50px;">
  121.  
  122.  
  123. <p>
  124. <div style="background-color: #ffffff; padding: 10px; width: 245px; font-family: lekton; text-transform: uppercase; font-size: 9px; color: #242424; text-align: center;">WELCOME TO -ROLEPLAY-!!! CLICK THE ARROWS TO GO TO RULES, LINKS AND THE APPLICATION!(i'd suggest keeping that about clicking the arrows) </div>
  125.  
  126. <div style="height: 5px;"></div>
  127. <div style="background-color: #ffffff; padding: 10px; width: 245px;"><div style="width: 245px; height: 150px; background-image:url(***245 by 150***********);"></div></div>
  128. <div style="height: 5px;"></div>
  129.  
  130. </div>
  131.  
  132.  
  133.  
  134. </div>
  135.  
  136.  
  137. </div>
  138.  
  139.  
  140. <!--******************RULES PANEL*********************-->
  141.  
  142. <div class="panel">
  143.  
  144. <div style="width: 650px; height: 420px; background-image: url(***********650 by 420*************);">
  145.  
  146. <div style="height: 40px;"></div><div style="margin-left: 0px; width: 400px; padding: 20px; background-color: #ffffff; font-family: calibri; font-size: 11px; text-align: justify; padding-top: 30px; height: 270px; overflow: auto; border: 5px solid #fff;"><span class="rules">THE RULES</span>
  147.  
  148. <p><span class="rulest"> Activity. </span> Squid Neutra laboris esse, ethnic iPhone asymmetrical tote bag vegan. Master cleanse hoodie Williamsburg bitters. Dolor try-hard fashion axe vero iPhone, whatever sustainable deserunt anim Tonx accusamus flexitarian reprehenderit. Small batch mumblecore nostrud consectetur bicycle rights.
  149.  
  150. <p><span class="rulest"> Drama. </span> Wolf gentrify banjo semiotics. You probably haven't heard of them blog photo booth actually mollit, ut four loko. Single-origin coffee plaid organic adipisicing kale chips. Cornhole sed laboris culpa, roof party do fap four loko occupy master cleanse twee.
  151.  
  152.  
  153. <p><span class="rulest"> Title. </span> Direct trade aesthetic viral retro id, nesciunt hella. Selfies occaecat tattooed readymade, jean shorts est laborum. Nulla trust fund nesciunt you probably haven't heard of them fanny pack, non dreamcatcher banh mi occupy master cleanse. Odd Future 8-bit street art, Brooklyn High Life shabby chic nulla lo-fi you probably haven't heard of them esse ethnic.
  154.  
  155.  
  156. <p><span class="rulest"> Another one. </span> Art party laboris High Life, Cosby sweater flannel tumblr selfies Terry Richardson food truck organic photo booth cornhole non. Wolf gentrify banjo semiotics. You probably haven't heard of them blog photo booth actually mollit, ut four loko.
  157.  
  158.  
  159. <p><span class="rulest"> Lots of rules. </span> Vegan pork belly sartorial brunch cliche adipisicing velit. Post-ironic deep v wayfarers direct trade, quinoa chillwave aesthetic irure american apparel exercitation mixtape twee retro keffiyeh aliquip. Echo Park quinoa Tonx gentrify skateboard tempor.
  160.  
  161.  
  162. </div>
  163. </div>
  164.  
  165. </div>
  166.  
  167. <!--******************LINKS PANEL*********************-->
  168.  
  169. <div class="panel">
  170.  
  171. <div style="width: 650px; height: 420px; background-image: url(***********650 by 420*************);">
  172.  
  173. <div style="margin-left: -20px;">
  174. <table cellspacing="35" cellpadding="0">
  175. <td>
  176.  
  177. <div style="text-align: left; font-family: oswald; color:#D9D78C; font-size: 35px; text-transform: uppercase; background-color: #fff; padding: 3px;">BEFORE APPLYING</div><br>
  178.  
  179. <a href="/plot"><span style="padding: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; text-transform: uppercase; line-height: 100%;">THE PLOT</span></a>
  180.  
  181. <a href="/rules"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%;">THE RULES</span></a><p>
  182.  
  183. <a href="/taken"><span style="padding: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; text-transform: uppercase; line-height: 100%;">TAKEN FCS</span></a>
  184.  
  185.  
  186. <a href="/characters"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%;">CHARACTERS</span></a>
  187.  
  188. <p>
  189.  
  190. <a href="/ac"><span style="padding: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; text-transform: uppercase; line-height: 100%;">APP COUNT</span></a>
  191.  
  192. <a href="/submit"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%; ">SUBMIT</span></a>
  193.  
  194.  
  195. <p><br>
  196.  
  197.  
  198.  
  199. <div style="text-align: left; font-family: oswald; color:#D9D78C; font-size: 35px; text-transform: uppercase; background-color: #fff; padding: 3px;">AFTER APPLYING</div><br>
  200.  
  201. <a href="/blogroll"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; padding-top: 1px; padding-bottom: 1px; font-size: 9px; text-transform: uppercase; line-height: 100%;">FOLLOW</span></a>
  202.  
  203. <a href="/events"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%;">EVENTS</span></a><p>
  204.  
  205. <a href="/couples"><span style="padding: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; text-transform: uppercase; line-height: 100%;">COUPLES</span></a>
  206.  
  207.  
  208. <a href="/updates"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%;">UPDATES</span></a>
  209.  
  210. <p>
  211.  
  212. <a href="/extra"><span style="padding: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; text-transform: uppercase; line-height: 100%;">EXTRA INFO</span></a>
  213.  
  214. <a href="/admins"><span style="padding: 4px; background-color: #ffffff; color: #242424; font-family: lekton; font-size: 9px; float: right; text-transform: uppercase; line-height: 100%;">MEET ADMINS</span></a>
  215. <p>&nbsp;<p>
  216. </td>
  217.  
  218. <td>
  219.  
  220. <div style="background-color: #ffffff; padding: 10px; width: 180px; font-family: lekton; text-transform: uppercase; font-size: 9px; color: #242424; text-align: center;">WELCOME TO ROLEPLAY!!! CONTINUE ON FOR THE APPLICATION!!</div>
  221. <div style="height: 5px;"></div>
  222. <div style="background-color: #ffffff; padding: 10px; width: 180px;"><div style="width: 180px; height: 150px; background-image:url(*******************************180 by 150 IMAGE HERE******************); background-position: right center;"></div></div>
  223.  
  224.  
  225. </td></table></div>
  226.  
  227. </div>
  228.  
  229. </div>
  230.  
  231.  
  232. <!--******************APP PANEL*********************-->
  233.  
  234. <div class="panel">
  235.  
  236. <div style="width: 650px; height: 420px; background-image: url(***********650 by 420*************);">
  237.  
  238.  
  239. <div style="height: 40px;"></div><div style="margin-left: 0px; width: 400px; padding: 20px; background-color: #ffffff; font-family: calibri; font-size: 11px; text-align: justify; padding-top: 30px; height: 270px; overflow: auto; border: 5px solid #fff;"><span class="rules">THE APPLICATION</span>
  240.  
  241. <p><span class="atitle">INTRODUCE </span>
  242.  
  243. Squid Neutra laboris esse, ethnic iPhone asymmetrical tote bag vegan. Master cleanse hoodie Williamsburg bitters.
  244.  
  245. <p><span class="atitle">ACTIVITY </span>
  246.  
  247. Art party laboris High Life, Cosby sweater flannel tumblr selfies Terry Richardson food truck organic photo booth cornhole non.
  248.  
  249. <p><span class="atitle">TITLE HERE </span>
  250.  
  251. Cornhole sed laboris culpa, roof party do fap four loko occupy master cleanse twee.
  252.  
  253. <p><span class="atitle">ANOTHER </span>
  254.  
  255. Just copy and paste this in the HTML for more!
  256.  
  257.  
  258.  
  259. </div>
  260.  
  261.  
  262. </div>
  263.  
  264. </div>
  265.  
  266. </div>
  267.  
  268. <!--*******************END PANELS*********************-->
  269.  
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274.  
  275.  
  276. <!--*******************END CAROUSEL*********************-->
  277. </center>
  278. <div class="credit" style="font-family: calibri; font-size: 8px;"><a href="http://hermajestyhelps.tumblr.com/">HERMAJESTYHELPS</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!