API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: THE AVENGERS (vol.2)

b0rn-to-be-wild
Oct 17th, 2013
786
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.54 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5. ©borntobewildcodes.tumblr.com | THE AVENGERS (vol.2)
  6.  
  7. + Do not redistribute this theme or remove the credits.
  8. + Edit as long as you keep the credits intact
  9. + Contact us if you have any questions or concerns.
  10. + If you want a custom theme you can commission us.
  11. + Thanks for using our theme, we hope that you enjoy it.
  12.  
  13.  
  14. Other credits:
  15.  
  16. - Header image: Marvel
  17.  
  18. - Jquery
  19. - Disqus
  20. - Google fonts
  21. - Font Awesome icons
  22. - Style my tooltips by Malihu
  23. - Masonry by David Desandro
  24. - Infinite scroll by Paul Irish
  25. - PXU Photosets
  26. - Masonry with Infinite Scroll and PXU Photosets by @shythemes
  27. - Load more buttons tutorial by @shythemes
  28. - Hide stuff tutorial by @lmthemes
  29. - Scroll to top tutorial found on @thetutorialsblog
  30. - Changing Like and Reblog button colors by Georgi Demirev
  31.  
  32. ---->
  33.  
  34. <html>
  35. <head>
  36.  
  37. <title>{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40.  
  41. <meta name="image:Background" content="1"/>
  42. <meta name="image:Left sidebar background" content="1"/>
  43. <meta name="image:Right sidebar background" content="1"/>
  44. <meta name="image:Avatar" content="1"/>
  45.  
  46. <meta name="color:Background" content="#fff"/>
  47. <meta name="color:Left sidebar background" content="#222"/>
  48. <meta name="color:Right sidebar background" content="#222"/>
  49. <meta name="color:Blog title" content="#427ea3"/>
  50. <meta name="color:Info box accent" content="#222"/>
  51. <meta name="color:Info box text" content="#222" />
  52. <meta name="color:Info box link" content="#427ea3"/>
  53. <meta name="color:Info box icon" content="#427ea3"/>
  54. <meta name="color:Container background" content="#f1f1f1"/>
  55. <meta name="color:Buttons" content="#333"/>
  56. <meta name="color:Ask bubble" content="#E9E9E9"/>
  57. <meta name="color:Title" content="#000"/>
  58. <meta name="color:Text" content="#777"/>
  59. <meta name="color:Icon" content="#427ea3"/>
  60. <meta name="color:Link" content="#427ea3"/>
  61. <meta name="color:Hover" content="#fff"/>
  62. <meta name="color:Borders" content="#222"/>
  63. <meta name="color:Pagination" content="#222"/>
  64. <meta name="color:Scrollbar" content="#fff"/>
  65. <meta name="color:Scrollbar background" content="#000"/>
  66.  
  67. <meta name="select:Post transparency color" content="255,255,255" title="white">
  68. <meta name="select:Post transparency color" content="0,0,0" title="black">
  69. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  70. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  71. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  72. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  73. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  74. <meta name="select:Post transparency color" content="103,173,90" title="green">
  75. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  76. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  77. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  78.  
  79. <meta name="select:Post info transparency color" content="255,255,255" title="white">
  80. <meta name="select:Post info transparency color" content="0,0,0" title="black">
  81. <meta name="select:Post info transparency color" content="238,238,238" title="gray">
  82. <meta name="select:Post info transparency color" content="255,168,212" title="pink">
  83. <meta name="select:Post info transparency color" content="127,88,242" title="purple">
  84. <meta name="select:Post info transparency color" content="184,168,255" title="indigo">
  85. <meta name="select:Post info transparency color" content="184,208,255" title="blue">
  86. <meta name="select:Post info transparency color" content="103,173,90" title="green">
  87. <meta name="select:Post info transparency color" content="33,209,297" title="turquoise">
  88. <meta name="select:Post info transparency color" content="226,229,23" title="yellow">
  89. <meta name="select:Post info transparency color" content="112,38,11" title="brown">
  90.  
  91. <meta name="select:Transparency" content="1" title="opaque">
  92. <meta name="select:Transparency" content=".9" title=".9">
  93. <meta name="select:Transparency" content=".8" title=".8">
  94. <meta name="select:Transparency" content=".7" title=".7">
  95. <meta name="select:Transparency" content=".6" title=".6">
  96. <meta name="select:Transparency" content=".5" title=".5">
  97. <meta name="select:Transparency" content=".4" title=".4">
  98. <meta name="select:Transparency" content=".3" title=".3">
  99. <meta name="select:Transparency" content=".2" title=".2">
  100. <meta name="select:Transparency" content=".1" title=".1">
  101. <meta name="select:Transparency" content=".0" title="transparent">
  102.  
  103. <meta name="font:Body font" content="Helvetica"/>
  104. <meta name="select:Body font size" content="12px" title="12px">
  105. <meta name="select:Body font size" content="13px" title="13px">
  106. <meta name="select:Body font size" content="14px" title="14px">
  107. <meta name="select:Body font size" content="15px" title="15px">
  108. <meta name="select:Body font size" content="16px" title="16px">
  109.  
  110. <meta name="select:Title font" content="Cinzel Decorative" title="Cinzel Decorative">
  111. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  112. <meta name="select:Title font" content="Exo" title="Exo">
  113. <meta name="select:Title font" content="Sansita" title="Sansita">
  114. <meta name="select:Title font" content="Voltaire" title="Voltaire">
  115.  
  116. <meta name="select:Title font size" content="18px" title="30px">
  117. <meta name="select:Title font size" content="20px" title="32px">
  118. <meta name="select:Title font size" content="22px" title="22px">
  119. <meta name="select:Title font size" content="25px" title="25px">
  120. <meta name="select:Title font size" content="27px" title="27px">
  121.  
  122. <meta name="select:Post width" content="640" title="640px">
  123. <meta name="select:Post width" content="540" title="540px">
  124. <meta name="select:Post width" content="500" title="500px">
  125. <meta name="select:Post width" content="400" title="400px">
  126. <meta name="select:Post width" content="300" title="300px">
  127. <meta name="select:Post width" content="250" title="250px">
  128.  
  129. <meta name="select:Number of columns" content="1" title="1">
  130. <meta name="select:Number of columns" content="2" title="2">
  131. <meta name="select:Number of columns" content="3" title="3">
  132.  
  133. <meta name="if:Infinite Scroll" content="0"/>
  134. <meta name="if:Load More" content="0"/>
  135. <meta name="if:Faded Images" content="0" />
  136. <meta name="if:Monochrome Images" content="0" />
  137. <meta name="if:Show Captions" content="1" />
  138. <meta name="if:Show Tags" content="1" />
  139. <meta name="if:Show Updates Tab" content="1" />
  140. <meta name="if:Updates Symbol White" content="0" />
  141. <meta name="if:Show Blog Title" content="1" />
  142. <meta name="if:Show Description" content="1" />
  143. <meta name="if:Show Navigation" content="1" />
  144. <meta name="if:Show Stats" content="1" />
  145. <meta name="if:Show Avatar" content="1" />
  146. <meta name="if:Ask Enabled" content="1" />
  147. <meta name="if:Submissions Enabled" content="1" />
  148. <meta name="if:Show Archive" content="1" />
  149. <meta name="if:Show Search Box" content="1" />
  150. <meta name="if:Disqus Shortname" content="0"/>
  151.  
  152. <meta name="text:Link One" content="01 Link one"/>
  153. <meta name="text:Link One url" content="Link One url"/>
  154. <meta name="text:Link Two" content="02 Link two"/>
  155. <meta name="text:Link Two url" content="Link Two url"/>
  156. <meta name="text:Link Three" content="03 Link three"/>
  157. <meta name="text:Link Three url" content="Link Three url"/>
  158. <meta name="text:Link Four" content="04 Link four"/>
  159. <meta name="text:Link Four url" content="Link Four url"/>
  160. <meta name="text:Link Five" content="05 Link five"/>
  161. <meta name="text:Link Five url" content="Link Five url"/>
  162. <meta name="text:Link Six" content="06 Link six"/>
  163. <meta name="text:Link Six url" content="Link Six url"/>
  164. <meta name="text:Link Seven" content="06 Link seven"/>
  165. <meta name="text:Link Seven url" content="Link Seven url"/>
  166. <meta name="text:Link Eight" content="06 Link six"/>
  167. <meta name="text:Link Eight url" content="Link Eight url"/>
  168. <meta name="text:Link Nine" content="06 Link nine"/>
  169. <meta name="text:Link Nine url" content="Link Nine url"/>
  170.  
  171. <meta name="text:Border radius" content="0px" />
  172. <meta name="text:Blog alias" content="blogalias"/>
  173. <meta name="text:Scroll to top image url" content="https://i.imgur.com/7lJrHbd.png"/>
  174. <meta name='text:Disqus Shortname' content='' />
  175. <meta name="text:Updates" content="You can put updates here" />
  176. <meta name="text:Stats" content="You can put stats here" />
  177.  
  178. </style><style type="text/css">
  179.  
  180. /* ---------------------------- GENERAL ----------------------------- */
  181.  
  182. /* -------- BASICS ------- */
  183.  
  184.  
  185. body {
  186. margin: 0;
  187. padding: 0;
  188. width: 100%;
  189. height: 100%;
  190. color: {color:text};
  191. font-family: {font:Body font};
  192. font-size: {select:Body font size};
  193. line-height: -moz-calc({select:Body font size} + 5px);
  194. line-height: -webkit-calc({select:Body font size} + 5px);
  195. line-height: -o-calc({select:Body font size} + 5px);
  196. line-height: calc({select:Body font size} + 5px);
  197. background-color: {color:Background};
  198. background-image:url({image:Background});
  199. background-attachment: fixed;
  200. background-repeat: repeat;
  201. }
  202.  
  203. /* Fix */
  204.  
  205. iframe, img, embed, object, video {
  206. max-width: 100%;
  207. border: none;
  208. }
  209.  
  210. input, textarea, select, a { outline: none; }
  211.  
  212. /* Paragraph */
  213.  
  214. p {margin-top: 5px; margin-bottom: 5px;}
  215.  
  216. <--ses-->
  217. small{font-size: 90%;}
  218.  
  219. big{font-size: 110%;}
  220.  
  221. /* Title */
  222.  
  223. h1{
  224. margin: 0;
  225. margin-top: 10px;
  226. margin-bottom: 10px;
  227. color: {color:Title};
  228. font-family: {select:Title font};
  229. font-size: {select:Title font size};
  230. font-weight:normal;
  231. line-height: -moz-calc({select:Title font size} + 5px);
  232. line-height: -webkit-calc({select:Title font size} + 5px);
  233. line-height: -o-calc({select:Title font size} + 5px);
  234. line-height: calc({select:Title font size} + 5px);
  235. }
  236.  
  237. /* Captions */
  238.  
  239. h2 {
  240. margin-left: 10px;
  241. font-family: {font:Body font};
  242. font-size: {select:Body font size};
  243. line-height: -moz-calc({select:Body font size} + 3px);
  244. line-height: -webkit-calc({select:Body font size} + 3px);
  245. line-height: -o-calc({select:Body font size} + 3px);
  246. line-height: calc({select:Body font size} + 3px);
  247. font-weight: normal;
  248. }
  249.  
  250. /* Links */
  251.  
  252. a {
  253. color: {color:Link};
  254. text-decoration:none;
  255. }
  256.  
  257. a:hover {
  258. color: {color:Hover};
  259. -webkit-transition: all .3s;
  260. -moz-transition: all .3s;
  261. -o-transition: all .3s;
  262. -ms-transition: all .3s;
  263. transition: all .3s;
  264. }
  265.  
  266. ul, ol, li {
  267. margin: 5px 10px;
  268. padding: 0px;
  269. }
  270.  
  271. /* Bold and italic */
  272.  
  273. b, strong {
  274. color: {color:Bold};
  275. }
  276.  
  277. i, em {
  278. color: {color:Italic};
  279. }
  280.  
  281. blockquote{
  282. margin: 10px;
  283. padding-left: 10px;
  284. border-left: 1px solid {color:Borders};
  285. }
  286.  
  287. ul {
  288. margin: 0px;
  289. padding: 0px;
  290. }
  291.  
  292. a img {
  293. border: 0px;
  294. }
  295.  
  296. small {
  297. font-size: 90%;
  298. }
  299.  
  300. big {
  301. font-size: 110%;
  302. }
  303.  
  304. /* Selection */
  305.  
  306. ::-moz-selection {
  307. background: {color:Hover};
  308. color: {color:Background};
  309. }
  310.  
  311. ::selection {
  312. background: {color:Hover};
  313. color: {color:Background};
  314. }
  315.  
  316. /* Webkit scrollbar */
  317.  
  318. ::-webkit-scrollbar {
  319. width: 9px;
  320. height: 0px;
  321. }
  322.  
  323. ::-webkit-scrollbar-button:start:decrement,
  324. ::-webkit-scrollbar-button:end:increment {
  325. height: 0px;
  326. display: block;
  327. background-color: {color:Scrollbar background};
  328. }
  329.  
  330. ::-webkit-scrollbar-track-piece {
  331. background-color: {color:Scrollbar background};
  332. }
  333.  
  334. ::-webkit-scrollbar-thumb:vertical {
  335. height: 0px;
  336. background-color: {color:Scrollbar};
  337. border: 4px solid {color:Scrollbar background};
  338. }
  339.  
  340. /* Tumblr controls */
  341.  
  342. .iframe-controls--desktop {
  343. right: 35px!important;
  344. top: 5px!important;
  345. margin-top:auto;
  346. opacity: .9!important;
  347. position:fixed!important;
  348. white-space:nowrap!important;
  349. filter: invert(1);
  350. -webkit-filter: invert(1);
  351. -moz-filter: invert(1);
  352. -o-filter: invert(1);
  353. -ms-filter: invert(1);
  354. z-index: 10000!important;
  355. }
  356.  
  357. /* Image style */
  358.  
  359. {block:IfFadedImages}
  360. img {
  361. -webkit-transition: opacity 0.8s linear;
  362. -moz-transition: opacity 0.8s linear;
  363. -o-transition: opacity 0.8s linear;
  364. -ms-transition: opacity 0.8s linear;
  365. opacity: 0.60;
  366. }
  367.  
  368. img:hover {
  369. -webkit-transition: opacity 0.8s linear;
  370. -moz-transition: opacity 0.8s linear;
  371. -o-transition: opacity 0.8s linear;
  372. -ms-transition: opacity 0.8s linear;
  373. opacity: 1;
  374. }
  375. {/block:IfFadedImages}
  376.  
  377. {block:IfMonochromeImages}
  378. img {
  379. -webkit-filter: grayscale(1);
  380. -webkit-transition: all 0.5s ease-in-out;
  381. -moz-transition: all 0.5s ease-in-out;
  382. -o-transition: all 0.5s ease-in-out;
  383. -ms-transition: all 0.5s ease-in-out;
  384. transition: all 0.5s ease-in-out;
  385. }
  386.  
  387. img:hover {
  388. filter: none;
  389. -webkit-filter: grayscale(0);
  390. -webkit-transition: all 0.2s ease-in-out;
  391. -moz-transition: all 0.2s ease-in-out;
  392. -o-transition: all 0.2s ease-in-out;
  393. }
  394. {/block:IfMonochromeImages}
  395.  
  396. /* Tooltips */
  397.  
  398. #s-m-t-tooltip {
  399. max-width: 250px;
  400. margin: 10px;
  401. padding: 5px;
  402. color: {color:Text};
  403. background: {color:Post };
  404. font-size: 12px;
  405. line-height: 15px;
  406. background:rgba({select:Post transparency color}, {select:Transparency});
  407. border: 1px solid {color:Borders};
  408. z-index: 10000;
  409. }
  410.  
  411. /*-- UPDATES TAB --*/
  412.  
  413. #updates {
  414. text-align: center;
  415. position:fixed;
  416. left:20px;
  417. top:-161px;
  418. -webkit-transition: all .5s ease-in-out;
  419. -moz-transition: all .5s ease-in-out;
  420. -o-transition: all .5s ease-in-out;
  421. z-index:1000;
  422. }
  423.  
  424. #updates:hover {
  425. top:0px;
  426. }
  427.  
  428. #update {
  429. width:140px;
  430. height:140px;
  431. font-size:12px;
  432. line-height:18px;
  433. padding:10px;
  434. border:1px solid {color:Borders};
  435. border-top:1px solid transparent;
  436. background:{color:Updates tab background};
  437. z-index: 10000;
  438. }
  439.  
  440. #updates img{
  441. {block:ifUpdatesSymbolWhite}
  442. filter: invert(1);
  443. -webkit-filter: invert(1);
  444. -moz-filter: invert(1);
  445. -o-filter: invert(1);
  446. -ms-filter: invert(1);
  447. {/block:ifUpdatesSymbolWhite}
  448. }
  449.  
  450. /* ----------------------- HEADER ----------------------------- */
  451.  
  452. #header{
  453. position:relative;
  454. height:329px;
  455. width:680px;
  456. margin-top:0px;
  457. margin-left:auto;
  458. margin-right:auto;
  459. background:url('https://i.imgur.com/iwgNRSc.png');
  460. z-index:1000;
  461. }
  462.  
  463. #infobox{
  464. position:absolute;
  465. width:655px;
  466. background:rgba(0,0,0, 0.9);
  467. z-index:999;
  468. height:233px;
  469. border:5px solid black;
  470. margin-top:0px;
  471. margin-left:7px;
  472. text-align:center;
  473. opacity:0;
  474. }
  475.  
  476. #header:hover #infobox{
  477. opacity:1;
  478. -webkit-transition: all .7s ease;
  479. -moz-transition: all .7s ease;
  480. -o-transition: all .7s ease;
  481. transition: all .7s ease;
  482. }
  483.  
  484. /* Avatar */
  485.  
  486. #avatar {
  487. position:absolute;
  488. margin-top:10px;
  489. margin-left:10px;
  490. width:90px;
  491. height:90px;
  492. }
  493.  
  494. #avatar img {
  495. width:100%;
  496. height:100%;
  497. border:5px solid {color:Info box accent};
  498. }
  499.  
  500. /* Main Links */
  501.  
  502. #mainlinks{
  503. position:absolute;
  504. margin-left:10px;
  505. margin-top:125px;
  506. padding-top:1px;
  507. width:100px;
  508. height:99px;
  509. }
  510.  
  511. #mainlinks i{
  512. display:inline-block;
  513. width:48px;
  514. height:48px;
  515. margin-bottom:3px;
  516. color:{color:Info box icon};
  517. background:{color:Info box accent};
  518. font-size:15px;
  519. text-align:center;
  520. line-height:48px;
  521. }
  522.  
  523. #mainlinks i:hover{
  524. background:{color:Main link};
  525. color:{color:Hover};
  526. -webkit-transition: all .7s ease;
  527. -moz-transition: all .7s ease;
  528. -o-transition: all .7s ease;
  529. transition: all .7s ease;
  530. }
  531.  
  532. /* Blog title */
  533.  
  534. #blogtitle{
  535. position:absolute;
  536. margin-top:10px;
  537. margin-left:130px;
  538. width:518px;
  539. height:50px;
  540. font-size:45px;
  541. line-height:50px;
  542. font-size:30px;
  543. text-align:center;
  544. font-family:{select:Title Font};
  545. color:{color:Blog title};
  546. background:{color:Info box accent};
  547. z-index:1000;
  548. }
  549.  
  550. /* Description */
  551.  
  552. #description{
  553. position:absolute;
  554. top:75px;
  555. left:130px;
  556. width:335px;
  557. height:116px;
  558. padding:15px;
  559. overflow-y:auto;
  560. color:{color:Description};
  561. text-align:justify;
  562. font-size:12px;
  563. line-height:20px;
  564. border:1px solid {color:Info box accent};
  565. }
  566.  
  567. /* Search box */
  568.  
  569. #stats{
  570. position:absolute;
  571. top:75px;
  572. left:515px;
  573. width:110px;
  574. height:86px;
  575. padding:10px;
  576. overflow-y:auto;
  577. color:{color:Description};
  578. font-size:12px;
  579. line-height:18px;
  580. border:1px solid {color:Info box accent};
  581. }
  582.  
  583. /* Search box */
  584.  
  585. #searchbox{
  586. position:absolute;
  587. top:194px;
  588. left:515px;
  589. width:132px;
  590. height:30px;
  591. }
  592.  
  593. #searchbox i{
  594. position:absolute;
  595. margin-top:9px;
  596. margin-left:-18px;
  597. color:{color:Blog title};
  598. font-size:11px;
  599. }
  600.  
  601. /* LEFT SIDEBAR */
  602.  
  603. #leftsidebar{
  604. position:fixed;
  605. left:20px;
  606. top:0px;
  607. width:100px;
  608. height:100%;
  609. background-color:{color:Left sidebar background};
  610. background-image:url({image:Left sidebar background});
  611. background-repeat:repeat;
  612. z-index:10;
  613. -moz-box-shadow: 0 0 5px 5px #0F63EA;
  614. -webkit-box-shadow: 0 0 5px 5px #0F63EA;
  615. box-shadow: 0 0 5px 5px #0F63EA;
  616. }
  617.  
  618. /* RIGHT SIDEBAR */
  619.  
  620. #rightsidebar{
  621. position:fixed;
  622. right:20px;
  623. top:0px;
  624. width:100px;
  625. height:100%;
  626. background-color:{color:Right sidebar background};
  627. background-image:url({image:Right sidebar background});
  628. background-repeat:repeat;
  629. z-index:10;
  630. -moz-box-shadow: 0 0 5px 5px #0F63EA;
  631. -webkit-box-shadow: 0 0 5px 5px #0F63EA;
  632. box-shadow: 0 0 5px 5px #0F63EA;
  633. }
  634.  
  635. /* NAVIGAION */
  636.  
  637. #navigation{
  638. position:absolute;
  639. margin-top:246px;
  640. margin-left:0px;
  641. padding-left:7px;
  642. width:680px;
  643. height:75px;
  644. }
  645.  
  646. #navigation a{
  647. float:left;
  648. margin-top:2px;
  649. margin-left:2px;
  650. width:70px;
  651. height:70px;
  652. line-height:70px;
  653. text-align:center;
  654. font-size:15px;
  655. color:{color:Link};
  656. border-radius: 100%;
  657. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  658. z-index:100;
  659. }
  660.  
  661. #navigation a:hover{
  662. background:rgba(0,0,0, 0.9);
  663. -webkit-transition: all .7s ease;
  664. -moz-transition: all .7s ease;
  665. -o-transition: all .7s ease;
  666. transition: all .7s ease;
  667. transform:rotate(360deg);
  668. -ms-transform:rotate(360deg);
  669. -webkit-transform:rotate(360deg);
  670. }
  671.  
  672. #link1 { position:absolute; margin-left:0px;}
  673. #link2 { position:absolute; margin-left:73px;}
  674. #link3 { position:absolute; margin-left:148px;}
  675. #link4 { position:absolute; margin-left:222px;}
  676. #link5 { position:absolute; margin-left:295px;}
  677. #link6 { position:absolute; margin-left:370px;}
  678. #link7 { position:absolute; margin-left:444px;}
  679. #link8 { position:absolute; margin-left:520px;}
  680. #link9 { position:absolute; margin-left:593px;}
  681.  
  682. /* ----------------------------- CONTAINER ---------------------------*/
  683.  
  684. #container{
  685. position:relative;
  686. margin:auto;
  687. margin-top:40px;
  688. width:878px;
  689. }
  690.  
  691. /* POSTS AND ENTRIES */
  692.  
  693. #posts {
  694. margin-top: 20px;
  695. margin-left:auto;
  696. margin-right:auto;
  697. width:calc(({select:Post width}px + 38px) * {select:Number of columns})!important;
  698. max-width:878px !important;
  699. {block:PermalinkPage}
  700. width:540px !important;
  701. {/block:PermalinkPage}
  702. overflow:hidden;
  703. }
  704.  
  705. /* Entries */
  706.  
  707. .entry{
  708. display: inline-block;
  709. float: left;
  710. margin: 18px;
  711. width: {select:Post width}px;
  712. height:auto;
  713. background:rgba({select:Post transparency color}, {select:Transparency});
  714. overflow: hidden;
  715. border: 1px solid {color:Borders};
  716. border-radius:{text:Border radius};
  717. {block:PermalinkPage}
  718. width:500px;
  719. {/block:PermalinkPage}
  720. }
  721.  
  722. .entry img { max-width: 100%; }
  723.  
  724. .content{
  725. padding: 10px;
  726. }
  727.  
  728. /* -------- POSTS STYLES ------- */
  729.  
  730. /* Audio posts */
  731.  
  732. .audioplayer {
  733. margin: 0;
  734. margin-top:10px;
  735. max-height: 80px!important;
  736. width:100%;
  737. max-width: 640px;
  738. background: {color:Post background};
  739. overflow: hidden!important;
  740. z-index:100;
  741. }
  742.  
  743. .audioplayer iframe {
  744. margin: 0px!important;
  745. max-height: 80px;
  746. max-width: 100%;
  747. }
  748.  
  749. /* Quote posts */
  750.  
  751. .quote {
  752. margin: 10px;
  753. padding: 5px;
  754. font-family: {select:Title font};
  755. font-size: {select:Title font size};
  756. line-height: -moz-calc({select:Title font size} + 3px);
  757. line-height: -webkit-calc({select:Title font size} + 3px);
  758. line-height: -o-calc({select:Title font size} + 3px);
  759. line-height: calc({select:Title font size} + 3px);
  760. color: {color:Italic};
  761. text-align: left;
  762. letter-spacing: 2px;
  763. }
  764.  
  765. .source {
  766. font-size: 12px;
  767. line-height: 20px;
  768. }
  769.  
  770. /* Ask Posts */
  771.  
  772. .asker {
  773. margin: 5px;
  774. margin-top: 10px;
  775. width: -moz-calc(100% - 10px);
  776. width: -webkit-calc(100% - 10px);
  777. width: -o-calc(100% - 10px);
  778. width: calc(100% - 10px);
  779. height: auto;
  780. }
  781.  
  782. .bubble {
  783. width: -moz-calc(100% - 70px);
  784. width: -webkit-calc(100% - 70px);
  785. width: -o-calc(100% - 70px);
  786. width: calc(100% - 70px);
  787. height: auto;
  788. min-height: 35px;
  789. padding: 10px;
  790. line-height: 20px;
  791. background: {color:Ask bubble};
  792. z-index:10;
  793. }
  794.  
  795. .triangle {
  796. position: absolute;
  797. margin-left: -moz-calc(100% - 90px);
  798. margin-left: -webkit-calc(100% - 90px);
  799. margin-left: -o-calc(100% - 90px);
  800. margin-left: calc(100% - 90px);
  801. width: 0;
  802. z-index:0;
  803. border-left: 8px solid {color:Ask bubble};
  804. border-bottom: 8px solid transparent;
  805. border-top: 8px solid transparent;
  806. }
  807.  
  808. .asker img {
  809. float: right;
  810. margin-right: 0px;
  811. max-width: 30px;
  812. border: 1px solid {color:Ask bubble};
  813. border-radius: 2px;
  814. z-index:1000;
  815. opacity:1;
  816. }
  817.  
  818. .answer {
  819. margin: 10px;
  820. margin-bottom: 0;
  821. }
  822.  
  823. /* Link posts */
  824.  
  825. .linkthumb img{
  826. width:100%;
  827. }
  828.  
  829. /* Chat posts */
  830.  
  831. .line {
  832. margin-top: 5px;
  833. line-height: 20px;
  834. }
  835.  
  836. /* ----------------------- POST INFO ----------------------------- */
  837.  
  838. .topinfo{
  839. margin:-10px;
  840. padding: 15px;
  841. width: -moz-calc(100% - 20px);
  842. width: -webkit-calc(100% - 20px);
  843. width: -o-calc(100% - 20px);
  844. width: calc(100% - 20px);
  845. height: 22px;
  846. line-height: 30px;
  847. background:rgba({select:Post info transparency color}, {select:Transparency});
  848. {block:PermalinkPage}
  849. width:480px;
  850. {/block:PermalinkPage}
  851. }
  852.  
  853. .topinfourl{
  854. margin-left: 15px;
  855. margin-top: 0px;
  856. font-size: 12px;
  857. }
  858.  
  859. /* Date */
  860.  
  861. .topinfod{
  862. float: right;
  863. padding-right: 10px;
  864. margin-top:-30px;
  865. }
  866.  
  867. /* Bottom info */
  868.  
  869. .botinfo {
  870. width: -moz-calc(100% - 30px);
  871. width: -webkit-calc(100% - 30px);
  872. width: -o-calc(100% - 30px);
  873. width: calc(100% - 30px);
  874. height:auto;
  875. min-height: 50px;
  876. margin: 0px;
  877. padding: 15px;
  878. padding-top: 10px;
  879. padding-bottom: 10px;
  880. font-size: 12px;
  881. line-height: 25px;
  882. color: {color:Text};
  883. background:rgba({select:Post info transparency color}, {select:Transparency});
  884. overflow:hidden;
  885. {block:PermalinkPage}
  886. width:470px;
  887. {/block:PermalinkPage}
  888. }
  889.  
  890. .botinfo a{
  891. margin-right: 25px;
  892. color: {color:Link};
  893. }
  894.  
  895. .tags{
  896. {block:IndexPage}
  897. {block:ifNotShowTags}
  898. display: none;
  899. {/block:ifNotShowTags}
  900. {/block:IndexPage}
  901. }
  902.  
  903. .notec{
  904. float: left;
  905. }
  906.  
  907. /* Butttons */
  908.  
  909. .buttons {
  910. float: right;
  911. width: 115px;
  912. height: 20px;
  913. margin-top: -5px;
  914. z-index: 100;
  915. list-style: none;
  916. {block:PermalinkPage}
  917. width:70px;
  918. {/block:PermalinkPage}
  919. }
  920.  
  921. .buttons li {
  922. display:inline-block;
  923. width:18px;
  924. text-align:center;
  925. margin-right:-2px;
  926. }
  927.  
  928. .perma i{
  929. font-size:14px;
  930. color:{color:Buttons};
  931. }
  932.  
  933. .comment i{
  934. font-size:15px;
  935. color:{color:Buttons};
  936. }
  937.  
  938. .reblog i{
  939. font-size:17px;
  940. color:{color:Buttons};
  941. }
  942.  
  943. .likeb svg{
  944. position:absolute;
  945. margin-left:-5px;
  946. margin-top:-7px;
  947. }
  948.  
  949. .likeb .like_button {
  950. position: absolute;
  951. opacity: 0;
  952. margin-top:-9px;
  953. margin-left:4px;
  954. }
  955.  
  956. .like .like_button.liked {
  957. opacity: 1;
  958. }
  959.  
  960. /* Permalink pagination */
  961.  
  962. .permapag{
  963. margin-top: 15px;
  964. margin-left: 0px;
  965. }
  966.  
  967. .permapag a{
  968. font-size: 15px;
  969. margin:10px;
  970. margin-top: 20px;
  971. padding:5px;
  972. color:{color:Link};
  973. }
  974.  
  975. /* Hide/show */
  976.  
  977. .clickme {
  978. margin: 10px;
  979. width: 130px;
  980. color: {color:Link};
  981. text-align: left;
  982. cursor: pointer;
  983. padding: 5px 10px;
  984. border-bottom: 1px solid {color:Borders};
  985. }
  986.  
  987. .clickme:hover {
  988. color: {color:Hover};
  989. background:rgba({select:Post info transparency color}, {select:Transparency});
  990. }
  991.  
  992. /* Post notes */
  993.  
  994. #notes{
  995. margin: 10px;
  996. width: 500px;
  997. font-size: 12px;
  998. color: {color:Text};
  999. display:none;
  1000. }
  1001.  
  1002. ol.notes {
  1003. padding: 0px;
  1004. margin: 5px 0px;
  1005. list-style-type: none;
  1006. }
  1007.  
  1008. ol.notes li.note {
  1009. padding: 5px;
  1010. }
  1011.  
  1012. ol.notes li.note img.avatar {
  1013. float:left;
  1014. vertical-align: -5px;
  1015. width: 15px;
  1016. height: 15px;
  1017. margin-left:10px;
  1018. margin-right:10px;
  1019. }
  1020.  
  1021. li.more_notes_link_container {
  1022. text-transform: uppercase;
  1023. font-size: 12px;
  1024. }
  1025.  
  1026. /* Disqus box */
  1027.  
  1028. #disqusbox {
  1029. padding:15px;
  1030. }
  1031.  
  1032. /* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */
  1033.  
  1034. #pagcon{
  1035. margin-left:auto;
  1036. margin-right:auto;
  1037. margin-top: 10px;
  1038. height: 45px;
  1039. text-align: center;
  1040. border-top: 1px solid {color:Borders};
  1041. width:calc(({select:Post width}px - 40px) * {select:Number of columns})!important;
  1042. padding-bottom:20px;
  1043. }
  1044.  
  1045. /* Pagination */
  1046.  
  1047. #pagination {
  1048. width: 100%;
  1049. height: 45px;
  1050. {block:ifInfiniteScroll}
  1051. display: none;
  1052. {/block:ifInfiniteScroll}
  1053. }
  1054.  
  1055. .previous, .next, .load-more{
  1056. display:inline;
  1057. color:{color:Pagination};
  1058. font-size:12px;
  1059. padding:10px;
  1060. margin:10px;
  1061. }
  1062.  
  1063. .previous:hover, .next:hover, .load-more:hover{
  1064. color:{color:Hover};
  1065. }
  1066.  
  1067. .previous i, .next i, .load-more i{
  1068. color:{color:Hover};
  1069. font-size:15px;
  1070. margin:10px;
  1071. text-decoration:none;
  1072. }
  1073.  
  1074. .previous:hover i, .next:hover i, .load-more:hover i{
  1075. color:{color:Hover};
  1076. }
  1077.  
  1078. /* INFINITE SCROLL */
  1079.  
  1080. #infscr-loading {
  1081. display:none!important;
  1082. }
  1083.  
  1084. #iscon{
  1085. width:100%;
  1086. height:45px;
  1087. }
  1088.  
  1089. {block:ifLoadMore}
  1090. .load-more{
  1091. height:40px;
  1092. }
  1093. {/block:ifLoadMore}
  1094.  
  1095. /* SCROLL TO TOP */
  1096.  
  1097. #scrollToTop:link,
  1098. #scrollToTop:visited {
  1099. display: none;
  1100. position: fixed;
  1101. bottom: 0px;
  1102. right: 48px;
  1103. z-index:100000;
  1104. }
  1105.  
  1106. /*-- CREDIT --*/
  1107.  
  1108. #credit {
  1109. position:fixed;
  1110. right: 10px;
  1111. width:25px;
  1112. height:25px;
  1113. top: 5px;
  1114. z-index: 100000;
  1115. }
  1116.  
  1117. #credit img{
  1118. border: 1px solid {color:Borders};
  1119. }
  1120.  
  1121. #credit img:hover{
  1122. border: 1px solid {color:Hover};
  1123. }
  1124.  
  1125. /* --------------------------- Custom CSS -------------------------- */
  1126.  
  1127. {CustomCSS}
  1128.  
  1129. </style>
  1130.  
  1131. <!--Google fonts-->
  1132.  
  1133. <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative|Exo|Poiret+One|Sansita|Voltaire" rel="stylesheet">
  1134.  
  1135. <!-- Font awesome -->
  1136.  
  1137. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1138.  
  1139. <!--Jquery-->
  1140.  
  1141. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1142.  
  1143. <!-- Scroll to top -->
  1144.  
  1145. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1146. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1147. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to top image url}" title="Go to Top" alt="Go to Top"/></a>
  1148.  
  1149. <script src="https://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1150. <script src="https://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1151.  
  1152. <script>
  1153. $(document).ready(function () {
  1154. $.localScroll();
  1155. });
  1156. </script>
  1157.  
  1158. <!-- Show/Hide tumblr notes -->
  1159.  
  1160. <script>
  1161. $(document).ready(function(){
  1162. $(".clickme").click(function(){
  1163. $("#notes").toggle(500);
  1164. });
  1165. });
  1166. </script>
  1167.  
  1168. <!-- Style my tooltips -->
  1169.  
  1170. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1171. <script>
  1172. (function($){
  1173. $(document).ready(function(){
  1174. $("a[title]").style_my_tooltips({
  1175. tip_follows_cursor:true,
  1176. tip_delay_time: 90,
  1177. tip_fade_speed: 600,
  1178. attribute:"title"
  1179. });
  1180. });
  1181. })(jQuery);
  1182. </script>
  1183.  
  1184. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1185.  
  1186. {block:IndexPage}
  1187.  
  1188. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1189.  
  1190. {block:ifInfiniteScroll}
  1191. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1192. {/block:ifInfiniteScroll}
  1193.  
  1194. {/block:IndexPage}
  1195.  
  1196. <script>
  1197. $(document).ready(function(){
  1198. $('.photo-slideshow').pxuPhotoset({
  1199. lightbox: true,
  1200. rounded: false,
  1201. gutter: '1px',
  1202. photoset: '.photo-slideshow',
  1203. photoWrap: '.photo-data',
  1204. photo: '.pxu-photo'
  1205. });
  1206. {block:IndexPage}
  1207. var $container = $('#posts');
  1208. $container.masonry({ itemSelector: '.entry' });
  1209. $container.imagesLoaded(function(){
  1210. $container.masonry();
  1211. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1212. });
  1213. {block:ifInfiniteScroll}
  1214. $container.infinitescroll({
  1215. itemSelector: '.entry',
  1216. navSelector: '.pagination',
  1217. nextSelector: '.next',
  1218. loadingImg: '',
  1219. loadingText: '<em></em>',
  1220. bufferPx: 2000
  1221. },
  1222. function( newElements ) {
  1223. var $newElems = $( newElements );
  1224. $newElems.find('.photo-slideshow').pxuPhotoset({
  1225. lightbox: true,
  1226. rounded: false,
  1227. gutter: '1px',
  1228. photoset: '.photo-slideshow',
  1229. photoWrap: '.photo-data',
  1230. photo: '.pxu-photo'
  1231. },
  1232. function(){
  1233. $container.masonry();
  1234. });
  1235. $newElems.imagesLoaded(function(){
  1236. $container.masonry( 'appended', $newElems );
  1237. $newElems.animate({ opacity: 1, zIndex: 1 });
  1238. });
  1239. });
  1240. {/block:ifInfiniteScroll}
  1241. $container.infinitescroll({
  1242. itemSelector: ".entry",
  1243. navSelector: "#pagination",
  1244. nextSelector: ".next",
  1245. loadingImg: "",
  1246. loadingText: "<em></em>",
  1247. bufferPx: 10000,
  1248. extraScrollPx: 12000,
  1249. errorCallback: function() {
  1250. $('.load-more').fadeOut();
  1251. }
  1252. }, function(newElements) {
  1253. var $newElems = $(newElements).css({
  1254. opacity: 0
  1255. });
  1256. $newElems.imagesLoaded(function() {
  1257. $newElems.animate({
  1258. opacity: 1
  1259. });
  1260. $container.masonry('appended', $newElems,
  1261. true);
  1262. });
  1263. });
  1264. {block:ifLoadMore}
  1265. $(window).unbind('.infscr');
  1266. $('.load-more').click(function() {
  1267. $container.infinitescroll('retrieve');
  1268. return false
  1269. });
  1270. {/block:ifLoadMore}
  1271. {/block:IndexPage}
  1272. });
  1273. </script>
  1274.  
  1275. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1276.  
  1277. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1278.  
  1279. {/block:IndexPage}
  1280.  
  1281. <meta charset="utf-8">
  1282. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1283. {block:Description}
  1284. <meta name="description" content="{MetaDescription}" />
  1285. {/block:Description}
  1286.  
  1287. </head>
  1288.  
  1289. <body>
  1290.  
  1291. <div id="header">
  1292.  
  1293. <div id="infobox">
  1294.  
  1295. <div id="avatar"><img src="{image:Avatar}"></div>
  1296.  
  1297. <div id="mainlinks">
  1298. <a href="/" title="Archive"><i class="fa fa-refresh fa" aria-hidden="true"></i></a>
  1299. {block:ifAskEnabled}
  1300. <a href="/ask" title="Archive"><i class="fa fa-envelope fa"></i></a>
  1301. {/block:ifAskEnabled}
  1302. {block:IfSubmissionsEnabled}
  1303. <a href="/submit" title="Submit"><i class="fa fa-pencil fa"></i></a>
  1304. {/block:IfSubmissionsEnabled}
  1305. {block:IfShowArchive}
  1306. <a href="/archive" title="Archive"><i class="fa fa-history fa"></i></a>
  1307. {/block:IfShowArchive}
  1308. </div>
  1309. <!--End mainlinks-->
  1310.  
  1311. <div id="blogtitle">{Title}</div>
  1312.  
  1313. <div id="description">{Description}</div>
  1314.  
  1315. <div id="stats">{text:Stats}</div>
  1316.  
  1317. {block:IfShowSearchBox}
  1318. <div id="searchbox">
  1319. <form action="/search" method="get">
  1320. <input type="text" name="q" value="SEARCH..." style="margin-top:0px; margin-left:0px; width:125px; padding-left:5px; height:25px; border:1px solid {color:Borders}; background:{color:Info box accent}; color:{color:Blog title}; font-size:11px;"/><span><i class="fa fa-search"></i></span></form>
  1321. </div>
  1322. {block:IfShowSearchBox}
  1323. <!--Ene searchbox-->
  1324.  
  1325. </div>
  1326. <!--End infobox-->
  1327.  
  1328. <div id="navigation">
  1329. <div id="link1">
  1330. <a href="{text:Link One url}" title="{text:Link One}">01</a>
  1331. </div>
  1332. <div id="link2">
  1333. <a href="{text:Link Two url}" title="{text:Link Two}">02</a>
  1334. </div>
  1335. <div id="link3">
  1336. <a href="{text:Link Three url}" title="{text:Link Three}">03</a>
  1337. </div>
  1338. <div id="link4">
  1339. <a href="{text:Link Four url}" title="{text:Link Four}">04</a>
  1340. </div>
  1341. <div id="link5">
  1342. <a href="{text:Link Five url}" title="{text:Link Five}">05</a>
  1343. </div>
  1344. <div id="link6">
  1345. <a href="{text:Link Six url}" title="{text:Link Six}">06</a>
  1346. </div>
  1347. <div id="link7">
  1348. <a href="{text:Link Seven url}" title="{text:Link Seven}">07</a>
  1349. </div>
  1350. <div id="link8">
  1351. <a href="{text:Link Six url}" title="{text:Link Eight}">08</a>
  1352. </div>
  1353. <div id="link9">
  1354. <a href="{text:Link Nine url}" title="{text:Link Nine}">09</a>
  1355. </div>
  1356. </div>
  1357. <!--End navigation-->
  1358.  
  1359. </div>
  1360. <!--End header-->
  1361.  
  1362. <div id="leftsidebar"></div>
  1363. <div id="rightsidebar"></div>
  1364.  
  1365. <div id="container">
  1366.  
  1367. <!-- Posts -->
  1368. <div id="posts">
  1369.  
  1370. {block:Posts}
  1371.  
  1372. <div class="entry">
  1373.  
  1374. {block:Date}
  1375.  
  1376. <div class="topinfo">
  1377.  
  1378. <div class="topinfourl">
  1379. {block:RebloggedFrom}
  1380. <a href="/"> {text:Blog alias}</a>
  1381. <i class="fa fa-retweet" aria-hidden="true"></i>
  1382. <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a>
  1383. {/block:RebloggedFrom}
  1384.  
  1385. {block:NotReblog}
  1386. <a href="/">{text:Blog alias}</a>
  1387. {/block:NotReblog}
  1388. </div>
  1389. <!--End topinfourl-->
  1390.  
  1391. <div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>
  1392.  
  1393. </div>
  1394. <!--End topinfo-->
  1395.  
  1396. {/block:Date}
  1397.  
  1398. <!-- Text post -->
  1399. {block:Text}
  1400. <div class="content">
  1401. {block:Title}
  1402. <a href="{Permalink}">
  1403. <h1>{Title}</h1></a>
  1404. {/block:Title}
  1405. {Body}
  1406. </div>
  1407. <!--End content-->
  1408. {/block:Text}
  1409.  
  1410. <!-- Photo post -->
  1411. {block:Photo}
  1412. {block:IndexPage}
  1413. {LinkOpenTag}
  1414. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1415. {LinkCloseTag}
  1416. {/block:IndexPage}
  1417. {block:PermalinkPage}
  1418. {LinkOpenTag}
  1419. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></a>
  1420. {LinkCloseTag}
  1421. {/block:PermalinkPage}
  1422. {/block:Photo}
  1423.  
  1424. <!-- Photoset post -->
  1425. {block:Photoset}
  1426. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1427. {/block:Photoset}
  1428.  
  1429. <!-- Chat post -->
  1430. {block:Chat}
  1431. <div class="content">
  1432. {block:Title}<h1>{Title}</h1>{/block:Title}
  1433. {block:Lines}
  1434. <div class="line">
  1435. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1436. </div>
  1437. <!--End line-->
  1438. {/block:Lines}
  1439. </div>
  1440. <!--End content-->
  1441. {/block:Chat}
  1442.  
  1443. <!-- Quote post -->
  1444. {block:Quote}
  1445. <div class="content">
  1446. <div class="quote">
  1447. "{Quote}"
  1448. </div>
  1449. <!--End quote-->
  1450. <div class="source">
  1451. — {Source}
  1452. </div>
  1453. <!--End source-->
  1454. </div>
  1455. <!--End content-->
  1456. {/block:Quote}
  1457.  
  1458. <!-- Link post -->
  1459. {block:Link}
  1460. <div class="content">
  1461. {block:Thumbnail}
  1462. <div class="linkthumb">
  1463. <img src="{Thumbnail}" alt="{Name}">
  1464. </div>
  1465. <!--End linkthumb-->
  1466. {/block:Thumbnail}
  1467. <a href="{URL}"><h1>{Name}</h1></a>
  1468. {block:Description}
  1469. <p>{Description}</p>
  1470. {/block:Description}
  1471. </div>
  1472. <!--End content-->
  1473. {/block:Link}
  1474.  
  1475. <!-- Video post -->
  1476. {block:Video}
  1477. {Video-700}
  1478. {/block:Video}
  1479.  
  1480. <!-- Audio post -->
  1481. {block:Audio}
  1482. <div id="audioplayer">{AudioEmbed-640}</div>
  1483. <!--End content-->
  1484. {/block:Audio}
  1485.  
  1486. <!-- Ask post -->
  1487. {block:Answer}
  1488. <div class="content">
  1489. <div class="asker">
  1490. <img src="{AskerPortraitURL-48}">
  1491. <div class="bubble" style="border-color: {color:Ask bubble}; background: {color:Ask bubble};">
  1492. <div class="triangle"></div>
  1493. {Asker}asked:
  1494. <br>{Question}
  1495. </div>
  1496. <!--End bubble-->
  1497. </div>
  1498. <!--End asker-->
  1499. <div class="answer">
  1500. {Answer}
  1501. </div>
  1502. <!--End answer-->
  1503. </div>
  1504. <!--End content-->
  1505. {/block:Answer}
  1506.  
  1507. {block:Caption}
  1508. <h2>{Caption}</h2>
  1509. {/block:Caption}
  1510.  
  1511. {block:Date}
  1512.  
  1513. <div class="botinfo">
  1514.  
  1515. {block:RebloggedFrom}
  1516. {block:ContentSource}
  1517. Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>
  1518. {/block:ContentSource}
  1519. {/block:RebloggedFrom}
  1520.  
  1521. {block:HasTags}
  1522. <div class="tags">
  1523. {block:Tags}
  1524. <a href="{TagURL}">
  1525. #{Tag}</a> &nbsp;
  1526. {/block:Tags}<br>
  1527. </div>
  1528. {/block:HasTags}
  1529.  
  1530. {block:NoteCount}
  1531. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1532. {/block:NoteCount}
  1533.  
  1534. <div class="buttons">
  1535.  
  1536. {block:IndexPage}
  1537. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1538.  
  1539. <li class="comment"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1540. {/block:IndexPage}
  1541.  
  1542. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1543.  
  1544. <li class="likeb"><svg width="14" height="14" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="{color:Buttons}"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="14"}</li>
  1545.  
  1546. </div>
  1547. <!--End Buttons-->
  1548. </div>
  1549. <!--End botinfo-->
  1550. {/block:Date}
  1551.  
  1552. <!--Permalink page-->
  1553. {block:PermalinkPage}
  1554.  
  1555. {block:PostNotes}
  1556.  
  1557. <div class="clickme">Show/hide post notes</div>
  1558.  
  1559. <div id="notes">
  1560. {PostNotes}
  1561. </div>
  1562. <!--End notes-->
  1563. {/block:PostNotes}
  1564.  
  1565. {block:PermalinkPagination}
  1566. <div class="permapag">
  1567. <center>
  1568. {block:PreviousPost}
  1569. <a href="{PreviousPost}"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev post</a>
  1570. {/block:PreviousPost}
  1571.  
  1572. {block:NextPost}
  1573. <a href="{NextPost}"> Next post <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1574. {/block:NextPost}
  1575. </center>
  1576. </div><br>
  1577. {/block:PermalinkPagination}
  1578.  
  1579. {block:Date}
  1580.  
  1581. {block:IfDisqusShortname}
  1582. <div id="disqusbox">
  1583.  
  1584. <div id="disqus_thread"></div>
  1585. <script type="text/javascript">
  1586. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1587. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1588. var disqus_url = '{Permalink}';
  1589.  
  1590. /* * * DON'T EDIT BELOW THIS LINE * * */
  1591. (function() {
  1592. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1593. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1594. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1595. })();
  1596. </script>
  1597. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1598. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1599.  
  1600. </div>
  1601. <!--End disqus box-->
  1602. {/block:IfDisqusShortname}
  1603.  
  1604. {/block:Date}
  1605.  
  1606. {/block:PermalinkPage}
  1607.  
  1608. <!-- No via and source in captions -->
  1609. {block:ContentSource}
  1610. <!-- {SourceURL}
  1611. {block:SourceLogo}
  1612. <img src="{BlackLogoURL}"
  1613. width="{LogoWidth}"
  1614. height="{LogoHeight}"
  1615. alt="{SourceTitle}" />
  1616. {/block:SourceLogo}
  1617. {block:NoSourceLogo}
  1618. {SourceLink}
  1619. {/block:NoSourceLogo} -->
  1620. {/block:ContentSource}
  1621.  
  1622. </div>
  1623. <!--End entry-->
  1624.  
  1625. {/block:Posts}
  1626. </div>
  1627. <!-- End posts -->
  1628.  
  1629. {block:Pagination}
  1630.  
  1631. <div id="pagcon">
  1632.  
  1633. <div id="pagination">
  1634. {block:PreviousPage}
  1635. <a class="previous" href="{PreviousPage}"><i class="fa fa-long-caret-left" aria-hidden="true"></i> NEWER </a>
  1636. {/block:PreviousPage}
  1637.  
  1638. {block:NextPage}
  1639. <a class="next" href="{NextPage}"> OLDER <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1640. {/block:NextPage}
  1641. </div>
  1642. <!--End pagination-->
  1643.  
  1644. <div id="iscon">
  1645. {block:ifLoadMore}
  1646.  
  1647. <a href="#" class="load-more"> LOAD MORE <i class="fa fa-caret-down" aria-hidden="true"></i></a>
  1648. {/block:ifLoadMore}
  1649. </div>
  1650.  
  1651. </div>
  1652. <!--End pagcon-->
  1653.  
  1654. {/block:Pagination}
  1655.  
  1656. </div>
  1657. <!--End container-->
  1658.  
  1659. <!-- CREDIT (do not remove) -->
  1660.  
  1661. <div id="credit"><a href="https://borntobewildcodes.tumblr.com" title="theme THE AVENGERS by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>
  1662.  
  1663. </body>
  1664. </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!