Advertisement
marshallsmyth

Graph Paper 5/28/23

May 28th, 2023
1,048
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.06 KB | None | 0 0
  1. <!DOCTYPE html>   <html>   <head>   <meta name="viewport" content="width=device-width, initial-scale=1"><title>Graph Paper  
  2.  </title><style>@import url(https://fonts.googleapis.com/css?family=Macondo);  ::-webkit-scrollbar { width:16px;height:16px; }
  3.   ::-webkit-scrollbar-track {background:#006; } ::-webkit-scrollbar-thumb { border-radius:22px;background:#600; }
  4.  body { background:#100;overflow:auto; }    
  5.  .maintext { text-align:center;font-family:macondo;font-size:22px;color:#f0a;line-height:11px; }      
  6.  .text { position:fixed;top:122px;width:22px;text-align:left;font-family:macondo;font-size:20px;color:green;line-height:44px;margin-top:44px; }
  7.       .falsetext { position:fixed;font-size:1200px;line-height:1100px;color:transparent; }
  8.  
  9.  .row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12, .row13, .row14, .row15, .row16, .row17, .row18,
  10.  .row19, .row20, .row21, .row22, .row23, .row24, .row25, .row26, .row27, .row28, .row29, .row30, .row31, .row32, .row33, .row34, .row35, .row36,
  11.  .row37, .row38, .row39, .row40, .row41, .row42, .row43, .row44, .row45, .row46, .row47, .row48, .row49, .row50, .row51, .row52, .row53, .row54,
  12.  .row55, .row56, .row57, .row58, .row59, .row60, .row61, .row62, .row63, .row64, .row65, .row66, .row67, .row68, .row69, .row70, .row71, .row72
  13.  { position:fixed;border-left:1px solid gold;top:10px;height:30.5vw; }
  14.  .row1 { left:10px; } .row2 { left:20px; } .row3 { left:30px; } .row4 { left:40px; } .row5 { left:50px; } .row6 { left:60px; } .row7 { left:70px; }
  15.  .row8 { left:80px; } .row9 { left:90px; } .row10 { left:100px; } .row11 { left:110px; } .row12 { left:120px; } .row13 { left:130px; } .row14 { left:140px; }
  16.  .row15 { left:150px; } .row16 { left:160px; } .row17 { left:170px; } .row18 { left:180px; } .row19 { left:190px; } .row20 { left:200px; } .row21 { left:210px; }
  17.  .row22 { left:220px; } .row23 { left:230px; } .row24 { left:240px; } .row25 { left:250px; } .row26 { left:260px; } .row27 { left:270px; } .row28 { left:280px; }
  18.  .row29 { left:290px; } .row30 { left:300px; } .row31 { left:310px; } .row32 { left:320px; } .row33 { left:330px; } .row34 { left:340px; } .row35 { left:350px; }
  19.  .row36 { left:360px; } .row37 { left:370px; } .row38 { left:380px; } .row39 { left:390px; } .row40 { left:400px; } .row41 { left:410px; } .row42 { left:420px; }
  20.  .row43 { left:430px; } .row44 { left:440px; } .row45 { left:450px; } .row46 { left:460px; } .row47 { left:470px; } .row48 { left:480px; } .row49 { left:490px; }
  21.  .row50 { left:500px; } .row51 { left:510px; } .row52 { left:520px; } .row53 { left:530px; } .row54 { left:540px; } .row55 { left:550px; } .row56 { left:560px; }
  22.  .row57 { left:570px; } .row58 { left:580px; } .row59 { left:590px; } .row60 { left:600px; } .row61 { left:610px; } .row62 { left:620px; } .row63 { left:630px; }
  23.  .row64 { left:640px; } .row65 { left:650px; } .row66 { left:660px; } .row67 { left:670px; } .row68 { left:680px; } .row69 { left:690px; } .row70 { left:700px; }
  24.  .row71 { left:710px; } .row72 { left:720px; }
  25.  
  26.  .bar1, .bar2, .bar3, .bar4, .bar5, .bar6, .bar7, .bar8, .bar9, .bar10, .bar11, .bar12, .bar13, .bar14, .bar15, .bar16, .bar17, .bar18, .bar19, .bar20, .bar21,
  27.  .bar22, .bar23, .bar24, .bar25, .bar26, .bar27, .bar28, .bar29, .bar30, .bar31, .bar32, .bar33, .bar34, .bar35, .bar36, .bar37, .bar38, .bar39,  .bar40
  28.  { position:fixed;border-top:1px solid gold;left:0px;width:100%; }
  29.  .bar1 { top:10px; } .bar2 { top:20px; } .bar3 { top:30px; } .bar4 { top:40px; } .bar5 { top:50px; } .bar6 { top:60px; } .bar7 { top:70px; }
  30.  .bar8 { top:80px; } .bar9 { top:90px; } .bar10 { top:100px; } .bar11 { top:110px; } .bar12 { top:120px; } .bar13 { top:130px; } .bar14 { top:140px; }
  31.  .bar15 { top:150px; } .bar16 { top:160px; } .bar17 { top:170px; } .bar18 { top:180px; } .bar19 { top:190px; } .bar20 { top:200px; } .bar21 { top:210px; }
  32.  .bar22 { top:220px; } .bar23 { top:230px; } .bar24 { top:240px; } .bar25 { top:250px; } .bar26 { top:260px; } .bar27 { top:270px; } .bar28 { top:280px; }
  33.  .bar29 { top:290px; } .bar30 { top:300px; } .bar31 { top:310px; } .bar32 { top:320px; } .bar33 { top:330px; } .bar34 { top:340px; }
  34.  .bar35 { top:350px; } .bar36 { top:360px; } .bar37 { top:370px; } .bar38 { top:380px; } .bar39 { top:390px; } .bar40 { top:400px; }
  35.  
  36.    </style>
  37.  
  38.  <div class="row1"></div><div class="row2"></div><div class="row3"></div><div class="row4"></div><div class="row5"></div>
  39.  <div class="row6"></div><div class="row7"></div><div class="row8"></div><div class="row9"></div><div class="row10"></div>
  40.  <div class="row11"></div><div class="row12"></div><div class="row13"></div><div class="row14"></div><div class="row15"></div>
  41.  <div class="row16"></div><div class="row17"></div><div class="row18"></div> <div class="row19"></div><div class="row20"></div>
  42.  <div class="row21"></div><div class="row22"></div><div class="row23"></div> <div class="row24"></div><div class="row25"></div>
  43.  <div class="row26"></div><div class="row27"></div><div class="row28"></div> <div class="row29"></div><div class="row30"></div>
  44.  <div class="row31"></div><div class="row32"></div><div class="row33"></div> <div class="row34"></div><div class="row35"></div>
  45.  <div class="row36"></div> <div class="row37"></div><div class="row38"></div><div class="row39"></div><div class="row40"></div>
  46.  <div class="row41"></div> <div class="row42"></div><div class="row43"></div><div class="row44"></div><div class="row45"></div>
  47.  <div class="row46"></div> <div class="row47"></div><div class="row48"></div><div class="row49"></div><div class="row50"></div>
  48.  <div class="row51"></div> <div class="row52"></div><div class="row53"></div><div class="row54"></div> <div class="row55"></div>
  49.  <div class="row56"></div><div class="row57"></div><div class="row58"></div><div class="row59"></div> <div class="row60"></div>
  50.  <div class="row61"></div><div class="row62"></div><div class="row63"></div><div class="row64"></div> <div class="row65"></div>
  51.  <div class="row66"></div><div class="row67"></div><div class="row68"></div><div class="row69"></div> <div class="row70"></div>
  52.  <div class="row71"></div><div class="row72"></div>
  53.  
  54.  
  55. <div class="bar1"></div><div class="bar2"></div><div class="bar3"></div>
  56. <div class="bar4"></div><div class="bar5"></div><div class="bar6"></div><div class="bar7"></div><div class="bar8"></div>
  57. <div class="bar9"></div><div class="bar10"></div><div class="bar11"></div><div class="bar12"></div><div class="bar13"></div>
  58. <div class="bar14"></div><div class="bar15"></div><div class="bar16"></div><div class="bar17"></div><div class="bar18"></div>
  59. <div class="bar19"></div><div class="bar20"></div><div class="bar21"></div><div class="bar22"></div><div class="bar23"></div>
  60. <div class="bar24"></div><div class="bar25"></div><div class="bar26"></div><div class="bar27"></div><div class="bar28"></div>
  61. <div class="bar29"></div><div class="bar30"></div><div class="bar31"></div><div class="bar32"></div><div class="bar33"></div>
  62. <div class="bar34"></div><div class="bar35"></div><div class="bar36"></div><div class="bar37"></div><div class="bar38"></div>
  63. <div class="bar39"></div><div class="bar40"></div>
  64.  
  65.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement