QueerCodes

Editorial

Feb 18th, 2020
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.29 KB | None | 0 0
  1. <html>
  2. <head>
  3. <link href="https://fonts.googleapis.com/css?family=Cabin:600&display=swap" rel="stylesheet">
  4. <link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400&display=swap" rel="stylesheet">
  5.  
  6. <style type="text/css">
  7. body {
  8. background: url('https://cdn.inspirationhut.net/wp-content/uploads/2014/09/cream-paper-subtle-pattern.jpg') repeat ;
  9. color:#313639; }
  10.  
  11. a {
  12. color:#000;
  13. font-style: italic;
  14. text-decoration: none;
  15. font-weight: 400;
  16. }
  17.  
  18. h1 {
  19. font-family: 'Cabin', sans-serif;
  20. font-size:100pt;
  21. color:#313639;
  22. line-height:0px; }
  23.  
  24. h2 {
  25. font-family: 'Cabin', sans-serif;
  26. font-size:25pt;
  27. line-height:0px;
  28. }
  29.  
  30. h3 {
  31. font-size: 10pt;
  32. }
  33.  
  34. h2, h3 {
  35. display:inline;
  36. }
  37.  
  38. p {
  39. font-family: sans-serif;
  40. font-size:9pt;
  41. font-weight: 350;
  42. }
  43.  
  44.  
  45. span {
  46. font-family: "Times New Roman", Times, serif;
  47. font-style: italic;
  48. font-weight: bold;}
  49.  
  50.  
  51. #content {
  52. width: 450px;
  53. margin-top:50px;
  54. float:right;
  55. margin-right:200px;}
  56.  
  57. #content img {
  58. width:450px; }
  59.  
  60. .main {
  61. position: absolute;
  62. bottom:175px;
  63. margin-left:180px;
  64. width:500px;
  65. height:200px; }
  66.  
  67.  
  68. #info {
  69. position: absolute;
  70. width:200px;
  71. margin-top:125px;
  72. margin-left:200px;
  73. float:left;
  74. transform: rotate(-90deg); }
  75.  
  76. .credit {
  77. padding-right: 4px;
  78. position:fixed;
  79. right: 25px;
  80. top: 25px;
  81. height:70px;
  82. width:70px;
  83. border: 3px solid #313639;
  84. padding: 2.5px 6px 2.5px 0px;
  85. opacity: 0.7;
  86. }
  87.  
  88. </style>
  89. </head>
  90. <body>
  91.  
  92.  
  93. <div id="content">
  94. <img src="https://i.pinimg.com/originals/3e/90/a5/3e90a562d836a201c943a0c0bb10f59d.jpg">
  95. </div>
  96.  
  97.  
  98. <div id="info">
  99. <h2>(9642) <h3>&#9660;</h3></h2>
  100. <p>Montague. 23. Homosexual. <a style="colour:#aa0011" target="_blank" href="https://roleplay.chat/profile.php?user=Mor">Married</a>. Serial Killer. Artist. British.</p>
  101. </div>
  102.  
  103. <div class="main">
  104. <h1> Kitsugi</h1>
  105. <p>
  106. <span>[ golden joinery ]</span><BR></BR>
  107. Kintsugi is a Japanese art form in which breaks and repairs are treated as part of the object's history. Broken ceramics are carefully mended by artisans with a lacquer resin mixed with powdered gold, silver or platinum. The repairs are visible - yet somehow beautiful.<BR>
  108. </p>
  109. </div>
  110.  
  111. <div class="credit">
  112. <a href="http://www.queercodes.tumblr.com"><img src="https://i.ibb.co/SN2rBg4/Logo-Makr-23-If-VB.png" alt="no image text" width="80px;"/></a>
  113. </div>
  114.  
  115.  
  116. </body>
Add Comment
Please, Sign In to add comment