API tools faq
paste
Advertisement
dukkuu

retired tumblr structure

dukkuu
Jul 10th, 2017
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.14 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!------
  3.  
  4.  
  5. ---
  6. --
  7. ---- P R E S C R I P T I O N
  8. ---
  9. ---- iliyon
  10. --
  11. ---
  12.  
  13.  
  14. -------->
  15. <head><link rel="shortcut icon" href="{Favicon}"><link href='http://static.tumblr.com/wb7siqo/Omqnia97g/cssnormalize.css' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
  16. <title>Structure</title> <!-- CHANGE TITLE HERE -->
  17. <style type="text/css">
  18.  
  19. body{
  20. font-family:Karla;
  21. color:#fff; /* - Global text color - */
  22. background:#fff; /* - Background color - */
  23. font-size:1em;
  24. }
  25. before{
  26. position:fixed;
  27. background-color:#000;
  28. top:50px;
  29. bottom:50px;
  30. left:50px;
  31. right:50px;
  32. background-image:url('http://40.media.tumblr.com/5f3f3d2d2f4a81c3c60500b62c198eed/tumblr_noq5zbZF011qfirfao1_1280.jpg');
  33. background-size:cover;
  34. background-position:center;
  35. box-shadow:inset 0px 0px 30px -15px #000;
  36. }
  37. #s-m-t-tooltip {
  38. z-index:999999;
  39. padding:4px 7px 4px 7px;
  40. background-color:#000;
  41. border:1px solid #fff;
  42. color:#fff;
  43. font-family:arial;
  44. font-size:10px;
  45. letter-spacing:1px;
  46. text-transform:uppercase;
  47. }
  48. ::-webkit-scrollbar{
  49. width:10px;
  50. height:10px;
  51. }
  52. ::-webkit-scrollbar-thumb {
  53. height:6px;
  54. border:4px solid rgba(0, 0, 0, 0);
  55. background-clip: padding-box;
  56. -webkit-border-radius: 14px;
  57. -webkit-box-shadow: inset 0px 0px 3px #aaa;
  58. background-color: rgba(255,255,255, 0.5);
  59. }
  60. ::-webkit-scrollbar-button {
  61. width: 0; height: 0; display: none;
  62. }
  63. ::-webkit-scrollbar-corner{
  64. background-color: transparent;
  65. }
  66. before a{
  67. color:#fff;
  68. text-transform:uppercase;
  69. font-size:.8em;
  70. letter-spacing:1px;
  71. text-decoration:none;
  72. line-height:15px;
  73. margin-right:5px;
  74. }
  75. before a:hover{
  76. border-bottom:1px solid #fff;
  77. padding-bottom:2px;
  78. }
  79. b{
  80. font-weight:700;
  81. }
  82. i{
  83. font-style:italic;
  84. }
  85. small{
  86. font-size:80%;
  87. }
  88. big{
  89. font-size:120%;
  90. }
  91. p{
  92. margin:1em 0em;
  93. }
  94.  
  95. #uni {
  96. width:180px;
  97. padding:40px;
  98. background-color:rgba(0,0,0,.6);
  99. position:absolute;
  100. bottom:0;
  101. top:0;
  102. }
  103.  
  104. #unicorns{
  105. font-size:2em;
  106. font-weight:700;
  107. height:34px;
  108. width:180px;
  109. }
  110. #unicornchildren {
  111. font-size:.7em;
  112. width:180px;
  113. }
  114. #unicornlinks {
  115. font-size:.7em;
  116. margin-top:10px;
  117. max-width:180px;
  118. margin-bottom:37px;
  119. }
  120. #unicornasks {
  121. font-size:.7em;
  122. font-style:italic;
  123. width:180px;
  124. line-height:15px;
  125. margin-top:3px;
  126. }
  127. #unicornanswers {
  128. padding-left:10px;
  129. width:170px;
  130. font-size:.7em;
  131. }
  132. #unicornsearch {
  133. margin-top:40px;
  134. }
  135. .sfm input {
  136. background-color:rgba(0,0,0,.2);
  137. font-size: 8px;
  138. border: 0px;
  139. text-transform: uppercase;
  140. margin-top: 0px;
  141. color: #f8f8f8;
  142. letter-spacing: 1px;
  143. padding: 4px 8px;
  144. font-family: calibri, helvetica, arial;}
  145. #sf {border:1px solid #fff;width:150px;}
  146. #sb {border:1px solid #fff;}
  147.  
  148. another{
  149. position:fixed;
  150. float:left;
  151. top:50px;
  152. left:310px;
  153. right:50px;
  154. bottom:50px;
  155. padding:40px;
  156. overflow:scroll;
  157. background-color:rgba(0,0,0,.2);
  158. }
  159.  
  160. /* - FILL-IN-THE-BLANKS - */
  161. .spacer{
  162. margin-top:40px;
  163. }
  164. .sub{ /* Title for each section - */
  165. font-size:1em;
  166. letter-spacing:1px;
  167. font-style:italic;
  168. border-bottom:2px #fff solid;
  169. padding-bottom:4px;
  170. display:inline-block;
  171. -webkit-transition:all ease-in-out .7s;
  172. -moz-transition:all ease-in-out .7s;
  173. -o-transition:all ease-in-out .7s;
  174. -transition:all ease-in-out .7s;
  175. }
  176. .sub:hover{
  177. text-shadow:0px 0px 20px #000;
  178. }
  179. .link{ /* - Link section - */
  180. font-size:.75em;
  181. margin:1em 0em 3em 0em;
  182. }
  183. .link ol{
  184. counter-reset: LIST-ITEMS;
  185. }
  186. .link ol li{
  187. display:inline-block;
  188. text-align:right;
  189. width:29%;
  190. margin:2.75% 1.5%;
  191. box-sizing:border-box;
  192. border-bottom:1px #fff solid;
  193. padding:5px;
  194. vertical-align:bottom/* Other options: top, baseline, middle. Use if your links exceed one line */;
  195. -webkit-transition:all ease-in-out .7s;
  196. -moz-transition:all ease-in-out .7s;
  197. -o-transition:all ease-in-out .7s;
  198. -transition:all ease-in-out .7s;
  199. }
  200. .link li:before{
  201. content: counter( LIST-ITEMS ) ".";
  202. counter-increment: LIST-ITEMS;
  203. padding-right:3px;
  204. float:left;
  205. font-size:.85em;
  206. position:relative;
  207. top:2px;
  208. left:-3px;
  209. }
  210. .link li > a{
  211. display:block;
  212. color:#fff;
  213. text-decoration:none;
  214. text-transform:uppercase;
  215. font-weight:700;
  216. -webkit-transition:all ease-in-out .7s;
  217. -moz-transition:all ease-in-out .7s;
  218. -o-transition:all ease-in-out .7s;
  219. -transition:all ease-in-out .7s;
  220. }
  221. .link li > a:hover{
  222. letter-spacing:3px;
  223. text-shadow:0px 0px 10px #000;
  224. }
  225.  
  226. </style>
  227. </head>
  228. <body>
  229.  
  230. <before>
  231. <div id="uni">
  232. <div id="unicorns">unicorns;</div>
  233. <div id="unicornchildren">pisces from the '00 line. i get lost in the confusion of everyday</div>
  234. <div id="unicornlinks"><a href="/">back</a> <a href="/contact">contact</a> <a href="/archive">archive</a> <a href="http://instagram.com/minsquares">instagram</a> <a href="http://twitter.com/minsquares">twitter</a> <a href="/bookshelf" title="coming soon"><s>manga</s></a><br/><a href="http://iliyon.tumblr.com/" title="original theme (this version is tweaked)">original theme</a> <a href="http://jaymantri.com/">bckgrnd credit</a></div>
  235. <div id="unicornasks">where are you from?</div>
  236. <div id="unicornanswers">jakarta/bogor, indonesia</div>
  237. <div id="unicornasks">do you accept requests?</div>
  238. <div id="unicornanswers">leave a request in my ask</div>
  239. <div id="unicornasks">music?</div>
  240. <div id="unicornanswers">i like kpop (obviously) but i love rock, alternative, osts, and 80s-90s songs. i like most genres</div>
  241. <div id="unicornsearch" style="">
  242. <form action="/search" method="get" class="sfm">
  243. <input type="text" name="q" value="search tag" id="sf"/>
  244. <input type="submit" value="+" id="sb"/>
  245. </form>
  246. </div>
  247. </div>
  248. </before>
  249.  
  250. <another>
  251.  
  252. <section class="sub">Types</section> <!-- SECTION START -->
  253. <section class="link">
  254. <ol>
  255. <li><a href="tagged/minsquares">paintings</a></li>
  256. <li><a href="/tagged/gridxing">edits</a></li>
  257. <li><a href="/tagged/things that">text posts</a></li>
  258. </ol>
  259. </section>
  260.  
  261.  
  262. <section class="sub">Humans</section> <!-- SECTION START -->
  263. <section class="link">
  264. <ol>
  265. <li><a href="/tagged/bts">BTS</a></li>
  266. <li><a href="/tagged/ikon">ikon</a></li>
  267. <li><a href="/tagged/winner">winner</a></li>
  268. <li><a href="/tagged/bap">b.a.p</a></li>
  269. <li><a href="/tagged/red velvet">red velvet</a>
  270. </ol>
  271. </section>
  272.  
  273.  
  274. <section class="sub">Sets</section> <!-- SECTION START -->
  275. <section class="link">
  276. <ol>
  277. <li><a href="/tagged/geometry">Geometry</a></li>
  278. <li><a href="/tagged/i replied">Answered Queries</a></li>
  279. </ol>
  280. </section>
  281.  
  282.  
  283. </section>
  284. </another>
  285.  
  286. </body>
  287. </html>
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!