API tools faq
paste
LatviaCPI

4 ever 2.0

LatviaCPI
Jan 3rd, 2019
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <title>Shithead</title>
  3. <link rel="shortcut icon" href="http://orig01.deviantart.net/e5ee/f/2017/192/1/8/mouthing_f2u_credit_puppio_by_vinnabelle-da89d7g.png">
  4. <head>
  5. <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed" rel="stylesheet">
  6. <script src="https://use.fontawesome.com/3503470de0.js"></script>
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  9. <style>
  10.  
  11.  
  12. body {
  13.     background: url();
  14.     background-size: cover;
  15.     background-repeat: no-repeat;
  16.     background-color: #178080;
  17. }
  18.  
  19. ::selection {display: none;}
  20. ::-webkit-selection {display: none;}
  21. ::-o-selection {display: none;}
  22. ::-ms-selection {display: none;}
  23. iframe: { display: none !important; }
  24.  
  25. .f{
  26.     font-family: sans-serif;
  27.     text-transform: uppercase;
  28.     text-align: center;
  29.     font-size: 9px;
  30.     letter-spacing: 1px;
  31.     text-align: center;
  32.     color: #40DDCD;
  33.     padding: 2px 3px 4px 3px;
  34.     transition: 0.3s;
  35.     -moz-transition: 0.3s;
  36.     -webkit-transition: 0.3s;
  37.     -o-transition: 0.3s;
  38. }
  39.  
  40. .tf  {border-collapse:collapse;border-spacing:0;margin: 0 auto;margin-top: 50px;}
  41. .tf th{
  42. padding:20px 5px;
  43. border-style: none;
  44. overflow:hidden;
  45. }
  46.  
  47. .f:hover{
  48.     color: white;
  49.     box-shadow: 0px 0px 5px #888;
  50.     transition: all 0.3s;
  51.     -moz-transition: 0.3s;
  52.     -webkit-transition: 0.3s;
  53.     -o-transition: 0.3s;
  54. }
  55.  
  56. #s-m-t-tooltip {
  57.     position: relative;
  58.     overflow: hidden;
  59.     z-index: 99999;
  60.     max-width: 200px;
  61.     margin: 10px 0 0 10px;
  62.     padding: 6px 6px 6px 6px;
  63.     font-family: 'Raleway', sans-serif;
  64.     background: #000; /* link title background color */
  65.     border: 0px solid black;
  66.     border-radius: 0px;
  67.     line-height: 100%;
  68.     letter-spacing: 1px;
  69.     color: #fff;
  70.     font-size: 10px;
  71.     font-weight: lighter;
  72. }
  73.  
  74. .counters {
  75.     position: absolute;
  76.     left: 5px;
  77.     top: 5px;
  78. }
  79.  
  80. .counters a {
  81.     text-decoration: none;
  82.     color: white;
  83. }
  84.  
  85.  
  86. div.tab button {
  87.     display: block;
  88.     background-color: rgba(255, 255, 255, 0.2);
  89.     color: black;
  90.     margin: 12px 8px 12px 8px;
  91.     padding: 7px;
  92.     text-align: center;
  93.     width: auto;
  94.     border: none;
  95.     border-radius: 100000px;
  96.     outline: none;
  97.     transition: 0.3s;
  98.     font-size: 17px;
  99.     display: inline;
  100. }
  101.  
  102. div.tab button:hover {
  103.     background-color: #fff;
  104. }
  105.  
  106. div.tab button.active {
  107.     background-color: #fff;
  108. }
  109.  
  110. .oof {
  111.     text-align: center;
  112.     margin: 0 auto;
  113.     padding: 10px;
  114.     border: 10px solid transparent;
  115.     background: rgba(5, 5, 5, 0.8);
  116.     width: 50%;
  117.     color: white; /* text color */
  118.     overflow: hidden;
  119.     height: 370px;
  120.     position: relative;
  121.     margin-top: 80px;
  122. }
  123.  
  124. .discord {
  125.   display: inline-block;
  126.   padding: 10px 20px;
  127.   font-size: 12px;
  128.   cursor: pointer;
  129.   text-align: center;
  130.   text-decoration: none;
  131.   outline: none;
  132.   color: #fff;
  133.   background-color: #1E88E5;
  134.   border: none;
  135.   border-radius: 10px;
  136.   box-shadow: 0 9px #999;
  137.   transition: 0.3s;
  138. }
  139.  
  140. .discord:hover {background-color: #42A5F5;transition: 0.3s;}
  141.  
  142. .discord:active {
  143.   background-color: #90CAF9;
  144.   box-shadow: 0 5px #666;
  145.   transform: translateY(4px);
  146. }
  147.  
  148. .ogo {
  149.     color: #189C70;
  150.     cursor: pointer;
  151.     transition: 0.2s;
  152. }
  153.  
  154. .ogo:hover {
  155.     color: #29C792;
  156.     transition: 0.2s;
  157. }
  158.  
  159. </style>
  160. </head>
  161.  
  162. <body oncontextmenu="return false">
  163.  
  164.  
  165.  
  166.  
  167.  
  168. <div class="oof">
  169.  
  170.    
  171.    
  172.    
  173.    
  174.    
  175.    
  176.   <div class="tab">
  177.  
  178.   <button title="oof?" class="tablinks" onclick="openTab(event, 'One')" id="defaultOpen"></button>
  179.  
  180.   <button title="friends!" class="tablinks" onclick="openTab(event, 'Two')"></button>
  181.  
  182.   <button title="coding stuff" class="tablinks" onclick="openTab(event, 'Three')"></button>
  183.  
  184.   <button title="social/contact" class="tablinks" onclick="openTab(event, 'Four')"></button>
  185.  
  186.   <button title="my face" class="tablinks" onclick="openTab(event, 'Five')"></button>
  187.  
  188. </div>
  189.  
  190.  
  191.  
  192. <div class="info">
  193.  
  194. <div id="One" class="tabcontent">
  195.   <h3 style="font-weight: 300;"><i class="fa fa-caret-right" aria-hidden="true"></i>  hi  im Evan  <i class="fa fa-caret-left" aria-hidden="true"></i>
  196. </h3>
  197.   <p>check out my <span class="tablinks ogo" onclick="openTab(event, 'Two')">friends</span><br><br>
  198.  
  199.   i rlly like
  200.  
  201.   <ul>
  202.       <li>coding</li>
  203.       <li>rats</li>
  204.       <li>the fallout series</li>
  205.       <li>my friends</li>
  206.       <li>making sniffs</li>
  207.       <li>othr things i cant list due 2 cpi rules );</li>
  208.   </ul>
  209.  
  210.  
  211.  
  212.      
  213.   </ul>
  214.  
  215.   </p>
  216.  
  217. </div>
  218.  
  219. <div id="Two" class="tabcontent">
  220.  
  221.  
  222.  
  223. <table class="tf">
  224.   <tr>
  225.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=lungs&pop=1" class="f" title="lungs" target="_blank">Siobhán</a></th>
  226.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=Ashlyn&pop=1" class="f" title="Ashlyn" target="_blank">Ashlyn</a></th>
  227.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=babydoll&pop=1" class="f" title="babydoll" target="_blank">Grace</a></th>
  228.   </tr>
  229.   <tr>
  230.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=chill&pop=1" class="f" title="chill" target="_blank">Kylie</a></th>
  231.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=DeadBoy&pop=1" class="f" title="DeadBoy" target="_blank">Deadboy</a></th>
  232.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=dumbo&pop=1" class="f" title="dumbo" target="_blank">Lucy</a></th>
  233.   </tr>
  234.   <tr>
  235.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=Please&pop=1" class="f" title="Please" target="_blank">Please</a></th>
  236.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=Flairey&pop=1" class="f" title="Flairey" target="_blank">Flairey</a></th>
  237.     <th><a href="http://a1k2.chatwitch.com/properties/index.php?known_as=hoboadrian&pop=1" class="f" title="HoboAdrian" target="_blank">Adrian</a></th>
  238.   </tr>  
  239. </table>
  240.  
  241.  
  242.  
  243. </div>
  244.  
  245. <div id="Three" class="tabcontent">
  246. <br>
  247. <br>
  248. <br>
  249. <br>
  250. if u need help with coding or anything feel free 2 msg me! i also take sniff requests/commissions sometimes
  251. <br><br>
  252. heres a google doc packed with sniff codes if anybody needs them <br><br>
  253.  
  254. <a href="https://docs.google.com/document/d/1mlryF6z3frhKjmwcUNx45m8Qzvv2c_-RgfguXfZ8kCw/edit" class="discord" title="sniff code doc" target="_blank">sniff codes</a>
  255.  
  256.  
  257. </div>
  258.  
  259. <div id="Four" class="tabcontent">
  260. <h3>social/contact</h3>
  261. <br>
  262. <a style="text-decoration:none;"href="https://www.instagram.com/justevan_/" target="_blank">instagram</a><br><br>
  263. skype: Latvia Watvia<br><br>
  264. <a style="text-decoration:none;"href="https://latviaisanerd.deviantart.com/" target="_blank">dA</a><br><br>
  265. discord: Latvia#7148<br><br>
  266.  
  267. </div>
  268.  
  269. <div id="Five" class="tabcontent">
  270. <br>
  271. hey look a pic from my birthday 11/19 <br>(im the one on the right)
  272. <br>
  273.  
  274. <img style="height: 287px;margin-top: 5px;" src="https://i.imgur.com/5Yx4Vky.png">
  275.  
  276. </div>
  277.  
  278. </div>
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. </div>
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. <div class="gaf210imvustylez_youtubebox" style="width:1px;height:1px;overflow:hidden"><iframe width="300" height="300" src="https://www.youtube.com/embed/7xzU9Qqdqww?autoplay=1&amp;loop=1&amp;playlist=7xzU9Qqdqww" frameborder="0" allowfullscreen></iframe><!--Youtube player code generated @ http://gaf210.imvustylez.net --></div>
  293.  
  294.  
  295.  
  296.  
  297.  
  298. <script language=JavaScript>
  299. //Disable right click script
  300. var message = "";
  301. ///////////////////////////////////
  302. function clickIE() {
  303.     if (document.all) {
  304.         (message);
  305.         return false;
  306.     }
  307. }
  308.  
  309. function clickNS(e) {
  310.     if (document.layers || (document.getElementById && !document.all)) {
  311.         if (e.which == 2 || e.which == 3) {
  312.             (message);
  313.             return false;
  314.         }
  315.     }
  316. }
  317. if (document.layers) {
  318.     document.captureEvents(Event.MOUSEDOWN);
  319.     document.onmousedown = clickNS;
  320. } else {
  321.     document.onmouseup = clickNS;
  322.     document.oncontextmenu = clickIE;
  323. }
  324.  
  325. document.oncontextmenu = new Function("return false")
  326. </script>
  327.  
  328. <script>
  329. function openTab(evt, tabName) {
  330.     var i, tabcontent, tablinks;
  331.     tabcontent = document.getElementsByClassName("tabcontent");
  332.     for (i = 0; i < tabcontent.length; i++) {
  333.         tabcontent[i].style.display = "none";
  334.     }
  335.     tablinks = document.getElementsByClassName("tablinks");
  336.     for (i = 0; i < tablinks.length; i++) {
  337.         tablinks[i].className = tablinks[i].className.replace(" active", "");
  338.     }
  339.     document.getElementById(tabName).style.display = "block";
  340.     evt.currentTarget.className += " active";
  341. }
  342.  
  343. // Get the element with id="defaultOpen" and click on it
  344. document.getElementById("defaultOpen").click();
  345. </script>
  346.  
  347.     </body>
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!