API tools faq
paste
Advertisement
hunterthemes

- Theme #15 (vol.3)

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