API tools faq
paste
Advertisement
nemurou

linen

nemurou
Mar 23rd, 2018
2,821
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.24 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr page by nemurou
  4.  
  5. march 2018
  6.  
  7. TERMS OF USE: https://nemurou.tumblr.com/tou
  8.  
  9. --->
  10.  
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <link rel="shortcut icon" href="{Favicon}">
  17. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  18. <meta name="viewport" content="width=device-width, initial-scale=1">
  19.  
  20. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Playfair+Display:400,400i,700" rel="stylesheet">
  21.  
  22.  
  23. <style type="text/css">
  24.  
  25. /*tumblr controls by cyantists*/
  26. iframe.tmblr-iframe {
  27. display:hidden!important;
  28. z-index: 99999999999999!important;
  29. top: 0!important;
  30. right: 0!important;
  31. opacity: 0.4;
  32. /*delete the line below if you want to keep the tumblr controls*/
  33. margin-top:-200px;
  34. filter: invert(1) contrast(150%);
  35. -webkit-filter: invert(1) contrast(150%);
  36. -o-filter: invert(1) contrast(150%);
  37. -moz-filter: invert(1) contrast(150%);
  38. -ms-filter: invert(1) contrast(150%);
  39. transform: scale(0.5);
  40. transform-origin: 100% 0;
  41. -webkit-transform: scale(.7);
  42. -webkit-transform-origin: 100% 0;
  43. -o-transform: scale(.7);
  44. -o-transform-origin: 100% 0;
  45. -moz-transform: scale(.7);
  46. -moz-transform-origin: 100% 0;
  47. -ms-transform: scale(.7);
  48. -ms-transform-origin: 100% 0;
  49. }
  50.  
  51.  
  52. body {
  53. background:#fff; /*background*/
  54. font-family: 'Libre Baskerville', serif;
  55. line-height:200%;
  56. font-size:11px;
  57. color:#555; /*font color*/
  58. margin:0;
  59. padding:0;
  60. -moz-osx-font-smoothing:grayscale;
  61. -webkit-font-smoothing:antialiased;
  62. font-smoothing:antialiased;
  63. }
  64.  
  65. a {
  66. text-decoration:none;
  67. color:#333; /*link color*/
  68. }
  69.  
  70. #bar {
  71. position:fixed;
  72. width:100vw;
  73. height:50px;
  74. vertical-align: middle;
  75. line-height:50px;
  76. text-align:center;
  77. background:#fff;
  78. z-index:999;
  79. top:0;
  80. font-size:10px;
  81. border-bottom:1px solid #eaeaea;
  82. text-transform:uppercase;
  83. }
  84.  
  85. #bar a {
  86. margin-right:25px;
  87. }
  88.  
  89. #bar a:last-child {
  90. margin-right:0px;
  91. }
  92.  
  93. #content {
  94. height:100%;
  95. overflow:auto;
  96. display:flex;
  97. justify-content:center;
  98. align-items:center;
  99. margin:150px auto;
  100. }
  101.  
  102. #stuff {
  103. width:540px;
  104. font-size:11px;
  105. }
  106.  
  107. #title {
  108. text-align:center;
  109. font-family: 'Playfair Display', serif;
  110. font-size:30px;
  111. font-weight:700;
  112. letter-spacing:1px;
  113. color:#3f3f3f;
  114. }
  115.  
  116. .descrip {
  117. font-family: 'Libre Baskerville', serif;
  118. font-size:14px;
  119. margin-top:50px;
  120. line-height:200%;
  121. text-align:center;
  122. }
  123.  
  124. .descrip a {
  125. box-shadow: 0 -8px #eee inset;
  126. -webkit-transition-duration: .2s;
  127. transition-duration: .2s;
  128. }
  129.  
  130. .descrip a:hover {
  131. box-shadow: 0 -12px #eee inset;
  132. }
  133.  
  134. #chat {
  135. margin-top:50px;
  136. border:1px solid #eaeaea;
  137. border-radius:20px;
  138. -moz-border-radius:20px;
  139. -webkit-border-radius:20px;
  140. box-sizing:border-box;
  141. -webkit-box-sizing: border-box;
  142. -moz-box-sizing: border-box;
  143. }
  144.  
  145. .pair {
  146. margin:50px;
  147. font-size:13px;
  148. text-align:justify;
  149. }
  150.  
  151.  
  152. .q {
  153. -webkit-box-shadow: 4px 5px 3px 0px rgba(249,249,249,1);
  154. -moz-box-shadow: 4px 5px 3px 0px rgba(249,249,249,1);
  155. box-shadow: 4px 5px 3px 0px rgba(249,249,249,1);
  156. border-radius:4px;
  157. -moz-border-radius:4px;
  158. -webkit-border-radius:4px;
  159. box-sizing:border-box;
  160. -webkit-box-sizing: border-box;
  161. -moz-box-sizing: border-box;
  162. padding:15px 30px;
  163. margin-bottom:20px;
  164. width:400px;
  165. line-height:200%;
  166. font-weight:700;
  167. border:1px solid #eee;
  168. }
  169.  
  170. .a {
  171. -webkit-box-shadow: -4px 5px 3px 0px rgba(249,249,249,1);
  172. -moz-box-shadow: -4px 5px 3px 0px rgba(249,249,249,1);
  173. box-shadow: -4px 5px 3px 0px rgba(249,249,249,1);
  174. border-radius:4px;
  175. -moz-border-radius:4px;
  176. -webkit-border-radius:4px;
  177. box-sizing:border-box;
  178. -webkit-box-sizing: border-box;
  179. -moz-box-sizing: border-box;
  180. line-height:200%;
  181. padding:15px 30px;
  182. border:1px solid #eee;
  183. width:400px;
  184. margin-left:40px;
  185. }
  186.  
  187. .a a {
  188. border-bottom:1px solid #eee;
  189. }
  190.  
  191. .qicon, .aicon {
  192. width:60px;
  193. height:60px;
  194. padding:10px;
  195. border-radius:50%;
  196. -moz-border-radius:50%;
  197. -webkit-border-radius:50%;
  198. box-sizing:border-box;
  199. -webkit-box-sizing: border-box;
  200. -moz-box-sizing: border-box;
  201. background:#fff;
  202. }
  203.  
  204. .q .qicon {
  205. position:absolute;
  206. margin:-15px 0px 0px -110px;
  207. }
  208.  
  209. .a .aicon {
  210. position:absolute;
  211. margin:-15px 0px 0px 390px;
  212. }
  213.  
  214. .phc a{
  215. text-align:center;
  216. background:#fff;
  217. position:fixed;
  218. right:25px;
  219. bottom:25px;
  220. font-size:11px;
  221. font-family:calibri;
  222. color:#000;
  223. line-height:100%;
  224. z-index:999;
  225. border-radius:4px;
  226. -moz-border-radius:4px;
  227. -webkit-border-radius:4px;
  228. padding:5px 8px 6px 8px;
  229. }
  230.  
  231. </style> </head> <body>
  232.  
  233. <div id="bar">
  234. <a href="/">return</a>
  235. <a href="/archive">archive</a>
  236. <a href="/">link one</a>
  237. <a href="/">link two</a>
  238. <a href="/">link three</a>
  239. </div>
  240.  
  241. <div id="content">
  242. <div id="content-txt">
  243.  
  244. <div id="stuff">
  245.  
  246.  
  247. <div id="title">Frequently Asked Questions</div>
  248.  
  249. <div class="descrip">
  250. This is where you can put an introduction. You can make it as long as you like. <b>Bold</b>, <i>italic</i>, <u>underline</u>, <a href="/">link</a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas orci turpis, accumsan eget erat a, iaculis euismod eros. Suspendisse a tempor sem. Mauris ullamcorper nisl sem, id lobortis.
  251.  
  252. <!---end of descrip--->
  253. </div>
  254.  
  255. <div id="chat">
  256.  
  257. <!---copy and paste this for q & a--->
  258. <div class="pair">
  259. <div class="q">
  260. <!--- change icon for asker below-- remember to do this for each q--->
  261. <img class="qicon" src="https://static.tumblr.com/ukg9sji/nnyp62sni/morpsnn.png">
  262. What is Lorem Ipsum?
  263. <!---end of question-->
  264. </div>
  265. <div class="a">
  266. <!--- change icon for answer below-- remember to do this for each a--->
  267. <img class="aicon" src="https://static.tumblr.com/ukg9sji/PLqp62ssa/gcym7j8.png">
  268. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  269. <!---end of question-->
  270. </div>
  271. <!---end of one q&a--->
  272. </div>
  273. <!--- end of one q & a--->
  274.  
  275.  
  276. <div class="pair">
  277. <div class="q">
  278. <img class="qicon" src="https://static.tumblr.com/ukg9sji/nnyp62sni/morpsnn.png">
  279. Why do we use it?
  280. <!---end of question-->
  281. </div>
  282. <div class="a">
  283. <img class="aicon" src="https://static.tumblr.com/ukg9sji/PLqp62ssa/gcym7j8.png">
  284. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.
  285. <!---end of question-->
  286. </div>
  287. <!---end of one q&a--->
  288. </div>
  289.  
  290.  
  291. <div class="pair">
  292. <div class="q">
  293. <img class="qicon" src="https://static.tumblr.com/ukg9sji/nnyp62sni/morpsnn.png">
  294. Where does it come from?
  295. <!---end of question-->
  296. </div>
  297. <div class="a">
  298. <img class="aicon" src="https://static.tumblr.com/ukg9sji/PLqp62ssa/gcym7j8.png">
  299. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
  300. <!---end of question-->
  301. </div>
  302. <!---end of one q&a--->
  303. </div>
  304.  
  305.  
  306.  
  307. <!---end of chat, do not paste any q & a codes below this--->
  308. </div>
  309.  
  310. <!--- edit your ask title below-->
  311. <div class="descrip">
  312. <div style="text-align:center;font-style:italic">
  313. Thank you for your interest and support!
  314. </div></div>
  315. <!---end of ask title--->
  316.  
  317. <div class="descrip">
  318. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe>
  319. </div>
  320.  
  321.  
  322. <!---end of contain--->
  323. </div>
  324.  
  325.  
  326.  
  327.  
  328.  
  329. <!---end of content txt--->
  330. </div>
  331. <!---end of content--->
  332. </div>
  333.  
  334.  
  335. </html>
  336.  
  337. <span class="phc"><a href="https://nemurou.tumblr.com/">theme by<br><b>nemurou</b></a></span>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!