API tools faq
paste
mhango

Eloquence Theme - Version 2

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