API tools faq
paste
mhango

Sunkissed Theme

mhango
Jul 9th, 2019
1,379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <!--
  8.  
  9. Theme: Sunkissed by mhango
  10. Version 2 (19th July 2020)
  11.  
  12. Credits to
  13. @buildthemes for the base code
  14. @painthemes for the scroll to top
  15. icons8.com for the icons
  16. fonts.google.com for the fonts
  17.  
  18. Rules: - don't reupload or claim as your own
  19. - never remove the credit(s)!
  20. - thievery will be reported
  21. - don't take/use parts of the theme
  22.  
  23. -->
  24.  
  25.  
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Text" content="#333333" />
  28. <meta name="color:Link" content="#5ac9e1" />
  29. <meta name="color:Link Hover" content="#48a1b4" />
  30. <meta name="color:Blogtitle" content="#48a1b4" />
  31. <meta name="color:Nav Background" content="#ffffff" />
  32. <meta name="color:Text Post Background" content="#ffffff"/>
  33. <meta name="color:Post Hover Background" content="#5ac9e1"/>
  34. <meta name="color:Borders" content="#dddddd" />
  35. <meta name="color:Tooltip Borders" content="#dddddd" />
  36. <meta name="color:Text Highlight" content="#def4f9" />
  37. <meta name="color:Scrollbar" content="#def4f9" />
  38. <meta name="image:Background" content="" />
  39. <meta name="image:Banner" content="" />
  40. <meta name="text:Link 1 URL" content="/" />
  41. <meta name="text:Link 1 Name" content="home" />
  42. <meta name="text:Link 2 URL" content="/ask" />
  43. <meta name="text:Link 2 Name" content="ask" />
  44. <meta name="text:Link 3 URL" content="/archive" />
  45. <meta name="text:Link 3 Name" content="archive" />
  46. <meta name="text:Link 4 URL" content="/" />
  47. <meta name="text:Link 4 Name" content="links" />
  48. <meta name="select:Body Font" content="'ABeeZee', Helvetica, Arial, sans-serif" title="ABeeZee">
  49. <meta name="select:Body Font" content="'Arimo', Helvetica, Arial, sans-serif" title="Arimo">
  50. <meta name="select:Body Font" content="'Avalon', Helvetica, Arial, sans-serif" title="Avalon">
  51. <meta name="select:Body Font" content="'Didact Gothic', Helvetica, Arial, sans-serif" title="Didact Gothic">
  52. <meta name="select:Body Font" content="'Fira Sans', Helvetica, Arial, sans-serif" title="Fira Sans">
  53. <meta name="select:Body Font" content="'Gudea', Helvetica, Arial, sans-serif" title="Gudea">
  54. <meta name="select:Body Font" content="'Imprima', Helvetica, Arial, sans-serif" title="Imprima">
  55. <meta name="select:Body Font" content="'Karla', Helvetica, Arial, sans-serif" title="Karla">
  56. <meta name="select:Body Font" content="'Maven Pro', Helvetica, Arial, sans-serif" title="Maven Pro">
  57. <meta name="select:Body Font" content="'Muli', Helvetica, Arial, sans-serif" title="Muli">
  58. <meta name="select:Body Font" content="'Nunito', Helvetica, Arial, sans-serif" title="Nunito">
  59. <meta name="select:Body Font" content="'Quicksand', Helvetica, Arial, sans-serif" title="Quicksand">
  60. <meta name="select:Body Font" content="'Raleway', Helvetica, Arial, sans-serif" title="Raleway">
  61. <meta name="select:Body Font" content="'Rubik', Helvetica, Arial, sans-serif" title="Rubik">
  62. <meta name="select:Body Font" content="'Varela Round', Helvetica, Arial, sans-serif" title="Varela Round">
  63. <meta name="select:Title Font" content="'Kadwa', Helvetica, Arial, sans-serif" title="Kadwa">
  64. <meta name="select:Title Font" content="'Montserrat', Helvetica, Arial, sans-serif" title="Montserrat">
  65. <meta name="select:Title Font" content="'Playfair Display', Helvetica, Arial, sans-serif" title="Playfair Display">
  66. <meta name="if:Three Columns" content="0">
  67. <meta name="if:Four Columns" content="1">
  68. <meta name="if:Five Columns" content="0">
  69. <meta name="if:Show Banner" content="0">
  70. <meta name="if:Fixed Header" content="0">
  71. <meta name="if:Transparent Header" content="0">
  72.  
  73.  
  74.  
  75. <!-- google fonts -->
  76.  
  77. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  78. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  79. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  80. <link href='https://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
  81. <link href='https://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
  82. <link href='https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
  83. <link href='https://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' type='text/css'>
  84. <link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  85. <link href="https://fonts.googleapis.com/css?family=Kadwa" rel="stylesheet">
  86. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  87. <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  88. <link href='https://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500' rel='stylesheet' type='text/css'>
  89. <link href='https://fonts.googleapis.com/css?family=Raleway:400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,300italic,300' rel='stylesheet' type='text/css'>
  90. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  91. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Arimo|Didact+Gothic|Fira+Sans|Nunito|Rubik&display=swap" rel="stylesheet">
  92.  
  93.  
  94. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/1.7.2/jquery.smooth-scroll.min.js"></script>
  95.  
  96.  
  97. {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100.  
  101. <meta charset="utf-8">
  102. <link rel="shortcut icon" href={Favicon}>
  103.  
  104.  
  105. <title>{Title}</title>
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  107. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  108.  
  109.  
  110. <style type="text/css">
  111.  
  112.  
  113. .tmblr-iframe {
  114. right:10px!important;
  115. top:10px!important;
  116. position:fixed;
  117. z-index:99999999999999999 !important;
  118. }
  119.  
  120. ::-webkit-scrollbar-thumb{
  121. background-color: {color:scrollbar};
  122. border: 3px solid {color:Background};
  123. height:auto;
  124. -moz-border-radius: 10px;
  125. border-radius: 0px;
  126. }
  127.  
  128. ::-webkit-scrollbar {
  129. height:auto;
  130. width:9px;
  131. background-color: {color:Background};
  132. border: 4px solid {color:Background};
  133. }
  134.  
  135. ::-moz-selection {
  136. background: {color:Text highlight};
  137. color: {color:text};
  138. }
  139.  
  140. ::selection {
  141. background: {color:Text highlight};
  142. color: {color:text};
  143. }
  144.  
  145. body {
  146. background: {color:Background} url('{image:Background}');
  147. background-attachment:fixed;
  148. background-repeat:repeat;
  149. color: {color:text};
  150. font-family: {select:body font};
  151. font-weight:400;
  152. font-size:12px;
  153. margin: 0;
  154. padding: 0;
  155. overflow:auto;
  156. overflow-x:hidden;
  157. }
  158.  
  159. a {
  160. color: {color:link};
  161. text-decoration: none;
  162. -webkit-transition: all 0.5s ease-in-out;
  163. -moz-transition: all 0.5s ease-in-out;
  164. -o-transition: all 0.5s ease-in-out;
  165. -ms-transition: all 0.5s ease-in-out;
  166. transition: all 0.5s ease-in-out;
  167. }
  168.  
  169. a:hover {
  170. color:{color:link hover};
  171. -webkit-transition: all 0.5s ease-in-out;
  172. -moz-transition: all 0.5s ease-in-out;
  173. -o-transition: all 0.5s ease-in-out;
  174. -ms-transition: all 0.5s ease-in-out;
  175. transition: all 0.5s ease-in-out;
  176. }
  177.  
  178. blockquote {
  179. background: transparent;
  180. border-left: 1px solid {color:borders};
  181. margin: 0;
  182. padding-left: 2%;
  183. padding-right:2%;
  184. }
  185.  
  186. .tumblr_video_container {
  187. max-width: 100%!important;
  188. height:auto;
  189. }
  190.  
  191. iframe, img, embed, object, video {
  192. max-width: 100%;
  193. }
  194.  
  195. img {
  196. height: auto;
  197. width: auto;
  198. }
  199.  
  200.  
  201. /* scroll to top code 2 */
  202.  
  203. #scroll:link, #scroll:visited {
  204. display: none;
  205. position: fixed;
  206. bottom: 0px;
  207. right: 0px;
  208. font-size:16px;
  209. width:25px;
  210. }
  211.  
  212.  
  213. /* tooltip code 2 */
  214.  
  215. #s-m-t-tooltip {
  216. font-family: {select:body font};
  217. font-weight:normal;
  218. font-size: 11px;
  219. color:{color:text};
  220. background-color:{color:Text Post Background};
  221. text-align: center;
  222. max-width:150px;
  223. border: 1px solid {color:tooltip borders};
  224. overflow:auto;
  225. text-transform:none;
  226. position: absolute;
  227. z-index: 999999999999;
  228. padding: 3px 5px 3px 5px;
  229. box-shadow:0px 0px rgba(0,0,0,0.2);
  230. -webkit-transition: all 0.2s ease-in-out;
  231. -moz-transition: all 0.2s ease-in-out;
  232. transition: all 0.2s ease-in-out;
  233. margin:20px 0px 15px 10px;
  234. }
  235.  
  236.  
  237. /* photo post hover effects */
  238.  
  239. .permabutton {
  240.  
  241. {block:indexpage}
  242. font-family:Arial,sans-serif;
  243. position:absolute;
  244. border:0.1vw solid #fff;
  245. width:2vw;
  246. height:1.8vw;
  247. border-radius:100%;
  248. left:33%;
  249. top:0%;
  250. margin-top:-0.9vw;
  251. margin-left:-1vw;
  252. padding:0.6vw 0.2vw 0 0.2vw;
  253. opacity:0;
  254. text-align:center;
  255. -webkit-transition: all .9s ease-in-out;
  256. -moz-transition: all .9s ease-in-out;
  257. -ms-transition: all .9s ease-in-out;
  258. -o-transition: all .9s ease-in-out;
  259. transition: all .9s ease-in-out;
  260. {/block:indexpage}
  261.  
  262. }
  263.  
  264. .reblogbutton {
  265.  
  266. {block:indexpage}
  267. font-family:Arial,sans-serif;
  268. position:absolute;
  269. border:0.1vw solid #fff;
  270. width:2vw;
  271. height:1.8vw;
  272. border-radius:100%;
  273. left:66%;
  274. top:100%;
  275. margin-top:-0.9vw;
  276. margin-left:-1vw;
  277. padding:0.6vw 0.2vw 0 0.2vw;
  278. opacity:0;
  279. text-align:center;
  280. -webkit-transition: all .9s ease-in-out;
  281. -moz-transition: all .9s ease-in-out;
  282. -ms-transition: all .9s ease-in-out;
  283. -o-transition: all .9s ease-in-out;
  284. transition: all .9s ease-in-out;
  285. {/block:indexpage}
  286.  
  287. }
  288.  
  289. .permabutton img, .reblogbutton img {
  290. width:1.25vw;
  291. margin-left:0.375vw;
  292. text-align:center;
  293. }
  294.  
  295. .permabutton:hover, .reblogbutton:hover {
  296. transform: scale(0.9);
  297. -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  298. -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  299. box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
  300. -webkit-transition: all .9s ease-in-out;
  301. -moz-transition: all .9s ease-in-out;
  302. -ms-transition: all .9s ease-in-out;
  303. -o-transition: all .9s ease-in-out;
  304. transition: all .9s ease-in-out;
  305.  
  306. }
  307.  
  308. #overlay {
  309. {block:indexpage}
  310. position:absolute;
  311. left:0;
  312. top:0;
  313. opacity:0;
  314. background: linear-gradient(180deg, #000000 60%, {color:post hover background} 100%);
  315. width:100%;
  316. height:100%;
  317. box-sizing:border-box;
  318. -webkit-transition: all .9s ease-in-out;
  319. -moz-transition: all .9s ease-in-out;
  320. -ms-transition: all .9s ease-in-out;
  321. -o-transition: all .9s ease-in-out;
  322. transition: all .9s ease-in-out;
  323. {/block:indexpage}
  324. }
  325.  
  326. .post:hover #overlay{
  327. opacity:0.8;
  328. -webkit-transition: all .9s ease-in-out;
  329. -moz-transition: all .9s ease-in-out;
  330. -ms-transition: all .9s ease-in-out;
  331. -o-transition: all .9s ease-in-out;
  332. transition: all .9s ease-in-out;
  333.  
  334. }
  335.  
  336. .post:hover .permabutton{
  337.  
  338. {block:indexpage}
  339. opacity:1;
  340. top:50%;
  341. -webkit-transition: all .9s ease-in-out;
  342. -moz-transition: all .9s ease-in-out;
  343. -ms-transition: all .9s ease-in-out;
  344. -o-transition: all .9s ease-in-out;
  345. transition: all .9s ease-in-out;
  346. {/block:indexpage}
  347.  
  348. }
  349.  
  350. .post:hover .reblogbutton{
  351.  
  352. {block:indexpage}
  353. opacity:1;
  354. top:50%;
  355. -webkit-transition: all .9s ease-in-out;
  356. -moz-transition: all .9s ease-in-out;
  357. -ms-transition: all .9s ease-in-out;
  358. -o-transition: all .9s ease-in-out;
  359. transition: all .9s ease-in-out;
  360. {/block:indexpage}
  361.  
  362. }
  363.  
  364. /* text post notes */
  365.  
  366. .permainfo {
  367. {block:indexpage}
  368. opacity:1;
  369. margin-top:-8px;
  370. margin-left:15px;
  371. text-transform:none;
  372. display:inline-block;
  373. float:left;
  374. color:{color:text};
  375. border-bottom:1px solid {color:Text Post Background};
  376. padding-bottom:2px;
  377. -webkit-transition: all 0.5s ease-in-out;
  378. -moz-transition: all 0.5s ease-in-out;
  379. -o-transition: all 0.5s ease-in-out;
  380. -ms-transition: all 0.5s ease-in-out;
  381. transition: all 0.5s ease-in-out;
  382. {/block:indexpage}
  383. }
  384.  
  385. .rebloginfo {
  386. {block:indexpage}
  387. opacity:1;
  388. margin-top:-8px;
  389. margin-right:15px;
  390. text-transform:none;
  391. display:inline-block;
  392. float:right;
  393. color:{color:text};
  394. border-bottom:1px solid {color:Text Post Background};
  395. padding-bottom:2px;
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. -o-transition: all 0.5s ease-in-out;
  399. -ms-transition: all 0.5s ease-in-out;
  400. transition: all 0.5s ease-in-out;
  401. {/block:indexpage}
  402. }
  403.  
  404. .rebloginfo img {
  405. height:16px;
  406. }
  407.  
  408. .rebloginfo:hover, .permainfo:hover {
  409. border-bottom:1px solid {color:borders};
  410. padding-bottom:2px;
  411. -webkit-transition: all 0.5s ease-in-out;
  412. -moz-transition: all 0.5s ease-in-out;
  413. -o-transition: all 0.5s ease-in-out;
  414. -ms-transition: all 0.5s ease-in-out;
  415. transition: all 0.5s ease-in-out;
  416. }
  417.  
  418. .notebox {
  419. background:{color:Text Post Background};
  420. width:auto;
  421. height:auto;
  422. padding:10px;
  423.  
  424. }
  425.  
  426.  
  427. /* posts */
  428.  
  429. #content {
  430. float: center;
  431. position:absolute;
  432. overflow:hidden;
  433. {block:ifnotshowbanner}
  434. margin-top:150px;
  435. {/block:ifnotshowbanner}
  436. {block:ifshowbanner}
  437. margin-top:205px;
  438. {/block:ifshowbanner}
  439. {block:ifThreeColumns}
  440. width: 74vw;
  441. margin-left:13vw;
  442. margin-right:13vw;
  443. {/block:ifThreeColumns}
  444. {block:ifFourColumns}
  445. width: 84vw;
  446. margin-left:8vw;
  447. margin-right:8vw;
  448. {/block:ifFourColumns}
  449. {block:ifFiveColumns}
  450. width: 86vw;
  451. margin-left:7vw;
  452. margin-right:7vw;
  453. {/block:ifFiveColumns}
  454. {block:PermalinkPage}
  455. width: 98vw;
  456. margin-left:1vw;
  457. margin-right:1vw;
  458. {/block:PermalinkPage}
  459. }
  460.  
  461. @-webkit-keyframes cssAnimation {
  462. from{
  463. -webkit-transform: scale(0.871);}
  464. to{
  465. -webkit-transform:scale(1); }
  466. }
  467.  
  468. @-moz-keyframes cssAnimation {
  469. from{
  470. -moz-transform:scale(0.871);}
  471. to{
  472. -moz-transform: scale(1); }
  473. }
  474.  
  475. @-o-keyframes cssAnimation {
  476. from{
  477. -o-transform: scale(0.871);
  478. }
  479.  
  480. to{
  481. -o-transform: scale(1);}
  482. }
  483.  
  484. .post {
  485. background:{color:background};
  486. border:0px solid {color:borders};
  487. {block:indexpage}
  488. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  489. -moz-animation: cssAnimation 1s 1 ease-in-out;
  490. -o-animation: cssAnimation 1s 1 ease-in-out;
  491. height:auto;
  492. float:left;
  493. {block:ifThreeColumns}
  494. width:19.2vw;
  495. margin:2.6vw;
  496. {/block:ifThreeColumns}
  497. {block:iffourcolumns}
  498. width:17.5vw;
  499. margin:1.5vw;
  500. {/block:iffourcolumns}
  501. {block:iffivecolumns}
  502. width:14.6vw;
  503. margin:1vw;
  504. {/block:iffivecolumns}
  505. {/block:indexpage}
  506. {block:PermalinkPage}
  507. left:50%;
  508. width:25vw;
  509. margin-top:30px;
  510. margin-left:36.5vw;
  511. height:auto;
  512. float:center;
  513. {/block:PermalinkPage}
  514. }
  515.  
  516. .post img {
  517. position:relative;
  518. display:block;
  519. }
  520.  
  521. .photoset img {
  522. {block:indexpage}
  523. padding-bottom:0.6vw;
  524. {/block:indexpage}
  525. }
  526.  
  527. .photoset {
  528. {block:indexpage}
  529. margin-bottom:-0.6vw;
  530. {/block:indexpage}
  531. }
  532.  
  533. /* header */
  534.  
  535. #header {
  536. text-align:left;
  537. }
  538.  
  539. #topbar {
  540. border-bottom:0px solid {color:borders};
  541. {block:ifnottransparentheader}
  542. background:{color:nav background};
  543. {/block:ifnottransparentheader}
  544. {block:iftransparentheader}
  545. background:transparent;
  546. {/block:iftransparentheader}
  547. top:0;
  548. left:0;
  549. width:100%;
  550. height:auto;
  551. margin:0;
  552. position:fixed;
  553. padding:0;
  554. z-index:5;
  555. {block:iffixedheader}
  556. position:fixed;
  557. {/block:iffixedheader}
  558. {block:ifnotfixedheader}
  559. position:absolute;
  560. {/block:ifnotfixedheader}
  561. }
  562.  
  563. #topbar a {
  564. margin:10px;
  565. }
  566.  
  567. .blogtitle {
  568. left:50%;
  569. text-align:center;
  570. text-transform:none;
  571. letter-spacing:.8px;
  572. font-family: {select:title font};
  573. z-index: 999;
  574. display:block;
  575. margin-top:20px;
  576. margin-left:auto;
  577. margin-right:auto;
  578. {block:ifnotshowbanner}
  579. margin-bottom:20px;
  580. {/block:ifnotshowbanner}
  581. }
  582.  
  583. .blogtitle img {
  584. height:70px;
  585. margin:0;
  586. padding:0;
  587. background:transparent;
  588. }
  589.  
  590. .desc {
  591. text-align:center;
  592. padding-bottom:10px;
  593. display:block;
  594. font-size:13px;
  595. margin-left:auto;
  596. margin-right:auto;
  597. }
  598.  
  599. .blogtitle a {
  600. text-decoration:none;
  601. font-size:25px;
  602. color: {color:blogtitle};
  603. font-weight:bold;
  604. }
  605.  
  606. .nav {
  607. text-align:center;
  608. padding:10px;
  609. margin:0px auto 10px auto;
  610. display:block;
  611. }
  612.  
  613.  
  614. .nav a {
  615. color:{color:text};
  616. border-top:1px solid transparent;
  617. border-bottom:1px solid transparent;
  618. padding:8px 6px 8px 6px;
  619. text-decoration:none;
  620. font-size:13px;
  621. text-transform:none;
  622. -webkit-transition: all .9s ease-in-out;
  623. -moz-transition: all .9s ease-in-out;
  624. -ms-transition: all .9s ease-in-out;
  625. -o-transition: all .9s ease-in-out;
  626. transition: all .9s ease-in-out;
  627. }
  628.  
  629. .nav a:hover{
  630. text-decoration:none;
  631. border-top:1px solid {color:nav background};
  632. border-bottom:1px solid {color:borders};
  633. -webkit-transition: all .9s ease-in-out;
  634. -moz-transition: all .9s ease-in-out;
  635. -ms-transition: all .9s ease-in-out;
  636. -o-transition: all .9s ease-in-out;
  637. transition: all .9s ease-in-out;
  638. }
  639.  
  640. .nav img {
  641. height:16px;
  642. vertical-align:-26%;
  643. margin-right:3px;
  644. }
  645.  
  646. nav li {
  647. display: inline;
  648. }
  649.  
  650. .chat span {
  651. float: left;
  652. margin-right: 1%;
  653. }
  654.  
  655. .chat {
  656. padding:10px;
  657. border:1px solid {color:borders};
  658. background:{color:text post background};
  659. }
  660.  
  661. .text {
  662. background:{color:text post background};
  663. padding:10px;
  664. border:1px solid {color:borders};
  665. }
  666.  
  667. .asker {
  668. color:{color:link};
  669. font-weight:bold;
  670. }
  671.  
  672. .quoteyo {
  673. font-size:14px;
  674. font-family: {select:title font};
  675. }
  676.  
  677. .quotesource {
  678. padding-top:10px;
  679. padding-bottom:10px;
  680. }
  681.  
  682. .title {
  683. font-family: {select:title font};
  684. padding-top:0px;
  685. font-size:13px;
  686. font-weight:bold;
  687. line-height:22px;
  688. text-align:center;
  689. letter-spacing:0.5px;
  690. }
  691.  
  692. .title a {
  693. color:{color:text};
  694. }
  695.  
  696. #notes {
  697. display:inline-block;
  698. }
  699.  
  700. #notes img {
  701. display:inline-block;
  702. }
  703.  
  704. ol.notes {
  705. list-style-type:none;
  706. line-height:150%;
  707. padding:0px;
  708. margin 0px 0px;
  709. border-bottom:solid 1px {color:borders};
  710. }
  711.  
  712. ol.notes li.note {
  713. border-top:1px solid {color:borders};
  714. padding:5px;
  715. }
  716.  
  717. ol.notes li.note img {
  718. padding:0px !important;
  719. }
  720.  
  721. ol.notes li.note img.avatar {
  722. vertical-align:-4px;
  723. margin-right:5px;
  724. width:16px;
  725. height:16px;
  726. }
  727.  
  728. .metadata {
  729. display: inline-block;
  730. width: 100%;
  731. }
  732.  
  733. .notecount {
  734. float: right;
  735. }
  736.  
  737. .reblogged {
  738. float: right;
  739. margin: 3% 0;
  740. width: 100%;
  741. }
  742.  
  743. #tags {
  744. text-align:left;
  745. opacity: 1;
  746. }
  747.  
  748. #tags, nav ul, .chat ul {
  749. list-style: none;
  750. list-style-image: none;
  751. margin: 0;
  752. padding: 0;
  753. }
  754.  
  755. #tags li {
  756. float: left;
  757. margin-right: 1%;
  758. }
  759.  
  760. .notes {
  761. clear: both;
  762. padding: 0px;
  763. }
  764.  
  765. .caption {
  766. margin:10px 0px 0px 20px;
  767. }
  768.  
  769. .caption ul {
  770. list-style: none;
  771. list-style-image: none;
  772. margin: 0;
  773. padding: 0;
  774. line-height:150%;
  775. }
  776.  
  777. .infoheading {
  778. font-weight:700;
  779. color:{color:text};
  780. -moz-osx-font-smoothing:grayscale;
  781. -webkit-font-smoothing:antialiased;
  782. font-smoothing:antialiased;
  783. -webkit-text-stroke: 0.45px rgba({RGBcolor:text}, 0.4);
  784. }
  785.  
  786. .sourcesxxx {
  787. filter:alpha(opacity=0);
  788. opacity:0;
  789. }
  790.  
  791. #important {
  792. bottom:2px;
  793. left:5px;
  794. width:15px;
  795. font-size:12px;
  796. position:fixed;
  797. z-index:9999999999999999999999999999;
  798. }
  799.  
  800. {CustomCSS}
  801.  
  802. </style>
  803.  
  804. </head>
  805.  
  806. <body>
  807.  
  808. <div id="topbar">
  809.  
  810. {block:ifnotshowbanner}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifnotshowbanner}
  811. {block:ifshowbanner}<a href="/"><div class="blogtitle"><img src={image:banner}></div></a>{/block:ifshowbanner}
  812. <div class="desc">{Description}</div>
  813.  
  814. <div class="nav">
  815.  
  816.  
  817.  
  818. <a href="{text:link 1 url}">{text:link 1 name}</a>
  819. <a href="{text:link 2 url}">{text:link 2 name}</a>
  820. <a href="{text:link 3 url}">{text:link 3 name}</a>
  821. <a href="{text:link 4 url}">{text:link 4 name}</a>
  822. <a href="https://mhango.tumblr.com">theme</a>
  823.  
  824. </div>
  825.  
  826. </div>
  827.  
  828.  
  829.  
  830. <div id="content">
  831.  
  832. {block:Posts}
  833.  
  834. {block:ContentSource}<!-- {SourceURL}
  835. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  836. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  837. {/block:ContentSource}
  838.  
  839. <!-- {block:NoRebloggedFrom}
  840. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  841. {/block:NoRebloggedFrom} -->
  842.  
  843. <div class="post">
  844.  
  845. {block:Text}
  846.  
  847. <div class="text">
  848. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}<div class="textbody">
  849. {Body}</div>
  850. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  851.  
  852. </div>
  853. {/block:Text}
  854.  
  855. {block:Photo}
  856.  
  857. <div class="photo">
  858. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  859. {block:indexpage}
  860. <div id="overlay"></div><a href="{permalink}"></a><a href="{Permalink}" title="{notecountwithlabel}"><div class="permabutton"><img src="https://img.icons8.com/ios/50/ffffff/link-filled.png"></div></a><a href="{ReblogURL}" target="_blank" title="reblog"><div class="reblogbutton"><img src="https://img.icons8.com/ios/50/ffffff/synchronize-filled.png"></div></a>
  861. {/block:indexpage}
  862. </div>
  863. {/block:Photo}
  864.  
  865. {block:Photoset}
  866.  
  867. <div class="photoset">
  868. {block:IndexPage}
  869.  
  870. {block:Photos}
  871. <a href="{permalink}"><img src="{PhotoURL-500}" width="218px" /></a>
  872. {/block:Photos}
  873. <div id="overlay"></div><a href="{permalink}"></a><a href="{Permalink}" title="{notecountwithlabel}"><div class="permabutton"><img src="https://img.icons8.com/ios/50/ffffff/link-filled.png"></div></a><a href="{ReblogURL}" target="_blank" title="reblog"><div class="reblogbutton"><img src="https://img.icons8.com/ios/50/ffffff/synchronize-filled.png"></div></a>
  874. {/block:IndexPage}
  875. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  876.  
  877. </div>
  878. {/block:Photoset}
  879.  
  880. {block:Quote}
  881.  
  882. <div class="text">
  883. <div class="quoteyo">{Quote}</div>
  884. <div class="quotesource">{block:Source}- {Source}{/block:Source}</div>
  885. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  886. </div>
  887. {/block:Quote}
  888.  
  889. {block:Link}
  890.  
  891. <div class="text">
  892. <div class="title"><a href="{URL}">{Name}</a></div>
  893. {block:Description}{Description}{/block:Description}
  894. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  895. </div>
  896. {/block:Link}
  897.  
  898. {block:Chat}
  899.  
  900. <div class="chat">
  901. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  902. <ul>
  903. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  904. </ul>
  905. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  906. </div>
  907. {/block:Chat}
  908.  
  909. {block:Audio}
  910.  
  911. <div class="audio">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  912. {AudioPlayerGrey}
  913. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  914. </div>
  915. {/block:Audio}
  916.  
  917. {block:Video}
  918.  
  919. <div class="video">
  920. <div class="video-player">{Video-500}</div>
  921. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  922. </div>
  923. {/block:Video}
  924.  
  925. {block:Answer}
  926.  
  927. <div class="text">
  928. <p><div style="border-bottom: 1px solid {color:Text highlight};"><span class="asker">{Asker} said:</span> {Question}</p></div>
  929. {Answer}
  930.  
  931. {block:indexpage}<div class="notebox"><a href="{Permalink}"><div class="permainfo">{notecountwithlabel}</div></a><a href="{ReblogURL}" target="_blank"><div class="rebloginfo">reblog</div></a></div>{/block:indexpage}
  932. </div>
  933. {/block:Answer}
  934.  
  935.  
  936. <footer class="details">
  937. {block:PermalinkPage}
  938. <div class="caption">
  939. {block:caption}{Caption}{/block:caption}
  940. {block:Date}
  941. <ul>
  942. {block:HasTags}<li><div id="tags"><span class="infoheading">Tagged with:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  943. <li><span class="infoheading">Posted:</span> {timeago}</li>
  944. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  945. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  946. <!--{block:ContentSource}{block:RebloggedFrom}<li><span class="infoheading">Uploaded by:</span> <a href="{ReblogRootURL}">{ReblogRootName}</a></li>{/block:RebloggedFrom}{/block:ContentSource}
  947. {block:ContentSource}{block:NotReblog}<li><span class="infoheading">Uploaded by:</span> <a href="https://mhango.tumblr.com">mhango</a></li>{/block:NotReblog}{/block:ContentSource}-->
  948. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  949. </ul>
  950. {/block:Date}
  951. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  952. </div>
  953. {/block:PermalinkPage}</footer>
  954.  
  955. </div>
  956.  
  957. {/block:Posts}
  958.  
  959. </div>
  960.  
  961. {block:Pagination}
  962.  
  963. <div class="pagination">
  964. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  965. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  966. </div>
  967.  
  968. {/block:Pagination}
  969.  
  970. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  971.  
  972. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  973. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  974. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  975. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  976.  
  977. <!--Code for infinite scroll and grid layout-->
  978.  
  979. <script>
  980. (function() {
  981. var $tumblelog = $('#content');
  982.  
  983. $tumblelog.infinitescroll({
  984. navSelector : ".pagination",
  985. nextSelector : ".pagination a:first",
  986. itemSelector : ".post",
  987. bufferPx : 50,
  988. done : "",
  989. loading: {
  990. img : "",
  991. msgText: ""
  992. },
  993. },
  994. function( newElements ) {
  995. var $newElems = $( newElements ).css({ opacity: 0 });
  996. $newElems.imagesLoaded(function(){
  997. $newElems.animate({ opacity: 1 });
  998. $tumblelog.masonry( 'appended', $newElems);
  999. });
  1000. }
  1001. );
  1002.  
  1003. $tumblelog.imagesLoaded( function(){
  1004. $tumblelog.masonry({
  1005. columnWidth: function( containerWidth ) {
  1006. return containerWidth / 100;
  1007. }
  1008. });
  1009. });
  1010. })();
  1011. </script>
  1012.  
  1013.  
  1014. <!-- scroll to top code 1 -->
  1015.  
  1016. <script type="text/javascript">
  1017.  
  1018. $(function(){$window=$(window);$link=$("#scroll");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=0){$link.fadeOut("slow")}else{$link.fadeIn("fast")}})});
  1019.  
  1020. </script>
  1021.  
  1022.  
  1023. <!-- tooltip code 1 -->
  1024.  
  1025. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1026.  
  1027. <script>
  1028.  
  1029. (function($){
  1030.  
  1031. $(document).ready(function(){
  1032.  
  1033. $("[title]").style_my_tooltips({
  1034.  
  1035. tip_follows_cursor:true,
  1036.  
  1037. tip_delay_time:90,
  1038.  
  1039. tip_fade_speed:600,
  1040.  
  1041. attribute:"title"
  1042.  
  1043. });
  1044.  
  1045. });
  1046.  
  1047. })(jQuery);
  1048.  
  1049. </script>
  1050.  
  1051. <div id="important">
  1052. <a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango">
  1053. <img src="https://img.icons8.com/ios/50/000000/cloud.png" /></a>
  1054. </div>
  1055.  
  1056. </body>
  1057.  
  1058. <!-- scroll to top code 3 -->
  1059.  
  1060. <a href="javascript:;" id="scroll" rel="nofollow" title="scroll to top"><img src="https://img.icons8.com/ios-glyphs/50/000000/chevron-up.png"></a>
  1061.  
  1062. <!-- end of scroll to top code 3 -->
  1063.  
  1064.  
  1065.  
  1066. </html>
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!