API tools faq
paste
clerihew

01. garden

clerihew
Aug 26th, 2018
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. © Clerihew Themes 2018
  4.  
  5. Do not use without reading terms of use.
  6.  
  7. Contact me at clerihew.tumblr.com if you have problems with any
  8. un-heavily edited code or if you have questions on how to use this theme.
  9. -->
  10.  
  11. <head>
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" /> {/block:Description}
  14. <link href="https://fonts.googleapis.com/css?family=Anonymous Pro" rel="stylesheet" />
  15. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
  16.  
  17. <style type="text/css">
  18. body {
  19. background-color: #a3c1ad;
  20. font-family: "Anonymous Pro" ;
  21. margin: 0;
  22. word-wrap: break-word;
  23. background-attachment: fixed;
  24. }
  25.  
  26. /* SIDEBAR */
  27. #sidebar {
  28. background-color: white;
  29. width: 260px;
  30. position: fixed;
  31. top: 150px;
  32. left: 100px;
  33. border-radius: 5px;
  34. }
  35.  
  36. /* ur icon */
  37. #sidebar img {
  38. display: block;
  39. margin-left: auto;
  40. margin-right: auto;
  41. margin-top: 10px;
  42. border-radius: 5px;
  43. }
  44.  
  45. /* sidebar title of ur blog */
  46. #sidebar .title {
  47. font-size: 30px;
  48. text-align: center;
  49. padding: 10px;
  50. }
  51.  
  52. /* sidebar title is a link */
  53. #sidebar .title a {
  54. text-decoration: none;
  55. color: #a3c1ad;
  56. }
  57.  
  58. /* sidebar title link hover */
  59. #sidebar .title a:hover {
  60. color: #d3becc;
  61. }
  62.  
  63. /* description text */
  64. #sidebar .description {
  65. color: #6b6b6b;
  66. font-size: 18px;
  67. text-align: center;
  68. line-height: 100%;
  69. margin-bottom: 10px;
  70. }
  71.  
  72. /* links in ur description */
  73. #sidebar .description a {
  74. text-decoration: none;
  75. color: #a3c1ad;
  76. }
  77.  
  78. /* links in ur description hover */
  79. #sidebar .description a:hover {
  80. color: #d3becc;
  81. }
  82.  
  83. /* sidebar box links */
  84. #sidebar .links {
  85. background-color: #a3c1ad;
  86. color: white;
  87. font-size: 15px;
  88. text-align: center;
  89. padding: 3px 5px;
  90. margin: 5px;
  91. float: left;
  92. width: 110px;
  93. -webkit-transition: background-color 1s;
  94. -moz-transition: background-color 1s;
  95. -o-transition: background-color 1s;
  96. transition: background-color 1s;
  97. }
  98.  
  99. #sidebar .links a {
  100. text-decoration: none;
  101. }
  102.  
  103. /* sidebar box links hover color */
  104. #sidebar .links:hover {
  105. background-color: #d3becc;
  106. }
  107.  
  108. #sidebar #pagination {
  109. width: 260px;
  110. padding: 5px 0;
  111. border-top: 2px solid #d3becc;
  112. clear: both;
  113. }
  114.  
  115. /* sidebar pagination color */
  116. #sidebar #pagination a {
  117. color: #a3c1ad;
  118. }
  119.  
  120. /* sidebar pagination hover color */
  121. #sidebar #pagination a:hover {
  122. color: #d3becc;
  123. }
  124.  
  125. /*DO NOT TOUCH THIS */
  126. .credit {
  127. width: 500px;
  128. padding: 5px 0;
  129. margin: 0 0 15px 550px;
  130. }
  131.  
  132. .credit a {
  133. color: white;
  134. text-decoration: none;
  135. }
  136.  
  137. .credit a:hover {
  138. color: #ecf2ee;
  139. }
  140.  
  141.  
  142.  
  143. /* POSTS */
  144.  
  145. /* text color */
  146. #content {
  147. width: 500px;
  148. margin: 60px 0 60px 550px;
  149. padding: 20px 0;
  150. color: #6b6b6b;
  151. }
  152.  
  153. /* post link color */
  154. #content a {
  155. text-decoration: none;
  156. color: #a3c1ad;
  157. }
  158.  
  159. /* post link hover color */
  160. #content a:hover {
  161. color: #d3becc;
  162. }
  163.  
  164. #content blockquote {
  165. padding-left: 10px;
  166. }
  167.  
  168. img {
  169. border: 0;
  170. max-width: 100%;
  171. }
  172.  
  173. /* post background and stuff */
  174. #content #posts {
  175. background-color: white;
  176. width: 500px;
  177. padding: 10px;
  178. margin: 0 auto 20px;
  179. border-radius: 5px;
  180. }
  181.  
  182. /* post title */
  183. #content #posts .title {
  184. font-size: 22px;
  185. }
  186.  
  187. /* post regular text */
  188. #content #posts .text {
  189. font-size: 16px;
  190. }
  191.  
  192. /* ask question background */
  193. .q {
  194. background-color: #dae6de;
  195. padding: 4px;
  196. border-radius: 2px;
  197. }
  198.  
  199. /* note count/time ago on bottom of posts */
  200. #content #posts #permalink {
  201. font-size: 12px;
  202. margin-top: 10px;
  203. }
  204.  
  205. /* individual post pages */
  206. #content #notecontainer {
  207. margin: 20px auto;
  208. width: 500px;
  209. font-family: "Anonymous Pro";
  210. }
  211.  
  212. /* post pages links */
  213. #content #notecontainer a {
  214. color: white;
  215. padding: 3px;
  216. }
  217.  
  218. /* post pages links hover */
  219. #content #notecontainer a:hover {
  220. color: #ecf2ee;
  221. }
  222.  
  223. #content #notecontainer ol.notes {
  224. list-style-type: none;
  225. margin: 0;
  226. padding: 3px;
  227. }
  228.  
  229. #content #postcontainer img.avatar {
  230. width: 16px;
  231. height: 16px;
  232. }
  233.  
  234. iframe.tmblr-iframe {
  235. z-index:99999999999999!important;
  236. top:-2px!important;
  237. right:0!important;
  238. opacity:0;
  239. padding-right:38px;
  240. /* delete invert(1) from here */
  241. filter:invert(1) contrast(150%);
  242. -webkit-filter:invert(1) contrast(150%);
  243. -o-filter:invert(1) contrast(150%);
  244. -moz-filter:invert(1) contrast(150%);
  245. -ms-filter:invert(1) contrast(150%);
  246. /* to here if your blog has a dark background */
  247. transform:scale(0.65);
  248. transform-origin:100% 0;
  249. -webkit-transform:scale(0.65);
  250. -webkit-transform-origin:100% 0;
  251. -o-transform:scale(0.65);
  252. -o-transform-origin:100% 0;
  253. -moz-transform:scale(0.65);
  254. -moz-transform-origin:100% 0;
  255. -ms-transform:scale(0.65);
  256. -ms-transform-origin:100% 0;}
  257.  
  258. iframe.tmblr-iframe:hover {
  259. opacity:0.6!important;}
  260.  
  261. .hcontrols {
  262. position:fixed;
  263. top:0;
  264. right:0;
  265. z-index:999999999;}
  266.  
  267. .hcontrols svg {
  268. width:14px;
  269. height:14px;
  270. padding:9px;}
  271.  
  272. .hcontrols svg path {
  273. fill: white;/* change this to change the color of the icon */}
  274.  
  275. </style>
  276. </head>
  277. <body>
  278. <div id="sidebar">
  279. <img src="{PortraitURL-128}">
  280.  
  281. <div class="title"><a href="/">{Title}</a></div>
  282.  
  283. <div class="description">{block:Description}{Description}{/block:Description}</div>
  284.  
  285. {block:AskEnabled}<a href="/ask"><div class="links">{AskLabel}</div></a>{/block:AskEnabled}
  286. {block:SubmissionsEnabled}<a href="/submit"><div class="links">{SubmitLabel}</div></a>{/block:SubmissionsEnabled}
  287.  
  288. {block:HasPages}{block:Pages}<a href="{url}"><div class="links">{Label}</div></a>{/block:Pages}{/block:HasPages}
  289.  
  290. <!-- Go to fontawesome.com to change the "fas..." stuff to different icons for ur pagination -->
  291. {block:Pagination}
  292. <div id="pagination">
  293. <div align="center">
  294. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-backward"></i></a>{/block:PreviousPage}
  295. {block:NextPage}<a href="{NextPage}"><i class="fas fa-forward"></i></a>{/block:NextPage}
  296. </div>
  297. </div>
  298. {/block:Pagination}
  299. </div>
  300.  
  301. <div id="content">
  302. {block:Posts}
  303. <div id="posts">
  304. {block:Photo}
  305. <img src="{PhotoURL-500}">
  306. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  307. {/block:Photo}
  308.  
  309. {block:Photoset}
  310. {Photoset-500}
  311. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:Caption}
  312. {/block:Photoset}
  313.  
  314. {block:Video}
  315. {Video-500}
  316. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  317. {/block:Video}
  318.  
  319. {block:Audio}
  320. {AudioPlayerBlack}
  321. <br /><div class="text">{PlayCountWithLabel}</div>
  322. {block:Caption}<br /><div class="text">{Caption}</div>{/block:Caption}
  323. {/block:Audio}
  324.  
  325. {block:Quote}
  326. <div class="title">"{Quote}"</div>
  327. {block:Source}<br>~ {Source}{/block:Source}
  328. {/block:Quote}
  329.  
  330. {block:Text}
  331. {block:Title}<div class="title">{Title}<br /></div>{/block:Title}
  332. <div class="text">{Body}</div>
  333. {/block:Text}
  334.  
  335. {block:Answer}
  336. <div class="q">{Question}<br />
  337. {Asker}</div><br />
  338. {Answer}
  339. {/block:Answer}
  340.  
  341. {block:Chat}
  342. <div class="title">{block:Title}{Title}<br />{/block:Title}</div>
  343. <div class="text">{block:Lines}
  344. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  345. {/block:Lines}</div>
  346. {/block:Chat}
  347.  
  348. {block:Link}
  349. <a href="{URL}">{Name}</a>
  350. {block:Description}<br /><div class="text">{Description}</div>{/block:Description}
  351. {/block:Link}
  352.  
  353. <div id="permalink">
  354. <a href="{PermaLink}">
  355. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  356. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  357. </a>
  358. </div>
  359.  
  360. </div>
  361. {block:PostNotes}
  362. <div id="notecontainer">{PostNotes}</div>
  363. {/block:PostNotes}
  364.  
  365. {/block:Posts}
  366. </div>
  367.  
  368. <!-- DO NOT TOUCH THIS -->
  369. <div class="credit">
  370. <div align="center">
  371. <a href="http://clerihew.tumblr.com">Theme</a>
  372. </div>
  373. </div>
  374.  
  375. <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>
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387. </body>
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!