API tools faq
paste
666rps

Bermuda Triangle - character page

666rps
Dec 15th, 2016
1,000
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.         BERMUDA TRIANGLE
  7.         a character page by 666rps
  8.  
  9.         THANK YOU TO:
  10.  
  11.         - @neonbikethemes for the tabs base code/script
  12.         - @htmlqueens for the tooltip base code/script
  13.  
  14.         RULES:
  15.  
  16.         - do not use as a base.
  17.             other than the above credits,
  18.             this was coded entirely by @666rps.
  19.         - do not move or alter the credit.
  20.         - do not steal code.
  21.         - like and/or reblog the post.
  22.  
  23. -->
  24.  
  25. <head>
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700|Raleway:700,700i,900,900i" rel="stylesheet">
  31. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  32.  
  33. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:200,
  42. tip_fade_speed:300
  43. });
  44. });
  45. })(jQuery);
  46. </script>
  47.  
  48. <style type="text/css">
  49.  
  50. /*
  51.  
  52. To customize the accent color, command + F #666 and replace with the hex code of your choice.
  53.  
  54. Check the gray comments that look like this in the code for customization options.
  55.  
  56. Replace anything [in brackets] with your muse information.
  57.  
  58. If you need anymore help customizing, contact @666rps.
  59.  
  60. */
  61.  
  62. #s-m-t-tooltip {
  63.     max-width: 300px;
  64.     background-color: #666;
  65.     color: #fff;
  66.     border-radius: 4px;
  67.     -webkit-border-radius: 4px;
  68.     -moz-border-radius: 4px;
  69.     z-index: 999999;
  70.     margin: 10px 7px -2px 10px;
  71.     font-size: 9px;
  72.     padding: 2px 5px;
  73.     font-weight: 700;
  74.     letter-spacing: 1px;
  75.     font-family: 'Raleway', calibri, sans-serif;
  76.     text-transform: uppercase;
  77.     text-align: center;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81.     width: 11px;
  82.     height: 11px;
  83.     background: #fff;
  84. }
  85. ::-webkit-scrollbar-thumb {
  86.     background: #666;
  87. }
  88. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  89.     border: 5px solid #fff;
  90. }
  91. ::-webkit-scrollbar-corner {
  92.     background-color: transparent;    
  93. }
  94.  
  95. .tmblr-iframe, #tumblr_controls {
  96.     position: fixed;
  97.     z-index: 999999999999;
  98.     opacity: 0.5;
  99.     -webkit-filter: invert(100%);
  100.     filter: invert(100%);
  101. }
  102.  
  103. body {
  104.     background: #ecebed;
  105.     font-family: 'Arimo', calibri, sans-serif;
  106.     font-size: 12px;
  107.     margin: 0;
  108.     line-height: 15px;
  109.     -webkit-font-smoothing: antialiased;
  110.     font-smoothing: antialiased;
  111.     overflow-x: hidden;
  112.     color: #555454;
  113. }
  114.  
  115. b, strong, i, em, u, s, strike {
  116.     color: #666;
  117. }
  118.  
  119. b, strong {
  120.     text-transform: uppercase;
  121.     font-family: 'Raleway', helvetica, sans-serif;
  122.     font-weight: 700;
  123. }
  124.  
  125. i, em, s, strike {
  126.     letter-spacing: 1px;
  127. }
  128.  
  129. a {
  130.     text-decoration: none;
  131.     -webkit-transition: all 0.5s ease;
  132.     -moz-transition: all 0.5s ease;
  133.     -ms-transition: all 0.5s ease;
  134.     -o-transition: all 0.5s ease;
  135.     transition: all 0.5s ease;
  136. }
  137.  
  138. a:hover {
  139.     text-decoration: none;
  140.     -webkit-transition: all 0.5s ease;
  141.     -moz-transition: all 0.5s ease;
  142.     -ms-transition: all 0.5s ease;
  143.     -o-transition: all 0.5s ease;
  144.     transition: all 0.5s ease;
  145. }
  146.  
  147. header {
  148.     position: relative;
  149.     font-size: 54px;
  150.     text-align: center;
  151.     color: #666;
  152.     line-height: 100%;
  153.     font-family: 'Raleway', helvetica, sans-serif;
  154.     font-weight: 900;
  155.     bottom: -50px;
  156.     text-shadow: 3px 3px 0px #aaa;
  157.     text-transform: uppercase;
  158.     letter-spacing: -1px;
  159. }
  160.  
  161. .nav {
  162.     font-family: 'Raleway', helvetica, sans-serif;
  163.     text-align: center;
  164.     width: 400px;
  165.     text-transform: uppercase;
  166.     margin: 0 auto;
  167.     bottom: -50px;
  168.     position: relative;
  169. }
  170.  
  171. .nav a {
  172.     padding: 0 8px;
  173.     color: #888;
  174.     -webkit-transition: all 0.5s ease;
  175.     -moz-transition: all 0.5s ease;
  176.     -ms-transition: all 0.5s ease;
  177.     -o-transition: all 0.5s ease;
  178.     transition: all 0.5s ease;  
  179.     font-weight: 700;
  180. }
  181.  
  182. .nav a:hover {
  183.     letter-spacing: 1px;
  184.     color: #d5d8df;
  185.     -webkit-transition: all 0.5s ease;
  186.     -moz-transition: all 0.5s ease;
  187.     -ms-transition: all 0.5s ease;
  188.     -o-transition: all 0.5s ease;
  189.     transition: all 0.5s ease;  
  190. }
  191.  
  192. #container {
  193.     position: relative;
  194.     height: 500px;
  195.     width: 450px;
  196.     top: 25em;
  197.     left: 50%;
  198.     margin-top: -220px;
  199.     margin-left: -220px;
  200.     background: url('') #fff;
  201.     -webkit-border-radius: 25px;
  202.     -moz-border-radius: 25px;
  203.     border-radius: 25px;
  204.     box-shadow: 3px 3px 0px #ccc;
  205. }
  206.  
  207. .tab-nav {
  208.     position: relative;
  209.     top: 6em;
  210.     text-align: center;
  211.     padding: 0;
  212. }
  213.  
  214. .tab-nav li {
  215.     display: inline-block;
  216.     list-style: none;
  217. }
  218.  
  219. .tab-nav li a {
  220.     display: inline-block;
  221.     width: 12px;
  222.     height: 12px;
  223.     margin: 0 7px;
  224.     -webkit-border-radius: 100%;
  225.     -moz-border-radius: 100%;
  226.     border-radius: 100%;
  227.     border: 2px solid #fff;
  228.     background: #666;
  229. }
  230.  
  231. li.active a, li a:hover {
  232.     background: #fff;
  233.     border: 2px solid #666;
  234. }
  235.  
  236. .tab {
  237.     display: none;
  238.     background: url('') #fff;
  239.     -webkit-border-radius: 25px;
  240.     -moz-border-radius: 25px;
  241.     border-radius: 25px;
  242.     width: 430px;
  243.     height: 470px;
  244.     padding: 10px;
  245.     position: absolute;
  246. }
  247.  
  248. .tab.active {
  249.     display: block;
  250. }
  251.  
  252. h1 {
  253.     background: url('') #666;
  254.     padding: 15px;
  255.     margin: 0 0 8px;
  256.     text-align: center;
  257.     font-weight: 900;
  258.     letter-spacing: 1px;
  259.     font-size: 32px;
  260.     font-family: 'Raleway', helvetica, sans-serif;
  261.     text-transform: uppercase;
  262.     color: #fff;
  263.     -webkit-border-radius: 15px 15px 0 0;
  264.     -moz-border-radius: 15px 15px 0 0;
  265.     border-radius: 15px 15px 0 0;
  266. }
  267.  
  268. img.profile {
  269.     width: 75px;
  270.     height: 75px;
  271.     padding: 8px;
  272.     border: 2px solid #666;
  273. }
  274.  
  275. .left {
  276.     float: left;
  277. }
  278.  
  279. .right {
  280.     float: right;
  281. }
  282.  
  283. .more {
  284.     margin-top: 7px;
  285. }
  286.  
  287. .stats {
  288.     margin-left: 100px;
  289.     height: 80px;
  290.     padding: 5px;
  291.     width: 320px;
  292.     overflow: auto;
  293.     line-height: 200%;
  294. }
  295.  
  296. .stats b {
  297.     padding: 3px;
  298.     background: #666;
  299.     color: #fff;
  300.     margin-right: 3px;
  301.     font-family: 'Raleway', helvetica, sans-serif;
  302.     font-weight: 700;
  303.     font-size: 10px;
  304. }
  305.  
  306. .clear {
  307.     clear: both;
  308. }
  309.  
  310. .bar {
  311.     height: 15px;
  312.     margin-top: 8px;
  313.     background: #666;
  314. }
  315.  
  316. .bar.two {
  317.     margin-top: 5px;
  318. }
  319.  
  320. .traits {
  321.     margin-top: 11px;
  322.     display: inline-block;
  323.     width: 165px;
  324. }
  325.  
  326. .traits t {
  327.     display: inline-block;
  328.     padding: 3px 0 3px 6px;
  329.     width: 150px;
  330.     color: #666;
  331.     font-family: 'Raleway', helvetica, sans-serif;
  332.     font-style: italic;
  333.     font-size: 14px;
  334.     font-weight: 900;
  335.     margin-bottom: 7px;
  336.     border: 2px solid #666;
  337. }
  338.  
  339. .connects {
  340.     width: 190px;
  341.     display: inline-block;
  342.     padding: 5px 5px 15px;
  343. }
  344.  
  345. .ships {
  346.     height: 120px;
  347.     overflow: auto;
  348.     margin-bottom: 20px;
  349. }
  350.  
  351. .connect {
  352.     padding: 5px 0;
  353. }
  354.  
  355. .connect img {
  356.     width: 40px;
  357.     height: 40px;
  358.     padding: 2px;
  359.     border: 2px solid #666;
  360. }
  361.  
  362. .con-desc {
  363.     display: inline-block;
  364.     padding: 0 5px;
  365.     margin-top: 2px;
  366.     height: 42px;
  367.     overflow: auto;
  368.     width: 110px;
  369. }
  370.  
  371. .con-desc b, .con-desc a {
  372.     font-weight: 900;
  373.     font-family: 'Raleway', helvetica, sans-serif;
  374.     color: #666;
  375.     text-transform: uppercase;
  376.     letter-spacing: 0;
  377. }
  378.  
  379. .con-desc a:hover {
  380.     color: #888;
  381.     -webkit-transition: all 0.5s ease;
  382.     -moz-transition: all 0.5s ease;
  383.     -ms-transition: all 0.5s ease;
  384.     -o-transition: all 0.5s ease;
  385.     transition: all 0.5s ease;
  386. }
  387.  
  388. .bios {
  389.     width: 190px;
  390.     height: 160px;
  391.     display: inline-block;
  392.     padding: 5px 5px 15px;
  393.     margin-bottom: 10px;
  394. }
  395.  
  396. .bio {
  397.     padding: 5px;
  398.     height: 120px;
  399.     overflow: auto;
  400.     width: 195px;
  401.     margin-bottom: 10px;
  402. }
  403.  
  404. .bio b, .bio a {
  405.     font-weight: 900;
  406.     text-transform: uppercase;
  407.     font-family: 'Raleway', helvetica, sans-serif;
  408. }
  409.  
  410. .bio b:hover, .bio a:hover {
  411.     color: #888;
  412.     -webkit-transition: all 0.5s ease;
  413.     -moz-transition: all 0.5s ease;
  414.     -ms-transition: all 0.5s ease;
  415.     -o-transition: all 0.5s ease;
  416.     transition: all 0.5s ease;
  417. }
  418.  
  419. .bio p {
  420.     margin: 0 0 5px;
  421.     text-align: justify;
  422. }
  423.  
  424. .bio p:first-letter {
  425.     margin-left: 12px;
  426. }
  427.  
  428. .bar.three {
  429.     display: inline-block;
  430.     width: 15px;
  431.     height: 180px;
  432.     margin-top: 0px;
  433. }
  434.  
  435. h2 {
  436.     text-align: center;
  437.     font-weight: 900;
  438.     letter-spacing: 1px;
  439.     font-size: 16px;
  440.     font-family: 'Raleway', helvetica, sans-serif;
  441.     text-transform: uppercase;
  442.     color: #666;
  443.     margin: 5px;
  444. }
  445.  
  446. .bar.four {
  447.     margin-top: -30px;
  448.     -webkit-border-radius: 0 0 15px 15px;
  449.     -moz-border-radius: 0 0 15px 15px;
  450.     border-radius: 0 0 15px 15px;
  451. }
  452.  
  453. .cdt {
  454.     position: fixed;
  455.     bottom: 10px;
  456.     left: 10px;
  457. }
  458.  
  459. .cdt a {
  460.     font-size: 12px;
  461.     background-color: #666;
  462.     padding: 7px 7px 5px 7px;
  463.     border-bottom: none;
  464.     -moz-border-radius: 100%;
  465.     -webkit-border-radius: 100%;
  466.     border-radius: 100%;
  467. }
  468.  
  469. .cdt a i {
  470.     color: #ecebed;
  471. }
  472.  
  473. .cdt a:hover {
  474.     background-color: #ecebed;
  475.     -moz-border-radius: 0px;
  476.     -webkit-border-radius: 0px;
  477.     border-radius: 0px;
  478. }
  479.  
  480. .cdt a:hover i {
  481.     color: #666;
  482. }
  483.  
  484. </style>
  485.  
  486. </head>
  487.  
  488. <body>
  489.  
  490.  
  491. <header>muses</header>
  492. <div class="nav">
  493.     <a href="/">back</a>
  494.     <a href="/ask">ask</a>
  495.     <a href="http://tumblr.com">dash</a>
  496. </div>
  497.  
  498. <div class="tabs">
  499.     <ul class="tab-nav">
  500.         <li class="active">
  501.         <a title="[muse1name]" href="#tab1"></a></li>
  502.         <li><a title="[muse2name]" href="#tab2"></a></li>
  503.         <li><a title="[muse3name]" href="#tab3"></a></li>
  504.        
  505. <!--
  506.  
  507. To add another dot for a new tab, copy/paste the following directly before this comment:
  508.  
  509. <li><a title="[muse4name]" href="#tab4"></a></li>
  510.  
  511. To add more, be sure to change the #tab4 to #tab5, and so on.
  512.  
  513. -->
  514.        
  515.     </ul>
  516. </div>
  517.  
  518. <div id="container">
  519.  
  520.     <div class="tabs">
  521.    
  522. <!-- Tab one begins here. -->    
  523.    
  524.         <div id="tab1" class="tab active">
  525.             <h1>muse1 name</h1>
  526.             <img src="http://placehold.it/75" class="profile left">
  527.             <div class="stats">
  528.                 <b>birth name:</b> [muse1 birth name] <br>
  529.                 <b>goes by:</b> [muse1 name they go by] <br>
  530.                 <b>occupation:</b> [muse1 occupation] <br>
  531.                 <b>birth date:</b> [muse1 birth date] <br>
  532.                 <b>place of birth:</b> [muse1 place of birth] <br>
  533.                 <b>gender:</b> [muse1 gender] <br>
  534.                 <b>pronouns:</b> [muse1 pronouns] <br>
  535.                
  536.                 <!--
  537.                
  538.                 To add another line of statistics, copy/paste the following directly before this comment:
  539.                
  540.                 <b>[statistic]:</b> [answer] <br>
  541.                
  542.                 -->
  543.  
  544.             </div>
  545.             <div class="clear"></div>
  546.             <div class="bar"></div>
  547.             <img src="http://placehold.it/75" class="profile right more">
  548.             <div class="traits">
  549.                 <t>+ [positivetrait1]</t>
  550.                 <t>+ [positivetrait2]</t>
  551.                 <t>+ [positivetrait3]</t>
  552.             </div>
  553.             <div class="traits">
  554.                 <t>- [negativetrait1]</t>
  555.                 <t>- [negativetrait2]</t>
  556.                 <t>- [negativetrait3]</t>
  557.             </div>
  558.             <div class="bar two"></div>
  559.             <div class="connects">
  560.                 <h2>connections</h2>
  561.                 <div class="ships">
  562.                     <div class="connect">
  563.                         <img src="http://placehold.it/40" class="left">
  564.                         <div class="con-desc">
  565.                             <a href="/">[name1]</a>: [connection1 details]
  566.                         </div>
  567.                     </div>
  568.                     <div class="connect">
  569.                         <img src="http://placehold.it/40" class="left">
  570.                         <div class="con-desc">
  571.                             <a href="/">[name2]</a>: [connection2 details]
  572.                         </div>
  573.                     </div>
  574.                    
  575.                     <!--
  576.                    
  577.                     To add another connection, copy/paste the following directly above this comment:
  578.                    
  579.                     <div class="connect">
  580.                         <img src="http://placehold.it/40" class="left">
  581.                         <div class="con-desc">
  582.                             <a href="/">[name3]</a>: [connection info]
  583.                         </div>
  584.                     </div>
  585.                    
  586.                     -->
  587.  
  588.                 </div>
  589.             </div>
  590.             <div class="bar three"></div>
  591.             <div class="bios">
  592.                 <h2>biography</h2>
  593.                 <div class="bio">
  594.                     <p>[muse1 bio goes here]</p>
  595.                 </div>
  596.             </div>
  597.             <div class="bar four"></div>
  598.         </div>
  599.        
  600. <!-- First tab ends. -->
  601.        
  602. <!-- Second tab begins. -->
  603.        
  604.         <div id="tab2" class="tab">
  605.             <h1>crush</h1>
  606.             <img src="http://placehold.it/75" class="profile left">
  607.             <div class="stats">
  608.                 <b>birth name:</b> [muse2 birth name] <br>
  609.                 <b>goes by:</b> [muse2 name they go by] <br>
  610.                 <b>occupation:</b> [muse2 occupation] <br>
  611.                 <b>birth date:</b> [muse2 birth date] <br>
  612.                 <b>place of birth:</b> [muse2 place of birth] <br>
  613.                 <b>gender:</b> [muse2 gender] <br>
  614.                 <b>pronouns:</b> [muse2 pronouns] <br>
  615.             </div>
  616.             <div class="clear"></div>
  617.             <div class="bar"></div>
  618.             <img src="http://placehold.it/75" class="profile right more">
  619.             <div class="traits">
  620.                 <t>+ [positivetrait1]</t>
  621.                 <t>+ [positivetrait2]</t>
  622.                 <t>+ [positivetrait3]</t>
  623.             </div>
  624.             <div class="traits">
  625.                 <t>- [negativetrait1]</t>
  626.                 <t>- [negativetrait2]</t>
  627.                 <t>- [negativetrait3]</t>
  628.             </div>
  629.             <div class="bar two"></div>
  630.             <div class="connects">
  631.                 <h2>connections</h2>
  632.                 <div class="ships">
  633.                     <div class="connect">
  634.                         <img src="http://placehold.it/40" class="left">
  635.                         <div class="con-desc">
  636.                             <a href="/">[name1]</a>: [connection info]
  637.                         </div>
  638.                     </div>
  639.                     <div class="connect">
  640.                         <img src="http://placehold.it/40" class="left">
  641.                         <div class="con-desc">
  642.                             <a href="/">[name2]</a>: [connection info]
  643.                         </div>
  644.                     </div>
  645.                    
  646.                 </div>
  647.             </div>
  648.             <div class="bar three"></div>
  649.             <div class="bios">
  650.                 <h2>biography</h2>
  651.                 <div class="bio">
  652.                     <p>[muse2 bio]</p>
  653.                 </div>
  654.             </div>
  655.             <div class="bar four"></div>
  656.         </div>
  657.  
  658. <!-- Second tab ends. -->
  659.  
  660. <!-- Third tab begins. -->
  661.  
  662.         <div id="tab3" class="tab">
  663.             <h1>dean</h1>
  664.             <img src="http://placehold.it/75" class="profile left">
  665.             <div class="stats">
  666.                 <b>birth name:</b> [muse3 birth name] <br>
  667.                 <b>goes by:</b> [muse3 name they go by] <br>
  668.                 <b>occupation:</b> [muse3 occupation] <br>
  669.                 <b>birth date:</b> [muse3 birth date] <br>
  670.                 <b>place of birth:</b> [muse3 place of birth] <br>
  671.                 <b>gender:</b> [muse3 gender] <br>
  672.                 <b>pronouns:</b> [muse3 pronouns] <br>
  673.             </div>
  674.             <div class="clear"></div>
  675.             <div class="bar"></div>
  676.             <img src="http://placehold.it/75" class="profile right more">
  677.             <div class="traits">
  678.                 <t>+ [positivetrait1]</t>
  679.                 <t>+ [positivetrait2]</t>
  680.                 <t>+ [positivetrait3]</t>
  681.             </div>
  682.             <div class="traits">
  683.                 <t>- [negativetrait1]</t>
  684.                 <t>- [negativetrait2]</t>
  685.                 <t>- [negativetrait3]</t>
  686.             </div>
  687.             <div class="bar two"></div>
  688.             <div class="connects">
  689.                 <h2>connections</h2>
  690.                 <div class="ships">
  691.                                         <div class="connect">
  692.                         <img src="http://placehold.it/40" class="left">
  693.                         <div class="con-desc">
  694.                             <a href="/">[name1]</a>: [connection info]
  695.                         </div>
  696.                     </div>
  697.                     <div class="connect">
  698.                         <img src="http://placehold.it/40" class="left">
  699.                         <div class="con-desc">
  700.                             <a href="/">[name2]</a>: [connection info]
  701.                         </div>
  702.                     </div>
  703.                    
  704.                 </div>
  705.             </div>
  706.             <div class="bar three"></div>
  707.             <div class="bios">
  708.                 <h2>biography</h2>
  709.                 <div class="bio">
  710.                     <p>[muse3 bio]</p>
  711.                 </div>
  712.             </div>
  713.             <div class="bar four"></div>
  714.         </div>
  715.  
  716. <!-- Third tab ends. -->
  717.  
  718. <!-- Add another tab directly above this comment. -->
  719.        
  720.     </div>
  721.    
  722. </div>
  723.  
  724. <!-- Do not change anything below this line. -->
  725.  
  726. <div class="cdt"><a title="page by nic" href="http://666rps.tumblr.com"><i class="lnr lnr-heart"></i></a></div>
  727.  
  728. <script>
  729. $(document).ready(function() {
  730.     $('.tabs .tab-nav a').on('click', function(e)  {
  731.         var currentAttrValue = $(this).attr('href');
  732.         $('.tabs ' + currentAttrValue).fadeIn(700).siblings().hide();
  733.         $(this).parent('li').addClass('active').siblings().removeClass('active');
  734.         e.preventDefault();
  735.     });
  736. });
  737. </script>
  738.  
  739. <script>
  740. $(document).ready(function() {
  741.   $('#tabOptions li a').click(function() {
  742.     var tabClass = $(this).attr('class');
  743.     $('#tabOptions li').removeClass('active');
  744.     $(this).parent().addClass('active');
  745.  
  746.     if(tabClass == 'all') {
  747.       $('#tab-container').children('div.item').show();
  748.     }
  749.     else {
  750.       $('#tab-container').children('div:not(.' + tabClass + ')').hide();
  751.       $('#tab-container').children('div.' + tabClass).show();
  752.     }
  753.     return false;
  754.   });
  755. });
  756. </script>
  757.  
  758. </body>
  759.  
  760. </html>
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!