API tools faq
paste
MrCipher

Tags #01

MrCipher
Jun 8th, 2020
480
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.37 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <title>{title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <!--FONTS-->
  5. <script src="https://kit.fontawesome.com/f1654b05c9.js" crossorigin="anonymous"></script>
  6. <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;700;900&display=swap" rel="stylesheet">
  7. <style>
  8. /*CHANGE COLOR HERE*/
  9. * {
  10. --fondo: #e5e6eb;
  11. --fondo1: #f8f8fa;
  12. --borde: #afafaf;
  13. --color: #838db4;
  14. --txt: #696969;
  15. }
  16. body {
  17. background: var(--fondo);
  18. position: relative;
  19. font-family: kanit; /*FONT*/
  20. }
  21. ::-webkit-scrollbar {
  22. height: 5px;
  23. width: 5px;
  24. }
  25. .header {
  26. background: var(--fondo1);
  27. width: 75%;
  28. margin: 0 auto;
  29. position: relative;
  30. border: 1px solid var(--borde);
  31. padding: 5px;
  32. }
  33. #title {
  34. text-align: center;
  35. font-size: 20px;
  36. text-transform: uppercase;
  37. font-weight: 900;
  38. letter-spacing: 2px;
  39. padding: 5px 0px;
  40. color: var(--color);
  41. }
  42. #nav {
  43. text-align: center;
  44. border-top: 1px solid var(--borde);
  45. }
  46. #nav a {
  47. display: inline-block;
  48. font-size: 10px;
  49. text-transform: uppercase;
  50. text-decoration: none;
  51. color: var(--txt);
  52. margin-right: 5px;
  53. }
  54. #nav i {
  55. color: var(--color);
  56. margin-right: 2px;
  57. }
  58. .container {
  59. width: 75%;
  60. background: var(--fondo1);
  61. margin: 0 auto;
  62. padding: 5px;
  63. border: 1px solid var(--borde);
  64. margin-top: 5px;
  65. height: auto;
  66. text-align: center;
  67. }
  68. .card {
  69. background: var(--fondo);
  70. width: 200px;
  71. display: inline-block;
  72. margin: 5px;
  73. padding: 5px;
  74. border: 1px solid var(--borde);
  75. }
  76. .t1 {
  77. background: var(--fondo1);
  78. border: 1px solid var(--borde);
  79. text-align: center;
  80. font-size: 10px;
  81. text-transform: uppercase;
  82. font-weight: 700;
  83. letter-spacing: 1px;
  84. color: var(--color);
  85. padding: 5px 0px;
  86. }
  87. .con1 {
  88. background: var(--fondo1);
  89. outline: 1px solid var(--borde);
  90. margin-top: 5px;
  91. text-align: center;
  92. padding: 5px;
  93. }
  94. .con1 a {
  95. display: block;
  96. background: var(--fondo);
  97. margin: 2px;
  98. padding: 2px 0px;
  99. text-decoration: none;
  100. font-size: 10px;
  101. text-transform: uppercase;
  102. color: var(--txt);
  103. }
  104. #credit {position:absolute; bottom:5px;
  105. right:5px;}
  106. #credit a {color:var(--color); font-size:10px;}
  107. </style>
  108. </head>
  109. <body>
  110. <div class="header">
  111. <div id="title">A cool title here</div>
  112. <div id="nav">
  113. <a href="/"><i class="fas fa-home"></i>Home</a>
  114. <a href="/ask"><i class="fas fa-comments"></i> Ask</a>
  115. <a href="/archive"><i class="fas fa-folder-open"></i> Archive</a>
  116. <!-- YOU CAN ADD A FEW LINKS HERE IF YOU WANT-->
  117. </div>
  118. </div>
  119. <div class="container">
  120. <!--category-->
  121. <div class="card">
  122. <div class="t1">Category</div>
  123. <div class="con1">
  124. <a href="/tagged/">tag</a>
  125. <a href="/tagged/">tag</a>
  126. <a href="/tagged/">tag</a>
  127. <a href="/tagged/">tag</a>
  128. <a href="/tagged/">tag</a>
  129. </div>
  130. </div>
  131. <!--end category-->
  132. <!--category-->
  133. <div class="card">
  134. <div class="t1">Category</div>
  135. <div class="con1">
  136. <a href="/tagged/">tag</a>
  137. <a href="/tagged/">tag</a>
  138. <a href="/tagged/">tag</a>
  139. <a href="/tagged/">tag</a>
  140. <a href="/tagged/">tag</a>
  141. </div>
  142. </div>
  143. <!--end category-->
  144. <!--category-->
  145. <div class="card">
  146. <div class="t1">Category</div>
  147. <div class="con1">
  148. <a href="/tagged/">tag</a>
  149. <a href="/tagged/">tag</a>
  150. <a href="/tagged/">tag</a>
  151. <a href="/tagged/">tag</a>
  152. <a href="/tagged/">tag</a>
  153. </div>
  154. </div>
  155. <!--end category-->
  156. <!--category-->
  157. <div class="card">
  158. <div class="t1">Category</div>
  159. <div class="con1">
  160. <a href="/tagged/">tag</a>
  161. <a href="/tagged/">tag</a>
  162. <a href="/tagged/">tag</a>
  163. <a href="/tagged/">tag</a>
  164. </div>
  165. </div>
  166. <!--end category-->
  167. <!--category-->
  168. <div class="card">
  169. <div class="t1">Category</div>
  170. <div class="con1">
  171. <a href="/tagged/">tag</a>
  172. <a href="/tagged/">tag</a>
  173. <a href="/tagged/">tag</a>
  174. <a href="/tagged/">tag</a>
  175. </div>
  176. </div>
  177. <!--end category-->
  178. </div>
  179. <!-- CREDIT, DON'T DELETE -->
  180. <div id="credit"><a class="fas fa-dragon" href="https://betweenironetsilver.tumblr.com" title="by Dr. Watson"></a></div>
  181. </body>
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!