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

Theme: CIRCLES (vol.2)

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