feiinho

Bia

Nov 14th, 2017
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3. THEME: BIA
  4. inspired by the weheartit profile
  5. by acuite
  6.  
  7. - don't steal this pls
  8. - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
  9.  
  10. - @acuite for more themes
  11.  
  12. NOTES:
  13. - captions only appear in one column version
  14. - tags do not show on index page. please do not ask for them
  15. - captions & tags appear in permalink page
  16.  
  17. - i suggest larger posts & margins for one column
  18. - vice versa, smaller posts suit multiple columns
  19.  
  20. -->
  21.  
  22. <html>
  23. <head>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="image:Header" content=""/>
  31. <meta name="image:Icon" content=""/>
  32.  
  33. <meta name="color:Background" content="#f8f8f8"/>
  34. <meta name="color:Post" content="#fff"/>
  35. <meta name="color:Border" content="#eee"/>
  36. <meta name="color:Text" content="#555"/>
  37. <meta name="color:Link" content="#999"/>
  38. <meta name="color:Hover" content="#89adc3"/>
  39. <meta name="color:Cover Text" content="#fff"/>
  40.  
  41. <meta name="if:Default Controls" content=""/>
  42. <meta name="if:Load More" content=""/>
  43. <meta name="if:Paginate" content=""/>
  44. <meta name="if:Captions" content=""/>
  45. <meta name="if:Round Edges" content=""/>
  46. <meta name="if:Related Posts" content=""/>
  47.  
  48. <meta name="select:Columns" content="twoc" title="Two">
  49. <meta name="select:Columns" content="thrc" title="Three">
  50. <meta name="select:Columns" content="fouc" title="Four">
  51. <meta name="select:Columns" content="onec" title="One">
  52.  
  53. <meta name="select:Top Bar" content="tnone" title="Hide">
  54. <meta name="select:Top Bar" content="tabso" title="Absolute">
  55. <meta name="select:Top Bar" content="tfixe" title="Fixed">
  56.  
  57. <meta name="select:Icon" content="icons" title="Small">
  58. <meta name="select:Icon" content="icond" title="Large">
  59. <meta name="select:Icon" content="iconh" title="Hide">
  60.  
  61. <meta name="text:Post" content="200"/>
  62. <meta name="text:Margin" content="25"/>
  63. <meta name="text:Padding" content="2"/>
  64. <meta name="text:Header Height" content="200"/>
  65.  
  66. <meta name="text:Link 1" content="/"/>
  67. <meta name="text:Link 1 Title" content="one"/>
  68. <meta name="text:Link 2" content="/" />
  69. <meta name="text:Link 2 Title" content="two"/>
  70. <meta name="text:Link 3" content="/" />
  71. <meta name="text:Link 3 Title" content="three"/>
  72. <meta name="text:Link 4" content="/" />
  73. <meta name="text:Link 4 Title" content="four"/>
  74.  
  75. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  76. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  77. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  78.  
  79. <style type="text/css">
  80.  
  81. ::-webkit-scrollbar {
  82. width:17px;
  83. height:17px;
  84. background:{color:Border};
  85. border:8px solid {color:Background};
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb {
  89. background:rgba({RGBcolor:Link},0.5);
  90. border:8px solid {color:Background};
  91. }
  92.  
  93. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:5px;{block:ifnotDefaultControls}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifnotDefaultControls}}
  94.  
  95. {block:ifDefaultControls}
  96. {block:IndexPage}
  97. .tfixe #tumblr_controls,.tfixe .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{top:55px;position:fixed;}
  98. {/block:IndexPage}
  99. {/block:ifDefaultControls}
  100.  
  101. {block:ifnotDefaultControls}
  102. .controls {
  103. position:fixed;
  104. right:0px;
  105. top:0px;
  106. padding:7px;
  107. font-size:0;
  108. z-index:9999;
  109. background:rgba({RGBcolor:Background},0.75);
  110. }
  111.  
  112. .tfixe .controls {top:55px;}
  113. .controls a{font-size:12px;display:inline-block;margin:10px;}
  114. {/block:ifnotDefaultControls}
  115.  
  116. /* General */
  117.  
  118. body {margin:0;color:{color:Text};background:{color:Background};}
  119. a:link, a:active, a:visited {text-decoration:none;}
  120. pre, p, blockquote,body,big,small,sub,sup,.entry {font-size:9px;}
  121. p,body,pre,em,input{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  122. a,.p_hold,.pn img {
  123. transition:0.5s ease;
  124. -o-transition:0.5s ease;
  125. -moz-transition:0.5s ease;
  126. -webkit-transition:0.5s ease;
  127. }
  128.  
  129. /* Credit & Scroll to Top */
  130.  
  131. .c,.up{position:fixed;right:30px;text-align:center;width:40px;}
  132. .c {bottom:30px;letter-spacing:1px;text-transform:uppercase;}
  133. .up {bottom:50px;display:none;font-size:25px;}
  134.  
  135. /* Pagination */
  136.  
  137. .cp {font-weight:600;}
  138. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  139. .pag a i{font-size:25px;}
  140. .pag,.load {position:relative;font-size:9px;text-align:center;margin:{text:Margin}px;}
  141.  
  142. {block:ifnotPaginate}
  143. .pag,#infscr-loading {display:none!important;}
  144. {/block:ifnotPaginate}
  145.  
  146. .load {
  147. cursor:pointer;
  148. display:inline-block;
  149. font-size:10px;
  150. background:{color:Post};
  151. border:1px solid {color:Border};
  152. padding:10px 14px;
  153. }
  154.  
  155. /* Containers */
  156.  
  157. #center {
  158. position:relative;
  159. margin:calc({text:Margin}px * 2) auto;
  160. {block:PermalinkPage}width:calc(400px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));{/block:PermalinkPage}
  161. }
  162.  
  163. {block:IndexPage}
  164. .tabso #center,.tfixe #center{
  165. margin-top:calc(54px + ({text:Margin}px * 2));
  166. }
  167.  
  168. .onec.tabso #center,.onec.tfixe #center{
  169. margin-top:calc(54px + {text:Margin}px);
  170. }
  171.  
  172. .onec #center {margin:{text:Margin}px auto;}
  173.  
  174. .onec #center {width:calc({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));}
  175. .twoc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 2);}
  176. .thrc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 3);}
  177. .fouc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 4);}
  178.  
  179. #content {font-size:0;}
  180.  
  181. .twoc .whi,.thrc .whi,.fouc .whi {
  182. overflow:hidden;
  183. height:calc({text:Post}px / 1.5);
  184. }
  185.  
  186. .twoc .bx,.thrc .bx,.fouc .bx {
  187. width:100%;
  188. height:100%;
  189. overflow:hidden;
  190. background:{color:Post} no-repeat center;
  191. background-size:cover;
  192. }
  193.  
  194. .twoc .entry,.thrc .entry,.fouc .entry {
  195. width:{text:Post}px;
  196. height:calc({text:Post}px / 1.5);
  197. position:relative;
  198. display:inline-block;
  199. vertical-align:middle;
  200. }
  201. {/block:IndexPage}
  202.  
  203. .entry img {max-width:100%;height:auto;}
  204. .entry {
  205. overflow:hidden;
  206. position:relative;
  207. margin:{text:Margin}px;
  208. background:{color:Post};
  209. border:1px solid {color:Border};
  210. padding:{text:Padding}px;
  211. }
  212.  
  213. /* Top */
  214.  
  215. .tabso .mn,.tfixe .mn{display:none;}
  216. .tnone .top{display:none;}
  217. .tabso .top{position:absolute;}
  218. .tfixe .top{position:fixed;}
  219. .top {
  220. z-index:9999;
  221. top:0;
  222. left:0;
  223. font-size:0;
  224. padding:15px 25px;
  225. width:calc(100% - 50px);
  226. background:{color:Post};
  227. border-bottom:1px solid {color:Border};
  228. }
  229.  
  230. .toplinks,.srch_hold{display:inline-block;vertical-align:middle;}
  231. .toplinks {width:calc(100% - 179px)}
  232. .toplinks a i{margin-right:4px;font-size:13px;}
  233. .toplinks a:last-of-type {margin-right:0;}
  234. .toplinks a {
  235. display:inline-block;
  236. margin:4px 25px 4px 0;
  237. font-size:10px;
  238. text-transform:capitalize;
  239. }
  240.  
  241. .srch i {font-size:10px;color:{color:Link};margin-right:5px;}
  242. .srch_hold {text-align:right;}
  243. .srch {
  244. display:inline-block;
  245. text-align:left;
  246. width:165px;
  247. height:15px;
  248. padding:3px 6px;
  249. border:1px solid {color:Border};
  250. background:rgba({RGBcolor:Background},0.75);
  251. }
  252.  
  253. .search-form {display:inline-block;width:150px;outline:none;}
  254. .search-form input {
  255. border:none;
  256. outline:none;
  257. width:100%;
  258. font-size:9px;
  259. background:inherit;
  260. }
  261.  
  262. .search-form input[type=text] {color:{color:Link};}
  263. input::-webkit-input-placeholder {color:{color:Link};}
  264. input::-moz-placeholder {color:{color:Link};}
  265. input:-moz-placeholder {color:{color:Link};}
  266. input:-ms-input-placeholder {color:{color:Link};}
  267. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  268.  
  269. /* Sidebar */
  270.  
  271. .sidebar {
  272. position:fixed;
  273. width:190px;
  274. background:{color:Post};
  275. border:1px solid {color:Border};
  276. margin-left:calc(-{text:Margin}px + -192px);
  277. font-size:0;
  278. text-align:center;
  279. }
  280.  
  281. .sidebar_hold {padding:20px;}
  282. .sidebar .image {display:inline-block;width:75px;margin-bottom:15px;}
  283. .sidebar h1 {margin:0;font-size:13px;font-weight:400;}
  284. .sidebar h2 {
  285. margin:5px 0 0;
  286. font-size:9.5px;
  287. font-style:italic;
  288. font-weight:400;
  289. }
  290.  
  291. .nav a{
  292. display:block;
  293. font-size:9px;
  294. padding:10px;
  295. border-top:1px solid {color:Border};
  296. }
  297.  
  298. /* Header */
  299.  
  300. .header {
  301. position:relative;
  302. background:{color:Post};
  303. border:1px solid {color:Border};
  304. margin:{text:Margin}px;
  305. font-size:0;
  306. overflow:hidden;
  307. }
  308.  
  309. .cover_photo{
  310. width:100%;
  311. height:{text:Header Height}px;
  312. overflow:hidden;
  313. background:{color:Post} no-repeat center;
  314. background-size:cover;
  315. }
  316. .cover_content *{color:{color:Cover Text};}
  317. .cover_content {position:absolute;bottom:0;margin:15px;}
  318. .cover {width:100%;height:{text:Header Height}px;position:relative;}
  319. .header .image {
  320. position:absolute;
  321. left:20px;
  322. background:{color:Post};
  323. padding:5px;
  324. border-radius:50%;
  325. }
  326.  
  327. .icond .image{width:100px;bottom:-55px;}
  328. .icons .image{width:70px;bottom:-40px;}
  329. .iconh .image{display:none;}
  330. .icond .cover_content {left:130px;}
  331. .icons .cover_content {left:100px;}
  332. .icond .links {margin-left:100px;}
  333. .icons .links {margin-left:70px;}
  334.  
  335. .image img{width:100%;border-radius:50%;}
  336. .desc {font-size:9.5px;letter-spacing:0.2px;}
  337.  
  338. .links {text-align:right;padding:13px 20px;}
  339. .links a:last-of-type {padding-right:5px;border:0;}
  340. .links a{
  341. display:inline-block;
  342. font-size:9px;
  343. padding:1px 15px;
  344. margin:7px 0;
  345. border-right:1px solid {color:Border};
  346. }
  347.  
  348. /* Titles */
  349.  
  350. .header h1 {
  351. margin:0px;
  352. font-size:16px;
  353. font-weight:600;
  354. letter-spacing:0.25px;
  355. }
  356.  
  357. .entry h2 {
  358. margin:10px;
  359. font-size:11px;
  360. letter-spacing:0.5px;
  361. font-weight:400;
  362. }
  363.  
  364. h3 {
  365. margin:10px;
  366. font-weight:600;
  367. font-size:9px;
  368. letter-spacing:0.5px;
  369. }
  370.  
  371. /* Permalinks */
  372.  
  373. .entry:hover .p_hold {opacity:1;}
  374. .p_hold {
  375. background:rgba({RGBcolor:Post},0.95);
  376. position:absolute;
  377. text-align:center;
  378. z-index:999;
  379. width:calc(100% - ({text:Padding}px * 2));
  380. height:calc(100% - ({text:Padding}px * 2));
  381. opacity:0;
  382. line-height:0;
  383. }
  384.  
  385. .p {
  386. position:absolute;
  387. top:50%;
  388. width:100%;
  389. font-size:10px;
  390. letter-spacing:1.5px;
  391. }
  392.  
  393. /* Quotes */
  394.  
  395. .qut_hold {padding:20px;}
  396. .src {margin-bottom:10px;}
  397. .qut {font-size:10px;}
  398.  
  399. /* Audio & Chat */
  400.  
  401. .chat {padding:10px;}
  402. .chat h2 {margin:0;}
  403. .lines,.chat h2 {margin:10px;}
  404. .lines b{font-weight:400;}
  405.  
  406. .play {
  407. padding:10px;
  408. background:#e4e4e4;
  409. height:27px;
  410. width:27px;
  411. border-radius:50%;
  412. display:inline-block;
  413. vertical-align:middle;
  414. }
  415.  
  416. .audio_hold {font-size:0;text-align:center;}
  417. .twoc .audio,.thrc .audio,.fouc .audio{
  418. {block:IndexPage}
  419. height:84px;
  420. top:50%;
  421. margin-top:-42px;
  422. position:absolute;
  423. width:100%;
  424. {/block:IndexPage}
  425. {block:PermalinkPage}padding:20px;{/block:PermalinkPage}
  426. }
  427.  
  428. .onec .audio {padding:20px;}
  429. .soundcloud_audio_player{padding:15px 0px;}
  430. .au span {display:block;font-size:9px;}
  431. .au {margin-top:10px;}
  432. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  433.  
  434. /* Text */
  435.  
  436. ol,ul {padding:0 0 0 25px;}
  437. p,blockquote,pre,ul,ol{margin:10px;}
  438. b,strong {font-weight:600;}
  439. blockquote p{margin:10px 0px;}
  440. blockquote p:first-child{margin:0px 0px 10px;}
  441. blockquote p:last-child{margin:10px 0px 0px;}
  442. blockquote p:only-child{margin:0px;}
  443. blockquote blockquote {margin:0;}
  444. blockquote{padding:0;}
  445. pre {
  446. white-space:pre-wrap;
  447. white-space:-moz-pre-wrap;
  448. white-space:-pre-wrap;
  449. white-space:-o-pre-wrap;
  450. word-wrap:break-word;
  451. }
  452.  
  453. /* Captions */
  454.  
  455. {block:IndexPage}
  456. .cap {display:none;}
  457. .onec .cap {display:block;}
  458. {/block:IndexPage}
  459.  
  460. .cap,.pph{border-top:1px solid {color:Border};margin-top:{text:Padding}px;}
  461. .txt{padding:10px;}
  462. .cap{padding:5px;}
  463. .txt img,.cap img{max-width:100%;height:auto;}
  464. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  465. a.tumblr_blog{border-bottom:1px solid {color:Border};}
  466. a.tumblr_blog:hover{border-color:rgba({RGBcolor:Hover},0.5);}
  467.  
  468. /* Video */
  469.  
  470. .video {overflow:hidden;}
  471. .vine-embed,#youtube_iframe {display:block;}
  472. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  473.  
  474. /* Photosets */
  475.  
  476. #tumblr_lightbox,.tmblr-lightbox {
  477. background:rgba({RGBcolor:Background},0.99)!important;
  478. }
  479.  
  480. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  481. opacity:0!important;
  482. }
  483.  
  484. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  485. #tumblr_lightbox_right_image, .lightbox-image {
  486. box-shadow:none!important;
  487. border-radius:0px!important;
  488. {block:ifRoundEdges}border-radius:5px!important;{/block:ifRoundEdges}
  489. }
  490.  
  491. .index-page .photos img {display:none;}
  492. .index-page .photos img:first-child {display:block;width:100%;}
  493.  
  494. /* Ask */
  495.  
  496. .ask {padding:15px;border-bottom:1px solid {color:Border};}
  497. .aski {margin:0 0 10px;font-size:10px;font-weight:600;}
  498. #ask_form {margin:10px!important;width:calc(100% - 20px)!important;}
  499.  
  500. /* Permalink Page + Postnotes */
  501.  
  502. .pph {padding:15px;text-transform:lowercase;margin-bottom:-{text:Padding}px;}
  503. .pmt {font-size:0;margin:5px -2px -2px;}
  504. .pmt a {
  505. font-size:9px;
  506. line-height:100%;
  507. display:inline-block;
  508. vertical-align:middle;
  509. padding:4px;
  510. margin:2px;
  511. border:1px solid {color:Border};
  512. background:rgba({RGBcolor:Background},0.75);
  513. }
  514.  
  515. .pn * {font-size:0;margin:0;padding:0;list-style-type:none;}
  516. .pn li:nth-child(n+40){display:none;}
  517. .pn li {display:inline-block;width:calc(7.68% - 2px);margin:1px;}
  518. .pn li img{
  519. display:inline-block;
  520. width:100%;
  521. overflow:hidden;
  522. -webkit-filter: grayscale(100%);
  523. -moz-filter: grayscale(100%);
  524. -o-filter: grayscale(100%);
  525. -ms-filter: grayscale(100%);
  526. filter: grayscale(100%);
  527. }
  528.  
  529. .pn li img:hover {
  530. -webkit-filter: grayscale(0%);
  531. -moz-filter: grayscale(0%);
  532. -o-filter: grayscale(0%);
  533. -ms-filter: grayscale(0%);
  534. filter: grayscale(0%);
  535. }
  536.  
  537. .more_notes_link,.notes_loading {
  538. font-size:9px;
  539. letter-spacing:0.25px;
  540. font-weight:600;
  541. line-height:100%;
  542. }
  543.  
  544. li.more_notes_link_container {
  545. width:calc(100% - 12px);
  546. margin:10px 6px 6px;
  547. display:block!important;
  548. text-align:right!important;
  549. }
  550.  
  551. .rl h2 {font-size:10px;margin:7px 10px;font-weight:400;}
  552. .rl,.pn {
  553. padding:5px;
  554. font-size:0;
  555. margin:{text:Margin}px;
  556. background:{color:Post};
  557. border:1px solid {color:Border};
  558. }
  559.  
  560. .rl .whi {overflow:hidden;height:60px;}
  561. .rl .bx {
  562. width:100%;
  563. height:100%;
  564. background:{color:Post} no-repeat center;
  565. background-size:cover;
  566. }
  567.  
  568. .rl .entry:nth-child(n+10){display:none;}
  569. .rl .entry {
  570. display:inline-block;
  571. vertical-align:top;
  572. width:calc(25% - 10px);
  573. height:60px;
  574. margin:5px;
  575. padding:0;
  576. border:0;
  577. }
  578.  
  579. /* Tooltips */
  580.  
  581. #s-m-t-tooltip{
  582. max-width:300px;
  583. margin:15px;
  584. z-index:99999999;
  585. padding:5px 7px;
  586. word-wrap:break-word;
  587. word-break:break-all;
  588. background:{color:Post};
  589. border:1px solid {color:Border};
  590. }
  591.  
  592. /* Common Styles */
  593.  
  594. .ask,p,blockquote,.lines,.qut,.desc{line-height:160%;}
  595. .pph,.cap,ul,ol{line-height:175%;}
  596. a:hover, a h2:hover{color:{color:Hover};}
  597. a,.p,.pph,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
  598. .lines b,.tn,.qut,.src,.ask,.rl h2{letter-spacing:0.3px;}
  599. h2 a i{margin:0px 2px;}
  600.  
  601. {block:ifRoundEdges}
  602. .header,.entry,.sidebar,.load,.srch,#s-m-t-tooltip,.rl{border-radius:5px;}
  603. .p_hold {border-radius:3px;}
  604. .whi,.bx,.photos img,.pmt a,.pn li img,.ph {border-radius:4px;}
  605. {/block:ifRoundEdges}
  606.  
  607. /* Etc */
  608.  
  609. img {margin:0px;display:block;}
  610.  
  611. </style>
  612. </head>
  613. <body class="{select:Columns} {select:Top Bar} {block:IndexPage}index-page{/block:IndexPage}">
  614.  
  615. {block:ifnotDefaultControls}
  616. {block:IndexPage}
  617. <div class="controls">
  618. <a href="https://www.tumblr.com/dashboard?conversation={Name}" title="message"><i class="fa fa-comment-o"></i></a>
  619. <a href="https://www.tumblr.com/follow/{Name}" title="follow"><i class="fa fa-user-plus"></i></a>
  620. <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-th-large"></i></a>
  621. </div>
  622. {/block:IndexPage}
  623. {/block:ifnotDefaultControls}
  624.  
  625. {block:IndexPage}
  626. <div class="top">
  627. <div class="toplinks">
  628. <a href="/"><i class="fa fa-home"></i> home</a>
  629. <a href="/ask"><i class="fa fa-envelope-o"></i> message</a>
  630. <a href="/archive"><i class="fa fa-clock-o"></i> archive</a>
  631. <a href="https://www.tumblr.com/dashboard"><i class="fa fa-th-large"></i> dashboard</a>
  632. </div>
  633.  
  634. <div class="srch_hold">
  635. <div class="srch"><i class="fa fa-search"></i>
  636. <form action="/search" class="search-form" method="get">
  637. <input id="searchField" name="q" placeholder="Search this blog..." type="text" value="{SearchQuery}"/></form>
  638. </div>
  639. </div>
  640. </div>
  641. {/block:IndexPage}
  642.  
  643. <div id="center">
  644.  
  645. {block:IndexPage}
  646. <div class="header {select:Icon}">
  647.  
  648. <div class="cover">
  649. <div class="cover_photo" style="background-image:url('{block:ifHeaderImage}{image:Header}{/block:ifHeaderImage}{block:ifnotHeaderImage}{HeaderImage}{/block:ifnotHeaderImage}');"></div>
  650. <div class="cover_content">
  651. <h1><a href="/">{Title}</a></h1>
  652. {block:Description}<div class="desc">{Description}</div>{/block:Description}
  653. </div>
  654.  
  655. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  656. </div>
  657.  
  658. <div class="links">
  659. <a href="/" class="mn">home</a>
  660. <a href="/ask" class="mn">ask</a>
  661. {block:ifLink1}
  662. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  663. {/block:ifLink1}{block:ifLink2}
  664. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  665. {/block:ifLink2}{block:ifLink3}
  666. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  667. {/block:ifLink3}{block:ifLink4}
  668. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  669. {/block:ifLink4}
  670. </div>
  671. </div>
  672. {/block:IndexPage}
  673.  
  674. {block:PermalinkPage}
  675. <div class="sidebar">
  676. <div class="sidebar_hold">
  677. <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>
  678. <h1><a href="/">{Title}</a></h1>
  679. <h2>@{Name}</h2>
  680. </div>
  681. <div class="nav">
  682. <a href="/">home</a>
  683. <a href="/ask">ask</a>
  684. {block:ifLink1}
  685. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  686. {/block:ifLink1}{block:ifLink2}
  687. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  688. {/block:ifLink2}{block:ifLink3}
  689. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  690. {/block:ifLink3}{block:ifLink4}
  691. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  692. {/block:ifLink4}
  693. </div>
  694. </div>
  695. {/block:PermalinkPage}
  696.  
  697. <div id="content">
  698. {block:Posts}
  699.  
  700. <div class="entry" id="{PostID}">
  701. <div class="whi">
  702.  
  703. {block:IndexPage}<a href="{Permalink}"><div class="p_hold"><div class="p">{NoteCount}N</div></div></a>{/block:IndexPage}
  704.  
  705. {block:Text}
  706. <div class="txt">
  707. {block:Title}<h2>{Title}</h2>{/block:Title}
  708. {Body}
  709. </div>
  710. {/block:Text}
  711.  
  712. {block:Link}
  713. <div class="txt">
  714. <h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>
  715. {block:Description}{Description}{/block:Description}
  716. </div>
  717. {/block:Link}
  718.  
  719. {block:Photo}
  720. {block:IndexPage}
  721. <div class="bx" style="background-image:url('{PhotoURL-500}');"></div>
  722. <div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  723. {/block:IndexPage}
  724. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/>{LinkCloseTag}{/block:PermalinkPage}
  725. {/block:Photo}
  726.  
  727. {block:Photoset}
  728. {block:IndexPage}
  729. {block:Photos}
  730. <div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>
  731. {/block:Photos}
  732. <div class="photos">
  733. {block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}
  734. </div>
  735. {/block:IndexPage}
  736.  
  737. {block:PermalinkPage}
  738. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  739. {/block:PermalinkPage}
  740. {/block:Photoset}
  741.  
  742. {block:Quote}
  743. <div class="qut_hold">
  744. {block:Source}<div class="src">{Source}</div>{/block:Source}
  745. <div class="qut">{Quote}</div>
  746. </div>
  747. {/block:Quote}
  748.  
  749. {block:Chat}
  750. <div class="chat">
  751. {block:Title}<h2>{Title}</h2>{/block:Title}
  752. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  753. </div>
  754. {/block:Chat}
  755.  
  756. {block:Audio}
  757. <div class="audio_hold">
  758. <div class="audio">
  759. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  760. <div class="au">
  761. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  762. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  763. </div>
  764. </div>
  765. </div>
  766. {/block:Audio}
  767.  
  768. {block:Video}
  769. <div class="video">{Video-500}</div>
  770. {/block:Video}
  771.  
  772. {block:Answer}
  773. <div class="ask">
  774. <div class="aski">{Asker} said:</div>
  775. <div class="que">{Question}</div>
  776. </div>
  777. <div class="txt">{Answer}</div>
  778. {/block:Answer}
  779.  
  780. {block:IndexPage}{block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:IndexPage}
  781.  
  782. </div>
  783.  
  784. {block:PermalinkPage}
  785. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  786. {block:Date}
  787. <div class="pph">
  788. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  789. {block:RebloggedFrom}<br>
  790. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  791. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  792. {/block:RebloggedFrom}
  793. {block:HasTags}<div class="pmt">
  794. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  795. </div>{/block:HasTags}
  796. </div>
  797. {/block:Date}
  798. {/block:PermalinkPage}
  799.  
  800. {block:ContentSource}
  801. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  802. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  803. {/block:SourceLogo}
  804. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  805. {/block:ContentSource}
  806.  
  807. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  808.  
  809. </div>
  810.  
  811. {block:PermalinkPage}{block:Date}{block:PostNotes}<div class="pn">{PostNotes-64}</div>{/block:PostNotes}{block:ifRelatedPosts}{block:RelatedPosts}<div class="rl"><h2>You might like these too:</h2>{block:Posts}<div class="entry"><div class="whi"><a href="{Permalink}">{block:Text}<div class="txt">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}{block:Link}<div class="txt"><h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}{block:Photo}<div class="bx" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>{/block:Photo}{block:Photoset}{block:Photos}<div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div>{/block:Photoset}{block:Quote}<div class="qut_hold">{block:Source}<div class="src">{Source}</div>{/block:Source}<div class="qut">{Quote}</div></div>{/block:Quote}{block:Chat}<div class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}</div>{/block:Chat}{block:Audio}<div class="audio_hold"><div class="audio">{block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}<div class="au">{block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}{block:Artist}<span>by {Artist}</span>{/block:Artist}</div></div></div>{/block:Audio}{block:Video}<div class="video">{Video-500}</div>{/block:Video}{block:Answer}<div class="ask"><div class="aski">{Asker} said:</div><div class="que">{Question}</div></div><div class="txt">{Answer}</div>{/block:Answer}</a></div></div>{/block:Posts}</div>{/block:RelatedPosts}{/block:ifRelatedPosts}{/block:Date}{/block:PermalinkPage}
  812.  
  813. {/block:Posts}
  814.  
  815. {block:ifPaginate}
  816. {block:Pagination}
  817. <div class="pag">
  818. {block:PreviousPage}
  819. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>
  820. {/block:PreviousPage}
  821.  
  822. {block:JumpPagination length="5"}
  823. {block:CurrentPage}
  824. <span class="cp">{PageNumber}</span>
  825. {/block:CurrentPage}
  826. {block:JumpPage}
  827. <a class="jp" href="{URL}">{PageNumber}</a>
  828. {/block:JumpPage}
  829. {/block:JumpPagination}
  830.  
  831. {block:NextPage}
  832. <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>
  833. {/block:NextPage}
  834. </div>
  835. {/block:Pagination}
  836. {/block:ifPaginate}
  837.  
  838. </div>
  839.  
  840. {block:ifnotPaginate}
  841. {block:Pagination}
  842. <div class="pag">
  843. {block:PreviousPage}
  844. <a href="{PreviousPage}" class="prev">back</a>
  845. {/block:PreviousPage}
  846. {block:NextPage}
  847. <a href="{NextPage}" class="next">next</a>
  848. {/block:NextPage}
  849. </div>
  850.  
  851. {block:ifLoadMore}
  852. <center><a class="load">Load More</a></center>
  853. {/block:ifLoadMore}
  854. {/block:Pagination}
  855. {/block:ifnotPaginate}
  856.  
  857. </div>
  858.  
  859. <a href="#" class="up"><i class="fa fa-angle-up"></i></a>
  860. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  861.  
  862. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  863. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  864. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  865. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  866. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  867. <script>
  868. $(document).ready(function(){
  869. $('.photo-slideshow').pxuPhotoset({
  870. lightbox: true,
  871. gutter: '1px',
  872. photoset: '.photo-slideshow',
  873. photoWrap: '.photo-data',
  874. photo: '.pxu-photo',
  875. {block:ifnotRoundEdges}
  876. rounded: false,
  877. {/block:ifnotRoundEdges}
  878. {block:ifRoundEdges}
  879. rounded: 'corners',
  880. borderRadius: '4px'
  881. {/block:ifRoundEdges}
  882. });
  883. {block:ifnotPaginate}
  884. var $container = $('#content');
  885. $container.infinitescroll({
  886. itemSelector: '.entry',
  887. navSelector: '.pag',
  888. nextSelector: '.next',
  889. loadingImg: ' ',
  890. loadingText: ' ',
  891. donetext: 'No more posts' ,
  892. bufferPx: 2000,
  893. {block:ifLoadMore}
  894. errorCallback: function(){
  895. jQuery('.load').delay(50).fadeOut();
  896. }
  897. {/block:ifLoadMore}
  898. },
  899. function( newElements ) {
  900. var $newElems = $( newElements );
  901. $newElems.find('.photo-slideshow').pxuPhotoset({
  902. lightbox: true,
  903. gutter: '1px',
  904. photoset: '.photo-slideshow',
  905. photoWrap: '.photo-data',
  906. photo: '.pxu-photo',
  907. {block:ifnotRoundEdges}
  908. rounded: false,
  909. {/block:ifnotRoundEdges}
  910. {block:ifRoundEdges}
  911. rounded: 'corners',
  912. borderRadius: '4px'
  913. {/block:ifRoundEdges}
  914. });
  915. resizeVideos();
  916. });
  917.  
  918. {block:ifLoadMore}
  919. $(window).unbind(".infscr");
  920. $(".load").click(function(){
  921. $("#content").infinitescroll("retrieve");
  922. });
  923. {/block:ifLoadMore}
  924.  
  925. {/block:ifnotPaginate}
  926. });
  927.  
  928.  
  929. // minimal soundcloud player © eoxk.tumblr
  930. $(document).ready(function(){
  931. var color = '{color:Link}'; // color of play button (hex)
  932. $('.soundcloud_audio_player').each(function(){
  933. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  934. });
  935. });
  936.  
  937.  
  938. // scroll to top © html-tuts.com
  939. var amountScrolled = 500;
  940. $(window).scroll(function() {
  941. if ($(window).scrollTop() > amountScrolled) {$('a.up').fadeIn('slow');}
  942. else {$('a.up').fadeOut('slow');}
  943. });
  944. $('a.up').click(function() {
  945. $('body, html').animate({scrollTop: 0}, 'slow');
  946. return false;
  947. });
  948.  
  949.  
  950. // tooltips
  951. (function($){
  952. $(document).ready(function(){
  953. $("[title]").style_my_tooltips({
  954. tip_delay_time:200,
  955. tip_fade_speed:300
  956. }
  957. );
  958. });
  959. })(jQuery);
  960.  
  961. </script>
  962. </body>
  963. </html>
Add Comment
Please, Sign In to add comment