API tools faq
paste
kranger

001 // Black Queen

kranger
Jun 1st, 2020 (edited)
852
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.12 KB | None | 0 0
raw download clone embed print report
  1. <div class="BQTablilla">
  2. <div class="chesscontainer">
  3. <div class="figures">
  4. <div class="notation">
  5. <div class="lett">H</div><div class="lett">G</div><div class="lett">F</div><div class="lett">E</div><div class="lett">D</div><div class="lett">C</div><div class="lett">B</div><div class="lett">A</div>
  6. </div>
  7. <div class="numbers"><div class="num">1</div><div class="num">2</div><div class="num">3</div><div class="num">4</div><div class="num">5</div><div class="num">6</div><div class="num">7</div><div class="num">8</div>
  8. </div>
  9. <div class="chesspieces">
  10. <i class="fas fa-chess-rook chpw chpiece unablepiece" id="H1"></i>
  11. <i class="fas fa-chess-knight chpw chpiece emptypiece" id="G1"></i>
  12. <div id="F1">
  13. <label for="whitebishopR"><i class="fas fa-chess-bishop chpw chpiece fullpiece"></i>
  14. <input type="checkbox" class="visually-hidden"></label>
  15. </div>
  16. <div id="E1">
  17. <label for="whiteking"><i class="fas fa-chess-king chpw chpiece emptypiece"></i>
  18. <input type="checkbox" class="visually-hidden">
  19. </label>
  20. </div>
  21. <i class="fas fa-chess-queen chpw chpiece emptypiece" id="D1"></i>
  22. <div id="C1">
  23. <label for="whitebishopR"><i class="fas fa-chess-bishop chpw chpiece fullpiece"></i>
  24. <input type="checkbox" class="visually-hidden"></label>
  25. </div>
  26. <i class="fas fa-chess-knight chpw chpiece emptypiece" id="B1"></i>
  27. <i class="fas fa-chess-rook chpw chpiece emptypiece" id="A1"></i>
  28. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="H2"></i>
  29. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="G2"></i>
  30. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="F2"></i>
  31. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="E2"></i>
  32. <div id="D4">
  33. <label for="whitepawn2">
  34. <i class="fas fa-chess-pawn chpw chpiece fullpiece"></i>
  35. <input type="checkbox" class="visually-hidden">
  36. </label>
  37. </div>
  38. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="C2"></i>
  39. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="B2"></i>
  40. <i class="fas fa-chess-pawn chpw chpiece emptypiece" id="A2"></i>
  41. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="H7"></i>
  42. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="G7"></i>
  43. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="F7"></i>
  44. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="E7"></i>
  45. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="D7"></i>
  46. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="C7"></i>
  47. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="B7"></i>
  48. <i class="fas fa-chess-pawn chpb chpiece emptypiece" id="A7"></i>
  49. <i class="fas fa-chess-rook chpb chpiece emptypiece" id="H8"></i>
  50. <i class="fas fa-chess-knight chpb chpiece emptypiece" id="G8"></i>
  51. <i class="fas fa-chess-bishop chpb chpiece emptypiece" id="F8"></i>
  52. <a id="E8" href="/linkaqui" target="_blank">
  53. <i class="fa fa-chess-king chpb chpiece fullpiece"></i>
  54. </a>
  55. <div id="D8">
  56. <label for="blackqueen"><i class="fas fa-chess-queen chpb chpiece fullpiece"></i>
  57. <input type="checkbox" class="visually-hidden"></label>
  58. </div>
  59. <i class="fas fa-chess-bishop chpb chpiece unablepiece" id="C8"></i>
  60. <i class="fas fa-chess-knight chpb chpiece unablepiece" id="B8"></i>
  61. <i class="fas fa-chess-rook chpb chpiece unablepiece" id="A8"></i>
  62. </div>
  63. <div class="backgroundchess">
  64. <span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span><span></span><span class="whitebg"></span>
  65. </div>
  66. <div class="chesstext">
  67. <label for="blackqueen">
  68. <input type="checkbox" id="blackqueen" class="visually-hidden" checked><div class="textchessb blackq"><div class="info-chess inicio-chess"><div class="titulo-chess"><span>The Black Queen</span>
  69. <div class="subtitulo-chess">«There is a long path from the beginnig to the success.»</div><img src="https://media.giphy.com/media/kHUS0PL0Vx0ewnVYuL/giphy.gif"/></div></div>
  70. </div>
  71. </label>
  72. <label for="whiteking">
  73. <input type="checkbox" id="whiteking" class="visually-hidden">
  74. <div class="textchessb whitek"><div class="info-chess"><img src="https://media.giphy.com/media/kHUS0PL0Vx0ewnVYuL/giphy.gif"/><div class="titulo-chess"><span>The White King</span><div class="circle-info">0/1</div>
  75. <div class="subtitulo-chess">Requisitos Trama <strong>17+ | Masculino | Requisito | Otro Requisito</strong></div><hr></div><div class="texto-chess">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?
  76.  
  77. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?
  78.  
  79. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?
  80.  
  81. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?</div>
  82. </div>
  83. </div>
  84. </label>
  85. <label for="whitepawn2">
  86. <input type="checkbox" id="whitepawn2" class="visually-hidden"><div class="textchessb whitep2"><div class="info-chess"><div class="titulo-chess"><span>The White Pawn</span><div class="circle-info">1/1</div>
  87. <div class="subtitulo-chess"><em>Debbie Harrington</em> <br><strong>17+ | Femenino | Specially Awesome | You got it gurl!</strong></div><hr></div><div class="texto-chess">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?</div>
  88. </div>
  89. </div>
  90. </label>
  91. <label for="whitebishopR">
  92. <input type="checkbox" id="whitebishopR" class="visually-hidden"><div class="textchessb whiteBR"><div class="info-chess"><div class="titulo-chess" ><span>The White Bishops</span><div class="circle-info">2/2</div>
  93. <div class="subtitulo-chess" style="margin-left: 1rem;"> <em>Kimmy Schmidt &amp; Titus Andromedus</em> <br><strong>30+ | Undefined | Unbreakable | This would be a fasctinating transition</strong></div><hr></div><div class="texto-chess">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa, eum? Earum, amet, nihil numquam in tempora debitis quia reprehenderit dolorum autem dolore aliquam ea ab aperiam voluptatum, sapiente officia deserunt?</div>
  94. </div>
  95. </div>
  96. </label>
  97. </div>
  98. </div>
  99. </div>
  100. <div id="kredits"><a href="https://k-ranger.tumblr.com/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126 96"><path class="kfill" d="M45,31c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S48.3,31,45,31L45,31z"/><path class="kfill" d="M81,31c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S84.3,31,81,31L81,31z"/><path class="kfb" d="M118.6,22.9l-3.5-6.2C109.4,6.5,96.8,3,86.8,8.9L81,12.3c0,0-0.2,0.1-0.3,0.2h0.1c11.7,4,20.2,15.1,20.2,28v9.9V52h1.4c1.9,0,3.6-0.8,5.2-1.7l4.4-2.5C120.6,42.8,123.5,31.6,118.6,22.9z"/><path class="kfb" d="M25,50.5v-9.9c0-13,8.5-24,20.2-28h0.1c-0.2-0.1-0.3-0.2-0.3-0.2L39.2,9c-10-5.9-22.6-2.3-28.3,7.8L7.4,23c-4.9,8.7-2,19.9,6.5,24.9l4.4,2.5c1.6,0.9,3.3,1.7,5.2,1.7H25V50.5z"/><path class="kfn" d="M101,40.6v9.9v4.9C101,75.1,84.9,91,65,91h-4c-19.9,0-36-15.9-36-35.6v-4.9v-9.9c0-13,8.5-24,20.2-28c1.5-0.5,6.6-1.6,9.8-1.6h16c2.9,0,8.3,1.1,9.8,1.6l0,0C92.5,16.6,101,27.7,101,40.6z"/><path class="kfill" d="M66,61h-6c-3.3,0-6-2.7-6-6v-8c0-5,4-9,9-9l0,0c5,0,9,4,9,9v8C72,58.3,69.3,61,66,61z"/></svg></a></div></div><style>:root{--bgborder-color-principal: #0a0a0a;--bg-color-principal: #101010; --bpiecesbg-color-principal: #2a3542; --wpiecesbg-color-principal: #9c9c9c; --bpiece-color-principal: #0a0a0a;--bpiecetr-color-principal: #101010f0;--wpiece-color-principal: #e0e0e0; --kredits-color: #707E5B; --kredits-dark-color: #31332c; --fuente-titulos-font-family: 'Abril Fatface'; --fuente-texto-font-family: 'Montserrat';}</style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css"><link rel="stylesheet" href="https://soulhunterdesign.com/rolstuff/k-ranger/BQTab.css"/>
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!