API tools faq
paste
clerihew

07. plain

clerihew
Oct 22nd, 2018
306
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!--
  4. © Clerihew Themes 2018
  5.  
  6. Do not use without reading terms of use.
  7.  
  8. Contact me at clerihew.tumblr.com if you have problems with any
  9. un-heavily edited code or if you have questions on how to use this theme.
  10. -->
  11. <!--
  12. Color Hex Codes used in this theme:
  13. #85b7bb
  14. #b5d3d6
  15. #4a4a4a
  16. #a6a6a6
  17. #6b6b6b
  18. -->
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  23.  
  24. <style>
  25.  
  26. /* main font family */
  27. body {
  28. font-family: "Raleway", sans-serif;
  29. }
  30.  
  31. .main {
  32. width: 800px;
  33. height: 500px;
  34. margin-top: 75px;
  35. }
  36.  
  37. /* title color/border color */
  38. .main h1 {
  39. color: #85b7bb;
  40. font-size: 44px;
  41. text-align: left;
  42. margin-left: 10px;
  43. border-bottom: 2px solid #85b7bb;
  44. }
  45.  
  46. /* title color */
  47. .main h1 a {
  48. color: #85b7bb;
  49. text-decoration: none;
  50. -moz-transition: color 0.5s;
  51. -o-transition: color 0.5s;
  52. -webkit-transition: color 0.5s;
  53. transition: color 0.5s;
  54. }
  55.  
  56. /* title hover color */
  57. .main h1 a:hover {
  58. color: #b5d3d6;
  59. }
  60.  
  61. /* text color */
  62. .main p {
  63. text-align: left;
  64. padding: 0px 10px;
  65. color: #4a4a4a;
  66. }
  67.  
  68. /* text link color */
  69. .main p a {
  70. color: #85b7bb;
  71. text-decoration: none;
  72. -moz-transition: color 0.5s;
  73. -o-transition: color 0.5s;
  74. -webkit-transition: color 0.5s;
  75. transition: color 0.5s;
  76. }
  77.  
  78. /* text link hover color */
  79. .main p a:hover {
  80. color: #b5d3d6;
  81. }
  82.  
  83. /* DO NOT TOUCH THIS */
  84. .credit {
  85. position: fixed;
  86. font-size: 14px;
  87. width: 16px;
  88. height: 16px;
  89. bottom: 5px;
  90. right: 5px;
  91. background-color: #a6a6a6;
  92. text-align: center;
  93.  
  94. }
  95.  
  96. .credit a {
  97. color: white;
  98. background-color: #a6a6a6;
  99. text-decoration: none;
  100. -moz-transition: color 0.5s;
  101. -o-transition: color 0.5s;
  102. -webkit-transition: color 0.5s;
  103. transition: color 0.5s;
  104. }
  105.  
  106. .credit a:hover {
  107. color: #6b6b6b;
  108. }
  109.  
  110. /* tumblr controls credit to @cyantists on tumblr */
  111. iframe.tmblr-iframe {
  112. z-index:99999999999999!important;
  113. top:-2px!important;
  114. right:15px!important;
  115. opacity:0;
  116. padding-right:38px;
  117. /* delete invert(1) from here */
  118. filter: invert(1) contrast(150%);
  119. -webkit-filter: invert(1) contrast(150%);
  120. -o-filter: invert(1) contrast(150%);
  121. -moz-filter: invert(1) contrast(150%);
  122. -ms-filter: invert(1) contrast(150%);
  123. /* to here if your blog has a dark background */
  124. transform:scale(0.65);
  125. transform-origin:100% 0;
  126. -webkit-transform:scale(0.65);
  127. -webkit-transform-origin:100% 0;
  128. -o-transform:scale(0.65);
  129. -o-transform-origin:100% 0;
  130. -moz-transform:scale(0.65);
  131. -moz-transform-origin:100% 0;
  132. -ms-transform:scale(0.65);
  133. -ms-transform-origin:100% 0;
  134. }
  135.  
  136. iframe.tmblr-iframe:hover {
  137. opacity:0.6!important;
  138. }
  139.  
  140. .hcontrols {
  141. position:fixed;
  142. top:0;
  143. right:0;
  144. z-index:999999999;
  145. }
  146.  
  147. .hcontrols svg {
  148. width:14px;
  149. height:14px;
  150. padding:9px;
  151. }
  152.  
  153. /* gear color */
  154. .hcontrols svg path {
  155. fill: #85b7bb;/* change this to change the color of the icon */
  156. }
  157.  
  158.  
  159.  
  160. </style>
  161.  
  162. </head>
  163. <body>
  164.  
  165. <div align="center">
  166. <div class="main">
  167. <!-- title of page -->
  168. <h1><a href="/">about</a></h1>
  169. <!-- you can write your about here -->
  170. <p> This is the about page. You can write things like <i>this</i> or <b>this</b>. I'm pretty sure you can also write things like <u>this</u> or even <strike>this</strike>. You can even put <a href="/">links</a>! Download this theme and you can try all these cool things out for yourself! Now, here's some sample text!<br/><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim auctor tristique. Sed bibendum velit rutrum, tincidunt lorem non, finibus mauris. Nulla aliquet tellus magna, vel fringilla ligula molestie eget. Aenean eu elementum justo. Nunc eu lorem nisl. Donec sed lorem pulvinar, condimentum ex non, vestibulum ipsum. Sed nibh leo, ullamcorper ac molestie eget, imperdiet non elit.<br/><br/>Mauris interdum pulvinar turpis, et aliquet nunc aliquam eget. Donec id erat sed erat auctor tristique sodales at ex. Sed bibendum fermentum turpis, nec dapibus est placerat a. Praesent sodales blandit tellus, eu tempus urna. Vivamus porttitor pellentesque massa, eget euismod dui sodales nec. Donec in erat dapibus, commodo ipsum vel, ultricies eros. Pellentesque consequat tellus vel orci fermentum, et tempor dui blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sodales nibh sed diam commodo, sed rhoncus lacus ultrices.</p>
  171. </div>
  172. </div>
  173.  
  174. <!-- DO NOT TOUCH THIS -->
  175. <div class="credit">
  176. <a href="https://clerihew.tumblr.com/">C</a>
  177. </div>
  178.  
  179. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  180.  
  181.  
  182. </body>
  183. </html>
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!