API tools faq
paste
Advertisement
hunterthemes

- Theme #21

hunterthemes
Jun 3rd, 2016
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.11 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----
  4.  
  5. © hunterthemes.tumblr.com | Theme #21
  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=Tulpen+One' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  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.  
  21. <!-- DEFAULT VARIABLES -->
  22.  
  23. <meta name="image:Background" content="" />
  24. <meta name="image:Avatar" content="" />
  25. <meta name="image:Header background" content="" />
  26.  
  27. <meta name="color:Background" content="#fff" />
  28. <meta name="color:Container background" content="#fff" />
  29. <meta name="color:Menu background" content="#fff" />
  30. <meta name="color:Blog title" content="#000" />
  31. <meta name="color:Main link" content="#000" />
  32. <meta name="color:Description" content="#333" />
  33. <meta name="color:Description background" content="#eee" />
  34. <meta name="color:Navigation background" content="#fff" />
  35. <meta name="color:Footer background" content="#eee" />
  36. <meta name="color:Text" content="#000000" />
  37. <meta name="color:Bold" content="#000"/>
  38. <meta name="color:Italic" content="#ddd"/>
  39. <meta name="color:Link" content="#333" />
  40. <meta name="color:Hover" content="#ccc" />
  41. <meta name="color:Chat 1" content="#f8f8f8" />
  42. <meta name="color:Chat 2" content="#cfcfcf" />
  43. <meta name="color:Tags" content="#ddd" />
  44. <meta name="color:Borders" content="#ddd" />
  45. <meta name="color:Pagination" content="#ddd" />
  46. <meta name="color:Answer" content="#000"/>
  47. <meta name="color:Scrollbar" content="#000000" />
  48.  
  49. <meta name="select:Title font" content="Tulpen One" title="Tulpen One">
  50. <meta name="select:Title font" content="Overlock" title="Overlock">
  51. <meta name="select:Title font" content="Baumans" title="Baumans">
  52. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  53. <meta name="select:Title font" content="Nova Slim" title="Nova Slim">
  54.  
  55. <meta name="select:Title font size" content="20px" title="20px">
  56. <meta name="select:Title font size" content="25px" title="25px">
  57. <meta name="select:Title font size" content="30px" title="30px">
  58. <meta name="select:Title font size" content="35px" title="35px">
  59. <meta name="select:Title font size" content="40px" title="40px">
  60.  
  61. <meta name="font:Body font" content="Helvetica"/>
  62. <meta name="select:Body font size" content="11px" title="11px">
  63. <meta name="select:Body font size" content="12px" title="12px">
  64. <meta name="select:Body font size" content="13px" title="13px">
  65. <meta name="select:Body font size" content="14px" title="14px">
  66. <meta name="select:Body font size" content="15px" title="15px">
  67.  
  68. <meta name="if:Infinite Scrolling" content="0" />
  69. <meta name="if:700px Posts" content="0" />
  70. <meta name="if:Show Avatar" content="1" />
  71. <meta name="if:Show Header" content="1" />
  72. <meta name="if:Show Main Links" content="1" />
  73. <meta name="if:Show Captions" content="1" />
  74. <meta name="if:Show Tags" content="1" />
  75. <meta name="if:Show Search Box" content="1" />
  76.  
  77. <meta name="text:Header height" content="410px" />
  78. <meta name="text:Blog alias" content="Blog alias" />
  79.  
  80. <meta name="if:Show Link One" content="1" />
  81. <meta name="if:Show Link Two" content="1" />
  82. <meta name="if:Show Link Three" content="1" />
  83. <meta name="if:Show Link Four" content="1" />
  84. <meta name="if:Show Link Five" content="1" />
  85.  
  86. <meta name="text:Link One Title" content="Link One" />
  87. <meta name="text:Link One Url" content="http://"/>
  88. <meta name="text:Link Two Title" content="Link Two"/>
  89. <meta name="text:Link Two Url" content="http://"/>
  90. <meta name="text:Link Three Title" content="Link Three" />
  91. <meta name="text:Link Three Url" content="http://" />
  92. <meta name="text:Link Four Title" content="Link Four" />
  93. <meta name="text:Link Four Url" content="http://" />
  94. <meta name="text:Link Five Title" content="Link Five" />
  95. <meta name="text:Link Five Url" content="http://" />
  96.  
  97. <meta name="if:ShowFacebook" content="1" />
  98. <meta name="if:ShowTwitter" content="1" />
  99. <meta name="if:ShowGoogleplus" content="1" />
  100. <meta name="if:ShowDeviantart" content="1" />
  101. <meta name="if:ShowFlickr" content="1" />
  102.  
  103. <meta name="text:Facebook url" content="http://" />
  104. <meta name="text:Twitter url" content="http://" />
  105. <meta name="text:Googleplus url" content="http://" />
  106. <meta name="text:Deviantart url" content="http://" />
  107. <meta name="text:Flickr url" content="http://" />
  108.  
  109. <!-- END DEFAULT VARIABLES -->
  110.  
  111. <head>
  112. <style type="text/css">
  113.  
  114. /* CSS */
  115.  
  116. /*-- GENERAL --*/
  117.  
  118. body {
  119. margin:0;
  120. padding:0;
  121. width:100%;
  122. height:100%;
  123. word-wrap:break-word;
  124. color:{color:Text};
  125. font-family:{font:Body font};
  126. font-size:{select:Body font size};
  127. line-height: -moz-calc({select:Body font size} + 3px);
  128. line-height: -webkit-calc({select:Body font size} + 3px);
  129. line-height: -o-calc({select:Body font size} + 3px);
  130. line-height: calc({select:Body font size} + 3px);
  131. background-color: {color:Background};
  132. background-image:url({image:Background});
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. }
  136.  
  137. h1{
  138. margin:0;
  139. color:{color:Title};
  140. font-family:{select:Title font};
  141. font-size:{select:Title font size};
  142. line-height: -moz-calc({select:Title font size} + 3px);
  143. line-height: -webkit-calc({select:Title font size} + 3px);
  144. line-height: -o-calc({select:Title font size} + 3px);
  145. line-height: calc({select:Title font size} + 3px);
  146. border-bottom:1px solid {color:Borders};
  147. }
  148.  
  149. h2{
  150. font-family:{font:Body font};
  151. font-size:{select:Body font size};
  152. font-weight:normal;
  153. line-height: -moz-calc({select:Body font size} + 3px);
  154. line-height: -webkit-calc({select:Body font size} + 3px);
  155. line-height: -o-calc({select:Body font size} + 3px);
  156. line-height: calc({select:Body font size} + 3px);
  157. }
  158.  
  159. a {
  160. color:{color:Link};
  161. text-decoration:none;
  162. }
  163.  
  164. a:hover {
  165. text-decoration:none;
  166. color:{color:Link Hover};
  167. -webkit-transition: all 0.5s ease-in-out;
  168. -moz-transition: all 0.6s ease-in-out;
  169. -o-transition: all 0.5s ease-in-out;
  170. transition: all 0.6s ease-in-out;
  171. }
  172.  
  173. blockquote{
  174. padding:0px 0px 2px 5px;
  175. margin:0px 0px 2px 10px;
  176. border-left: 1px dotted #555555;
  177. }
  178.  
  179. b, strong {color:{color:Bold};}
  180.  
  181. i, em {color:{color:Italic};}
  182.  
  183. /*-- TUMBLR CONTROLS --*/
  184.  
  185. .iframe-controls--desktop {
  186. position: fixed !important;
  187. margin-top:auto !important;
  188. bottom:7px !important;
  189. right:40px !important;
  190. z-index:1000000 !important;
  191. opacity:.7 !important;
  192. filter: invert(1);
  193. -webkit-filter: invert(1);
  194. -moz-filter: invert(1);
  195. -o-filter: invert(1);
  196. -ms-filter: invert(1);
  197. }
  198.  
  199. .iframe-controls--desktop:hover {
  200. opacity: 1;
  201. color:{color:Hover};
  202. background:transparent;
  203. -webkit-transition: opacity 0.7s linear;
  204. -webkit-transition: all 0.5s ease-out;
  205. -moz-transition: all 0.5s ease-out;
  206. transition: all 0.5s ease-out;
  207. }
  208.  
  209. /*-- WEBKIT SCROLLBAR--*/
  210.  
  211. ::-webkit-scrollbar {
  212. width: 9px;
  213. height: 0px;
  214. }
  215.  
  216. ::-webkit-scrollbar-button:start:decrement,
  217. ::-webkit-scrollbar-button:end:increment {
  218. height: 0px;
  219. display: block;
  220. background-color: {color:Borders};
  221. }
  222.  
  223. ::-webkit-scrollbar-track-piece {
  224. background-color: {color:Borders};
  225. }
  226.  
  227. ::-webkit-scrollbar-thumb:vertical {
  228. height: 0px;
  229. background-color: {color:Scrollbar};
  230. border:4px solid {color:Borders};
  231. }
  232.  
  233. /*-- TOOLTIPS --*/
  234.  
  235. #s-m-t-tooltip {
  236. max-width:300px;
  237. z-index:10000;
  238. margin:24px 14px 7px 12px;
  239. padding:8px;
  240. color:{color:Link};
  241. background:rgba({select:Entry background}, {select:Entry transparency});
  242. border:1px solid {color:Borders};
  243. font-size:13px;
  244. line-height:16px;
  245. }
  246.  
  247. /*-- PERMALINK PAGE --*/
  248.  
  249. .notes{
  250. padding-top:30px;
  251. width:500px;
  252. line-height:20px;
  253. }
  254.  
  255. .postnotes{
  256. margin-top:20px;
  257. }
  258.  
  259. ol.notes {
  260. padding: 0px;
  261. margin: 10px 0px;
  262. list-style-type: none;
  263. }
  264.  
  265. ol.notes li.note {
  266. padding: 10px;
  267. border-bottom:1px solid {color:Borders};
  268. }
  269.  
  270. ol.notes li.note img.avatar {
  271. vertical-align: -5px;
  272. margin-right: 10px;
  273. width: 15px;
  274. height: 15px;
  275. }
  276.  
  277. /*------ MAIN CONTAINER -----*/
  278.  
  279. #container{
  280. margin:auto;
  281. margin-top:0px;
  282. width:700px;
  283. height:auto;
  284. min-height:700px;
  285. {block:if700pxPosts}
  286. width:900px;
  287. {/block:if700pxPosts}
  288. background:{color:Container background};
  289. }
  290.  
  291. /*------ MENU -----*/
  292.  
  293. #menu{
  294. margin:0px;
  295. width:700px;
  296. height:50px;
  297. background:{color:Menu background};
  298. {block:if700pxPosts}
  299. width:900px;
  300. {/block:if700pxPosts}
  301. }
  302.  
  303. /* Avatar */
  304.  
  305. #avatar {
  306. position:absolute;
  307. margin-left:10px;
  308. margin-top:10px;
  309. width:30px;
  310. height:30px;
  311. border-radius:50px;
  312. border:1px {color:Borders} solid;
  313. z-index:10;
  314. }
  315.  
  316. #avatar img {
  317. width:100%;
  318. height:100%;
  319. border-radius:100px;
  320. }
  321.  
  322. /* Blog title */
  323.  
  324. #blogtitle{
  325. position:absolute;
  326. margin-left:50px;
  327. margin-top:10px;
  328. width:300px;
  329. height:30px;
  330. line-height:30px;
  331. font-size:15px;
  332. color:{color:Blog Title};
  333. {block:ifNotShowAvatar}
  334. margin-left:10px;
  335. width:400px;
  336. text-align:center;
  337. {/block:ifNotShowAvatar}
  338. }
  339.  
  340. /* Main links */
  341.  
  342. #mainlinks{
  343. margin-top:0px;
  344. margin-left:380px;
  345. width:310px;
  346. height:50px;
  347. line-height:50px;
  348. z-index:100;
  349. text-align:right;
  350. {block:if700pxPosts}
  351. margin-left:580px;
  352. {/block:if700pxPosts}
  353. }
  354.  
  355. #mainlinks a{
  356. padding:5px;
  357. font-size:12px;
  358. color:{color:Main link};
  359. }
  360.  
  361. #mainlinks a:hover, #click a:hover{
  362. color:{color:Hover};
  363. -webkit-transition: all .7s ease;
  364. -moz-transition: all .7s ease;
  365. -o-transition: all .7s ease;
  366. transition: all .7s ease;
  367. }
  368.  
  369. /*------ HEADER -----*/
  370.  
  371. #header{
  372. margin:0;
  373. margin-top:0px;
  374. width:700px;
  375. height:{text:Header height};
  376. background-image:url({image:Header background});
  377. {block:if700pxPosts}
  378. width:900px;
  379. {/block:if700pxPosts}
  380. }
  381.  
  382. /*------ DESCRIPTION -----*/
  383.  
  384. #description{
  385. margin-top:0px;
  386. margin-left:auto;
  387. margin-right:auto;
  388. color:{color:Description};
  389. width:600px;
  390. padding:50px;
  391. font-size:15px;
  392. line-height:20px;
  393. text-align:center;
  394. {block:if700pxPosts}
  395. width:800px;
  396. {/block:if700pxPosts}
  397. background:{color:Description background};
  398. }
  399.  
  400. /*------ FOOTER -----*/
  401.  
  402. #footer{
  403. width:700px;
  404. padding-top:5px;
  405. padding-bottom:5px;
  406. border-top:1px solid {color:Borders};
  407. background:{color:footer background};
  408. min-height:80px;
  409. {block:if700pxPosts}
  410. width:900px;
  411. {/block:if700pxPosts}
  412. }
  413.  
  414. /* Search box */
  415.  
  416. #search{
  417. position:absolute;
  418. margin-top:20px;
  419. margin-left:20px;
  420. margin-bottom:10px;
  421. width:220px;
  422. height:25px;
  423. z-index:1000;
  424. }
  425.  
  426. #search i{
  427. position:absolute;
  428. margin-top:10px;
  429. margin-left:-25px;
  430. font-size:15px;
  431. }
  432.  
  433. /* Social box */
  434.  
  435. #social{
  436. position:absolute;
  437. margin-top:25px;
  438. margin-left:462px;
  439. margin-bottom:10px;
  440. width:220px;
  441. height:30px;
  442. overflow:hidden;
  443. text-align:right;
  444. z-index:1000;
  445. {block:if700pxPosts}
  446. margin-left:660px;
  447. {/block:if700pxPosts}
  448. }
  449.  
  450. #social i{
  451. color:{color:Icon};
  452. font-size:15px;
  453. padding:5px;
  454. }
  455.  
  456. #social i:hover{
  457. color:{color:Hover};
  458. }
  459.  
  460. /*------ POSTS -----*/
  461.  
  462. #posts {
  463. position:relative;
  464. width:500px;
  465. min-height:400px;
  466. margin-top:40px;
  467. margin-left:auto;
  468. margin-right:auto;
  469. z-index:10;
  470. background:{color:Container background};
  471. {block:if700pxPosts}
  472. width:700px;
  473. {/block:if700pxPosts}
  474. }
  475.  
  476. .entry {
  477. float:left;
  478. display: block;
  479. margin-bottom:10px;
  480. margin-left:0px;
  481. width:500px;
  482. background:rgba({select:Entry background}, {select:Entry transparency});
  483. overflow:hidden;
  484. {block:if700pxPosts}
  485. width:700px;
  486. {/block:if700pxPosts}
  487. overflow:hidden;
  488. }
  489.  
  490. .entry img { max-width: 100%; }
  491.  
  492. .divider{
  493. margin-top:60px;
  494. margin-bottom:60px;
  495. margin-left:auto;
  496. margin-right:auto;
  497. width:200px;
  498. height:1px;
  499. background:{color:Borders};
  500. }
  501.  
  502. /* Extra links */
  503.  
  504. .click{
  505. position:absolute;
  506. margin-left:-16px;
  507. cursor:pointer;
  508. -webkit-transform: translateX(-50%);
  509. -moz-transform:translateX(-50%);
  510. -ms-transform: translateX(-50%);
  511. transform: translateX(-50%)
  512. z-index:100000;
  513. }
  514.  
  515. .click i{
  516. width:20px;
  517. height:20px;
  518. font-size:12px;
  519. line-height:20px;
  520. color:{color:Main link};
  521. border:1px solid {color:Borders};
  522. vertical-align:middle;
  523. text-align:center;
  524. }
  525.  
  526. #navigation{
  527. margin-top:0px;
  528. margin-left:auto;
  529. margin-right:auto;
  530. background:{color:Navigation background};
  531. height:50px;
  532. line-height:50px;
  533. width:700px;
  534. {block:if700pxPosts}
  535. width:900px;
  536. {/block:if700pxPosts}
  537. font-size:12px;
  538. text-align:center;
  539. border-bottom:1px solid {color:Borders};
  540. }
  541.  
  542. #navigation a{
  543. color:{color:Main link};
  544. padding:5px;
  545. text-transform:uppercase;
  546. }
  547.  
  548. #navigation a:hover{
  549. color: {color:Hover};
  550. }
  551.  
  552. /* ----------------------- POST STYLES ----------------------------- */
  553.  
  554. /* Quote posts */
  555.  
  556. .quote {
  557. font-family:{select:Title font};
  558. font-size:{select:Title font size};
  559. line-height: -moz-calc({select:Title font size} + 3px);
  560. line-height: -webkit-calc({select:Title font size} + 3px);
  561. line-height: -o-calc({select:Title font size} + 3px);
  562. line-height: calc({select:Title font size} + 3px);
  563. color:{color:Italic};
  564. height:auto;
  565. margin:10px;
  566. padding:5px;
  567. text-align:center;
  568. letter-spacing:1px;
  569. }
  570.  
  571. .symbol{
  572. color:{color:Link};
  573. font-size:200%;
  574. max-width:30px;
  575. max-height:30px;
  576. line-height:75%;
  577. margin:auto;
  578. padding:5px;
  579. }
  580.  
  581. .source {
  582. font-family:{font:Body font};
  583. font-size:{select:Body font size};
  584. line-height:130%;
  585. height:auto;
  586. margin-top:10px;
  587. margin-left:10px;
  588. margin-right:10px;
  589. margin-bottom:5px;
  590. padding:5px;
  591. text-align:right;
  592. letter-spacing:1px;
  593. }
  594.  
  595. /* Link posts */
  596.  
  597. #linktitle{
  598. color:{color:Title};
  599. font-family:{select:Title font};
  600. font-size:{select:Title font size};
  601. line-height: -moz-calc({select:Title font size} + 3px);
  602. line-height: -webkit-calc({select:Title font size} + 3px);
  603. line-height: -o-calc({select:Title font size} + 3px);
  604. line-height: calc({select:Title font size} + 3px);
  605. border:1px solid {color:Borders};
  606. text-transform:lowercase;
  607. padding:5px;
  608. width:488px;
  609. {block:If700pxPosts}
  610. width:688px;
  611. {/block:If700pxPosts}
  612. }
  613.  
  614. #linktitle a{
  615. color:{color:Link};
  616. }
  617.  
  618. #linktitle i{
  619. color:{color:Icon};
  620. }
  621.  
  622. #linktitle:hover{
  623. color:{color:Hover};
  624. box-shadow: inset 500px 0 0 0 {color:Borders};
  625. {block:If700pxPosts}
  626. box-shadow: inset 700px 0 0 0 {color:Borders};
  627. {/block:If700pxPosts}
  628. {block:PermalinkPage}
  629. box-shadow: inset 500px 0 0 0 {color:Borders};
  630. {/block:PermalinkPage}
  631. }
  632.  
  633. /* Audio posts */
  634.  
  635. .album img{
  636. max-width:65px;
  637. margin-left:5px;
  638. float:left;
  639. margin-top:0px;
  640. z-index:10;
  641. border: 3px solid {color:Borders};
  642. }
  643.  
  644. .audio{
  645. position:absolute;
  646. width:185px;
  647. min-height:100px;
  648. margin-left:80px;
  649. float:left;
  650. padding:5px;
  651. margin-top:0px;
  652. z-index:10;
  653. font-size:12px;
  654. overflow:hidden;
  655. }
  656.  
  657. .play{
  658. position:absolute;
  659. margin:30px;
  660. max-width:25px;
  661. max-height:25px;
  662. overflow:hidden;
  663. opacity:0.7;
  664. }
  665.  
  666. /* Ask posts */
  667.  
  668. .question{
  669. width:100%;
  670. height:24px;
  671. line-height:24px;
  672. margin-bottom:4px;
  673. border-bottom:1px solid {color:Borders};
  674. }
  675.  
  676. .question img{
  677. border:3px solid {color:Borders};
  678. margin-right:4px;
  679. }
  680.  
  681. .answer{
  682. margin-top:15px;
  683. margin-bottom:10px;
  684. width:490px;
  685. color:{color:Answer};
  686. {block:if700pxPosts}
  687. width:690px;
  688. {/block:if700pxPosts}
  689. padding:5px;
  690. background:{color:Borders};
  691. line-height:20px;
  692. }
  693.  
  694. /* Chat posts */
  695.  
  696. .chat ul {
  697. display:block;
  698. list-style:none;
  699. margin-left:-40px;
  700. }
  701.  
  702. /* Chat lines style */
  703. .chat li {
  704. padding:3px;
  705. display:block;
  706. }
  707.  
  708. /* Odd lines style */
  709. .chat .odd {
  710. color:{color:Chat 1};
  711. }
  712.  
  713. /* Even lines style */
  714. .chat .even {
  715. color:{color:Chat 2};
  716. }
  717.  
  718. /*-- POST INFO --*/
  719.  
  720. .info1 {
  721. height:auto;
  722. float:center;
  723. margin-top:0px;
  724. margin-bottom:10px;
  725. margin-left:-10px;
  726. font-size:10px;
  727. height:20px;
  728. line-height:20px;
  729. padding:5px 10px;
  730. width:500px;
  731. {block:if700pxPosts}
  732. width:700px;
  733. {/block:if700pxPosts}
  734. text-transform:uppercase;
  735. }
  736.  
  737. .info1 a{
  738. font-size:10px;
  739. border-bottom:1px solid {color:Borders};
  740. }
  741.  
  742. /*-- LIKE AND REBLOG BUTTONS --*/
  743.  
  744. .like_and_reblog_buttons {
  745. width:50px;
  746. margin-left:415px;
  747. margin-top:-22px;
  748. {block:if700pxPosts}
  749. margin-left:615px;
  750. {/block:if700pxPosts}
  751. z-index:100;
  752. list-style: none;
  753. }
  754.  
  755. .like_and_reblog_buttons li {
  756. float:right;
  757. margin: 5px 5px;
  758. height: 15px;
  759. list-style:none;
  760. text-decoration:none;
  761. }
  762.  
  763. .like_and_reblog_buttons a {
  764. border-bottom:1px solid transparent;
  765. }
  766.  
  767. /*-- PAGINATION --*/
  768.  
  769. #pagination{
  770. margin-top:0px;
  771. margin-bottom:20px;
  772. margin-left:auto;
  773. margin-right:auto;
  774. width:522px;
  775. height:40px;
  776. line-height:40px;
  777. text-align:center;
  778. z-index:10000;
  779. {block:ifInfiniteScrolling}
  780. display:none;
  781. {/block:ifInfiniteScrolling}
  782. }
  783.  
  784. #pagination a{
  785. padding:5px;
  786. }
  787.  
  788. #pagination a:hover{
  789. color:{color:Hover};
  790. }
  791.  
  792. /*-- INFINITE SCROLLING --*/
  793.  
  794. #infscr-loading{
  795. bottom: -70px;
  796. position: absolute;
  797. left: 50%;
  798. margin-left:-8px;
  799. width:16px;
  800. height:11px;
  801. overflow:hidden;
  802. }
  803.  
  804. /*-- THEME CREDIT --*/
  805.  
  806. #credit {
  807. position:fixed;
  808. right:5px;
  809. bottom:2px;
  810. width:30px;
  811. z-index:10000;
  812. }
  813.  
  814. /* END CSS */
  815.  
  816. {CustomCSS}
  817.  
  818. </style>
  819.  
  820. <!-- Fort awesome script -->
  821.  
  822. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  823.  
  824. <!-- Style my tooltips script -->
  825.  
  826. <script src="jquery.style-my-tooltips.js"></script>
  827.  
  828. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  829.  
  830. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  831. <script>
  832. (function($){
  833. $(document).ready(function(){
  834. $("[title]").style_my_tooltips({
  835. tip_follows_cursor:true,
  836. tip_delay_time:200,
  837. tip_fade_speed:300
  838. }
  839. );
  840. });
  841. })(jQuery);
  842. </script>
  843.  
  844. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  845.  
  846. {block:IndexPage}
  847. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  848.  
  849. {block:ifInfiniteScrolling}
  850. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  851. {/block:ifInfiniteScrolling}
  852.  
  853. <script type="text/javascript">
  854. $(window).load(function(){
  855. var $wall = $('#posts');
  856. $wall.imagesLoaded(function(){
  857. $wall.masonry({
  858. itemSelector: '.entry',
  859. isAnimated : false
  860. });
  861. });
  862.  
  863. $wall.infinitescroll({
  864. navSelector : '#pagination',
  865. nextSelector : '#pagination a',
  866. itemSelector : '.entry',
  867. bufferPx : 2000,
  868. debug : false,
  869. errorCallback: function() {
  870. $('#infscr-loading').fadeOut('normal');
  871. }},
  872. function( newElements ) {
  873. var $newElems = $( newElements );
  874. $newElems.hide();
  875. $newElems.imagesLoaded(function(){
  876. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  877. });
  878. }); $('#posts').show(500);
  879. });
  880. </script>
  881. {/block:IndexPage}
  882.  
  883.  
  884. </head>
  885.  
  886. <meta charset="utf-8">
  887. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  888. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  889. <link rel="shortcut icon" href="{Favicon}">
  890. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  891. <meta name="viewport" content="width=device-width, initial-scale=1">
  892.  
  893. <!-- HTML -->
  894.  
  895. <body>
  896.  
  897. <div id="container">
  898.  
  899. <div id="menu">
  900.  
  901. {block:IfShowavatar}
  902. <div id="avatar"><img src="{image:Avatar}"></div>
  903. {/block:IfShowavatar}
  904.  
  905. <div id="blogtitle">{Title}</div>
  906.  
  907. <div id="mainlinks">
  908. {block:IfShowmainlinks}
  909. <a href="/" title="Index">INDEX</a> /
  910. <a href="/ask" title="Ask">ASK</a> /
  911. <a href="/submit" title="Submit">SUBMIT</a> /
  912. <a href="/archive" title="Archive">ARCHIVE</a> /
  913. <a href="/random" title="Random post">RANDOM</a>
  914. {/block:IfShowmainlinks}
  915. </div>
  916. <!--End mainlinks-->
  917.  
  918. </div>
  919. <!--End menu-->
  920.  
  921. {block:ifShowHeader}
  922. <div id="header"></div>
  923. {/block:ifShowHeader}
  924.  
  925. <div id="description">{Description}</div>
  926.  
  927. <div id="navigation">
  928. <center>
  929. {block:IfShowLinkOne}
  930. <a href="{text:Link One Url}">{text:Link One Title}</a> /
  931. {/block:IfShowLinkOne}
  932. {block:IfShowLinkTwo}
  933. <a href="{text:Link Two Url}">{text:Link Two Title}</a> /
  934. {/block:IfShowLinkTwo}
  935. {block:IfShowLinkThree}
  936. <a href="{text:Link Three Url}">{text:Link Three Title}</a> /
  937. {/block:IfShowLinkThree}
  938. {block:IfShowLinkFour}
  939. <a href="{text:Link Four Url}">{text:Link Four Title}</a> /
  940. {/block:IfShowLinkFour}
  941. {block:IfShowLinkFive}
  942. <a href="{text:Link Five Url}">{text:Link Five Title}</a>
  943. {/block:IfShowLinkFive}
  944. </center>
  945. </div>
  946. <!--End navigation-->
  947.  
  948. <!-- POSTS -->
  949.  
  950. <div id="posts">
  951.  
  952. {block:Posts}
  953.  
  954. <div class="entry">
  955.  
  956. <!-- Text -->
  957. {block:Text}
  958. {block:Title}
  959. <a href="{Permalink}">
  960. <h1>{Title}</h1></a>
  961. {/block:Title}
  962. <h2>{Body}</h2>
  963. {/block:Text}
  964.  
  965. <!-- Photo -->
  966. {block:Photo}
  967. {block:ifNot700pxPosts}
  968. <a href="{Permalink}">
  969. <img src="{PhotoURL-500}"
  970. width="500"/></a>
  971. {/block:ifNot700pxPosts}
  972. {block:if700pxPosts}
  973. <a href="{Permalink}">
  974. <img src="{PhotoURL-500}"
  975. width="700"/></a>
  976. {/block:if700pxPosts}
  977. {/block:Photo}
  978.  
  979. <!-- Photoset -->
  980. {block:Photoset}
  981. {block:ifNot700pxPosts}
  982. {Photoset-500}
  983. {/block:ifNot700pxPosts}
  984. {block:if700pxPosts}
  985. {Photoset-700}
  986. {/block:if700pxPosts}
  987. {/block:Photoset}
  988.  
  989. <!-- Quote -->
  990. {block:Quote}
  991. <div class="quote">
  992. <div class="symbol">"</div>
  993. {Quote}
  994. {block:Source}
  995. <div class="source">-{Source}
  996. </div>{/block:Source}</div>
  997. {/block:Quote}
  998.  
  999. <!-- Link -->
  1000. {block:Link}
  1001. <div id="linktitle">
  1002. <a href="{URL}"
  1003. class="linkpost"
  1004. target="_blank">
  1005. {Name} &raquo; </a>
  1006. </div>
  1007. {block:Description}
  1008. <h2>{Description}</h2>
  1009. {/block:Description}
  1010. {/block:Link}
  1011.  
  1012. <!-- Chat -->
  1013. {block:Chat}
  1014. <div class="chat">
  1015. <ul>
  1016. {block:Lines}
  1017. <li class="{Alt}">
  1018. {block:Label}<b>{Label}</b>{/block:Label}
  1019. {Line}
  1020. </li>
  1021. {/block:Lines}
  1022. </ul>
  1023. </div>
  1024. {/block:Chat}
  1025.  
  1026. <!-- Audio -->
  1027. {block:Audio}
  1028. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  1029. {block:AlbumArt}
  1030. <div class="play">
  1031. {AudioPlayerWhite}
  1032. </div>
  1033. </div>
  1034. <div class="audio">
  1035. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  1036. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  1037. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  1038. {block:PlayCount}<br><b>Play count:</b> {PlayCount}{/block:PlayCount}<br></div>
  1039. <br><br><br><br><br>
  1040. {/block:Audio}
  1041.  
  1042. <!-- Video -->
  1043. {block:Video}
  1044. {block:ifNot700pxPosts}
  1045. {Video-500}
  1046. {/block:ifNot700pxPosts}
  1047. {block:if700pxPosts}
  1048. {Video-700}
  1049. {/block:if700pxPosts}
  1050. {/block:Video}
  1051.  
  1052. <!-- Ask -->
  1053. {block:Answer}
  1054. <div class="question">
  1055. <img src="{AskerPortraitURL-48}"
  1056. align="left">
  1057. {Asker}</div>
  1058. {Question}&nbsp;
  1059. <div class="answer">
  1060. {Answer}</div>
  1061. {/block:Answer}
  1062.  
  1063. <!-- Caption -->
  1064. {block:IndexPage}
  1065. {block:IfShowCaptions}
  1066. {block:Caption}
  1067. {Caption}
  1068. {/block:Caption}
  1069. {/block:IfShowCaptions}
  1070. {/block:IndexPage}
  1071. {block:PermalinkPage}
  1072. {block:Caption}
  1073. {Caption}
  1074. {/block:Caption}
  1075. {/block:PermalinkPage}
  1076.  
  1077. {block:Date}
  1078. <div class="info1">
  1079.  
  1080. {block:RebloggedFrom}
  1081. VIA <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1082. {/block:RebloggedFrom}
  1083.  
  1084. {block:NotReblog}
  1085. BY <a href="/">{text:Blog alias}</a>
  1086. {/block:NotReblog}
  1087.  
  1088. / ON <a href="{Permalink}">
  1089. {shortmonth} {dayofmonth}</a>
  1090.  
  1091. / NOTES: {block:NoteCount}
  1092. <a href="{Permalink}">
  1093. {NoteCount}</a>
  1094. {/block:NoteCount}
  1095.  
  1096. <!-- Like and reblog buttons -->
  1097. <ul class="like_and_reblog_buttons">
  1098. <li>{LikeButton size="15"}</li>
  1099. <li>{ReblogButton size="15"}</li>
  1100. </ul>
  1101.  
  1102. </div>
  1103. <!--End info1-->
  1104. {/block:Date}
  1105.  
  1106. <!-- Tags -->
  1107. {block:IndexPage}
  1108. {block:IfShowTags}
  1109. {block:HasTags}
  1110. {block:Tags}
  1111. #<a href="{TagURL}">{Tag}</a>,&nbsp;
  1112. {/block:Tags}
  1113. {/block:HasTags}
  1114. {/block:IfShowTags}
  1115. {/block:IndexPage}
  1116. {block:PermalinkPage}
  1117. {block:HasTags}
  1118. {block:Tags}
  1119. #<a href="{TagURL}">{Tag}</a>,&nbsp;
  1120. {/block:Tags}
  1121. {/block:HasTags}
  1122. {/block:PermalinkPage}
  1123.  
  1124. <div class="divider"></div>
  1125.  
  1126. <!-- Permalink page -->
  1127. {block:PermalinkPage}
  1128. <!-- Post notes-->
  1129. {block:PostNotes}
  1130. <div class="postnotes">
  1131. <h1>Post notes:</h1>
  1132. {PostNotes}
  1133. </div>
  1134. {/block:PostNotes}
  1135. {/block:PermalinkPage}
  1136.  
  1137. <!-- Other -->
  1138. {block:ContentSource}
  1139. <!-- {SourceURL}
  1140. {block:SourceLogo}
  1141. <img src="{BlackLogoURL}"
  1142. width="{LogoWidth}"
  1143. height="{LogoHeight}"
  1144. alt="{SourceTitle}" />
  1145. {/block:SourceLogo}
  1146. {block:NoSourceLogo}
  1147. {SourceLink}
  1148. {/block:NoSourceLogo} -->
  1149. {/block:ContentSource}
  1150.  
  1151. </div>
  1152. <!--End entry-->
  1153.  
  1154. {/block:Posts}
  1155.  
  1156. </div>
  1157. <!-- End posts -->
  1158.  
  1159. {block:Pagination}
  1160. <div id="pagination">
  1161. {block:PreviousPage}
  1162. <span class="pagicon">
  1163. <a href="{PreviousPage}" title="NEWER"><i class="fa fa-long-arrow-left"></i> NEWER </a>
  1164. </span> /
  1165. {/block:PreviousPage}
  1166.  
  1167. <span class="pagicon">
  1168. <a href="#" title="back to top"><i class="fa fa-long-arrow-up"></i> TOP </a>
  1169. </span> /
  1170.  
  1171. {block:NextPage}
  1172. <span class="next">
  1173. <a href="{NextPage}" title="OLDER"> OLDER <i class="fa fa-long-arrow-right"></i></a>
  1174. </span>
  1175. {/block:NextPage}
  1176. </div>
  1177. {/block:Pagination}
  1178. <!--End pagination-->
  1179.  
  1180. <div id="footer">
  1181.  
  1182. {block:IfShowSearchBox}
  1183. <div id="search">
  1184. <form action="/search" method="get">
  1185. <input type="text" name="q" value="Enter your search..." style="width:200px; height:25px; line-height:25px; padding:5px; border:1px solid {color:Borders}; background:transparent; color:{color:Link}; font-size: 12px; margin-top:0px; margin-left:0px;"/><i class="fa fa-search"></i>
  1186. </form>
  1187. </div>
  1188. {/block:IfShowSearchBox}
  1189. <!--End search-->
  1190.  
  1191. <div id="social">
  1192. {block:IfShowFacebook}<a href="{text:Facebook url}" target = "_blank" title="facebook"><i class="fa fa-facebook"></i></a>{/block:IfShowFacebook}
  1193. {block:IfShowTwitter}<a href="{text:Twitter url}" title="twitter"><i class="fa fa-twitter"></i></a>{/block:IfShowTwitter}
  1194. {block:IfShowFlickr}<a href="{text:Flickr url}" title="flickr"><i class="fa fa-flickr"></i></a>{/block:IfShowFlickr}
  1195. {block:IfShowGoogleplus}<a href="{text:Googleplus url}" title="google +"><i class="fa fa-google-plus"></i></a>{/block:IfShowGoogleplus}
  1196. {block:IfShowDeviantart}<a href="{text:Deviantart url}" title="deviantart"><i class="fa fa-deviantart"></i></a>{/block:IfShowDeviantart}
  1197. </div>
  1198. <!--End social-->
  1199.  
  1200. </div>
  1201. <!--End footer-->
  1202.  
  1203. </div>
  1204. <!--End container-->
  1205.  
  1206. <!-- CREDIT (DO NOT REMOVE) -->
  1207. <div id="credit"><a href="http://www.hunterthemes.tumblr.com">
  1208. <img src="http://i60.tinypic.com/b5qp0o.png" title="theme by hunter 2 themes"></div></a>
  1209.  
  1210. </body>
  1211. </html>
  1212.  
  1213. <!-- 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!