API tools faq
paste
nemurou

dust: 1

nemurou
Dec 9th, 2018
864
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.81 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr page by nemurou
  4.  
  5. january 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=Playfair+Display:400,400i,700,900|Source+Sans+Pro:400,400i,700" rel="stylesheet">
  21.  
  22. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  23. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24.  
  25. <script>
  26.  
  27. (function($){
  28.  
  29. $(document).ready(function(){
  30.  
  31. $("a[title]").style_my_tooltips({
  32.  
  33. tip_follows_cursor:true,
  34.  
  35. tip_delay_time:90,
  36.  
  37. tip_fade_speed:600,
  38.  
  39. attribute:"title"
  40.  
  41. });
  42.  
  43. });
  44.  
  45. })(jQuery);
  46.  
  47. </script>
  48.  
  49. <style type="text/css">
  50.  
  51. /*tumblr controls by cyantists*/
  52. iframe.tmblr-iframe {
  53. z-index: 99999999999999!important;
  54. top: 0!important;
  55. right: 0!important;
  56. opacity: 0.4;
  57. /*i moved the controls off the page lol but if you want them back just delete the line right below*/
  58. margin-top:-200px;
  59. filter: invert(1) contrast(150%);
  60. -webkit-filter: invert(1) contrast(150%);
  61. -o-filter: invert(1) contrast(150%);
  62. -moz-filter: invert(1) contrast(150%);
  63. -ms-filter: invert(1) contrast(150%);
  64. transform: scale(0.5);
  65. transform-origin: 100% 0;
  66. -webkit-transform: scale(.7);
  67. -webkit-transform-origin: 100% 0;
  68. -o-transform: scale(.7);
  69. -o-transform-origin: 100% 0;
  70. -moz-transform: scale(.7);
  71. -moz-transform-origin: 100% 0;
  72. -ms-transform: scale(.7);
  73. -ms-transform-origin: 100% 0;
  74. }
  75.  
  76. #s-m-t-tooltip {
  77. max-width:150px;
  78. background:#eee;
  79. padding:1px 6px 2px 6px;
  80. z-index:999;
  81. margin:20px;
  82. }
  83.  
  84. body {
  85. background:#fff;
  86. font-family: 'Source Sans Pro', sans-serif;
  87. font-size:12px;
  88. line-height:160%;
  89. color:#1A1A1A;
  90. margin:0;
  91. padding:0;
  92. -moz-osx-font-smoothing:grayscale;
  93. -webkit-font-smoothing:antialiased;
  94. font-smoothing:antialiased;
  95. }
  96.  
  97. a {
  98. text-decoration:none;
  99. color:#753726;
  100. }
  101.  
  102. #content {
  103. height:100vw;
  104. width:100%;
  105. position:fixed;
  106. }
  107.  
  108. #left {
  109. width:40vw;
  110. position:absolute;
  111. left:0px;
  112. height:100vh;
  113. background:#1a1a1a;
  114. color:#efefef;
  115. text-align:right;
  116. display: flex;
  117. justify-content:flex-end;
  118. align-items:center;
  119. padding-right:5vw;
  120. -webkit-box-sizing: border-box;
  121. -moz-box-sizing: border-box;
  122. box-sizing: border-box;
  123.  
  124. }
  125.  
  126. #right {
  127. width:60vw;
  128. margin-left:40vw;
  129. height:100vh;
  130. background:url(https://static.tumblr.com/grynaut/Ywcp2j2vw/dtwv8z_umai_pgd.jpg);
  131. -webkit-background-size: cover;
  132. -moz-background-size: cover;
  133. -o-background-size: cover;
  134. background-size: cover;
  135. }
  136.  
  137.  
  138. .c a {
  139. text-align:center;
  140. background:#fff;
  141. position:fixed;
  142. left:25px;
  143. bottom:25px;
  144. font-size:11px;
  145. font-family:calibri;
  146. color:#000;
  147. line-height:100%;
  148. z-index:999;
  149. border-radius:4px;
  150. -moz-border-radius:4px;
  151. -webkit-border-radius:4px;
  152. padding:5px 8px 6px 8px;
  153. }
  154.  
  155. #title {
  156. font-family: 'Playfair Display', serif;
  157. font-size:43px;
  158. text-transform:uppercase;
  159. font-weight:700;
  160. margin-top:40px;
  161. letter-spacing:1px;
  162. }
  163.  
  164. #tagline {
  165. font-family: 'Playfair Display', serif;
  166. font-size:16px;
  167. font-weight:700;
  168. margin-top:40px;
  169. font-style:italic;
  170. letter-spacing:1px;
  171. }
  172.  
  173. #description {
  174. width:30vw;
  175. margin-top:40px;
  176. line-height:200%;
  177. font-size:14px;
  178. }
  179.  
  180. #nav {
  181. margin-top:40px;
  182. font-family: 'Playfair Display', serif;
  183. font-weight:900;
  184. font-size:50px;
  185. }
  186.  
  187. #nav a {
  188. letter-spacing:10px;
  189. }
  190.  
  191. /*change color of each individual square here*/
  192.  
  193. #nav a:nth-child(1) {
  194. color:#efefef;
  195. }
  196.  
  197. #nav a:nth-child(2) {
  198. color:#a3a3a3;
  199. }
  200.  
  201. #nav a:nth-child(3) {
  202. color:#858585;
  203. }
  204.  
  205. #nav a:nth-child(4) {
  206. color:#525252;
  207. }
  208.  
  209. #nav a:nth-child(5) {
  210. color:#3d3d3d;
  211. }
  212.  
  213. #nav a:nth-child(6) {
  214. color:#333333;
  215. }
  216.  
  217. .phc a{
  218. text-align:center;
  219. background:#fff;
  220. position:fixed;
  221. right:25px;
  222. bottom:25px;
  223. font-size:11px;
  224. font-family:calibri;
  225. color:#000;
  226. line-height:100%;
  227. z-index:999;
  228. border-radius:4px;
  229. -moz-border-radius:4px;
  230. -webkit-border-radius:4px;
  231. padding:5px 8px 6px 8px;
  232. }
  233.  
  234.  
  235. </style> </head> <body>
  236.  
  237.  
  238. <div id="content">
  239. <div id="content-txt">
  240. <div id="left">
  241. <div id="left-txt">
  242. <div id="title">jeonghan</div>
  243. <div id="tagline">say the name, seventeen!</div>
  244. <div id="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam luctus nibh ac ante ornare, ut placerat quam pretium. Aliquam cursus magna non facilisis malesuada. Donec tellus nisi, lobortis in lobortis quis, aliquet vel arcu. Pellentesque vitae aliquet massa. Pellentesque in ex laoreet, blandit felis dignissim, convallis justo. Nulla euismod ultricies erat, in tincidunt dui sodales eget.</div>
  245. <div id="nav">
  246. <a href="/" title="return">&#9632;</a>
  247. <a href="/ask" title="message">&#9632;</a>
  248. <a href="/archive" title="archive">&#9632;</a>
  249. <a href="/" title="link one">&#9632;</a>
  250. <a href="/" title="link two">&#9632;</a>
  251. <a href="/" title="link three">&#9632;</a>
  252. <!---end of nav--->
  253. </div>
  254. <!---end of left text--->
  255. </div>
  256. <!---end of left--->
  257. </div>
  258. <div id="right">
  259. <!---end of right--->
  260. </div>
  261. <!---end of content txt--->
  262. </div>
  263. <!---end of content--->
  264. </div>
  265.  
  266.  
  267. </html>
  268.  
  269. <span class="phc"><a href="https://nemurou.tumblr.com/">theme by<br><b>nemurou</b></a></span>
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!