API tools faq
paste
Advertisement
wizardhut

JELLY

wizardhut
Sep 20th, 2018
533
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7.  
  8. Theme: Jelly
  9. bigchobani @ tumblr
  10.  
  11.  
  12. Tumblr controls code provided by cyantists - http://cyantists.tumblr.com/tumblr_controls/always
  13.  
  14.  
  15. --->
  16.  
  17.  
  18. <meta name="image:Topbar Image" content="/">
  19.  
  20. <meta name="color:Accent" content="#4cc0ff">
  21. <meta name="color:Sidebar Gradient 1" content="#08AEEA">
  22. <meta name="color:Sidebar Gradient 2" content="#2AF598">
  23.  
  24. <meta name="if:Night Mode" content="0">
  25. <meta name="if:Sidebar Gradient" content="0">
  26. <meta name="if:Dropdown Link 4" content="1">
  27. <meta name="if:Dropdown Link 5" content="1">
  28. <meta name="if:Dropdown Link 6" content="1">
  29. <meta name="if:Dropdown Link 7" content="1">
  30.  
  31. <meta name="text:Link 1 Name" content="link 1">
  32. <meta name="text:Link 1 URL" content="/">
  33. <meta name="text:Link 2 Name" content="link 2">
  34. <meta name="text:Link 2 URL" content="/">
  35. <meta name="text:Link 3 Name" content="link 3">
  36. <meta name="text:Link 3 URL" content="/">
  37. <meta name="text:Link 4 Name" content="link 4">
  38. <meta name="text:Link 4 URL" content="/">
  39. <meta name="text:Link 5 Name" content="link 5">
  40. <meta name="text:Link 5 URL" content="/">
  41. <meta name="text:Link 6 Name" content="link 6">
  42. <meta name="text:Link 6 URL" content="/">
  43. <meta name="text:Link 7 Name" content="link 7">
  44. <meta name="text:Link 7 URL" content="/">
  45.  
  46. <meta name="text:Sidebar Name" content="Name">
  47.  
  48. <meta name="select:Link 1 Icon" content="lnr-user" title="User">
  49. <meta name="select:Link 1 Icon" content="lnr-heart" title="Heart">
  50. <meta name="select:Link 1 Icon" content="lnr-sun" title="Sun">
  51. <meta name="select:Link 1 Icon" content="lnr-magic-wand" title="Magic Wand">
  52. <meta name="select:Link 1 Icon" content="lnr-star" title="Star">
  53. <meta name="select:Link 1 Icon" content="lnr-leaf" title="Leaf">
  54. <meta name="select:Link 1 Icon" content="lnr-bug" title="Bug">
  55. <meta name="select:Link 1 Icon" content="lnr-rocket" title="Rocket">
  56. <meta name="select:Link 1 Icon" content="lnr-tag" title="Tag">
  57. <meta name="select:Link 1 Icon" content="lnr-plus-circle" title="Plus">
  58. <meta name="select:Link 1 Icon" content="lnr-moon" title="Moon">
  59. <meta name="select:Link 1 Icon" content="lnr-cloud" title="Cloud">
  60.  
  61. <meta name="select:Link 2 Icon" content="lnr-user" title="User">
  62. <meta name="select:Link 2 Icon" content="lnr-heart" title="Heart">
  63. <meta name="select:Link 2 Icon" content="lnr-sun" title="Sun">
  64. <meta name="select:Link 2 Icon" content="lnr-magic-wand" title="Magic Wand">
  65. <meta name="select:Link 2 Icon" content="lnr-star" title="Star">
  66. <meta name="select:Link 2 Icon" content="lnr-leaf" title="Leaf">
  67. <meta name="select:Link 2 Icon" content="lnr-bug" title="Bug">
  68. <meta name="select:Link 2 Icon" content="lnr-rocket" title="Rocket">
  69. <meta name="select:Link 2 Icon" content="lnr-tag" title="Tag">
  70. <meta name="select:Link 2 Icon" content="lnr-plus-circle" title="Plus">
  71. <meta name="select:Link 2 Icon" content="lnr-moon" title="Moon">
  72. <meta name="select:Link 2 Icon" content="lnr-cloud" title="Cloud">
  73.  
  74. <meta name="select:Link 3 Icon" content="lnr-user" title="User">
  75. <meta name="select:Link 3 Icon" content="lnr-heart" title="Heart">
  76. <meta name="select:Link 3 Icon" content="lnr-sun" title="Sun">
  77. <meta name="select:Link 3 Icon" content="lnr-magic-wand" title="Magic Wand">
  78. <meta name="select:Link 3 Icon" content="lnr-star" title="Star">
  79. <meta name="select:Link 3 Icon" content="lnr-leaf" title="Leaf">
  80. <meta name="select:Link 3 Icon" content="lnr-bug" title="Bug">
  81. <meta name="select:Link 3 Icon" content="lnr-rocket" title="Rocket">
  82. <meta name="select:Link 3 Icon" content="lnr-tag" title="Tag">
  83. <meta name="select:Link 3 Icon" content="lnr-plus-circle" title="Plus">
  84. <meta name="select:Link 3 Icon" content="lnr-moon" title="Moon">
  85. <meta name="select:Link 3 Icon" content="lnr-cloud" title="Cloud">
  86.  
  87. <meta name="select:Link 4 Icon" content="lnr-user" title="User">
  88. <meta name="select:Link 4 Icon" content="lnr-heart" title="Heart">
  89. <meta name="select:Link 4 Icon" content="lnr-sun" title="Sun">
  90. <meta name="select:Link 4 Icon" content="lnr-magic-wand" title="Magic Wand">
  91. <meta name="select:Link 4 Icon" content="lnr-star" title="Star">
  92. <meta name="select:Link 4 Icon" content="lnr-leaf" title="Leaf">
  93. <meta name="select:Link 4 Icon" content="lnr-bug" title="Bug">
  94. <meta name="select:Link 4 Icon" content="lnr-rocket" title="Rocket">
  95. <meta name="select:Link 4 Icon" content="lnr-tag" title="Tag">
  96. <meta name="select:Link 4 Icon" content="lnr-plus-circle" title="Plus">
  97. <meta name="select:Link 4 Icon" content="lnr-moon" title="Moon">
  98. <meta name="select:Link 4 Icon" content="lnr-cloud" title="Cloud">
  99.  
  100. <meta name="select:Link 5 Icon" content="lnr-user" title="User">
  101. <meta name="select:Link 5 Icon" content="lnr-heart" title="Heart">
  102. <meta name="select:Link 5 Icon" content="lnr-sun" title="Sun">
  103. <meta name="select:Link 5 Icon" content="lnr-magic-wand" title="Magic Wand">
  104. <meta name="select:Link 5 Icon" content="lnr-star" title="Star">
  105. <meta name="select:Link 5 Icon" content="lnr-leaf" title="Leaf">
  106. <meta name="select:Link 5 Icon" content="lnr-bug" title="Bug">
  107. <meta name="select:Link 5 Icon" content="lnr-rocket" title="Rocket">
  108. <meta name="select:Link 5 Icon" content="lnr-tag" title="Tag">
  109. <meta name="select:Link 5 Icon" content="lnr-plus-circle" title="Plus">
  110. <meta name="select:Link 5 Icon" content="lnr-moon" title="Moon">
  111. <meta name="select:Link 5 Icon" content="lnr-cloud" title="Cloud">
  112.  
  113. <meta name="select:Link 6 Icon" content="lnr-user" title="User">
  114. <meta name="select:Link 6 Icon" content="lnr-heart" title="Heart">
  115. <meta name="select:Link 6 Icon" content="lnr-sun" title="Sun">
  116. <meta name="select:Link 6 Icon" content="lnr-magic-wand" title="Magic Wand">
  117. <meta name="select:Link 6 Icon" content="lnr-star" title="Star">
  118. <meta name="select:Link 6 Icon" content="lnr-leaf" title="Leaf">
  119. <meta name="select:Link 6 Icon" content="lnr-bug" title="Bug">
  120. <meta name="select:Link 6 Icon" content="lnr-rocket" title="Rocket">
  121. <meta name="select:Link 6 Icon" content="lnr-tag" title="Tag">
  122. <meta name="select:Link 6 Icon" content="lnr-plus-circle" title="Plus">
  123. <meta name="select:Link 6 Icon" content="lnr-moon" title="Moon">
  124. <meta name="select:Link 6 Icon" content="lnr-cloud" title="Cloud">
  125.  
  126. <meta name="select:Link 7 Icon" content="lnr-user" title="User">
  127. <meta name="select:Link 7 Icon" content="lnr-heart" title="Heart">
  128. <meta name="select:Link 7 Icon" content="lnr-sun" title="Sun">
  129. <meta name="select:Link 7 Icon" content="lnr-magic-wand" title="Magic Wand">
  130. <meta name="select:Link 7 Icon" content="lnr-star" title="Star">
  131. <meta name="select:Link 7 Icon" content="lnr-leaf" title="Leaf">
  132. <meta name="select:Link 7 Icon" content="lnr-bug" title="Bug">
  133. <meta name="select:Link 7 Icon" content="lnr-rocket" title="Rocket">
  134. <meta name="select:Link 7 Icon" content="lnr-tag" title="Tag">
  135. <meta name="select:Link 7 Icon" content="lnr-plus-circle" title="Plus">
  136. <meta name="select:Link 7 Icon" content="lnr-moon" title="Moon">
  137. <meta name="select:Link 7 Icon" content="lnr-cloud" title="Cloud">
  138.  
  139. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  140.  
  141. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  142.  
  143. <link href="https://fonts.googleapis.com/css?family=Montserrat:500,600,700|Rubik:400,500,700|Quicksand:500,700|Karla:400,700" rel="stylesheet">
  144.  
  145. <style type="text/css">
  146.  
  147. body {
  148. background:#e9e9e9;
  149. {block:ifnightmode}background:#030303;{/block:ifnightmode}
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. width: 1em;
  154. }
  155.  
  156. ::-webkit-scrollbar-track {
  157. background:#e9e9e9;
  158. {block:ifnightmode}background:#030303;{/block:ifnightmode}
  159. }
  160.  
  161. ::-webkit-scrollbar-thumb {
  162. background-color: darkgrey;
  163. }
  164.  
  165. ::selection {
  166. background:{color:accent};
  167. color:#fff;
  168. }
  169.  
  170.  
  171. a {
  172. color:{color:accent};
  173. text-decoration:none;
  174. }
  175.  
  176. a:hover {
  177. text-decoration:underline;
  178. }
  179.  
  180.  
  181.  
  182. /* --------------------------------------------------------------- TOP BAR */
  183.  
  184.  
  185. .topbar {
  186. width:100%;
  187. position:fixed;
  188. background:#fff;
  189. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  190. padding:5px;
  191. height:38px;
  192. padding-bottom:0px;
  193. top:0;
  194. left:0;
  195. box-shadow: 0 2px 15px 2px rgba(0,0,0,0.05);
  196. {block:ifnightmode}border-bottom:1px solid #353535;{/block:ifnightmode}
  197. }
  198.  
  199.  
  200. .blogtitle {
  201. font-family:'karla', sans-serif;
  202. font-weight:700;
  203. font-size:20px;
  204. text-transform:capitalize;
  205. {block:ifnightmode}color:#D7DADC;{/block:ifnightmode}
  206. }
  207.  
  208. .blogtitle img {
  209. vertical-align:-25%;
  210. margin-right:5px;
  211. margin-left:5px;
  212. height:27px;
  213. width:27px;
  214. margin-top:3px;
  215. border-radius:5px;
  216.  
  217. }
  218.  
  219.  
  220.  
  221. /* ---------------------------------------------------------- DROPDOWN NAV */
  222.  
  223.  
  224. .dropbtn {
  225. background-color: #fff;
  226. {block:ifnightmode}background-color:#1A1A1B;{/block:ifnightmode}
  227. color: #000;
  228. {block:ifnightmode}color:#D7DADC;{/block:ifnightmode}
  229. padding: 7px;
  230. font-size: 11px;
  231. margin-top:-41.5px;
  232. position:absolute;
  233. border:1px solid #eee;
  234. {block:ifnightmode}border:1px solid #343536;{/block:ifnightmode}
  235. width:200px;
  236. text-align:left;
  237. margin-left:125px;
  238. font-family:'karla';
  239. font-weight:700;
  240. border-radius:3px;
  241. padding-left:20px;
  242. }
  243.  
  244. .dropbtn:hover {
  245. border:1px solid #eee;
  246. {block:ifnightmode}border:1px solid #343536;{/block:ifnightmode}
  247. background:none;
  248. outline:0;
  249. }
  250.  
  251. .dropbtn:focus {
  252. outline:0;
  253. border:1px solid #eee;
  254. {block:ifnightmode}border:1px solid #343536;{/block:ifnightmode}
  255. border-bottom:none;
  256. }
  257.  
  258.  
  259. .dropbtn img {
  260. vertical-align:-34%;
  261. margin-right:5px;
  262. border-radius:3px;
  263. }
  264.  
  265. .dropdown {
  266. display: inline-block;
  267. }
  268.  
  269. .dropdown-content {
  270. display: none;
  271. position: absolute;
  272. background-color: #fff;
  273. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  274. min-width: 198px;
  275. overflow: auto;
  276. font-size:11px;
  277. z-index: 1;
  278. margin-left:125px;
  279. margin-top:-11px;
  280. border-left:1px solid #eee;
  281. border-right:1px solid #eee;
  282. border-bottom:1px solid #eee;
  283. {block:ifnightmode}
  284. border-left:1px solid #343536;
  285. border-right:1px solid #343536;
  286. border-bottom:1px solid #343536;
  287. {/block:ifnightmode}
  288. font-family:'karla';
  289. max-height:300px;
  290. border-bottom-right-radius:3px;
  291. border-bottom-left-radius:3px;
  292. padding-bottom:10px;
  293. }
  294.  
  295. .dropdown-content a {
  296. color: black;
  297. {block:ifnightmode}color:#D7DADC;{/block:ifnightmode}
  298. padding: 5px 5px 5px 20px;
  299. text-decoration: none;
  300. display: block;
  301. }
  302.  
  303. .dropdown a:hover {
  304. background:#f9f9f9;
  305. {block:ifnightmode}background:#272729;{/block:ifnightmode}
  306. }
  307.  
  308. .dropdown-content img {
  309. width:13px;
  310. margin-right:10px;
  311. vertical-align:-20%;
  312. {block:ifnightmode}filter: invert(75%);{/block:ifnightmode}
  313. }
  314.  
  315.  
  316. .show {display: block;}
  317.  
  318.  
  319. h5 {
  320. padding-left:20px;
  321. color:#999;
  322. margin-bottom:5px;
  323. font-weight:600;
  324. letter-spacing:0.5px;
  325. font-size:8px;
  326. }
  327.  
  328.  
  329. /* ----------------------------------------------------------------- POSTS */
  330.  
  331. .posts {
  332. width:500px;
  333. background:#fff;
  334. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  335. padding:10px;
  336. padding-left:40px;
  337. padding-right:0px;
  338. border-radius:5px;
  339. margin-bottom:-80px;
  340. margin-top:100px;
  341. margin-left:345px;
  342. border:1px solid #ccc;
  343. {block:ifnightmode}border:1px solid #343536;{/block:ifnightmode}
  344. max-width:100%;
  345. box-shadow: inset 20px 0 0px -7px #f0f0f0;
  346. {block:ifnightmode}box-shadow: inset 20px 0 0px -7px #222;{/block:ifnightmode}
  347. }
  348.  
  349. .posts:hover {
  350. border:1px solid #999;
  351.  
  352. }
  353.  
  354. .posts img {
  355. max-width:100%;
  356. }
  357.  
  358. .text_title {
  359. font-family:'karla';
  360. font-size:15px;
  361. font-weight:500;
  362. {block:ifnightmode}color:#6F7071;{/block:ifnightmode}
  363. }
  364.  
  365. .text_body {
  366. font-family:'karla';
  367. font-size:10px;
  368. padding-right:5px;
  369. line-height:20px;
  370. {block:ifnightmode}color:#6F7071;{/block:ifnightmode}
  371. }
  372.  
  373.  
  374.  
  375. /* ------------------------------------------------------------- POST INFO */
  376.  
  377.  
  378. .post_type {
  379. font-weight:500;
  380. font-family:'karla';
  381. font-size:11px;
  382. margin-bottom:10px;
  383. {block:ifnightmode}color:#D7DADC;{/block:ifnightmode}
  384. }
  385.  
  386. .post_type img {
  387. vertical-align:-30%;
  388. margin-right:2px;
  389. {block:ifnightmode}filter: invert(75%);{/block:ifnightmode}
  390. }
  391.  
  392.  
  393. .post_info {
  394. font-weight:400;
  395. font-family:'karla';
  396. font-size:11px;
  397. color:#999;
  398. }
  399.  
  400. .captions {
  401. margin-top:10px;
  402. font-family:'karla';
  403. font-size:11px;
  404. line-height:20px;
  405. {block:ifnightmode}color:#6F7071;{/block:ifnightmode}
  406. }
  407.  
  408. .quote {
  409. font-family:'karla';
  410. font-size:15px;
  411. font-weight:500;
  412. {block:ifnightmode}color:#6F7071;{/block:ifnightmode}
  413. }
  414.  
  415. .tags {
  416. color:#999;
  417. font-family:'karla';
  418. font-size:11px;
  419. margin-top:10px;
  420. font-weight:500;
  421. }
  422.  
  423.  
  424. .tags img {
  425. padding-right:5px;
  426. width:12px;
  427. vertical-align:-25%;
  428. }
  429.  
  430.  
  431. .tags a {
  432. border:none;
  433. color:#999;
  434. padding:3px;
  435. border-radius:2px;
  436. }
  437.  
  438.  
  439. .tags a:hover {
  440. background:#ddd;
  441. {block:ifnightmode}background:#343536;{/block:ifnightmode}
  442. text-decoration:none;
  443. border:none;
  444. }
  445.  
  446.  
  447.  
  448. /* --------------------------------------------------------------- SIDEBAR */
  449.  
  450. .sidebar {
  451. width:300px;
  452. background:{color:accent};
  453. {block:ifsidebargradient}background: linear-gradient(70deg, {color:sidebar gradient 1} 0%, {color:sidebar gradient 2} 100%);{/block:ifsidebargradient}
  454. border-radius:3px;
  455. position:fixed;
  456. padding:0px;
  457. height:200px;
  458. margin-left:980px;
  459. }
  460.  
  461.  
  462. .sidebar_bottom {
  463. background:#fff;
  464. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  465. height:auto;
  466. padding-bottom:10px;
  467. margin-top:80px;
  468. border-bottom-right-radius:3px;
  469. border-bottom-left-radius:3px;
  470. padding-left:10px;
  471. font-family:'karla';
  472. line-height:20px;
  473. padding-right:10px;
  474. {block:ifnightmode}color:#D7DADC;{/block:ifnightmode}
  475. }
  476.  
  477. .sidebar_bottom img {
  478. border:3px solid white;
  479. {block:ifnightmode}border:3px solid #1A1A1B;{/block:ifnightmode}
  480. border-radius:3px;
  481. margin-top:-50px;
  482. }
  483.  
  484.  
  485. .follow {
  486. margin-top:10px;
  487. padding:5px;
  488. }
  489.  
  490. .follow a {
  491. background:{color:accent};
  492. display:block;
  493. border-radius:3px;
  494. color:white;
  495. text-align:center;
  496. padding:3px;
  497. text-transform:uppercase;
  498. font-size:11px;
  499. font-weight:700;
  500. letter-spacing:0.5px;
  501. margin-bottom:5px;
  502. {block:ifnightmode}
  503. background:#D7DADC;
  504. color:#1A1A1B;
  505. {/block:ifnightmode}
  506. }
  507.  
  508.  
  509. .follow a:hover {
  510. text-decoration:none;
  511. opacity:.8;
  512. }
  513.  
  514.  
  515.  
  516. /* ------------------------------------------------------------- CHAT POST */
  517.  
  518.  
  519. #chatlabel {
  520. text-align:left;
  521. font-family:'karla';
  522. color:{color:accent};
  523. font-size:10px;
  524. margin-bottom:2px;
  525. letter-spacing:1px;
  526. text-transform:uppercase;
  527. }
  528.  
  529. #chatlines {
  530. font-family:'karla';
  531. text-align:left;
  532. {block:ifnightmode}color:#6F7071;{/block:ifnightmode}
  533. padding:3px;
  534. font-size:10px;
  535. }
  536.  
  537.  
  538.  
  539. /* -------------------------------------------------------- PERMALINK PAGE */
  540.  
  541. .postnotes {
  542. padding:20px;
  543. padding-left:0px;
  544. font-family:'karla';
  545. color:#555;
  546. font-size:11px;
  547. letter-spacing:0.5px;
  548. line-height:35px;
  549. max-height:300px;
  550. overflow:auto;
  551. width:530px;
  552. margin-left:-50px;
  553. margin-top:40px;
  554. }
  555.  
  556.  
  557. .postnotes a {
  558. border:none;
  559. }
  560.  
  561. .postnotes a:hover {
  562. color:{color:accent};
  563. }
  564.  
  565. .postnotes img {
  566. border-radius:100%;
  567. margin-right:5px;
  568. vertical-align:-15%;
  569. }
  570.  
  571. .postnotes li {
  572. list-style-type:none;
  573. }
  574.  
  575.  
  576. .postnotes::-webkit-scrollbar-track {
  577. background:#191919;
  578. }
  579.  
  580.  
  581. /* ---------------------- MISC STUFF - AUDIO PLAYER, TUMBLR CONTROLS, ETC. */
  582.  
  583. iframe.tumblr_audio_player {
  584. height:85px!important
  585. }
  586.  
  587. .sfm input {
  588. background-color: #f9f9f9;
  589. {block:ifnightmode}background:#272729;{/block:ifnightmode}
  590. font-size: 11px;
  591. margin-left:340px;
  592. color: #999;
  593. letter-spacing:0px;
  594. padding:8.5px;
  595. font-family: 'karla';
  596. border:1px solid #f0f0f0;
  597. {block:ifnightmode}border:1px solid #343536;{/block:ifnightmode}
  598. width:50%;
  599. margin-top:-45px;
  600. position:absolute;
  601. border-radius:3px;
  602. }
  603.  
  604.  
  605. .sfm input:focus {
  606. outline:none;
  607. background-color:#fff;
  608. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  609. border:1px solid {color:accent};
  610.  
  611. }
  612.  
  613. .sfm input:hover {
  614. background-color:#fff;
  615. {block:ifnightmode}background:#1A1A1B;{/block:ifnightmode}
  616. border:1px solid {color:accent};
  617. }
  618.  
  619.  
  620. iframe.tmblr-iframe {
  621. z-index:99999999999999!important;
  622. top:0!important;
  623. right:0!important;
  624. opacity:0.4;
  625. /* delete invert(1) from here */
  626. filter:invert(1) contrast(150%);
  627. -webkit-filter:invert(1) contrast(150%);
  628. -o-filter:invert(1) contrast(150%);
  629. -moz-filter:invert(1) contrast(150%);
  630. -ms-filter:invert(1) contrast(150%);
  631. /* to here if your blog has a dark background */
  632. {block:ifnightmode}
  633. filter:contrast(150%);
  634. -webkit-filter:contrast(150%);
  635. -o-filter:contrast(150%);
  636. -moz-filter:contrast(150%);
  637. -ms-filter:contrast(150%);
  638. {/block:ifnightmode}
  639. transform:scale(0.65);
  640. transform-origin:100% 0;
  641. -webkit-transform:scale(0.65);
  642. -webkit-transform-origin:100% 0;
  643. -o-transform:scale(0.65);
  644. -o-transform-origin:100% 0;
  645. -moz-transform:scale(0.65);
  646. -moz-transform-origin:100% 0;
  647. -ms-transform:scale(0.65);
  648. -ms-transform-origin:100% 0;
  649. transition:.4s;
  650. }
  651.  
  652.  
  653. iframe.tmblr-iframe:hover {
  654. opacity:0.6!important;
  655. transition:.4s;
  656. }
  657.  
  658.  
  659.  
  660. /* ------------------------------------------------------------- ICON FONT */
  661.  
  662.  
  663. .lnr-home {
  664. font-size:13px;
  665. color:#000;
  666. font-weight:bold;
  667. margin-right:5px;
  668. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  669. }
  670.  
  671. .lnr-envelope {
  672. font-size:13px;
  673. color:#000;
  674. font-weight:bold;
  675. margin-right:5px;
  676. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  677. }
  678.  
  679. .lnr-inbox {
  680. font-size:13px;
  681. color:#000;
  682. font-weight:bold;
  683. margin-right:5px;
  684. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  685. }
  686.  
  687. .lnr-calendar-full {
  688. font-size:13px;
  689. color:#000;
  690. font-weight:bold;
  691. margin-right:5px;
  692. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  693. }
  694.  
  695. .lnr-user {
  696. font-size:13px;
  697. color:#000;
  698. font-weight:bold;
  699. margin-right:5px;
  700. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  701. }
  702.  
  703. .lnr-heart {
  704. font-size:13px;
  705. color:#000;
  706. font-weight:bold;
  707. margin-right:5px;
  708. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  709. }
  710.  
  711. .lnr-sun {
  712. font-size:13px;
  713. color:#000;
  714. font-weight:bold;
  715. margin-right:5px;
  716. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  717. }
  718.  
  719. .lnr-magic-wand {
  720. font-size:13px;
  721. color:#000;
  722. font-weight:bold;
  723. margin-right:5px;
  724. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  725. }
  726.  
  727. .lnr-star {
  728. font-size:13px;
  729. color:#000;
  730. font-weight:bold;
  731. margin-right:5px;
  732. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  733. }
  734.  
  735. .lnr-leaf {
  736. font-size:13px;
  737. color:#000;
  738. font-weight:bold;
  739. margin-right:5px;
  740. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  741. }
  742.  
  743. .lnr-bug {
  744. font-size:13px;
  745. color:#000;
  746. font-weight:bold;
  747. margin-right:5px;
  748. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  749. }
  750.  
  751. .lnr-rocket {
  752. font-size:13px;
  753. color:#000;
  754. font-weight:bold;
  755. margin-right:5px;
  756. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  757. }
  758.  
  759. .lnr-tag {
  760. font-size:13px;
  761. color:#000;
  762. font-weight:bold;
  763. margin-right:5px;
  764. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  765. }
  766.  
  767. .lnr-plus-circle {
  768. font-size:13px;
  769. color:#000;
  770. font-weight:bold;
  771. margin-right:5px;
  772. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  773. }
  774.  
  775. .lnr-moon {
  776. font-size:13px;
  777. color:#000;
  778. font-weight:bold;
  779. margin-right:5px;
  780. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  781. }
  782.  
  783. .lnr-cloud {
  784. font-size:13px;
  785. color:#000;
  786. font-weight:bold;
  787. margin-right:5px;
  788. {block:ifnightmode}color:{color:accent};{/block:ifnightmode}
  789. }
  790.  
  791.  
  792.  
  793.  
  794. /* ---------------------------------------------------- BACK TO TOP BUTTON */
  795.  
  796.  
  797. #top {
  798. width: 40px;
  799. line-height: 40px;
  800. overflow: hidden;
  801. z-index: 999;
  802. display: none;
  803. position: fixed;
  804. bottom: 20px;
  805. right:0;
  806. color: #888;
  807. text-align: center;
  808. font-size: 30px;
  809. text-decoration: none;
  810. padding-right:20px;
  811. }
  812.  
  813.  
  814. #top:hover {
  815. color: {color:accent};
  816. }
  817.  
  818.  
  819. #top:hover .lnr-arrow-up-circle {
  820. color: {color:accent};
  821. transition:.6s;
  822. }
  823.  
  824.  
  825. .lnr-arrow-up-circle {
  826. color:#444;
  827. transition:.6s;
  828. }
  829.  
  830.  
  831. </style>
  832. </head>
  833.  
  834. <script>
  835. $(document).ready(function() {
  836. $('iframe.tumblr_audio_player').load( function() {
  837. $('iframe.tumblr_audio_player').contents().find("head")
  838. .append($("<link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'> <style type='text/css'> .audio-player{background:{color:accent}; color:#222; font-family:'karla';border-top-left-radius:5px;border-bottom-left-radius:5px;!important} </style>"));
  839. });
  840. });
  841. </script>
  842.  
  843.  
  844. <body>
  845.  
  846.  
  847. <div class="topbar">
  848.  
  849. <div class="blogtitle"><img src="{image:topbar image}">{title}</div>
  850.  
  851. <div class="dropdown">
  852. <button onclick="myFunction()" class="dropbtn"><img src="{portraiturl-16}"> u/{name} </button>
  853. <div id="myDropdown" class="dropdown-content">
  854. <h5>MAIN</h5>
  855. <a href="/"><span class="lnr lnr-home"></span>Home</a>
  856. <a href="/"><span class="lnr lnr-envelope"></span>Message</a>
  857. <a href="/"><span class="lnr lnr-inbox"></span>Submit</a>
  858. <a href="/"><span class="lnr lnr-calendar-full"></span>Archive</a>
  859.  
  860. <h5>OTHERS</h5>
  861.  
  862. <a href="{text:link 1 url}"><span class="lnr {select:link 1 icon}"></span>{text:link 1 name}</a>
  863.  
  864. <a href="{text:link 2 url}"><span class="lnr {select:link 2 icon}"></span>{text:link 2 name}</a>
  865.  
  866. <a href="{text:link 3 url}"><span class="lnr {select:link 3 icon}"></span>{text:link 3 name}</a>
  867.  
  868. {block:ifdropdownlink4}<a href="{text:link 4 url}"><span class="lnr {select:link 4 icon}"></span>{text:link 4 name}</a>{/block:ifdropdownlink4}
  869.  
  870. {block:ifdropdownlink5}<a href="{text:link 5 url}"><span class="lnr {select:link 5 icon}"></span>{text:link 5 name}</a>{/block:ifdropdownlink5}
  871.  
  872. {block:ifdropdownlink6}<a href="{text:link 6 url}"><span class="lnr {select:link 6 icon}"></span>{text:link 6 name}</a>{/block:ifdropdownlink6}
  873.  
  874. {block:ifdropdownlink7}<a href="{text:link 7 url}"><span class="lnr {select:link 7 icon}"></span>{text:link 7 name}</a>{/block:ifdropdownlink7}
  875. <p>
  876. <a href="https://wizardhut.tumblr.com">Theme by wizardhut</a>
  877. </div>
  878. </div>
  879.  
  880. <form action="/search" method="get" class="sfm">
  881. <input type="text" name="q" value="Search blog" id="sf"/>
  882.  
  883. </form>
  884.  
  885. </div>
  886.  
  887. <script>
  888. /* When the user clicks on the button,
  889. toggle between hiding and showing the dropdown content */
  890. function myFunction() {
  891. document.getElementById("myDropdown").classList.toggle("show");
  892. }
  893.  
  894. // Close the dropdown if the user clicks outside of it
  895. window.onclick = function(event) {
  896. if (!event.target.matches('.dropbtn')) {
  897.  
  898. var dropdowns = document.getElementsByClassName("dropdown-content");
  899. var i;
  900. for (i = 0; i < dropdowns.length; i++) {
  901. var openDropdown = dropdowns[i];
  902. if (openDropdown.classList.contains('show')) {
  903. openDropdown.classList.remove('show');
  904. }
  905. }
  906. }
  907. }
  908. </script>
  909.  
  910.  
  911. <div class="sidebar">
  912. <div class="sidebar_bottom">
  913. <img src="{portraiturl-64}">
  914. <br>
  915. <span style="font-weight:700">{text:sidebar name}</span><br>
  916. <span style="font-size:11px;">u/{name}</span><br>
  917. <span style="font-size:11px;">{description}</span><p>
  918.  
  919.  
  920. <div class="follow">
  921. <a href="http://tumblr.com/follow/{name}">follow</a>
  922. {block:pagination}
  923. {block:previouspage}<a href="{previouspage}">previous page</a>{/block:previouspage}
  924. {block:nextpage}<a href="{nextpage}">next page</a>{block:nextpage}
  925. {/block:pagination}
  926. </div>
  927. </div>
  928. </div>
  929.  
  930.  
  931. {block:posts}
  932. <div class="posts">
  933.  
  934. {block:quote}
  935. <div class="post_type"><img src="https://static.tumblr.com/febf0e3dc5e547e65e258550829c15c7/abhqbrn/6Ntpdrpb9/tumblr_static_6u6avr8j7a80os88kwsskckgk.png"> r/quote <span style="color:#999;font-weight:400;"> • Posted by u/{name} <a href="{permalink}">{timeago}</a></span></div>
  936. <div class="quote">{quote}</div>
  937. {/block:quote}
  938.  
  939. {block:photo}
  940. <div class="post_type"><img src="http://static.tumblr.com/ae70f61630d46a1d57d7e91a84354fbc/abhqbrn/Mt6pdrpeo/tumblr_static_966x11ea4q8s0g0o4gwkckg0o.png"> r/photo <span style="color:#999;font-weight:400;"> • Posted by u/{name} <a href="{permalink}">{timeago}</a></span></div>
  941. <img src="{photourl-500}">
  942. {block:caption}<div class="captions">{caption}</div>{/block:caption}
  943. {/block:photo}
  944.  
  945. {block:text}
  946. <div class="post_type"><img src="http://static.tumblr.com/b2a7aea0b9d0fc28e7604929a77ebc42/abhqbrn/D0Xpdrpeo/tumblr_static_3iaqu7fee204880wsgwk4c88.png"> r/text <span style="color:#999;font-weight:400;"> • Posted by u/{name} <a href="{permalink}">{timeago}</a></span></div>
  947. {block:title}<div class="text_title">{title}</div>{/block:title}
  948. <div class="text_body">{body}</div>
  949. {/block:text}
  950.  
  951. {block:audio}
  952. <div class="post_type"><img src="http://static.tumblr.com/ed8a922b82068787af00fc660f961f6d/abhqbrn/frwpdrqei/tumblr_static_bgyftjyqipwg044sgscw448c8.png"> r/audio <span style="color:#999;font-weight:400;"> • Posted by u/{name} <a href="{permalink}">{timeago}</a></span></div>
  953. {audioembed-500}
  954. {block:caption}<div class="captions">{caption}</div>{/block:caption}
  955. {/block:audio}
  956.  
  957. {block:photoset}
  958. <div class="post_type"><img src="http://static.tumblr.com/551167638a3ec5d9a870e6ffce5b43a1/abhqbrn/t9npdrqut/tumblr_static_axgzkebara8g4gw0csc8w4ks0.png"> r/other <span style="color:#999;font-weight:400;"> • Posted by u/{name} <a href="{permalink}">{timeago}</a></span></div>
  959. {photoset-500}
  960. {block:caption}<div class="captions">{caption}</div>{/block:caption}
  961. {/block:photoset}
  962.  
  963. {block:video}
  964. <div class="post_type"><img src="http://static.tumblr.com/551167638a3ec5d9a870e6ffce5b43a1/abhqbrn/t9npdrqut/tumblr_static_axgzkebara8g4gw0csc8w4ks0.png"> r/other <span style="color:#999;font-weight:400;"> • Posted by u/{name} {timeago}</span></div>
  965. {video-500}
  966. {block:caption}<div class="captions">{caption}</div>{/block:caption}
  967. {/block:video}
  968.  
  969.  
  970. {block:chat}
  971. <div class="post_type"><img src="https://78.media.tumblr.com/5a43768905a2573b0d965327e645ae23/tumblr_inline_pdvm6tzWF11rdf769_540.png"> r/chat <span style="color:#999;font-weight:400;"> • Posted by u/{name} {timeago}</span></div>
  972. {block:title}<div class="text_title">{title}</div>{/block:title}<br>
  973. {block:lines}{block:label}<div id="chatlabel">{label}</div>{/block:label} <div id="chatlines">{line}</div><br>
  974. {/block:lines}
  975. {/block:chat}
  976.  
  977.  
  978. {block:hastags}
  979. <div class="tags">
  980. <img src="https://static.tumblr.com/7411662091c2fc5ec75aee90ae7622e8/abhqbrn/vMcpdrtkb/tumblr_static_d2att00zm1skwo0gko4scs0k4.png">
  981. {block:tags}<a href="{tagurl}">{tag}</a>&nbsp;{/block:tags}
  982. </div>
  983. {/block:hastags}
  984.  
  985.  
  986. {block:permalinkpage}
  987. {block:postnotes}
  988. <div class="postnotes">{postnotes}</div>
  989. {/block:postnotes}
  990. {/block:permalinkpage}
  991.  
  992. </div>
  993. {/block:posts}
  994.  
  995.  
  996. </div>
  997. {/block:posts}
  998.  
  999. <!--- back to top button --->
  1000.  
  1001. <a id="top" title="Back to top" href="#"><span class="lnr lnr-arrow-up-circle"></span></a>
  1002.  
  1003.  
  1004. <script>
  1005. $(window).scroll(function() {
  1006. var height = $(window).scrollTop();
  1007. if (height > 100) {
  1008. $('#top').fadeIn();
  1009. } else {
  1010. $('#top').fadeOut();
  1011. }
  1012. });
  1013. $(document).ready(function() {
  1014. $("#top").click(function(event) {
  1015. event.preventDefault();
  1016. $("html, body").animate({ scrollTop: 0 }, "slow");
  1017. return false;
  1018. });
  1019.  
  1020. });
  1021. </script>
  1022.  
  1023. </body>
  1024. </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!