API tools faq
paste
Advertisement
hunterthemes

- Theme #11 (vol.3)

hunterthemes
Sep 27th, 2015
2,957
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.40 KB | None | 0 0
raw download clone embed print report
  1. <html> <meta charset="utf-8">
  2. <meta name="viewport" content="width=device-width, initial-scale=1">
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!----
  7.  
  8. © hunterthemes.tumblr.com | Theme #11 (vol.3)
  9.  
  10. * Do not redistribute this theme and claim it as your own.
  11. * Do not remove the credit or move it to another page.
  12. * Minor changes to this theme are allowed.
  13.  
  14. ---->
  15.  
  16. <!-- GOOGLE FONTS -->
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  20. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  21. <link href="https://fonts.googleapis.com/css?family=Almendra" rel="stylesheet">
  22. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  23.  
  24. <!-- DEFAULT VARIABLES -->
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Header background" content="" />
  28. <meta name="image:Avatar" content="" />
  29.  
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:Header background" content="#eeeeee" />
  32. <meta name="color:Welcome background" content="#ffffff" />
  33. <meta name="color:Welcome" content="#000000" />
  34. <meta name="color:Frame background" content="#000000" />
  35. <meta name="color:Menu borders" content="#999999" />
  36. <meta name="color:Menu icon" content="#ffffff" />
  37. <meta name="color:Menu icon hover" content="#000000" />
  38. <meta name="color:Blog title" content="#999999"/>
  39. <meta name="color:Navigation links" content="#ffffff" />
  40. <meta name="color:Navigation links hover" content="#000000" />
  41. <meta name="color:Navigation links border" content="#ffffff" />
  42. <meta name="color:Navigation background" content="#000000" />
  43. <meta name="color:Description" content="#ffffff" />
  44. <meta name="color:Description background" content="#000000" />
  45. <meta name="color:Profile background" content="#ffffff" />
  46. <meta name="color:Profile borders" content="#000000" />
  47. <meta name="color:Main icon" content="#000000"/>
  48. <meta name="color:Search" content="#000000"/>
  49. <meta name="color:Text" content="#eeeeee"/>
  50. <meta name="color:Bold" content="#bbbbbb"/>
  51. <meta name="color:Italic" content="#dddddd"/>
  52. <meta name="color:Link" content="#ffffff"/>
  53. <meta name="color:Hover" content="#dddddd"/>
  54. <meta name="color:Borders" content="#333333"/>
  55. <meta name="color:Chat 1" content="#f8f8f8"/>
  56. <meta name="color:Chat 2" content="#cfcfcf"/>
  57. <meta name="color:Post buttons" content="#999999" />
  58. <meta name="color:Pagination" content="#ffffff" />
  59. <meta name="color:Scrollbar" content="#999999" />
  60.  
  61. <meta name="select:Entry background" content="0,0,0" title="black">
  62. <meta name="select:Entry background" content="255,255,255" title="white">
  63. <meta name="select:Entry background" content="238,238,238" title="gray">
  64. <meta name="select:Entry background" content="255,168,212" title="pink">
  65. <meta name="select:Entry background" content="127,88,242" title="purple">
  66. <meta name="select:Entry background" content="184,168,255" title="indigo">
  67. <meta name="select:Entry background" content="184,208,255" title="blue">
  68. <meta name="select:Entry background" content="103,173,90" title="green">
  69. <meta name="select:Entry background" content="33,209,297" title="turquoise">
  70. <meta name="select:Entry background" content="226,229,23" title="yellow">
  71. <meta name="select:Entry background" content="112,38,11" title="brown">
  72.  
  73. <meta name="select:Entry transparency" content="1" title="opaque">
  74. <meta name="select:Entry transparency" content=".9" title=".9">
  75. <meta name="select:Entry transparency" content=".8" title=".8">
  76. <meta name="select:Entry transparency" content=".7" title=".7">
  77. <meta name="select:Entry transparency" content=".6" title=".6">
  78. <meta name="select:Entry transparency" content=".5" title=".5">
  79. <meta name="select:Entry transparency" content=".4" title=".4">
  80. <meta name="select:Entry transparency" content=".3" title=".3">
  81. <meta name="select:Entry transparency" content=".2" title=".2">
  82. <meta name="select:Entry transparency" content=".1" title=".1">
  83. <meta name="select:Entry transparency" content=".0" title="transparent">
  84.  
  85. <meta name="select:Info background" content="0,0,0" title="black">
  86. <meta name="select:Info background" content="255,255,255" title="white">
  87. <meta name="select:Info background" content="238,238,238" title="gray">
  88. <meta name="select:Info background" content="255,168,212" title="pink">
  89. <meta name="select:Info background" content="127,88,242" title="purple">
  90. <meta name="select:Info background" content="184,168,255" title="indigo">
  91. <meta name="select:Info background" content="184,208,255" title="blue">
  92. <meta name="select:Info background" content="103,173,90" title="green">
  93. <meta name="select:Info background" content="33,209,297" title="turquoise">
  94. <meta name="select:Info background" content="226,229,23" title="yellow">
  95. <meta name="select:Info background" content="112,38,11" title="brown">
  96.  
  97. <meta name="select:Title font" content="Rozha One" title="Rozha One">
  98. <meta name="select:Title font" content="Almendra" title="Almendra">
  99. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  100. <meta name="select:Title font" content="Nova Slim" title="Nova Slim">
  101. <meta name="select:Title font" content="Baumans" title="Baumans">
  102.  
  103. <meta name="select:Blog title font size" content="22px" title="22px">
  104. <meta name="select:Blog title font size" content="24px" title="24px">
  105. <meta name="select:Blog title font size" content="26px" title="26px">
  106. <meta name="select:Blog title font size" content="28px" title="28px">
  107. <meta name="select:Blog title font size" content="30px" title="30px">
  108.  
  109. <meta name="font:Body font" content="Helvetica"/>
  110. <meta name="select:Body font size" content="11px" title="11px">
  111. <meta name="select:Body font size" content="12px" title="12px">
  112. <meta name="select:Body font size" content="13px" title="13px">
  113. <meta name="select:Body font size" content="14px" title="14px">
  114. <meta name="select:Body font size" content="15px" title="15px">
  115.  
  116. <meta name="if:Inverted Controls" content="0" />
  117. <meta name="if:Display Welcome" content="1" />
  118. <meta name="if:Display Header" content="0" />
  119. <meta name="if:Profile Right" content="1" />
  120. <meta name="if:250px Posts" content="1" />
  121. <meta name="if:Three Columns" content="1" />
  122. <meta name="if:Display Main Icons" content="1" />
  123. <meta name="if:Display Avatar" content="1" />
  124. <meta name="if:Display Search Box" content="1" />
  125. <meta name="if:Display Description" content="1" />
  126. <meta name="if:Display Navigation" content="1" />
  127. <meta name="if:Infinite Scrolling" content="0"/>
  128. <meta name="if:Load More" content="0" />
  129. <meta name="if:Display Captions" content="1" />
  130. <meta name="if:Display Tags" content="1" />
  131. <meta name="if:Hover For Info" content="0" />
  132.  
  133. <meta name="if:Display Link One" content="1" />
  134. <meta name="if:Display Link Two" content="1" />
  135. <meta name="if:Display Link Three" content="1" />
  136. <meta name="if:Display Link Four" content="1" />
  137. <meta name="if:Display Link Five" content="1" />
  138.  
  139. <meta name="text:Link One Title" content="01. Link" />
  140. <meta name="text:Link One Url" content="http://"/>
  141. <meta name="text:Link Two Title" content="02. Link"/>
  142. <meta name="text:Link Two Url" content="http://"/>
  143. <meta name="text:Link Three Title" content="03. Link" />
  144. <meta name="text:Link Three Url" content="http://" />
  145. <meta name="text:Link Four Title" content="04. Link" />
  146. <meta name="text:Link Four Url" content="http://" />
  147. <meta name="text:Link Five Title" content="05. Link" />
  148. <meta name="text:Link Five Url" content="http://" />
  149.  
  150. <meta name="if:Display Facebook" content="1" />
  151. <meta name="if:Display Twitter" content="1" />
  152. <meta name="if:Display Instagram" content="1" />
  153. <meta name="if:Display Deviantart" content="1" />
  154. <meta name="if:Display Flickr" content="1" />
  155.  
  156. <meta name="text:Facebook url" content="http://" />
  157. <meta name="text:Twitter url" content="http://" />
  158. <meta name="text:Instagram url" content="http://" />
  159. <meta name="text:Deviantart url" content="http://" />
  160. <meta name="text:Flickr url" content="http://" />
  161.  
  162. <meta name="text:Welcome message" content="WELCOME!" />
  163. <meta name="text:Border radius" content="0px"/>
  164.  
  165. <!-- END DEFAULT VARIABLES -->
  166.  
  167. <head>
  168.  
  169. <style type="text/css">
  170.  
  171. /* CSS */
  172.  
  173. /*-- GENERAL --*/
  174.  
  175. body {
  176. margin:0;
  177. padding:0;
  178. width:100%;
  179. height:100%;
  180. word-wrap:break-word;
  181. color:{color:Text};
  182. font-family:{font:Body font};
  183. font-size:{select:Body font size};
  184. line-height: -moz-calc({select:Body font size} + 5px);
  185. line-height: -webkit-calc({select:Body font size} + 5px);
  186. line-height: -o-calc({select:Body font size} + 5px);
  187. line-height: calc({select:Body font size} + 5px);
  188. background-color: {color:Background};
  189. background-image:url({image:Background});
  190. background-attachment: fixed;
  191. background-repeat: repeat;
  192. }
  193.  
  194. /* Headings */
  195.  
  196. h1{
  197. margin:0;
  198. color:{color:Title};
  199. font-family:{select:Title font};
  200. font-size:200%;
  201. line-height:150%;
  202. border-bottom:1px solid {color:Borders};
  203. font-weight:500;
  204. }
  205.  
  206. h2{
  207. font-family:{select:Title font};
  208. font-weight:400;
  209. font-size:150%;
  210. }
  211.  
  212. /* Links */
  213.  
  214. a {
  215. color:{color:Link};
  216. text-decoration:none;
  217. }
  218.  
  219. a:hover{
  220. text-decoration:none;
  221. color:{color:Hover};
  222. }
  223.  
  224. /* Bold and italic */
  225.  
  226. b, strong {color:{color:Bold};}
  227.  
  228. i, em {color:{color:Italic};}
  229.  
  230. /* Blockquote */
  231.  
  232. blockquote{
  233. padding:0px 0px 2px 5px;
  234. margin:0px 0px 2px 10px;
  235. border-left: 1px solid {color:Borders};
  236. }
  237.  
  238. /* Tumblr controls */
  239.  
  240. iframe.tmblr-iframe {
  241. top:1px!important;
  242. left:0px!important;
  243. opacity:0.8;
  244. transform:scale(0.6);
  245. transform-origin:100% 0;
  246. -webkit-transform:scale(0.8);
  247. -webkit-transform-origin:100% 0;
  248. -o-transform:scale(0.8);
  249. -o-transform-origin:100% 0;
  250. -moz-transform:scale(0.8);
  251. -moz-transform-origin:100% 0;
  252. -ms-transform:scale(0.8);
  253. -ms-transform-origin:100% 0;
  254. z-index:100000!important;
  255. {block:ifInvertedControls}
  256. filter:invert(100%) hue-rotate(180deg);
  257. -webkit-filter:invert(100%) hue-rotate(180deg);
  258. -moz-filter:invert(100%) hue-rotate(180deg);
  259. -o-filter:invert(100%) hue-rotate(180deg);
  260. -ms-filter:invert(100%) hue-rotate(180deg);
  261. {/block:ifInvertedControls}
  262. {block:IfProfileRight}
  263. right:40px!important;
  264. margin-left:auto!important;
  265. {/block:IfProfileRight}
  266. }
  267.  
  268. iframe.tmblr-iframe:hover {
  269. opacity:1!important;}
  270.  
  271. /* Webkit scrollbar */
  272.  
  273. ::-webkit-scrollbar {
  274. width: 9px;
  275. height: 0px;
  276. }
  277.  
  278. ::-webkit-scrollbar-button:start:decrement,
  279. ::-webkit-scrollbar-button:end:increment {
  280. height: 0px;
  281. display: block;
  282. background-color: {color:Background};
  283. }
  284.  
  285. ::-webkit-scrollbar-track-piece {
  286. background-color: {color:Background};
  287. }
  288.  
  289. ::-webkit-scrollbar-thumb:vertical {
  290. height: 0px;
  291. background-color: {color:Scrollbar};
  292. border:4px solid {color:Background};
  293. }
  294.  
  295. /* Tooltips */
  296.  
  297. #s-m-t-tooltip {
  298. max-width: 300px;
  299. margin-left: 10px;
  300. margin-top: -10px;
  301. padding: 2px 4px;
  302. color: {color:Navigation link};
  303. background: {color:Navigation background};
  304. font-size: 11px;
  305. line-height: 15px;
  306. border-radius:{text:Border radius};
  307. z-index: 10000;
  308. }
  309.  
  310. /* Fix */
  311.  
  312. iframe, img, embed, object, video {
  313. max-width: 100%;
  314. border: none;
  315. }
  316.  
  317. input, textarea, select, a { outline: none; }
  318.  
  319. /*------ HEADER -----*/
  320.  
  321. #header{
  322. position:absolute;
  323. width:100%;
  324. height:100%;
  325. top:0;
  326. left:0;
  327. background-color: {color:Header background};
  328. background-image:url({image:Header background});
  329. background-size:cover;
  330. {block:TagPage}
  331. display:none;
  332. {/block:TagPage}
  333. {block:SearchPage}
  334. display:none;
  335. {/block:SearchPage}
  336. {block:PermalinkPage}
  337. display:none;
  338. {/block:PermalinkPage}
  339. {block:IfNotDisplayHeader}
  340. display:none;
  341. {/block:IfNotDisplayHeader}
  342. z-index:1000;
  343. }
  344.  
  345. /* Welcome */
  346.  
  347. .welcome{
  348. position:absolute;
  349. top:50%;
  350. left:50%;
  351. width:auto;
  352. height:auto;
  353. -webkit-transform: translateX(-50%) translateY(-50%);
  354. -moz-transform: translateX(-50%) translateY(-50%);
  355. -ms-transform: translateX(-50%) translateY(-50%);
  356. transform: translateX(-50%) translateY(-50%);
  357. }
  358.  
  359. /* Welcome avatar */
  360.  
  361. .welcomeavatar{
  362. position:absolute;
  363. margin:0px;
  364. width:75px;
  365. height:75px;
  366. border-radius:75px;
  367. border:3px solid {color:Welcome background};
  368. }
  369.  
  370. .welcomeavatar img{
  371. width:75px;
  372. height:75px;
  373. border-radius:75px;
  374. }
  375.  
  376. /* Welcome bubble */
  377.  
  378. #talkbubble {
  379. margin-left:110px;
  380. width: 230px;
  381. height: 80px;
  382. line-height:80px;
  383. text-align:center;
  384. font-size:15px;
  385. letter-spacing:2px;
  386. font-family:{select:Title Font};
  387. background: {color:Welcome background};
  388. color:{color:Welcome text};
  389. position: relative;
  390. font-weight:bold;
  391. }
  392.  
  393. #talkbubble:before {
  394. content:"";
  395. position: absolute;
  396. right: 100%;
  397. top: 26px;
  398. width: 0;
  399. height: 0;
  400. border-top: 13px solid transparent;
  401. border-right: 18px solid {color:Welcome background};
  402. border-bottom: 13px solid transparent;
  403. }
  404.  
  405. .welcome:hover .welcomeavatar{
  406. -webkit-transition: all 0.7s ease-in-out;
  407. -moz-transition: all 0.3s ease-in-out;
  408. -o-transition: all 0.3s ease-in-out;
  409. transition: all 0.3s ease-in-out;
  410. -ms-transform: rotate(360deg); /* IE 9 */
  411. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  412. transform: rotate(360deg);
  413. }
  414.  
  415. .welcome:hover #talkbubble{
  416. -webkit-transition: all 0.7s ease-in-out;
  417. -moz-transition: all 0.3s ease-in-out;
  418. -o-transition: all 0.3s ease-in-out;
  419. transition: all 0.3s ease-in-out;
  420. margin-left:120px;
  421. }
  422.  
  423. /*------ MENU -----*/
  424.  
  425. #menu{
  426. position:fixed;
  427. top:0;
  428. left:0;
  429. width:100%;
  430. height:50px;
  431. background:{color:Frame background};
  432. z-index:100;
  433. }
  434.  
  435. /* Blog title */
  436.  
  437. .blogtitle{
  438. position:fixed;
  439. display:inline-block;
  440. right:150px;
  441. font-family:{select:Title Font};
  442. font-size:{select:Blog title font size};
  443. color:{color:Blog title};
  444. margin-top:0px;
  445. letter-spacing:2px;
  446. line-height:30px;
  447. padding:10px;
  448. z-index:10000;
  449. border-left:1px solid {color:Menu borders};
  450. border-right:1px solid {color:Menu borders};
  451. {block:IfProfileRight}
  452. left:150px;
  453. right:auto;
  454. {/block:IfProfileRight}
  455. }
  456.  
  457. .blogtitle:hover{
  458. color:{color:Menu icon hover};
  459. background:{color:Menu borders};
  460. }
  461.  
  462. /* Description */
  463.  
  464. #descriptionicon{
  465. position:fixed;
  466. right:50px;
  467. display:inline-block;
  468. width:50px;
  469. height:50px;
  470. border-left:1px solid {color:Menu borders};
  471. border-right:1px solid {color:Menu borders};
  472. margin-left:auto;
  473. text-align:center;
  474. cursor:pointer;
  475. {block:IfProfileRight}
  476. left:50px;
  477. right:auto;
  478. {/block:IfProfileRight}
  479. }
  480.  
  481. #descriptionicon:hover i{
  482. background:{color:Menu borders};
  483. color:{color:Menu icon hover};
  484. }
  485.  
  486. #descriptionicon i{
  487. color:{color:Menu icon};
  488. font-size:15px;
  489. line-height:50px;
  490. width:50px;
  491. height:50px;
  492. }
  493.  
  494. .description{
  495. margin-left:-128px;
  496. color:{color:Description};
  497. background:{color:Description background};
  498. border:5px solid {color:Description background};
  499. padding:10px;
  500. width:150px;
  501. overflow-y:auto;
  502. margin-top:0px;
  503. font-size:12px;
  504. line-height:16px;
  505. text-align:justify;
  506. border-radius:{text:Border radius};
  507. opacity:0;
  508. {block:IfProfileRight}
  509. margin-left:-1px;
  510. margin-right:auto;
  511. {/block:IfProfileRight}
  512. }
  513.  
  514. .arrow-top {
  515. position:absolute;
  516. margin-top:-25px;
  517. margin-left:125px;
  518. width: 0;
  519. height: 0;
  520. border-bottom: 15px solid {color:Description background};
  521. border-left: 15px solid transparent;
  522. border-right: 15px solid transparent;
  523. z-index:1;
  524. {block:IfProfileRight}
  525. margin-left:-2px;
  526. margin-right:auto;
  527. {/block:IfProfileRight}
  528. }
  529.  
  530. #descriptionicon:hover .description{
  531. opacity:1;
  532. margin-top:10px;
  533. -webkit-transition: all .7s ease;
  534. -moz-transition: all .7s ease;
  535. -o-transition: all .7s ease;
  536. transition: all .7s ease;
  537. }
  538.  
  539. /* Navigation */
  540.  
  541. #navigationicon{
  542. position:fixed;
  543. right:100px;
  544. display:inline-block;
  545. width:50px;
  546. height:50px;
  547. text-align:center;
  548. cursor:pointer;
  549. {block:IfProfileRight}
  550. left:100px;
  551. right:auto;
  552. {/block:IfProfileRight}
  553. }
  554.  
  555. #navigationicon:hover i{
  556. color:{color:Menu icon hover};
  557. background:{color:Menu borders};
  558. }
  559.  
  560. #navigationicon i{
  561. color:{color:Menu icon};
  562. font-size:15px;
  563. line-height:50px;
  564. width:50px;
  565. height:50px;
  566. }
  567.  
  568. .navigation{
  569. margin-left:-128px;
  570. color:{color:Description};
  571. background:{color:Navigation background};
  572. border:5px solid {color:Navigation background};
  573. max-height:200px;
  574. padding:10px;
  575. width:150px;
  576. overflow-y:auto;
  577. margin-top:0px;
  578. font-size:12px;
  579. line-height:16px;
  580. text-align:justify;
  581. border-radius:{text:Border radius};
  582. opacity:0;
  583. {block:IfProfileRight}
  584. margin-left:0px;
  585. margin-right:auto;
  586. {/block:IfProfileRight}
  587. }
  588.  
  589. .navigation a{
  590. display:block;
  591. font-size:12px;
  592. line-height:12px;
  593. width:140px;
  594. overflow:hidden;
  595. color:{color:Navigation links};
  596. border-bottom:1px solid {color:Navigation links border};
  597. padding:5px;
  598. text-align:center;
  599. }
  600.  
  601. .navigation a:hover{
  602. box-shadow: inset 180px 0 0 0 {color:Navigation links border};
  603. color:{color:Navigation links hover};
  604. -webkit-transition: all .7s ease-in-out;
  605. -moz-transition: all .7s ease-in-out;
  606. -o-transition: all .7s ease-in-out;
  607. transition: all .7s ease-in-out;
  608. }
  609.  
  610. .arrow-top1 {
  611. position:absolute;
  612. margin-top:-25px;
  613. margin-left:125px;
  614. width: 0;
  615. height: 0;
  616. border-bottom: 15px solid {color:Navigation background};
  617. border-left: 15px solid transparent;
  618. border-right: 15px solid transparent;
  619. z-index:1;
  620. {block:IfProfileRight}
  621. margin-left:-2px;
  622. margin-right:auto;
  623. {/block:IfProfileRight}
  624. }
  625.  
  626. /* Social icons */
  627.  
  628. #socialicons{
  629. margin-top:20px;
  630. width:150px;
  631. text-align:center;
  632. }
  633.  
  634. #socialicons a, #socialicons a:hover{
  635. box-shadow: inset 180px 0 0 0 {color:Navigation background};
  636. margin:0px;
  637. display:inline;
  638. border:none;
  639. padding:0;
  640. }
  641.  
  642. #socialicons i{
  643. display:inline;
  644. color:{color:Navigation link};
  645. font-size:12px;
  646. width:12px;
  647. padding:5px;
  648. margin:2px;
  649. background:{color:Navigation background};
  650. line-height:15px;
  651. }
  652.  
  653. #socialicons i:hover{
  654. color:{color:Hover};
  655. background:{color:Navigation background};
  656. }
  657.  
  658. #navigationicon:hover .navigation{
  659. opacity:1;
  660. margin-top:10px;
  661. -webkit-transition: all .7s ease;
  662. -moz-transition: all .7s ease;
  663. -o-transition: all .7s ease;
  664. transition: all .7s ease;
  665. }
  666.  
  667. /*------ FRAMES -----*/
  668.  
  669. #left-frame{
  670. position:fixed;
  671. top:0px;
  672. left:0;
  673. width:50px;
  674. height:100%;
  675. background:{color:Frame background};
  676. z-index:100;
  677. }
  678.  
  679. #right-frame{
  680. position:fixed;
  681. top:0px;
  682. right:0;
  683. width:50px;
  684. height:100%;
  685. background:{color:Frame background};
  686. z-index:100;
  687. }
  688.  
  689. #bottomframe{
  690. position:fixed;
  691. bottom:0;
  692. left:0;
  693. width:100%;
  694. height:50px;
  695. background:{color:Frame background};
  696. z-index:100;
  697. }
  698.  
  699. /* PROFILE */
  700.  
  701. .profile{
  702. position:fixed;
  703. bottom:0;
  704. left:0;
  705. width:240px;
  706. height:240px;
  707. background:{color:Profile background};
  708. border-top:1px solid {color:Borders};
  709. border-right:1px solid {color:Borders};
  710. border-top-right-radius:240px;
  711. z-index:1000;
  712. {block:IfProfileRight}
  713. right:0;
  714. left:auto;
  715. border-left:1px solid {color:Borders};
  716. border-top-left-radius:240px;
  717. border-top-right-radius:0px;
  718. {/block:IfProfileRight}
  719. }
  720.  
  721. /* Avatar */
  722.  
  723. .avatarimage {
  724. position:absolute;
  725. left:50px;
  726. bottom:60px;
  727. width:130px;
  728. height:130px;
  729. border-top-right-radius:130px;
  730. border:2px solid {color:Profile borders};
  731. z-index:10;
  732. {block:IfProfileRight}
  733. right:50px;
  734. left:auto;
  735. border-top-left-radius:130px;
  736. border-top-right-radius:0px;
  737. {/block:IfProfileRight}
  738. }
  739.  
  740. .avatarimage img {
  741. width:100%;
  742. height:100%;
  743. border-top-right-radius:130px;
  744. {block:IfProfileRight}
  745. border-top-left-radius:130px;
  746. border-top-right-radius:0px;
  747. {/block:IfProfileRight}
  748. }
  749.  
  750. /* Main icons */
  751.  
  752. .mainicons{
  753. position:fixed;
  754. bottom:47px;
  755. left:5px;
  756. width:30px;
  757. height:auto;
  758. {block:IfProfileRight}
  759. right:5px;
  760. left:auto;
  761. {/block:IfProfileRight}
  762. text-align:center;
  763. z-index:10000;
  764. }
  765.  
  766. .mainicons i{
  767. display:block;
  768. margin-top:0;
  769. margin-left:-3px;
  770. height:30px;
  771. width:30px;
  772. padding:5px;
  773. color:{color:Main icon};
  774. text-transform:uppercase;
  775. font-size:15px;
  776. line-height:30px;
  777. }
  778.  
  779. .mainicons i:hover{
  780. color:{color:Hover};
  781. -webkit-transition: all .7s ease;
  782. -moz-transition: all .7s ease;
  783. -o-transition: all .7s ease;
  784. transition: all .7s ease;
  785. }
  786.  
  787. /* Search box */
  788.  
  789. #search{
  790. position:fixed;
  791. bottom:10px;
  792. left:30px;
  793. width:180px;
  794. height:30px;
  795. line-height:30px;
  796. overflow:hidden;
  797. border-bottom:1px solid {color:Profile borders};
  798. z-index:100000;
  799. {block:IfProfileRight}
  800. right:30px;
  801. left:auto;
  802. {/block:IfProfileRight}
  803. }
  804.  
  805. #search i{
  806. position:absolute;
  807. margin-left:160px;
  808. margin-top:10px;
  809. color:{color:Search};
  810. font-size:12px;
  811. }
  812.  
  813. /*----- MAIN CONTAINER -----*/
  814.  
  815. #container{
  816. margin:auto;
  817. margin-top:50px;
  818. margin-bottom:70px;
  819. min-height:500px;
  820. width:100%;
  821. z-index:10;
  822. {block:IfDisplayHeader}
  823. margin-top: -moz-calc(50% + 70px);
  824. margin-top: -webkit-calc(50% + 70px);
  825. margin-top: -o-calc(50% + 70px);
  826. margin-top: calc(50% + 70px);
  827. {/block:IfDisplayHeader}
  828. {block:TagPage}
  829. margin-top:50px;
  830. {/block:TagPage}
  831. {block:SearchPage}
  832. margin-top:50px;
  833. {/block:SearchPage}
  834. {block:PermalinkPage}
  835. margin-top:50px;
  836. {/block:PermalinkPage}
  837. {block:IfNotDisplayHeader}
  838. margin-top:50px;
  839. {/block:IfNotDisplayHeader}
  840. }
  841.  
  842. /* --------- POSTS --------- */
  843.  
  844. #posts {
  845. position:relative;
  846. margin-left:auto;
  847. margin-right:auto;
  848. min-height:500px;
  849. width:562px;
  850. {block:if250pxPosts}
  851. width:625px;
  852. {/block:if250pxPosts}
  853. {block:ifThreeColumns}
  854. width:938px;
  855. {/block:ifThreeColumns}
  856. overflow:hidden;
  857. display:block;
  858. {block:PermalinkPage}
  859. width:562px;
  860. {/block:PermalinkPage}
  861. z-index:10;
  862. }
  863.  
  864. .entry {
  865. float:left;
  866. display: block;
  867. margin:20px;
  868. width:500px;
  869. padding:10px;
  870. padding-bottom:0;
  871. {block:ifHoverForInfo}
  872. padding-bottom:8px;
  873. {/block:ifHoverForInfo}
  874. background:rgba({select:Entry background}, {select:Entry transparency});
  875. border: 1px solid {color:Borders};
  876. border-radius:{text:Border radius};
  877. z-index:100;
  878. {block:If250pxPosts}
  879. width:250px;
  880. {/block:If250pxPosts}
  881. {block:PermalinkPage}
  882. width:500px;
  883. margin-top:50px;
  884. margin-bottom:50px;
  885. {/block:PermalinkPage}
  886. }
  887.  
  888. .entry img { max-width: 100%; }
  889.  
  890. /* -- POST STYLES -- */
  891.  
  892. /* Quote posts */
  893.  
  894. .quote {
  895. margin:5px;
  896. padding:10px;
  897. font-family:{select:Title font};
  898. font-size:{select:Title font size};
  899. line-height: -moz-calc({select:Title font size} + 5px);
  900. line-height: -webkit-calc({select:Title font size} + 5px);
  901. line-height: -o-calc({select:Title font size} + 5px);
  902. line-height: calc({select:Title font size} + 5px);
  903. color:{color:Italic};
  904. height:auto;
  905. text-align:center;
  906. letter-spacing:1px;
  907. }
  908.  
  909. .source {
  910. margin-top:5px;
  911. margin-bottom:10px;
  912. font-family:{font:Body font};
  913. font-size:15px;
  914. height:25px;
  915. line-height:25px;
  916. text-align:left;
  917. overflow:hidden;
  918. }
  919.  
  920. .source i{
  921. float:left;
  922. margin-right:10px;
  923. color:{color:Link};
  924. padding:5px;
  925. padding-right:10px;
  926. font-size:15px;
  927. border-right:1px solid {color:Borders};
  928. }
  929.  
  930. /* Link posts */
  931.  
  932. #linktitle{
  933. color:{color:Title};
  934. font-family:{select:Title font};
  935. font-size:{select:Title font size};
  936. line-height: -moz-calc({select:Title font size} + 5px);
  937. line-height: -webkit-calc({select:Title font size} + 5px);
  938. line-height: -o-calc({select:Title font size} + 5px);
  939. line-height: calc({select:Title font size} + 5px);
  940. border:1px solid {color:Borders};
  941. background:{color:Borders};
  942. text-transform:lowercase;
  943. padding:5px;
  944. width:490px;
  945. {block:If250pxPosts}
  946. width:238px;
  947. {/block:If250pxPosts}
  948. {block:PermalinkPage}
  949. width:490px;
  950. {/block:PermalinkPage}
  951. {block:ifEntryBorderTransparent}
  952. background:transparent;
  953. border:1px solid transparent;
  954. {/block:ifEntryBorderTransparent}
  955. border-radius:{text:Border radius};
  956. }
  957.  
  958. #linktitle a{
  959. color:{color:Link};
  960. }
  961.  
  962. #linktitle i{
  963. color:{color:Icon};
  964. }
  965.  
  966. #linktitle:hover{
  967. color:{color:Hover};
  968. }
  969.  
  970. /* Audio posts */
  971.  
  972. .album img{
  973. float:left;
  974. margin-top:0px;
  975. width:70px;
  976. height:70px;
  977. margin-left:5px;
  978. margin-right:10px;
  979. float:left;
  980. z-index:10;
  981. border: 1px solid {color:Borders};
  982. border-radius:100%;
  983. }
  984.  
  985. .play{
  986. position:absolute;
  987. margin:22px 25px;
  988. width:31px;
  989. height:29px;
  990. padding-top:2px;
  991. line-height:31px;
  992. overflow:hidden;
  993. background:#fff;
  994. border-radius:100%;
  995. }
  996.  
  997. .audio{
  998. width:160px;
  999. min-height:80px;
  1000. margin-top:10px;
  1001. z-index:10;
  1002. font-size:12px;
  1003. line-height:25px;
  1004. overflow:hidden;
  1005. }
  1006.  
  1007. .audio h1{
  1008. font-size:20px;
  1009. border-bottom:1px solid transparent;
  1010. }
  1011.  
  1012.  
  1013. /* Ask posts */
  1014.  
  1015. .question{
  1016. width:100%;
  1017. height:auto;
  1018. line-height:20px;
  1019. color:{color:Answer};
  1020. }
  1021.  
  1022. .questionin{
  1023. margin-left:45px;
  1024. width:435px;
  1025. min-height:24px;
  1026. line-height:24px;
  1027. padding:5px;
  1028. padding-left:10px;
  1029. padding-right:10px;
  1030. border:1px solid {color:Borders};
  1031. border-top-right-radius:{text:Border radius};
  1032. border-bottom-right-radius:{text:Border radius};
  1033. {block:if250pxPosts}
  1034. width:185px;
  1035. {/block:if250pxPosts}
  1036. {block:PermalinkPage}
  1037. width:435px;
  1038. {/block:PermalinkPage}
  1039. }
  1040.  
  1041. .question img{
  1042. width:28px;
  1043. padding:3px;
  1044. border:1px solid {color:Borders};
  1045. margin-right:4px;
  1046. border-top-left-radius:{text:Border radius};
  1047. border-bottom-left-radius:{text:Border radius};
  1048. }
  1049.  
  1050. .answer{
  1051. margin-top:5px;
  1052. width:490px;
  1053. {block:if250pxPosts}
  1054. width:240px;
  1055. {/block:if250pxPosts}
  1056. {block:PermalinkPage}
  1057. width:490px;
  1058. {/block:PermalinkPage}
  1059. padding:5px;
  1060. }
  1061.  
  1062. /* Chat posts */
  1063.  
  1064. .chat ul {
  1065. display:block;
  1066. list-style:none;
  1067. margin-left:-40px;
  1068. }
  1069.  
  1070. /* Chat lines style */
  1071. .chat li {
  1072. padding:3px;
  1073. display:block;
  1074. }
  1075.  
  1076. /* Odd lines style */
  1077. .chat .odd {
  1078. color:{color:Chat 1};
  1079. }
  1080.  
  1081. /* Even lines style */
  1082. .chat .even {
  1083. color:{color:Chat 2};
  1084. }
  1085.  
  1086. /* -- POST INFO -- */
  1087.  
  1088. .info1 {
  1089. margin-top:-10px;
  1090. margin-bottom:10px;
  1091. margin-left:-10px;
  1092. height:20px;
  1093. width:100%;
  1094. padding:5px 10px;
  1095. font-size:10px;
  1096. line-height:20px;
  1097. color:{color:Link};
  1098. background:rgba({select:Info background}, {select:Entry transparency});
  1099. border-bottom:1px solid {color:Borders};
  1100. border-top-left-radius:{text:Border radius};
  1101. border-top-right-radius:{text:Border radius};
  1102. overflow:hidden;
  1103. {block:IndexPage}
  1104. {block:ifHoverForInfo}
  1105. opacity:0;
  1106. position:absolute;
  1107. {/block:ifHoverForInfo}
  1108. {/block:IndexPage}
  1109. }
  1110.  
  1111. .entry:hover .info1{
  1112. {block:ifHoverForInfo}
  1113. opacity:1;
  1114. {/block:ifHoverForInfo}
  1115. }
  1116.  
  1117. .date{
  1118. float:right;
  1119. width:100px;
  1120. text-align:right;
  1121. text-transform:lowercase;
  1122. }
  1123.  
  1124. /* Info 2 */
  1125.  
  1126. .info2 {
  1127. height:auto;
  1128. float:center;
  1129. margin-top:10px;
  1130. margin-left:-10px;
  1131. margin-bottom:0;
  1132. width:100%;
  1133. padding:5px 10px;
  1134. height:20px;
  1135. line-height:20px;
  1136. font-size:11px;
  1137. color:{color:Link};
  1138. background:rgba({select:Info background}, {select:Entry transparency});
  1139. border-top:1px solid {color:Borders};
  1140. border-bottom-left-radius:{text:Border radius};
  1141. border-bottom-right-radius:{text:Border radius};
  1142. {block:ifDisplayTags}
  1143. height:auto!important;
  1144. {/block:ifDisplayTags}
  1145. {block:IndexPage}
  1146. {block:ifHoverForInfo}
  1147. opacity:0;
  1148. position:absolute;
  1149. bottom:0;
  1150. {/block:ifHoverForInfo}
  1151. {/block:IndexPage}
  1152. {block:PermalinkPage}
  1153. border-radius:0;
  1154. {/block:PermalinkPage}
  1155. }
  1156.  
  1157. .entry:hover .info2{
  1158. {block:ifHoverForInfo}
  1159. opacity:1;
  1160. {/block:ifHoverForInfo}
  1161. }
  1162.  
  1163. .info1 a, .info2 a {
  1164. font-size:11px;
  1165. }
  1166.  
  1167. .info1 a:hover, .info2 a:hover{
  1168. color:{color:Hover};
  1169. }
  1170.  
  1171. .info1 b, .info2 b{
  1172. color:transparent;
  1173. margin-left:-5px;
  1174. }
  1175.  
  1176. /* Tags */
  1177.  
  1178. .tags{
  1179. margin-top:-10px;
  1180. }
  1181.  
  1182. .tags a{
  1183. margin:2px;
  1184. padding:3px 5px;
  1185. background:rgba({select:Entry background}, {select:Entry transparency});
  1186. }
  1187.  
  1188. /*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
  1189.  
  1190. .post_buttons {
  1191. width:45px;
  1192. height:19px;
  1193. margin-left:430px;
  1194. margin-top:-20px;
  1195. padding-top:2px;
  1196. text-align:center;
  1197. {block:if250pxPosts}
  1198. margin-left:180px;
  1199. {/block:if250pxPosts}
  1200. z-index:100;
  1201. list-style: none;
  1202. {block:PermalinkPage}
  1203. margin-left:430px;
  1204. padding-right:15px;
  1205. {/block:PermalinkPage}
  1206. }
  1207.  
  1208. .reblog-button{
  1209. position:absolute;
  1210. margin-top:0px;
  1211. margin-left:-5px;
  1212. }
  1213.  
  1214. .reblog-button i{
  1215. font-size:15px;
  1216. color:{color:Post buttons};
  1217. }
  1218.  
  1219. .like { /* Make a parent element */
  1220. position: relative;
  1221. }
  1222.  
  1223. .like svg path { /* Select your color of choice */
  1224. fill: {color:Post buttons};
  1225. }
  1226.  
  1227. .like .like_button { /* Position like button above your custom one */
  1228. position: absolute;
  1229. margin-top: -21px;
  1230. margin-left:15px;
  1231. opacity: 0;
  1232. }
  1233.  
  1234. .like .like_button.liked { /* Keep the functionality active */
  1235. opacity: 1;
  1236. }
  1237.  
  1238. .perma{
  1239. position:absolute;
  1240. width:20px;
  1241. margin-left:-30px;
  1242. margin-top:-22px;
  1243. }
  1244.  
  1245. .perma i{
  1246. color: {color:Post buttons};
  1247. font-size:17px;
  1248. }
  1249.  
  1250. /*-- PERMALINK PAGE --*/
  1251.  
  1252. .notes{
  1253. padding-top:30px;
  1254. width:500px;
  1255. line-height:20px;
  1256. }
  1257.  
  1258. .postnotes{
  1259. margin-top:20px;
  1260. }
  1261.  
  1262. ol.notes {
  1263. padding: 0px;
  1264. margin: 10px 0px;
  1265. list-style-type: none;
  1266. }
  1267.  
  1268. ol.notes li.note {
  1269. padding: 10px;
  1270. border-bottom:1px solid {color:Borders};
  1271. }
  1272.  
  1273. ol.notes li.note img.avatar {
  1274. vertical-align: -5px;
  1275. margin-right: 10px;
  1276. width: 15px;
  1277. height: 15px;
  1278. }
  1279.  
  1280. /*-- PAGINATION --*/
  1281.  
  1282. #pager{
  1283. width:100%;
  1284. margin-top:20px;
  1285. margin-bottom:20px;
  1286. margin-left:auto;
  1287. margin-right:auto;
  1288. }
  1289.  
  1290. #pagination{
  1291. margin:auto;
  1292. width:572px;
  1293. height:30px;
  1294. text-align:center;
  1295. {block:ifInfiniteScrolling}
  1296. display:none;
  1297. {/block:ifInfiniteScrolling}
  1298. }
  1299.  
  1300. .pagicon, .next, .load-more{
  1301. display:inline;
  1302. }
  1303.  
  1304. .pagicon a, .next, .load-more{
  1305. margin:5px;
  1306. height:20px;
  1307. line-height:20px;
  1308. padding:7px 5px;
  1309. font-size:11px;
  1310. background:rgba({select:Entry background}, {select:Entry transparency});
  1311. border:1px solid {color:Borders};
  1312. border-radius:{text:Border radius};
  1313. }
  1314.  
  1315. .pagicon a:hover, .next:hover, .load-more:hover{
  1316. color:{color:Hover};
  1317. background:{color:Borders};
  1318. }
  1319.  
  1320. .pagicon span, .next span, .load-more span{
  1321. color:{color:Pagination};
  1322. font-size:13px;
  1323. margin:5px;
  1324. text-decoration:none;
  1325. }
  1326.  
  1327. .pagicon:hover span, .next:hover span, .load-more:hover span{
  1328. color:{color:Hover};
  1329. }
  1330.  
  1331.  
  1332. /* -- INFINITE SCROLLING -- */
  1333.  
  1334. #infscr-loading {
  1335. display:none!important;
  1336. }
  1337.  
  1338. #iscroll{
  1339. margin:auto;
  1340. width:500px;
  1341. height:30px;
  1342. text-align:center;
  1343. }
  1344.  
  1345. {block:ifLoadMore}
  1346. .load-more{
  1347. height:40px;
  1348. }
  1349. {/block:ifLoadMore}
  1350.  
  1351. /*-- THEME CREDIT --*/
  1352.  
  1353. #credit{
  1354. position:fixed;
  1355. right:45px;
  1356. bottom:10px;
  1357. width:30px;
  1358. z-index:10000;
  1359. {block:IfProfileRight}
  1360. right:auto;
  1361. left:45px;
  1362. {/block:IfProfileRight}
  1363. }
  1364.  
  1365. /* END CSS */
  1366.  
  1367. {CustomCSS}
  1368.  
  1369. </style>
  1370.  
  1371. </head>
  1372.  
  1373. <!-- Font awesome -->
  1374.  
  1375. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1376.  
  1377. <!--Jquery-->
  1378.  
  1379. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1380.  
  1381. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
  1382.  
  1383. <!-- Style my tooltips -->
  1384.  
  1385. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1386.  
  1387. <script>
  1388. (function($){
  1389. $(document).ready(function(){
  1390. $("a[title]").style_my_tooltips({
  1391. tip_follows_cursor:true,
  1392. tip_delay_time: 90,
  1393. tip_fade_speed: 600,
  1394. attribute:"title"
  1395. });
  1396. });
  1397. })(jQuery);
  1398. </script>
  1399.  
  1400. {block:IndexPage}
  1401.  
  1402. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1403.  
  1404. {block:ifInfiniteScrolling}
  1405. <script src="http://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
  1406. {/block:ifInfiniteScrolling}
  1407.  
  1408. <script>
  1409. $(document).ready(function(){
  1410. var $container = $('#posts');
  1411. $container.imagesLoaded(function() {
  1412. $container.masonry({
  1413. itemSelector: '.entry'
  1414. });
  1415. });
  1416. $container.infinitescroll({
  1417. itemSelector: ".entry",
  1418. navSelector: "#pagination",
  1419. nextSelector: ".next",
  1420. loadingImg: "",
  1421. loadingText: "<em></em>",
  1422. bufferPx: 10000,
  1423. extraScrollPx: 12000,
  1424. errorCallback: function() {
  1425. $('.load-more').fadeOut();
  1426. }
  1427. }, function(newElements) {
  1428. var $newElems = $(newElements).css({
  1429. opacity: 0
  1430. });
  1431. $newElems.imagesLoaded(function() {
  1432. $newElems.animate({
  1433. opacity: 1
  1434. });
  1435. $container.masonry('appended', $newElems,
  1436. true);
  1437. });
  1438. });
  1439. {block:ifLoadMore}
  1440. $(window).unbind('.infscr');
  1441. $('.load-more').click(function() {
  1442. $container.infinitescroll('retrieve');
  1443. return false
  1444. });
  1445. {/block:ifLoadMore}
  1446. });
  1447.  
  1448. </script>
  1449.  
  1450. {/block:IndexPage}
  1451.  
  1452. <title>{Title}
  1453. {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
  1454. {block:TagPage} - {Tag} {/block:TagPage}
  1455. {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1456. {block:Description}<meta name="description" content="{MetaDescription}" />
  1457. {/block:Description}
  1458.  
  1459. <!-- HTML -->
  1460.  
  1461. <body>
  1462.  
  1463. <div id="header">
  1464. {block:IfDisplayWelcome}
  1465. <div class="welcome">
  1466. <div class="welcomeavatar"><img src="{image:Avatar}"></div>
  1467. <div id="talkbubble">
  1468. {text:Welcome message}
  1469. </div>
  1470. </div>
  1471. {/block:IfDisplayWelcome}
  1472. </div>
  1473. <!--End header-->
  1474.  
  1475. <div id="menu">
  1476.  
  1477. <div class="blogtitle">{Title}</div>
  1478.  
  1479. {block:IfDisplayDescription}
  1480. <div id="descriptionicon"><i class="fa fa-user"></i>
  1481.  
  1482. <div class="description">
  1483. <div class="arrow-top"></div>
  1484. {Description}</div>
  1485. </div>
  1486. <!--End descriptionicon-->
  1487. {/block:IfDisplayDescription}
  1488.  
  1489. {block:IfDisplayNavigation}
  1490. <div id="navigationicon"><i class="fa fa-list"></i>
  1491.  
  1492. <!--Navigation-->
  1493. <div class="navigation">
  1494. <div class="arrow-top1"></div>
  1495.  
  1496. {block:IfDisplayLinkOne}
  1497. <a href="{text:Link One Url}">{text:Link One Title}</a>
  1498. {/block:IfDisplayLinkOne}
  1499. {block:IfDisplayLinkTwo}
  1500. <a href="{text:Link Two Url}">{text:Link Two Title}</a>
  1501. {/block:IfDisplayLinkTwo}
  1502. {block:IfDisplayLinkThree}
  1503. <a href="{text:Link Three Url}">{text:Link Three Title}</a>
  1504. {/block:IfDisplayLinkThree}
  1505. {block:IfDisplayLinkFour}
  1506. <a href="{text:Link Four Url}">{text:Link Four Title}</a>
  1507. {/block:IfDisplayLinkFour}
  1508. {block:IfDisplayLinkFive}
  1509. <a href="{text:Link Five Url}">{text:Link Five Title}</a>
  1510. {/block:IfDisplayLinkFive}
  1511.  
  1512. <div id="socialicons">
  1513. {block:IfDisplayFacebook}<a href="{text:Facebook url}" target = "_blank" title="facebook"><i class="fa fa-facebook"></i></a>{/block:IfDisplayFacebook}
  1514. {block:IfDisplayTwitter}<a href="{text:Twitter url}" title="twitter"><i class="fa fa-twitter"></i></a>{/block:IfDisplayTwitter}
  1515. {block:IfDisplayFlickr}<a href="{text:Flickr url}" title="flickr"><i class="fa fa-flickr"></i></a>{/block:IfDisplayFlickr}
  1516. {block:IfDisplayInstagram}<a href="{text:Instagram url}" title="instagram"><i class="fa fa-instagram"></i></a>{/block:IfDisplayInstagram}
  1517. {block:IfDisplayDeviantart}<a href="{text:Deviantart url}" title="deviantart"><i class="fa fa-deviantart"></i></a>{/block:IfDisplayDeviantart}
  1518. </div>
  1519. <!--End socialicons-->
  1520.  
  1521. </div>
  1522. <!--End navigation-->
  1523.  
  1524. </div>
  1525. <!--End navigationicon-->
  1526. {/block:IfDisplayNavigation}
  1527.  
  1528. </div>
  1529. <!--End menu-->
  1530.  
  1531. <div id="left-frame"></div>
  1532. <div id="right-frame"></div>
  1533.  
  1534. <div id="bottomframe">
  1535.  
  1536. <div class="profile">
  1537.  
  1538. {block:IfDisplayAvatar}
  1539. <div class="avatarimage"><img src="{image:Avatar}"></div>
  1540. {/block:IfDisplayAvatar}
  1541.  
  1542. {block:IfDisplayMainIcons}
  1543. <div class="mainicons">
  1544. <a href="/"><i class="fa fa-home"></i></a>
  1545. <a href="/ask"><i class="fa fa-envelope"></i></a>
  1546. <a href="/submit"><i class="fa fa-pencil "></i></a>
  1547. <a href="/archive"><i class="fa fa-clock-o"></i></a>
  1548. </div>
  1549. {/block:IfDisplayMainIcons}
  1550.  
  1551. {block:IfDisplaySearchBox}
  1552. <div id="search">
  1553. <form action="/search" method="get"><i class="fa fa-search"></i>
  1554. <input type="text" name="q" value="SEARCH..." style="width:150px; height:30px; font-family:{select:Body font}; background:transparent; border:1px solid transparent; color:{color:Search}; font-size: 11px; margin-left:10px;"/></form>
  1555. </div>
  1556. {/block:IfDisplaySearchBox}
  1557.  
  1558. </div>
  1559. <!--End profile-->
  1560.  
  1561. </div>
  1562. <!--End bottomframe-->
  1563.  
  1564. <div id="container">
  1565.  
  1566. <!-- POSTS -->
  1567.  
  1568. <div id="posts">
  1569.  
  1570. {block:Posts}
  1571.  
  1572. <div class="entry">
  1573.  
  1574. {block:Date}
  1575. <div class="info1">
  1576. <b>-</b>
  1577. <!-- Reblogged from -->
  1578. {block:RebloggedFrom}
  1579. <a href="{ReblogParentURL}">
  1580. via</a> /{/block:RebloggedFrom}
  1581.  
  1582. {block:ContentSource}
  1583. <a href="{SourceURL}"
  1584. target=blank> source</a>
  1585. {/block:ContentSource}
  1586.  
  1587. <div class="date">
  1588. <a href="{Permalink}">
  1589. {shortmonth} {dayofmonth}</a>
  1590. </div>
  1591. <!--End date-->
  1592.  
  1593. </div>
  1594. <!--End info1-->
  1595.  
  1596. {/block:Date}
  1597.  
  1598. <div class="content">
  1599.  
  1600. <!-- Text -->
  1601. {block:Text}
  1602. {block:Title}
  1603. <a href="{Permalink}">
  1604. <h1>{Title}</h1></a>
  1605. {/block:Title}
  1606. <h2>{Body}</h2>
  1607. {/block:Text}
  1608.  
  1609. <!-- Photo -->
  1610. {block:Photo}
  1611. {block:IndexPage}
  1612. {block:ifNot250pxPosts}
  1613. {LinkOpenTag}
  1614. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
  1615. {LinkCloseTag}
  1616. {/block:ifNot250pxPosts}
  1617. {block:if250pxPosts}
  1618. {LinkOpenTag}
  1619. <img src="{PhotoURL-250}" width="250" alt="{PhotoAlt}">
  1620. {LinkCloseTag}
  1621. {/block:if250pxPosts}
  1622. {/block:IndexPage}
  1623. {block:PermalinkPage}
  1624. {LinkOpenTag}
  1625. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
  1626. {LinkCloseTag}
  1627. {/block:PermalinkPage}
  1628. {/block:Photo}
  1629.  
  1630. <!-- Photoset -->
  1631. {block:Photoset}
  1632. {block:IndexPage}
  1633. {block:ifNot250pxPosts}
  1634. {Photoset-500}
  1635. {/block:ifNot250pxPosts}
  1636. {block:if250pxPosts}
  1637. {Photoset-250}
  1638. {/block:if250pxPosts}
  1639. {/block:IndexPage}
  1640. {block:PermalinkPage}
  1641. {Photoset-500}
  1642. {/block:PermalinkPage}
  1643. {/block:Photoset}
  1644.  
  1645. <!-- Quote -->
  1646. {block:Quote}
  1647. <div class="source">
  1648. <i class="fa fa-quote-left"></i>
  1649. {block:Source}
  1650. {Source}
  1651. {/block:Source}
  1652. </div>
  1653. <!--End source-->
  1654. <div class="quote">
  1655. {Quote}
  1656. </div>
  1657. <!--End quote-->
  1658. {/block:Quote}
  1659.  
  1660. <!-- Link -->
  1661. {block:Link}
  1662. <div id="linktitle">
  1663. <a href="{URL}"
  1664. class="linkpost"
  1665. target="_blank">
  1666. {Name} &raquo; </a>
  1667. </div>
  1668. {block:Description}
  1669. <h2>{Description}</h2>
  1670. {/block:Description}
  1671. {/block:Link}
  1672.  
  1673. <!-- Chat -->
  1674. {block:Chat}
  1675. <div class="chat">
  1676. <ul>
  1677. {block:Lines}
  1678. <li class="{Alt}">
  1679. {block:Label}<b>{Label}</b>{/block:Label}
  1680. {Line}
  1681. </li>
  1682. {/block:Lines}
  1683. </ul>
  1684. </div>
  1685. {/block:Chat}
  1686.  
  1687. <!-- Audio -->
  1688. {block:Audio}
  1689. <div class="album">
  1690. {block:AlbumArt}
  1691. <img src="{AlbumArtURL}"></a>
  1692. {block:AlbumArt}
  1693. </div>
  1694. <!--End album-->
  1695. <div class="play">
  1696. {block:AudioPlayer}
  1697. {AudioPlayer}
  1698. {/block:AudioPlayer}
  1699. </div>
  1700. <div class="audio">
  1701. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1702. {block:Artist}{Artist}{/block:Artist}<br>
  1703. <!--End play-->
  1704. {block:PlayCount}
  1705. {FormattedPlayCount}
  1706. {/block:PlayCount}
  1707. </div>
  1708. <!--End audio-->
  1709. {/block:Audio}
  1710.  
  1711. <!-- Video -->
  1712. {block:Video}
  1713. {block:IndexPage}
  1714. {block:ifNot250pxPosts}
  1715. {Video-500}
  1716. {/block:ifNot250pxPosts}
  1717. {block:if250pxPosts}
  1718. {Video-250}
  1719. {/block:if250pxPosts}
  1720. {/block:IndexPage}
  1721. {block:PermalinkPage}
  1722. {Video-500}
  1723. {/block:PermalinkPage}
  1724. {/block:Video}
  1725.  
  1726. <!-- Ask -->
  1727. {block:Answer}
  1728. <div class="question">
  1729. <img src="{AskerPortraitURL-48}"
  1730. align="left"></div>
  1731. <div class="questionin">
  1732. {Asker}: {Question}</div>
  1733. <div class="answer">
  1734. {Answer}</div>
  1735. {/block:Answer}
  1736.  
  1737. <!-- Caption -->
  1738. {block:IndexPage}
  1739. {block:IfDisplayCaptions}
  1740. {block:Caption}
  1741. {Caption}
  1742. {/block:Caption}
  1743. {/block:IfDisplayCaptions}
  1744. {/block:IndexPage}
  1745. {block:PermalinkPage}
  1746. {block:Caption}
  1747. {Caption}
  1748. {/block:Caption}
  1749. {/block:PermalinkPage}
  1750.  
  1751. </div>
  1752. <!--End content-->
  1753.  
  1754. <!-- Date -->
  1755. {block:Date}
  1756.  
  1757. <div class="info2">
  1758.  
  1759. <b>-</b>
  1760. {block:NoteCount}
  1761. <a href="{Permalink}">
  1762. {NoteCountWithLabel}</a>
  1763. {/block:NoteCount}
  1764.  
  1765. <!-- Permalink, reblog and like buttons -->
  1766. <ul class="post_buttons">
  1767.  
  1768. <li class="reblog-button"><a href="{ReblogUrl}"><i class="fa fa-refresh" aria-hidden="true"></i></a></li>
  1769.  
  1770. <li class="like">
  1771. <svg width="15" height="15" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><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>
  1772. {LikeButton size="15"}
  1773. </li>
  1774.  
  1775. {block:IndexPage}
  1776. <div class="perma"><a href="{Permalink}"><i class="fa fa-location-arrow" aria-hidden="true"></i></a></div>
  1777. {/block:IndexPage}
  1778.  
  1779. </ul>
  1780. <!-- End post_buttons -->
  1781.  
  1782. <!-- Tags -->
  1783. {block:IndexPage}
  1784. {block:IfDisplayTags}
  1785. <div class="tags">
  1786. {block:HasTags}
  1787. {block:Tags}
  1788. <a href="{TagURL}">#{Tag}</a>
  1789. {/block:Tags}
  1790. {/block:HasTags}
  1791. </div>
  1792. {/block:IfDisplayTags}
  1793. {/block:IndexPage}
  1794. {block:PermalinkPage}
  1795. <div class="tags">
  1796. {block:HasTags}
  1797. {block:Tags}
  1798. <a href="{TagURL}">#{Tag}</a>
  1799. {/block:Tags}
  1800. {/block:HasTags}
  1801. </div>
  1802. {/block:PermalinkPage}
  1803.  
  1804. </div>
  1805. <!--End info2-->
  1806. {/block:Date}
  1807.  
  1808. <!-- Permalink page -->
  1809. {block:PermalinkPage}
  1810. <!-- Post notes-->
  1811. {block:PostNotes}
  1812. <div class="postnotes">
  1813. <h1>Post notes:</h1>
  1814. {PostNotes}
  1815. </div>
  1816. {/block:PostNotes}
  1817. {/block:PermalinkPage}
  1818.  
  1819. <!-- Other -->
  1820. {block:ContentSource}
  1821. <!-- {SourceURL}
  1822. {block:SourceLogo}
  1823. <img src="{BlackLogoURL}"
  1824. width="{LogoWidth}"
  1825. height="{LogoHeight}"
  1826. alt="{SourceTitle}" />
  1827. {/block:SourceLogo}
  1828. {block:NoSourceLogo}
  1829. {SourceLink}
  1830. {/block:NoSourceLogo} -->
  1831. {/block:ContentSource}
  1832.  
  1833. </div>
  1834. <!--End entry-->
  1835.  
  1836. {/block:Posts}
  1837.  
  1838. </div>
  1839. <!-- End posts -->
  1840.  
  1841. {block:Pagination}
  1842.  
  1843. <div id="pager">
  1844.  
  1845. <div id="pagination">
  1846. {block:PreviousPage}
  1847. <span class="pagicon">
  1848. <a href="{PreviousPage}"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> NEWER </a>
  1849. </span>
  1850. {/block:PreviousPage}
  1851.  
  1852. <span class="pagicon">
  1853. <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> TOP </a>
  1854. </span>
  1855.  
  1856. {block:NextPage}
  1857. <a class="next" href="{NextPage}"> OLDER <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
  1858. </span>
  1859. {/block:NextPage}
  1860. </div>
  1861. <!--End pagination-->
  1862.  
  1863. <div id="iscroll">
  1864. {block:ifLoadMore}
  1865. <span class="pagicon">
  1866. <a href="#"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> TOP </a>
  1867. </span>
  1868.  
  1869. <a href="#" class="load-more"> MORE <i class="fa fa-plus" aria-hidden="true"></i></a>
  1870. {/block:ifLoadMore}
  1871. </div>
  1872.  
  1873. </div>
  1874. <!--End pager-->
  1875.  
  1876. {/block:Pagination}
  1877.  
  1878. </div>
  1879. <!--End container-->
  1880.  
  1881. <!-- CREDIT (DO NOT REMOVE) -->
  1882. <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
  1883. <img src="https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png" title="theme by hunter themes"></a></div>
  1884.  
  1885. </body>
  1886. </html>
  1887.  
  1888. <!-- END 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!