API tools faq
paste
Advertisement
hunterthemes

- Theme #20

hunterthemes
May 18th, 2016
211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.14 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----
  4.  
  5. © hunterthemes.tumblr.com | Theme #20 (inspired by new instagram look)
  6.  
  7. Do not redistribute this theme and claim it as your own.
  8. Do not remove the credit or move it to another page.
  9. Minor changes to this theme are allowed.
  10.  
  11. ---->
  12.  
  13. <!-- GOOGLE FONTS -->
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic|Niconne:400,400italic,700,700italic|Overlock:400,400italic,700,700italic|Baumans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18.  
  19. <meta name="image:Background" content="" />
  20. <meta name="image:Avatar" content="" />
  21. <meta name="image:Photo 1" content="" />
  22. <meta name="image:Photo 2" content="" />
  23. <meta name="image:Photo 3" content="" />
  24. <meta name="image:Photo 4" content="" />
  25. <meta name="image:Photo 5" content="" />
  26. <meta name="image:Photo 6" content="" />
  27. <meta name="image:Photo 7" content="" />
  28. <meta name="image:Photo 8" content="" />
  29. <meta name="image:Photo 9" content="" />
  30. <meta name="image:Photo 10" content="" />
  31. <meta name="image:Photo 11" content="" />
  32. <meta name="image:Photo 12" content="" />
  33.  
  34. <meta name="color:Background" content="#F6F5F6" />
  35. <meta name="color:Container background" content="#FFF" />
  36. <meta name="color:Blog alias background" content="#FFF" />
  37. <meta name="color:Blog alias" content="#000" />
  38. <meta name="color:Header background" content="#FFF" />
  39. <meta name="color:Menu background" content="#FFF" />
  40. <meta name="color:Menu icon" content="#EEE" />
  41. <meta name="color:Selected icon" content="#2D558A" />
  42. <meta name="color:Main icon" content="#000" />
  43. <meta name="color:Main icons background" content="#FFF" />
  44. <meta name="color:Search" content="#B3B3B3" />
  45. <meta name="color:Search background" content="#E4E4E4" />
  46. <meta name="color:Description" content="#FFF" />
  47. <meta name="color:Entry background" content="#00BF8F" />
  48. <meta name="color:Text" content="#000000" />
  49. <meta name="color:Bold" content="#000"/>
  50. <meta name="color:Italic" content="#ddd"/>
  51. <meta name="color:Link" content="#333" />
  52. <meta name="color:Hover" content="#ccc" />
  53. <meta name="color:Link title background" content="#ccf2e9" />
  54. <meta name="color:Chat 1" content="#f8f8f8" />
  55. <meta name="color:Chat 2" content="#cfcfcf" />
  56. <meta name="color:Borders" content="#ddd" />
  57. <meta name="color:Pagination" content="#ddd" />
  58. <meta name="color:Answer" content="#000"/>
  59. <meta name="color:Scrollbar" content="#000000" />
  60.  
  61. <meta name="select:Title font" content="Exo" title="Exo">
  62. <meta name="select:Title font" content="Overlock" title="Overlock">
  63. <meta name="select:Title font" content="Baumans" title="Baumans">
  64. <meta name="select:Title font" content="Niconne" title="Niconne">
  65. <meta name="select:Title font" content="Nova Slim" title="Nova Slim">
  66.  
  67. <meta name="select:Title font size" content="20px" title="20px">
  68. <meta name="select:Title font size" content="25px" title="25px">
  69. <meta name="select:Title font size" content="30px" title="30px">
  70. <meta name="select:Title font size" content="35px" title="35px">
  71. <meta name="select:Title font size" content="40px" title="40px">
  72.  
  73. <meta name="font:Body font" content="Helvetica"/>
  74. <meta name="select:Body font size" content="11px" title="11px">
  75. <meta name="select:Body font size" content="12px" title="12px">
  76. <meta name="select:Body font size" content="13px" title="13px">
  77. <meta name="select:Body font size" content="14px" title="14px">
  78. <meta name="select:Body font size" content="15px" title="15px">
  79.  
  80. <meta name="if:Infinite Scrolling" content="0" />
  81. <meta name="if:Grid" content="1" />
  82. <meta name="if:Show Avatar" content="1" />
  83. <meta name="if:Show Stats" content="1" />
  84. <meta name="if:Show Description" content="1" />
  85. <meta name="if:Show Main Icons" content="1" />
  86. <meta name="if:Disqus Shortname" content="1" />
  87. <meta name="if:Show Captions" content="1" />
  88. <meta name="if:Show Tags" content="1" />
  89.  
  90. <meta name="if:Show Link One" content="1" />
  91. <meta name="if:Show Link Two" content="1" />
  92. <meta name="if:Show Link Three" content="1" />
  93. <meta name="if:Show Link Four" content="1" />
  94. <meta name="if:Show Link Five" content="1" />
  95. <meta name="if:Show Link Six" content="1" />
  96. <meta name="if:Show Link Seven" content="1" />
  97. <meta name="if:Show Link Eight" content="1" />
  98. <meta name="if:Show Link Nine" content="1" />
  99. <meta name="if:Show Link Ten" content="1" />
  100.  
  101. <meta name="text:Blog alias" content="Blog Alias" />
  102. <meta name="text:Post count" content="100" />
  103. <meta name="text:Follower count" content="100" />
  104. <meta name="text:Following count" content="100" />
  105. <meta name="text:Custom text" content="+ FOLLOW" />
  106. <meta name="text:Disqus Shortname" content="Disqus Shortname" />
  107.  
  108. <meta name="text:Link One Title" content="Link One" />
  109. <meta name="text:Link One Url" content="http://"/>
  110. <meta name="text:Link Two Title" content="Link Two"/>
  111. <meta name="text:Link Two Url" content="http://"/>
  112. <meta name="text:Link Three Title" content="Link Three" />
  113. <meta name="text:Link Three Url" content="http://" />
  114. <meta name="text:Link Four Title" content="Link Four" />
  115. <meta name="text:Link Four Url" content="http://" />
  116. <meta name="text:Link Five Title" content="Link Five" />
  117. <meta name="text:Link Five Url" content="http://" />
  118. <meta name="text:Link Six Title" content="Link Six" />
  119. <meta name="text:Link Six Url" content="http://"/>
  120. <meta name="text:Link Seven Title" content="Link Seven" />
  121. <meta name="text:Link Seven Url" content="http://"/>
  122. <meta name="text:Link Eight Title" content="Link Eight" />
  123. <meta name="text:Link Eight Url" content="http://"/>
  124. <meta name="text:Link Nine Title" content="Link Nine" />
  125. <meta name="text:Link Nine Url" content="http://"/>
  126. <meta name="text:Link Ten Title" content="Link Ten" />
  127. <meta name="text:Link Ten Url" content="http://"/>
  128.  
  129. <!-- END DEFAULT VARIABLES -->
  130.  
  131. <head>
  132. <style type="text/css">
  133.  
  134. /* CSS */
  135.  
  136. /*-- GENERAL --*/
  137.  
  138. body {
  139. margin:0;
  140. padding:0;
  141. width:100%;
  142. height:100%;
  143. word-wrap:break-word;
  144. color:{color:Text};
  145. font-family:{font:Body font};
  146. font-size:{select:Body font size};
  147. line-height: -moz-calc({select:Body font size} + 3px);
  148. line-height: -webkit-calc({select:Body font size} + 3px);
  149. line-height: -o-calc({select:Body font size} + 3px);
  150. line-height: calc({select:Body font size} + 3px);
  151. background-color: {color:Background};
  152. background-image:url({image:Background});
  153. background-attachment: fixed;
  154. background-repeat: repeat;
  155. overflow:hidden;
  156. }
  157.  
  158. h1{
  159. margin:10px;
  160. color:{color:Title};
  161. font-family:{select:Title font};
  162. font-size:{select:Title font size};
  163. line-height: -moz-calc({select:Title font size} + 3px);
  164. line-height: -webkit-calc({select:Title font size} + 3px);
  165. line-height: -o-calc({select:Title font size} + 3px);
  166. line-height: calc({select:Title font size} + 3px);
  167. border-bottom:1px solid {color:Borders};
  168. }
  169.  
  170. h2{
  171. padding-left:10px;
  172. padding-right:10px;
  173. padding-top:5px;
  174. font-family:{font:Body font};
  175. font-size:{select:Body font size};
  176. font-weight:normal;
  177. line-height: -moz-calc({select:Body font size} + 3px);
  178. line-height: -webkit-calc({select:Body font size} + 3px);
  179. line-height: -o-calc({select:Body font size} + 3px);
  180. line-height: calc({select:Body font size} + 3px);
  181. }
  182.  
  183. a {
  184. color:{color:Link};
  185. text-decoration:none;
  186. }
  187.  
  188. a:hover {
  189. text-decoration:none;
  190. color:{color:Link Hover};
  191. -webkit-transition: all 0.5s ease-in-out;
  192. -moz-transition: all 0.6s ease-in-out;
  193. -o-transition: all 0.5s ease-in-out;
  194. transition: all 0.6s ease-in-out;
  195. }
  196.  
  197. blockquote{
  198. padding:0px 0px 2px 5px;
  199. margin:0px 0px 2px 10px;
  200. border-left: 1px dotted #555555;
  201. }
  202.  
  203. b, strong {color:{color:Bold};}
  204.  
  205. i, em {color:{color:Italic};}
  206.  
  207. /*-- TUMBLR CONTROLS --*/
  208.  
  209. .iframe-controls--desktop {
  210. position: fixed !important;
  211. top:10px !important;
  212. right:10px;
  213. z-index:10000 !important;
  214. opacity:.7 !important;
  215. filter: invert(1);
  216. -webkit-filter: invert(1);
  217. -moz-filter: invert(1);
  218. -o-filter: invert(1);
  219. -ms-filter: invert(1);
  220. }
  221.  
  222. .iframe-controls--desktop:hover {
  223. opacity: 1;
  224. color:{color:Hover};
  225. background:transparent;
  226. -webkit-transition: opacity 0.7s linear;
  227. -webkit-transition: all 0.5s ease-out;
  228. -moz-transition: all 0.5s ease-out;
  229. transition: all 0.5s ease-out;
  230. }
  231.  
  232. /*-- TOOLTIPS --*/
  233.  
  234. #s-m-t-tooltip {
  235. max-width:300px;
  236. z-index:10000;
  237. margin:24px 14px 7px 12px;
  238. padding:8px;
  239. color:{color:Link};
  240. background:{color:Container background};
  241. border:1px solid {color:Borders};
  242. font-size:13px;
  243. line-height:16px;
  244. }
  245.  
  246. /*-- PERMALINK PAGE --*/
  247.  
  248. .notes{
  249. padding-top:30px;
  250. width:500px;
  251. line-height:20px;
  252. }
  253.  
  254. .postnotes{
  255. margin-top:20px;
  256. }
  257.  
  258. ol.notes {
  259. padding: 0px;
  260. margin: 10px 0px;
  261. list-style-type: none;
  262. }
  263.  
  264. ol.notes li.note {
  265. padding: 10px;
  266. border-bottom:1px solid {color:Borders};
  267. }
  268.  
  269. ol.notes li.note img.avatar {
  270. vertical-align: -5px;
  271. margin-right: 10px;
  272. width: 15px;
  273. height: 15px;
  274. }
  275.  
  276. /*------ MAIN CONTAINER -----*/
  277.  
  278. #container{
  279. position:absolute;
  280. top:50%;
  281. left:50%;
  282. height:550px;
  283. width:370px;
  284. overflow:hidden;
  285. background:{color:Container background};
  286. -webkit-transform: translateX(-50%) translateY(-50%);
  287. -moz-transform: translateX(-50%) translateY(-50%);
  288. -ms-transform: translateX(-50%) translateY(-50%);
  289. transform: translateX(-50%) translateY(-50%);
  290. }
  291.  
  292. #containerin{
  293. height:510px;
  294. padding-bottom:40px;
  295. width:370px;
  296. }
  297.  
  298. /*----- Alias -----*/
  299.  
  300. #alias{
  301. margin:0;
  302. width:350px;
  303. padding:0px 10px;
  304. height:45px;
  305. line-height:45px;
  306. background:{color:Blog alias background};
  307. font-size:15px;
  308. text-transform:lowercase;
  309. border-bottom:1px solid {color:Borders}
  310. }
  311.  
  312. #aliastext{
  313. margin:0px;
  314. float:left;
  315. }
  316.  
  317. /* Extra links */
  318.  
  319. .click{
  320. position:relative;
  321. margin-top:0px;
  322. margin-left:330px;
  323. cursor:pointer;
  324. z-index:100;
  325. color:{color:Blog alias};
  326. }
  327.  
  328. .click i{
  329. width:20px;
  330. height:20px;
  331. font-size:18px;
  332. line-height:20px;
  333. color:{color:Main icon};
  334. vertical-align:middle;
  335. text-align:center;
  336. }
  337.  
  338. #navigation{
  339. position:fixed;
  340. margin-top:-45px;
  341. margin-left:-10px;
  342. color:{color:Description};
  343. background:{color:Container background};
  344. height:509px;
  345. width:330px;
  346. padding-left:20px;
  347. padding-right:20px;
  348. font-size:12px;
  349. line-height:16px;
  350. z-index:100000;
  351. overflow:hidden;
  352. display:none;
  353. }
  354.  
  355. #alias2{
  356. margin-top:0px;
  357. margin-left:-20px;
  358. margin-bottom:20px;
  359. width:370px;
  360. padding:0px 10px;
  361. height:45px;
  362. line-height:45px;
  363. background:{color:Blog alias background};
  364. font-size:15px;
  365. border-bottom:1px solid {color:Borders}
  366. }
  367.  
  368. .close{
  369. position:relative;
  370. margin-top:0px;
  371. margin-left:330px;
  372. cursor:pointer;
  373. z-index:100;
  374. color:{color:Blog alias};
  375. }
  376.  
  377. .close i{
  378. width:20px;
  379. height:20px;
  380. font-size:18px;
  381. line-height:20px;
  382. color:{color:Main icon};
  383. vertical-align:middle;
  384. text-align:center;
  385. }
  386.  
  387. #navigation a{
  388. display:block;
  389. margin:10px;
  390. font-size:11px;
  391. overflow:hidden;
  392. color:{color:Blog title};
  393. border:1px solid {color:Borders};
  394. padding:5px 10px;
  395. }
  396.  
  397. #navigation a:hover{
  398. box-shadow: inset 330px 0 0 0 {color:Borders};
  399. color: {color:Hover};
  400. }
  401.  
  402. /*------ HEADER -----*/
  403.  
  404. #header{
  405. margin-top:0px;
  406. margin-left:0px;
  407. width:370px;
  408. height:205px;
  409. padding-top:20px;
  410. padding-bottom:10px;
  411. background:{color:Header background};
  412. overflow:hidden;
  413. }
  414.  
  415. /* Avatar */
  416.  
  417. #avatar {
  418. float:left;
  419. margin:20px;
  420. margin-top:0px;
  421. width:83px;
  422. height:83px;
  423. border-radius:120px;
  424. z-index:100;
  425. }
  426.  
  427. #avatar img {
  428. width:100%;
  429. height:100%;
  430. border-radius:120px;
  431. }
  432.  
  433. /* Stats */
  434.  
  435. #stats{
  436. position:relative;
  437. margin-left:120px;
  438. width:230px;
  439. height:83px;
  440. margin-bottom:15px;
  441. text-align:center;
  442. color:{color:Stats};
  443. }
  444.  
  445. #stats b{
  446. font-size:20px;
  447. color:{color:Bold};
  448. }
  449.  
  450. #postcount{
  451. position:absolute;
  452. margin:10px;
  453. width:70px;
  454. height:35px;
  455. line-height:17.5px;
  456. font-size:11px;
  457. }
  458.  
  459. #followercount{
  460. position:absolute;
  461. margin-top:10px;
  462. margin-left:80px;
  463. width:70px;
  464. height:35px;
  465. line-height:17.5px;
  466. font-size:11px;
  467. }
  468.  
  469. #followingcount{
  470. position:absolute;
  471. margin-top:10px;
  472. margin-left:150px;
  473. width:70px;
  474. height:35px;
  475. line-height:17.5px;
  476. font-size:11px;
  477. }
  478.  
  479. #followbox{
  480. position:absolute;
  481. margin-top:57px;
  482. margin-left:0px;
  483. width:230px;
  484. height:20px;
  485. padding:3px 0px;
  486. line-height:20px;
  487. border-radius:2px;
  488. font-size:13px;
  489. text-align:center;
  490. background:{color:Menu icon};
  491. }
  492.  
  493. /*-- Description--*/
  494.  
  495. #description{
  496. margin-left:20px;
  497. color:{color:Description};
  498. height:100px;
  499. overflow-y:auto;
  500. width:330px;
  501. font-size:12px;
  502. line-height:18px;
  503. }
  504.  
  505. #description h1{
  506. margin:0;
  507. padding:0;
  508. height:5px;
  509. font-size:12px;
  510. font-weight:bold;
  511. border:1px solid transparent;
  512. font-family:{font:Body font};
  513. }
  514.  
  515. /*------ MENU -----*/
  516.  
  517. #menu{
  518. position:relative;
  519. margin:0px;
  520. width:370px;
  521. height:45px;
  522. border-top:1px solid {color:Borders};
  523. border-bottom:1px solid {color:Borders};
  524. background:{color:Menu background};
  525. }
  526.  
  527. #grid{
  528. position:absolute;
  529. margin-top:0px;
  530. margin-left:0px;
  531. cursor:pointer;
  532. width:92.5px;
  533. height:45px;
  534. text-align:center;
  535. }
  536.  
  537. #grid i{
  538. display:block;
  539. width:92.5px;
  540. font-size:23px;
  541. line-height:45px;
  542. color:{color:Menu icon};
  543. {block:ifGrid}
  544. color:{color:Selected icon};
  545. {/block:ifGrid}
  546. }
  547.  
  548. #list{
  549. position:absolute;
  550. margin-top:0px;
  551. margin-left:92.5px;
  552. cursor:pointer;
  553. width:92.5px;
  554. height:45px;
  555. text-align:center;
  556. }
  557.  
  558. #list i{
  559. display:block;
  560. width:92.5px;
  561. font-size:23px;
  562. line-height:45px;
  563. color:{color:Selected icon};
  564. {block:ifGrid}
  565. color:{color:Menu icon};
  566. {/block:ifGrid}
  567. }
  568.  
  569. #location{
  570. position:absolute;
  571. margin-top:0px;
  572. margin-left:185px;
  573. cursor:pointer;
  574. width:92.5px;
  575. height:45px;
  576. text-align:center;
  577. }
  578.  
  579. #user{
  580. position:absolute;
  581. margin-top:0px;
  582. margin-left:277.5px;
  583. cursor:pointer;
  584. width:92.5px;
  585. height:45px;
  586. text-align:center;
  587. }
  588.  
  589. #location i, #user i{
  590. display:block;
  591. width:92.5px;
  592. font-size:23px;
  593. line-height:45px;
  594. color:{color:Menu icon}
  595. }
  596.  
  597. #grid i:hover, #list i:hover, #location i:hover, #user i:hover{
  598. color:{color:Selected icon};
  599. }
  600.  
  601. /*---- MAP BOX----*/
  602.  
  603. #mapbox{
  604. position:fixed;
  605. margin-top:0px;
  606. margin-left:0px;
  607. color:{color:Description};
  608. background:{color:Container background};
  609. height:509px;
  610. width:370px;
  611. padding-left:0px;
  612. padding-right:0px;
  613. font-size:12px;
  614. line-height:16px;
  615. z-index:100000;
  616. display:none;
  617. overflow:hidden;
  618. }
  619.  
  620. #mapt{
  621. margin-top:0px;
  622. margin-left:0px;
  623. width:370px;
  624. padding:0px 10px;
  625. height:45px;
  626. line-height:45px;
  627. background:{color:Blog alias background};
  628. font-size:15px;
  629. border-bottom:1px solid {color:Borders}
  630. }
  631.  
  632. #mapt i{
  633. margin-left:10px;
  634. font-size:20px;
  635. color:{color:Main icon};
  636. }
  637.  
  638. .close3{
  639. position:fixed;
  640. margin-top:0px;
  641. margin-left:320px;
  642. cursor:pointer;
  643. z-index:100;
  644. color:{color:Blog alias};
  645. }
  646.  
  647. .close3 i{
  648. width:20px;
  649. height:20px;
  650. font-size:20px;
  651. line-height:20px;
  652. color:{color:Main icon};
  653. vertical-align:middle;
  654. text-align:center;
  655. }
  656.  
  657. /*---- USER BOX ----*/
  658.  
  659. #userbox{
  660. position:fixed;
  661. margin-top:0px;
  662. margin-left:0px;
  663. color:{color:Description};
  664. background:{color:Container background};
  665. height:509px;
  666. width:370px;
  667. padding-left:0px;
  668. padding-right:0px;
  669. font-size:12px;
  670. line-height:16px;
  671. z-index:100000;
  672. display:none;
  673. overflow:hidden;
  674. }
  675.  
  676. #usert{
  677. margin-top:0px;
  678. margin-left:0px;
  679. width:370px;
  680. padding:0px 10px;
  681. height:45px;
  682. line-height:45px;
  683. background:{color:Blog alias background};
  684. font-size:15px;
  685. border-bottom:1px solid {color:Borders}
  686. }
  687.  
  688. #usert i{
  689. margin-left:10px;
  690. font-size:20px;
  691. color:{color:Main icon};
  692. }
  693.  
  694. .close4{
  695. position:fixed;
  696. margin-top:0px;
  697. margin-left:320px;
  698. cursor:pointer;
  699. z-index:100;
  700. color:{color:Blog alias};
  701. }
  702.  
  703. .close4 i{
  704. width:20px;
  705. height:20px;
  706. font-size:20px;
  707. line-height:20px;
  708. color:{color:Main icon};
  709. vertical-align:middle;
  710. text-align:center;
  711. }
  712.  
  713. #userphotos{
  714. margin:0px;
  715. height:470px;
  716. max-height:470px;
  717. }
  718.  
  719. #userphotos img{
  720. display:inline-block;
  721. width:121px;
  722. height:121px;
  723. }
  724.  
  725. /*---- MAIN ICONS ----*/
  726.  
  727. #mainicons{
  728. position:fixed;
  729. width:370px;
  730. height:40px;
  731. margin-left:0;
  732. bottom:0;
  733. margin-top:auto;
  734. background:{color:Main icons background};
  735. border-top:1px solid {color:Borders};
  736. text-align:center;
  737. z-index:100;
  738. }
  739.  
  740. #mainicons i{
  741. color:{color:Main icon};
  742. font-size:20px;
  743. height:74px;
  744. line-height:37px;
  745. }
  746.  
  747. #mainicons i:hover{
  748. color:{color:Hover};
  749. -webkit-transition: all .7s ease;
  750. -moz-transition: all .7s ease;
  751. -o-transition: all .7s ease;
  752. transition: all .7s ease;
  753. }
  754.  
  755. #home{
  756. position:absolute;
  757. margin-left:0px;
  758. width:74px;
  759. }
  760.  
  761. #search{
  762. position:absolute;
  763. margin-left:74px;
  764. width:74px;
  765. cursor:pointer;
  766. }
  767.  
  768. #asksubarch{
  769. position:absolute;
  770. margin-left:148px;
  771. width:222px;
  772. }
  773.  
  774. #asksubarch i{
  775. display:inline;
  776. margin-left:25px;
  777. margin-right:25px;
  778. }
  779.  
  780. /*---- SEARCH BOX----*/
  781.  
  782. #searchbox{
  783. position:fixed;
  784. margin-top:0px;
  785. margin-left:0px;
  786. color:{color:Description};
  787. background:{color:Container background};
  788. height:509px;
  789. width:370px;
  790. font-size:12px;
  791. line-height:16px;
  792. z-index:100000;
  793. display:none;
  794. overflow:hidden;
  795. }
  796.  
  797. /* Search */
  798.  
  799. #searcht{
  800. margin-top:0px;
  801. margin-left:0px;
  802. margin-bottom:0px;
  803. width:370px;
  804. padding:0px 10px;
  805. height:45px;
  806. line-height:45px;
  807. background:{color:Blog alias background};
  808. font-size:15px;
  809. border-bottom:1px solid {color:Borders}
  810. }
  811.  
  812. #searcht i{
  813. margin-left:10px;
  814. font-size:20px;
  815. color:{color:Main icon};
  816. }
  817.  
  818. .close2{
  819. position:fixed;
  820. margin-top:0px;
  821. margin-left:320px;
  822. cursor:pointer;
  823. z-index:100;
  824. color:{color:Blog alias};
  825. }
  826.  
  827. .close2 i{
  828. width:20px;
  829. height:20px;
  830. font-size:20px;
  831. line-height:20px;
  832. color:{color:Main icon};
  833. vertical-align:middle;
  834. text-align:center;
  835. }
  836.  
  837. /* Blogroll */
  838.  
  839. #blogroll{
  840. margin-top:0px;
  841. margin-left:0px;
  842. width:370px;
  843. height:470px;
  844. max-height:470px;
  845. }
  846.  
  847. #blogroll img{
  848. margin:0;
  849. width:121px;
  850. height:121px;
  851. }
  852.  
  853. /*-- PAGINATION --*/
  854.  
  855. #pagination{
  856. margin-top:0px;
  857. padding-top:5px;
  858. width:370px;
  859. height:50px;
  860. line-height:50px;
  861. text-align:center;
  862. border-top:1px solid {color:Borders};
  863. z-index:99;
  864. }
  865.  
  866. .pagicon i{
  867. padding: 4px 8px;
  868. color:{color:Pagination};
  869. font-size:20px;
  870. margin:2px;
  871. text-decoration:none;
  872. }
  873.  
  874. .pagicon i:hover {
  875. padding: 4px 8px;
  876. color:{color:Pagination};
  877. font-size:20px;
  878. margin:2px;
  879. text-decoration:none;
  880. }
  881.  
  882. /*------ POSTS AND ENTRIES -----*/
  883.  
  884. #posts{
  885. margin-top:0px;
  886. margin-left:0px;
  887. width:370px;
  888. min-height:450px;
  889. padding-bottom:20px;
  890. z-index:100;
  891. }
  892.  
  893. .entry{
  894. float:left;
  895. display: block;
  896. margin:0;
  897. margin-bottom:20px;
  898. width:370px;
  899. background:{color:Info background};
  900. {block:ifGrid}
  901. width:121px;
  902. height:121px;
  903. margin-right:2px;
  904. margin-bottom:2px;
  905. {/block:ifGrid}
  906. {block:PermalinkPage}
  907. width:370px;
  908. height:auto;
  909. {/block:PermalinkPage}
  910. overflow:hidden;
  911. }
  912.  
  913. .entry img { max-width: 100%; }
  914.  
  915. .entryin{
  916. padding:10px;
  917. background:{color:Entry background};
  918. }
  919.  
  920. /* ----------------------- POST STYLES ----------------------------- */
  921.  
  922. /* Quote posts */
  923.  
  924. .quote {
  925. margin:auto;
  926. font-family:{select:Title font};
  927. font-size:{select:Title font size};
  928. line-height: -moz-calc({select:Title font size} + 3px);
  929. line-height: -webkit-calc({select:Title font size} + 3px);
  930. line-height: -o-calc({select:Title font size} + 3px);
  931. line-height: calc({select:Title font size} + 3px);
  932. color:{color:Italic};
  933. height:auto;
  934. letter-spacing:1px;
  935. }
  936.  
  937. .symbol{
  938. float:left;
  939. margin:0px;
  940. margin-right:10px;
  941. width:30px;
  942. height:30px;
  943. padding:5px;
  944. line-height:30px;
  945. text-align:center;
  946. color:{color:Link};
  947. font-size:20px;
  948. border:1px solid {color:Borders};
  949. background:{color:Link title background};
  950. }
  951.  
  952. .source {
  953. font-family:{font:Body font};
  954. font-size:{select:Body font size};
  955. line-height:130%;
  956. height:auto;
  957. margin-top:10px;
  958. margin-left:10px;
  959. margin-right:10px;
  960. margin-bottom:5px;
  961. padding:5px;
  962. text-align:right;
  963. letter-spacing:1px;
  964. }
  965.  
  966. /* Link posts */
  967.  
  968. #linktitle{
  969. color:{color:Title};
  970. font-size:{select:Title font size};
  971. line-height: -moz-calc({select:Title font size} + 3px);
  972. line-height: -webkit-calc({select:Title font size} + 3px);
  973. line-height: -o-calc({select:Title font size} + 3px);
  974. line-height: calc({select:Title font size} + 3px);
  975. background:{color:Link title background};
  976. padding:10px;
  977. margin:0px;
  978. margin-top:0px;
  979. width: -moz-calc(100% - 20px);
  980. width: -webkit-calc(100% - 20px);
  981. width: -o-calc(100% - 20px);
  982. width: -calc(100% - 20px);
  983. }
  984.  
  985. #linktitle a{
  986. color:{color:Link};
  987. }
  988.  
  989. #linktitle i{
  990. color:{color:Icon};
  991. }
  992.  
  993. #linktitle:hover{
  994. color:{color:Hover};
  995. box-shadow: inset 100% 0 0 0 {color:Borders};
  996. }
  997.  
  998. /* Audio posts */
  999.  
  1000. .album {
  1001. width: 370px;
  1002. height: 370px;
  1003. z-index: -1;
  1004. background-size: cover;
  1005. }
  1006.  
  1007. .player {
  1008. width: 30px;
  1009. height: 30px;
  1010. overflow: hidden;
  1011. margin-top: -27px;
  1012. margin-left: 331px;
  1013. margin-bottom: 0px;
  1014. z-index: 99999;
  1015. }
  1016.  
  1017. /* Video */
  1018.  
  1019. .video {
  1020. width: 370px;
  1021. height: 100%;
  1022. }
  1023.  
  1024. .video iframe {
  1025. width: 370px;
  1026. height: 100%;
  1027. }
  1028.  
  1029. /* Ask posts */
  1030.  
  1031. .question{
  1032. height:24px;
  1033. line-height:24px;
  1034. margin-bottom:4px;
  1035. border-bottom:1px solid {color:Borders};
  1036. }
  1037.  
  1038. .question img{
  1039. border:3px solid {color:Borders};
  1040. margin-right:4px;
  1041. }
  1042.  
  1043. .answer{
  1044. margin-top:20px;
  1045. width: -moz-calc(100% - 20px);
  1046. width: -webkit-calc(100% - 20px);
  1047. width: -o-calc(100% - 20px);
  1048. width: -calc(100% - 20px);
  1049. color:{color:Answer};
  1050. padding:5px;
  1051. background:{color:Info};
  1052. line-height:20px;
  1053. }
  1054.  
  1055. /* Chat posts */
  1056.  
  1057. .chat ul {
  1058. display:block;
  1059. list-style:none;
  1060. margin-left:-37px;
  1061. }
  1062.  
  1063. /* Chat lines style */
  1064. .chat li {
  1065. padding:3px;
  1066. display:block;
  1067. }
  1068.  
  1069. /* Odd lines style */
  1070. .chat .odd {
  1071. color:{color:Chat 1};
  1072. }
  1073.  
  1074. /* Even lines style */
  1075. .chat .even {
  1076. color:{color:Chat 2};
  1077. }
  1078.  
  1079. /*-- POST INFO --*/
  1080.  
  1081. .info1 {
  1082. margin-top:0px;
  1083. margin-left:0px;
  1084. width:100%;
  1085. height:60px;
  1086. line-height:20px;
  1087. font-size:12px;
  1088. color:{color:Link};
  1089. border-bottom:1px solid {color:Borders};
  1090. {block:ifGrid}
  1091. display:none;
  1092. {/block:ifGrid}
  1093. }
  1094.  
  1095. /* Top info avatar */
  1096.  
  1097. .src{
  1098. position:relative;
  1099. float:left;
  1100. margin-top:10px;
  1101. margin-left:10px;
  1102. width:40px;
  1103. height:40px;
  1104. border-radius:100%;
  1105. }
  1106.  
  1107. .src img{
  1108. width:100%;
  1109. height:100%;
  1110. border-radius:100%;
  1111. }
  1112.  
  1113. /* Top info title */
  1114.  
  1115. .srcurl{
  1116. float:left;
  1117. margin-left:5px;
  1118. margin-top:18px;
  1119. font-size:12px;
  1120. }
  1121.  
  1122. .srcurl b{
  1123. color:{color:Link};
  1124. }
  1125.  
  1126. /* Date */
  1127.  
  1128. .date{
  1129. padding:5px;
  1130. margin-left:10px;
  1131. margin-top:10px;
  1132. font-size:10px;
  1133. text-transform:uppercase;
  1134. {block:IndexPage}
  1135. {block:ifGrid}
  1136. display:none;
  1137. {/block:ifGrid}
  1138. {/block:IndexPage}
  1139. }
  1140.  
  1141. /* Info 2 */
  1142.  
  1143. .info2 {
  1144. height:auto;
  1145. float:center;
  1146. margin-top:10px;
  1147. margin-left:10px;
  1148. font-size:12px;
  1149. height:auto;
  1150. min-height:40px;
  1151. color:{color:Link};
  1152. background:{color:Info background};
  1153. width: -moz-calc(100% - 20px);
  1154. width: -webkit-calc(100% - 20px);
  1155. width: -o-calc(100% - 20px);
  1156. width: -calc(100% - 20px);
  1157. {block:ifGrid}
  1158. display:none;
  1159. {/block:ifGrid}
  1160. }
  1161.  
  1162. .entry:hover .info2{
  1163. {block:ifHoverForInfo}
  1164. opacity:1;
  1165. {/block:ifHoverForInfo}
  1166. }
  1167.  
  1168. .info2 a {
  1169. font-size:12px;
  1170. }
  1171.  
  1172. .info1 a:hover, .info2 a:hover{
  1173. color:{color:Hover};
  1174. }
  1175.  
  1176. /*-- LIKE AND REBLOG BUTTONS --*/
  1177.  
  1178. .like_and_reblog_buttons {
  1179. width:50px;
  1180. margin-left:-40px;
  1181. margin-top:0px;
  1182. z-index:100;
  1183. list-style: none;
  1184. }
  1185.  
  1186. .like_and_reblog_buttons li {
  1187. float:right;
  1188. margin: 5px 5px;
  1189. height: 15px;
  1190. list-style:none;
  1191. }
  1192.  
  1193. .like_and_reblog_buttons li:first-child {
  1194. border-right: 0px solid #e8e8e8;
  1195. }
  1196.  
  1197. .perma{
  1198. width:50px;
  1199. float:left;
  1200. margin-left:55px;
  1201. margin-top:-20px;
  1202. }
  1203.  
  1204. .perma i{
  1205. color:#ccc;
  1206. font-size:16px;
  1207. }
  1208.  
  1209. .notec{
  1210. margin-top:-10px;
  1211. margin-bottom:10px;
  1212. margin-left:0px;
  1213. padding-left:5px;
  1214. width:345px;
  1215. height:25px;
  1216. line-height:35px;
  1217. border-bottom:1px solid {color:Borders};
  1218. }
  1219.  
  1220. .tags{
  1221. margin-left:10px;
  1222. margin-top:15px;
  1223. margin-bottom:10px;
  1224. height:auto;
  1225. width:350px;
  1226. {block:IndexPage}
  1227. {block:ifGrid}
  1228. display:none;
  1229. {/block:ifGrid}
  1230. {/block:IndexPage}
  1231. }
  1232.  
  1233. /* Grid permalink */
  1234.  
  1235. .gridperma{
  1236. position:relative;
  1237. float:left;
  1238. margin:0;
  1239. width:121px;
  1240. height:121px;
  1241. line-height:121px;
  1242. text-align:center;
  1243. color:{color:Container background};
  1244. background:{color:Hover};
  1245. {block:ifNotGrid};
  1246. display:none;
  1247. {/block:ifNotGrid};
  1248. display:none;
  1249. }
  1250.  
  1251. .gridperma a{
  1252. color:#fff;
  1253. margin:5px;
  1254. }
  1255.  
  1256. .entry:hover .gridperma{
  1257. {block:ifGrid}
  1258. display:block;
  1259. {/block:ifGrid}
  1260. }
  1261.  
  1262. /* Infinite scrolling */
  1263.  
  1264. #infscr-loading{
  1265. bottom: -70px;
  1266. position: absolute;
  1267. left: 50%;
  1268. margin-left:-8px;
  1269. width:16px;
  1270. height:11px;
  1271. overflow:hidden;
  1272. }
  1273.  
  1274. /*-- THEME CREDIT --*/
  1275.  
  1276. #credit {
  1277. position:fixed;
  1278. right:5px;
  1279. top:40px;
  1280. width:30px;
  1281. z-index:10000;
  1282. }
  1283.  
  1284. /* END CSS */
  1285.  
  1286. {CustomCSS}
  1287.  
  1288. </style>
  1289.  
  1290. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1291.  
  1292. <script>
  1293. $(document).ready(function(){
  1294. $(".click").click(function(){
  1295. $("#navigation").slideToggle(0);
  1296. });
  1297. });
  1298. </script>
  1299.  
  1300. <script>
  1301. $(document).ready(function(){
  1302. $(".close").click(function(){
  1303. $("#navigation").slideToggle(0);
  1304. });
  1305. });
  1306. </script>
  1307.  
  1308. <script>
  1309. $(document).ready(function(){
  1310. $("#search").click(function(){
  1311. $("#searchbox").slideToggle(0);
  1312. });
  1313. });
  1314. </script>
  1315.  
  1316. <script>
  1317. $(document).ready(function(){
  1318. $(".close2").click(function(){
  1319. $("#searchbox").slideToggle(0);
  1320. });
  1321. });
  1322. </script>
  1323.  
  1324. <script>
  1325. $(document).ready(function(){
  1326. $("#location").click(function(){
  1327. $("#mapbox").slideToggle(0);
  1328. });
  1329. });
  1330. </script>
  1331.  
  1332. <script>
  1333. $(document).ready(function(){
  1334. $(".close3").click(function(){
  1335. $("#mapbox").slideToggle(0);
  1336. });
  1337. });
  1338. </script>
  1339.  
  1340. <script>
  1341. $(document).ready(function(){
  1342. $("#user").click(function(){
  1343. $("#userbox").slideToggle(0);
  1344. });
  1345. });
  1346. </script>
  1347.  
  1348. <script>
  1349. $(document).ready(function(){
  1350. $(".close4").click(function(){
  1351. $("#userbox").slideToggle(0);
  1352. });
  1353. });
  1354. </script>
  1355.  
  1356. <script type="text/javascript">
  1357. $(document).ready(function(){
  1358.  
  1359. $( "#list" ).click(function() {
  1360. $("#list i" ).css({color: '{color:Selected icon}' });
  1361. return false
  1362. });
  1363.  
  1364. $( "#list" ).click(function() {
  1365. $("#grid i" ).css({color: '{color:Menu icon}' });
  1366. return false
  1367. });
  1368.  
  1369. $( "#list" ).click(function() {
  1370. $(".entry" ).css({width: '370px', minWidth: '370px', height: 'auto', marginLeft: '0px'});
  1371. return false
  1372. });
  1373.  
  1374. $( "#list" ).click(function() {
  1375. $(".info1" ).css({display: 'block'});
  1376. return false
  1377. });
  1378.  
  1379. $( "#list" ).click(function() {
  1380. $(".info2" ).css({display: 'block'});
  1381. return false
  1382. });
  1383.  
  1384. $( "#list" ).click(function() {
  1385. $(".gridperma" ).css({display: 'none'});
  1386. return false
  1387. });
  1388.  
  1389. $( "#grid" ).click(function() {
  1390. $("#grid i" ).css({color: '{color:Selected icon}' });
  1391. return false
  1392. });
  1393.  
  1394. $( "#grid" ).click(function() {
  1395. $("#list i" ).css({color: '{color:Menu icon}' });
  1396. return false
  1397. });
  1398.  
  1399. $( "#grid" ).click(function() {
  1400. $(".entry" ).css({width: '121px', height: '121px', minHeight: '121px', margin: '0px', marginBottom: '2px', marginRight: '2px'});
  1401. return false
  1402. });
  1403.  
  1404. $( "#grid" ).click(function() {
  1405. $(".info1" ).css({display: 'none'});
  1406. return false
  1407. });
  1408.  
  1409. $("#grid" ).click(function() {
  1410. $(".info2" ).css({display: 'none'});
  1411. return false
  1412. });
  1413.  
  1414. });
  1415. </script>
  1416.  
  1417. <!-- Font awesome script -->
  1418.  
  1419. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1420.  
  1421. <!-- Style my tooltips script -->
  1422.  
  1423. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1424.  
  1425. <script src="jquery.style-my-tooltips.js"></script>
  1426.  
  1427. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1428. <script>
  1429. (function($){
  1430. $(document).ready(function(){
  1431. $("[title]").style_my_tooltips({
  1432. tip_follows_cursor:true,
  1433. tip_delay_time:200,
  1434. tip_fade_speed:300
  1435. }
  1436. );
  1437. });
  1438. })(jQuery);
  1439. </script>
  1440.  
  1441. <!-- Jquery for masonry script -->
  1442.  
  1443. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1444.  
  1445. {block:IndexPage}
  1446. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1447.  
  1448. {block:ifInfiniteScrolling}
  1449. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1450. {/block:ifInfiniteScrolling}
  1451.  
  1452. <script type="text/javascript">
  1453. $(window).load(function(){
  1454. var $wall = $('#posts');
  1455. $wall.imagesLoaded(function(){
  1456. $wall.masonry({
  1457. itemSelector: '.entry',
  1458. isAnimated : false
  1459. });
  1460. });
  1461.  
  1462. $wall.infinitescroll({
  1463. navSelector : '#pagination',
  1464. nextSelector : '#pagicon a',
  1465. itemSelector : '.entry',
  1466. bufferPx : 2000,
  1467. debug : false,
  1468. errorCallback: function() {
  1469. $('#infscr-loading').fadeOut('normal');
  1470. }},
  1471. function( newElements ) {
  1472. var $newElems = $( newElements );
  1473. $newElems.hide();
  1474. $newElems.imagesLoaded(function(){
  1475. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1476. });
  1477. }); $('#posts').show(500);
  1478. });
  1479. </script>
  1480.  
  1481. {/block:IndexPage}
  1482.  
  1483. <!--Slim scroll by Piotr Rochala-->
  1484.  
  1485. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  1486.  
  1487. <script type="text/javascript" src="libs/jquery.slimscroll.min.js"></script>
  1488.  
  1489. <script type="text/javascript" src="http://static.tumblr.com/6dvmes1/THpo7bkqg/jquery.slimscroll.js"></script>
  1490.  
  1491. <script type="text/javascript" src="http://static.tumblr.com/6dvmes1/3Dao7bkzr/jquery.slimscroll.min.js"></script>
  1492.  
  1493. <script type="text/javascript">
  1494. $(function(){
  1495. $('#containerin').slimScroll({
  1496. height: '510px',
  1497. color: '{color:Borders}'
  1498. });
  1499. });
  1500.  
  1501. $(function(){
  1502. $('#userphotos').slimScroll({
  1503. height: '470px',
  1504. color: '{color:Borders}'
  1505. });
  1506. });
  1507.  
  1508. $(function(){
  1509. $('#blogroll').slimScroll({
  1510. height: '470px',
  1511. color: '{color:Borders}'
  1512. });
  1513. });
  1514.  
  1515. </script>
  1516.  
  1517. </head>
  1518.  
  1519. <meta charset="utf-8">
  1520. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1521. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  1522. <link rel="shortcut icon" href="{Favicon}">
  1523. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1524. <meta name="viewport" content="width=device-width, initial-scale=1">
  1525.  
  1526. <!-- HTML -->
  1527.  
  1528. <body>
  1529.  
  1530. <div id="container">
  1531.  
  1532. <div id="containerin">
  1533.  
  1534. <div id="searchbox">
  1535. <div id="searcht">
  1536.  
  1537. <div class="close2"><i class="fa fa-times" aria-hidden="true"></i></div>
  1538.  
  1539. <form action="/search" method="get"><i class="fa fa-search"></i>
  1540. <input type="text" name="q" value="Search" style="width:170px; padding-left:10px; height:30px; line-height:30px; background:transparent; border:1px solid transparent; font-family:{font:Body font}; color:{color:Main link}; font-size: 15px; margin-left:0px;"/></form>
  1541. </div>
  1542. <!--End searcht-->
  1543.  
  1544. <div id="blogroll">
  1545. {block:Following}
  1546. {block:Followed}
  1547. <a href="{FollowedURL}">
  1548. <img src="{FollowedPortraitURL-128}" title="{FollowedName}"></a>
  1549. {/block:Followed}
  1550. {/block:Following}
  1551. </div>
  1552. <!--End blogroll-->
  1553. </div>
  1554. <!--End searchbox-->
  1555.  
  1556. <div id="mapbox">
  1557. <div id="mapt">
  1558. <div class="close3"><i class="fa fa-times" aria-hidden="true"></i></div>
  1559. Map
  1560. </div>
  1561. <!--End mapt-->
  1562.  
  1563. <!--Generate your own map on http://embedgooglemaps.com/ -->
  1564.  
  1565. <script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script><div style='overflow:hidden;height:465px;width:370px;'><div id='gmap_canvas' style='height:465px;width:370px;'></div><div><small><a href="http://embedgooglemaps.com"> embed google maps </a></small></div><div><small><a href="http://www.proxysitereviews.com/squid-proxies">squid proxies</a></small></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div><script type='text/javascript'>function init_map(){var myOptions = {zoom:10,center:new google.maps.LatLng(51.5073509,-0.12775829999998223),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(51.5073509,-0.12775829999998223)});infowindow = new google.maps.InfoWindow({content:'<strong>Location</strong><br>London, United Kingdom<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
  1566.  
  1567. </div>
  1568. <!--End maphbox-->
  1569.  
  1570. <div id="userbox">
  1571. <div id="usert">
  1572. <div class="close4"><i class="fa fa-times" aria-hidden="true"></i></div>
  1573. Photos
  1574. </div>
  1575. <!--End usert-->
  1576.  
  1577. <div id="userphotos">
  1578.  
  1579. <img src="{image:Photo 1}"></a>
  1580. <img src="{image:Photo 2}"></a>
  1581. <img src="{image:Photo 3}"></a>
  1582. <img src="{image:Photo 4}"></a>
  1583. <img src="{image:Photo 5}"></a>
  1584. <img src="{image:Photo 6}"></a>
  1585. <img src="{image:Photo 7}"></a>
  1586. <img src="{image:Photo 8}"></a>
  1587. <img src="{image:Photo 9}"></a>
  1588. <img src="{image:Photo 10}"></a>
  1589. <img src="{image:Photo 11}"></a>
  1590. <img src="{image:Photo 12}"></a>
  1591.  
  1592. </div>
  1593. <!--End userphotos-->
  1594. </div>
  1595. <!--End userhbox-->
  1596.  
  1597. <div id="alias">
  1598.  
  1599. <div id="aliastext">
  1600. {text:Blog Alias}
  1601. </div>
  1602.  
  1603. <div class="click"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div>
  1604.  
  1605. <div id="navigation">
  1606.  
  1607. <div id="alias2">
  1608.  
  1609. <div id="aliastext">
  1610. navigation
  1611. </div>
  1612.  
  1613. <div class="close"><i class="fa fa-times" aria-hidden="true"></i></div>
  1614.  
  1615. </div>
  1616.  
  1617. {block:IfShowLinkOne}
  1618. <a href="{text:Link One Url}">{text:Link One Title}</a>
  1619. {/block:IfShowLinkOne}
  1620. {block:IfShowLinkTwo}
  1621. <a href="{text:Link Two Url}">{text:Link Two Title}</a>
  1622. {/block:IfShowLinkTwo}
  1623. {block:IfShowLinkThree}
  1624. <a href="{text:Link Three Url}">{text:Link Three Title}</a>
  1625. {/block:IfShowLinkThree}
  1626. {block:IfShowLinkFour}
  1627. <a href="{text:Link Four Url}">{text:Link Four Title}</a>
  1628. {/block:IfShowLinkFour}
  1629. {block:IfShowLinkFive}
  1630. <a href="{text:Link Five Url}">{text:Link Five Title}</a>
  1631. {/block:IfShowLinkFive}
  1632. {block:IfShowLinkSix}
  1633. <a href="{text:Link Six Url}">{text:Link Six Title}</a>
  1634. {/block:IfShowLinkSix}
  1635. {block:IfShowLinkSeven}
  1636. <a href="{text:Link Seven Url}">{text:Link Seven Title}</a>
  1637. {/block:IfShowLinkSeven}
  1638. {block:IfShowLinkEight}
  1639. <a href="{text:Link Eight Url}">{text:Link Eight Title}</a>
  1640. {/block:IfShowLinkEight}
  1641. {block:IfShowLinkNine}
  1642. <a href="{text:Link Nine Url}">{text:Link Nine Title}</a>
  1643. {/block:IfShowLinkNine}
  1644. {block:IfShowLinkTen}
  1645. <a href="{text:Link Ten Url}">{text:Link Ten Title}</a>
  1646. {/block:IfShowLinkTen}
  1647.  
  1648. </div>
  1649. <!--End navigation-->
  1650.  
  1651. </div>
  1652. <!--End alias-->
  1653.  
  1654. <div id="header">
  1655.  
  1656. {block:IfShowAvatar}
  1657. <div id="avatar"><img src="{image:Avatar}"></div>
  1658. {/block:IfShowAvatar}
  1659.  
  1660. {block:ifShowStats}
  1661. <div id="stats">
  1662.  
  1663. <div id="postcount">
  1664. <b>{text:Post count}</b>
  1665. <br>posts
  1666. </div>
  1667.  
  1668. <div id="followercount">
  1669. <b>{text:Follower count}</b>
  1670. <br>followers
  1671. </div>
  1672.  
  1673. <div id="followingcount">
  1674. <b>{text:Following count}</b>
  1675. <br>following
  1676. </div>
  1677.  
  1678. <div id="followbox">
  1679. {text:Custom text}
  1680. </div>
  1681.  
  1682. </div>
  1683. {/block:ifShowStats}
  1684. <!--End stats-->
  1685.  
  1686. {block:ifShowDescription}
  1687. <div id="description">{Description}</div>
  1688. {/block:ifShowDescription}
  1689.  
  1690. </div>
  1691. <!--End header-->
  1692.  
  1693. <div id="menu">
  1694.  
  1695. <div id="grid" title="grid"><i class="fa fa-th"></i></div>
  1696. <div id="list" title="list"><i class="fa fa-th-list" aria-hidden="true"></i></div>
  1697. <div id="location" title="grid"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
  1698. <div id="user" title="grid"><i class="fa fa-user" aria-hidden="true"></i></div>
  1699.  
  1700. </div>
  1701. <!--End menu-->
  1702.  
  1703.  
  1704. <div id="posts">
  1705.  
  1706. {block:Posts}
  1707.  
  1708. <div class="entry">
  1709.  
  1710. {block:Date}
  1711. <div class="info1">
  1712.  
  1713. {block:RebloggedFrom}
  1714. <div class="src"><img src="{ReblogRootPortraitURL-40}" /></a></div>
  1715. <div class="srcurl">
  1716. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1717. </div>
  1718. {/block:RebloggedFrom}
  1719.  
  1720. {block:NotReblog}
  1721. <div class="src"><img src="{PortraitURL-40}" /></a></div>
  1722. <div class="srcurl">
  1723. <a href="/">{text:Blog alias}</a>
  1724. </div>
  1725. {/block:NotReblog}
  1726.  
  1727. </div>
  1728. <!--End info1-->
  1729.  
  1730. <div class="gridperma">
  1731. {block:NoteCount}
  1732. <a href="{Permalink}">
  1733. <i class="fa fa-heart-o"></i>
  1734. {NoteCount}</a>
  1735.  
  1736. <a class="dsq-comment-count" href="{Permalink}#disqus_thread">
  1737. <i class="fa fa-comment-o"></i></a>
  1738. <script type="text/javascript">
  1739. var disqus_shortname = '{text:Disqus Shortname}';
  1740. (function () {
  1741. var s = document.createElement('script'); s.async = true;
  1742. s.type = 'text/javascript';
  1743. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1744. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1745. }());
  1746. </script>
  1747. {/block:NoteCount}
  1748. </div>
  1749. <!--End gridperma-->
  1750.  
  1751. {/block:Date}
  1752.  
  1753. <div class="content">
  1754.  
  1755. <!-- Text -->
  1756. {block:Text}
  1757. <div class="entryin">
  1758. {block:Title}
  1759. <a href="{Permalink}">
  1760. <h1>{Title}</h1></a>
  1761. {/block:Title}
  1762. <h2>{Body}</h2>
  1763. </div>
  1764. {/block:Text}
  1765.  
  1766. <!-- Photo -->
  1767. {block:Photo}
  1768. {block:IndexPage}
  1769. {block:ifNotGrid}
  1770. <a href="{Permalink}">
  1771. <img src="{PhotoURL-400}"
  1772. width="370"/></a>
  1773. {/block:ifNotGrid}
  1774. {block:ifGrid}
  1775. <a href="{Permalink}">
  1776. <img src="{PhotoURL-250}"
  1777. width="121"/></a>
  1778. {/block:ifGrid}
  1779. {/block:IndexPage}
  1780. {block:PermalinkPage}
  1781. <img src="{PhotoURL-400}"
  1782. width="370"/></a>
  1783. {/block:PermalinkPage}
  1784. {/block:Photo}
  1785.  
  1786. <!-- Photoset -->
  1787. {block:Photoset}
  1788. {Photoset}
  1789. {/block:Photoset}
  1790.  
  1791. <!-- Quote -->
  1792. {block:Quote}
  1793. <div class="entryin">
  1794. <div class="quote">
  1795. <div class="symbol">"</div>
  1796. {Quote}
  1797. </div>
  1798. <!--End quote-->
  1799. </div>
  1800. <!--End entryin-->
  1801. {block:Source}
  1802. <div class="source">
  1803. -{Source}
  1804. </div>
  1805. <!--End source-->
  1806. {/block:Source}
  1807. {/block:Quote}
  1808.  
  1809. <!-- Link -->
  1810. {block:Link}
  1811. <div class="entryin">
  1812. <div id="linktitle">
  1813. <a href="{URL}"
  1814. class="linkpost"
  1815. target="_blank">
  1816. {Name} &raquo; </a>
  1817. </div>
  1818. <!--End linkpost-->
  1819. </div>
  1820. {block:Description}
  1821. <h2>{Description}</h2>
  1822. {/block:Description}
  1823. {/block:Link}
  1824.  
  1825. <!-- Chat -->
  1826. {block:Chat}
  1827. <div class="entryin">
  1828. <div class="chat">
  1829. <ul>
  1830. {block:Lines}
  1831. <li class="{Alt}">
  1832. {block:Label}<b>{Label}</b>{/block:Label}
  1833. {Line}
  1834. </li>
  1835. {/block:Lines}
  1836. </ul>
  1837. </div>
  1838. <!--End chat-->
  1839. </div>
  1840. {/block:Chat}
  1841.  
  1842. {block:Audio}
  1843. {block:AlbumArt}
  1844. <div class="album" style="background-image: url({AlbumArtURL});"></div>
  1845. {/block:AlbumArt}
  1846. {block:AudioPlayer}
  1847. <div class="player">{AudioPlayer}</div>
  1848. {/block:AudioPlayer}
  1849. {/block:Audio}
  1850.  
  1851. {block:Video}
  1852. <div class="video">{Video-400}</div>
  1853. {/block:Video}
  1854.  
  1855. <!-- Ask -->
  1856. {block:Answer}
  1857. <div class="entryin">
  1858. <div class="question">
  1859. <img src="{AskerPortraitURL-48}"
  1860. align="left">
  1861. {Asker}</div>
  1862. {Question}&nbsp;
  1863. <div class="answer">
  1864. {Answer}</div>
  1865. </div>
  1866. {/block:Answer}
  1867.  
  1868. <!-- Date -->
  1869. {block:Date}
  1870. <div class="info2">
  1871.  
  1872. <!-- Like and reblog buttons -->
  1873. <ul class="like_and_reblog_buttons">
  1874. <li>{ReblogButton size="15"}</li>
  1875. <li>{LikeButton size="15"}</li>
  1876. </ul>
  1877.  
  1878. <div class="perma"><a href="{Permalink}"><i class="fa fa-share" aria-hidden="true"></i></i></a></div>
  1879.  
  1880. <div class="notec">
  1881. {block:NoteCount}
  1882. <a href="{Permalink}"> <i class="fa fa-heart" aria-hidden="true"></i>
  1883. {NoteCountWithLabel}</a>
  1884. {/block:NoteCount}
  1885. </div>
  1886.  
  1887. </div>
  1888. <!--End info2-->
  1889.  
  1890. <!-- Caption -->
  1891. {block:IndexPage}
  1892. {block:IfShowCaptions}
  1893. {block:Caption}
  1894. <h2>{Caption}</h2>
  1895. {/block:Caption}
  1896. {/block:IfShowCaptions}
  1897. {/block:IndexPage}
  1898. {block:PermalinkPage}
  1899. {block:Caption}
  1900. <h2>{Caption}</h2>
  1901. {/block:Caption}
  1902. {/block:PermalinkPage}
  1903.  
  1904. <!-- Tags -->
  1905. {block:IndexPage}
  1906. {block:IfShowTags}
  1907. {block:HasTags}
  1908. <div class="tags">
  1909. {block:Tags}
  1910. #<a href="{TagURL}">{Tag}</a>,&nbsp;
  1911. {/block:Tags}
  1912. </div>
  1913. {/block:HasTags}
  1914. {/block:IfShowTags}
  1915. {/block:IndexPage}
  1916. {block:PermalinkPage}
  1917. {block:HasTags}
  1918. <div class="tags">
  1919. {block:Tags}
  1920. #<a href="{TagURL}">{Tag}</a>,&nbsp;
  1921. {/block:Tags}
  1922. </div>
  1923. {/block:HasTags}
  1924. {/block:PermalinkPage}
  1925.  
  1926. <div class="date">
  1927. <a href="{Permalink}">
  1928. {TimeAgo}</a>
  1929. </div>
  1930. <!--End date-->
  1931.  
  1932. {/block:Date}
  1933.  
  1934. <!-- Permalink page -->
  1935. {block:PermalinkPage}
  1936.  
  1937. <script id="dsq-count-scr" src="//{text:Disqus Shortname}.disqus.com/count.js" async></script>
  1938.  
  1939. {block:IfDisqusShortname}
  1940. <div id="disqus_thread"></div>
  1941. <script type="text/javascript">
  1942. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1943. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1944. var disqus_url = '{Permalink}';
  1945.  
  1946. /* * * DON'T EDIT BELOW THIS LINE * * */
  1947. (function() {
  1948. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1949. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1950. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1951. })();
  1952. </script>
  1953. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1954. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1955. {/block:IfDisqusShortname}
  1956.  
  1957. <!-- Post notes-->
  1958. {block:PostNotes}
  1959. <div class="postnotes">
  1960. <h1>Post notes:</h1>
  1961. {PostNotes}
  1962. </div>
  1963. {/block:PostNotes}
  1964.  
  1965. {/block:PermalinkPage}
  1966.  
  1967. <!-- Other -->
  1968. {block:ContentSource}
  1969. <!-- {SourceURL}
  1970. {block:SourceLogo}
  1971. <img src="{BlackLogoURL}"
  1972. width="{LogoWidth}"
  1973. height="{LogoHeight}"
  1974. alt="{SourceTitle}" />
  1975. {/block:SourceLogo}
  1976. {block:NoSourceLogo}
  1977. {SourceLink}
  1978. {/block:NoSourceLogo} -->
  1979. {/block:ContentSource}
  1980.  
  1981. </div>
  1982. <!--End content-->
  1983.  
  1984. </div>
  1985. <!--End entry-->
  1986.  
  1987. {/block:Posts}
  1988.  
  1989. </div>
  1990. <!-- End posts -->
  1991.  
  1992. {block:ifNotInfiniteScrolling}
  1993. {block:Pagination}
  1994. <div id="pagination">
  1995. {block:PreviousPage}
  1996. <span class="pagicon">
  1997. <a href="{PreviousPage}" title="NEWER"><i class="fa fa-chevron-circle-left"></i></a>
  1998. </span>
  1999. {/block:PreviousPage}
  2000.  
  2001. <span class="pagicon">
  2002. <a href="#" title="back to top"><i class="fa fa-chevron-circle-up"></i></a>
  2003. </span>
  2004.  
  2005. {block:NextPage}
  2006. <span class="pagicon">
  2007. <a href="{NextPage}" title="OLDER"><i class="fa fa-chevron-circle-right"></i></a>
  2008. </span>
  2009. {/block:NextPage}
  2010. </center>
  2011. <!--END PAGINATION-->
  2012. </div>
  2013. {/block:Pagination}
  2014. {/block:ifNotInfiniteScrolling}
  2015.  
  2016. </div>
  2017. <!--End containerin-->
  2018.  
  2019. {block:IfShowMainIcons}
  2020. <div id="mainicons">
  2021. <div id="home">
  2022. <a href="/" title="Index"><i class="fa fa-home"></i></a>
  2023. </div>
  2024.  
  2025. <div id="search">
  2026. <i class="fa fa-search"></i>
  2027. </div>
  2028.  
  2029. <div id="asksubarch">
  2030. <a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a>
  2031. <a href="/submit" title="Submit"><i class="fa fa-heart"></i></a>
  2032. <a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a>
  2033. </div>
  2034. </div>
  2035. <!--End mainicons-->
  2036. {/block:IfShowMainIcons}
  2037.  
  2038. </div>
  2039. <!--End container-->
  2040.  
  2041. <!-- CREDIT (DO NOT REMOVE) -->
  2042. <div id="credit"><a href="http://www.hunterthemes.tumblr.com">
  2043. <img src="http://i60.tinypic.com/b5qp0o.png" title="theme by hunter themes"></div></a>
  2044.  
  2045. </body>
  2046. </html>
  2047.  
  2048. <!-- 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!