API tools faq
paste
Advertisement
sirensthemes

Theme #13 - Drunk In Love

sirensthemes
May 5th, 2015
919
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.48 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. DRUNK IN LOVE BY BREKKYKID
  4.  
  5. 05 May 2015
  6.  
  7. find me on my other blog BUSTEDLY
  8. -->
  9.  
  10. <head>
  11.  
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}"/>
  19. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  20. <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
  21.  
  22. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  23.  
  24. <meta name="image:background" content="" />
  25.  
  26. <meta name="color:title" content="#000"/>
  27. <meta name="color:links" content="#000"/>
  28. <meta name="color:links hover" content="#fff"/>
  29. <meta name="color:posts border" content="#aaa"/>
  30. <meta name="color:grid" content="#444"/>
  31. <meta name="color:posts background" content="#fff"/>
  32. <meta name="color:top border" content="#444"/>
  33. <meta name="color:text selection" content="#888"/>
  34. <meta name="color:text selection text" content="#000"/>
  35. <meta name="color:text" content="#444"/>
  36. <meta name="color:navlinks" content="#000"/>
  37. <meta name="color:navlinks hover" content="#fff"/>
  38. <meta name="color:navlinks border hover" content="#000"/>
  39. <meta name="color:permalinks" content="#000"/>
  40. <meta name="color:permalinks hover" content="#000"/>
  41. <meta name="color:perma background" content="#fff"/>
  42. <meta name="color:perma border" content="#000"/>
  43. <meta name="color:perma text" content="#000"/>
  44. <meta name="color:perma border hover" content="#fff"/>
  45. <meta name="color:tooltips" content="#000"/>
  46. <meta name="color:tooltips text" content="#fff"/>
  47. <meta name="color:tooltips border" content="#000"/>
  48. <meta name="color:scrollbar" content="#eeeeee"/>
  49. <meta name="color:scrollbar border" content="#fff"/>
  50.  
  51.  
  52. <meta name="select:font text" content="consolas" title="consolas">
  53. <meta name="select:font text" content="arial" title="arial">
  54. <meta name="select:font text" content="calibri" title="calibri">
  55. <meta name="select:font text" content="Century Gothic" title="century gothic">
  56. <meta name="select:font text" content="'Open Sans', sans-serif" title="open sans">
  57. <meta name="select:font text" content="'Oxygen Mono', ; " title="oxygen mono">
  58. <meta name="select:font text" content="''PT Mono'," title="pt mono">
  59. <meta name="select:font text" content="'Abel', sans-serif" title="abel">
  60. <meta name="select:font text" content="calibri" title="calibri">
  61. <meta name="select:font text" content="'Poiret One', cursive" title="poiret one">
  62. <meta name="select:font text" content="'Short Stack', cursive" title="short stack">
  63. <meta name="select:font text" content="'Josefin Slab', sans-serif" title="josefin slab">
  64. <meta name="select:font text" content="'Inconsolata', " title="inconsolata">
  65. <meta name="select:font text" content="'Slabo 27px', serif" title="slabo 27px">
  66. <meta name="select:font text" content="'Delius', cursive" title="delius">
  67. <meta name="select:font text" content="'Marmelad', sans-serif" title="marmelad">
  68.  
  69. <meta name="select:title transform" content="uppercase" title="uppercase">
  70. <meta name="select:title transform" content="lowercase" title="lowercase">
  71.  
  72. <meta name="select:tooltips transform" content="uppercase" title="uppercase">
  73. <meta name="select:tooltips transform" content="lowercase" title="lowercase">
  74.  
  75. <meta name="select:grid size" content="25px" title="25px">
  76. <meta name="select:grid size" content="20px" title="20px">
  77. <meta name="select:grid size" content="15px" title="15px">
  78. <meta name="select:grid size" content="10px" title="10px">
  79. <meta name="select:grid size" content="5px" title="5px">
  80.  
  81. <meta name="if:2 column" content="1" />
  82. <meta name="if:sidebar right" content="0" />
  83. <meta name="if:tooltip title" content="1" />
  84. <meta name="if:navlinks tooltips" content="1" />
  85. <meta name="if:posts transparent" content="0" />
  86. <meta name="if:post shadows" content="0" />
  87. <meta name="if:post border" content="1" />
  88. <meta name="if:tooltip shadows" content="0" />
  89. <meta name="if:grid background" content="0" />
  90. <meta name="if:black cursor" content="0" />
  91. <meta name="if:black and white posts" content="0" />
  92. <meta name="if:faded posts" content="0" />
  93. <meta name="if:stretched background" content="0"/>
  94. <meta name="if:show custom link 1" content="0" />
  95. <meta name="if:show custom link 2" content="0" />
  96. <meta name="if:show custom link 3" content="0" />
  97.  
  98. <meta name="text:background" content="add the background-image link here" />
  99. <meta name="text:cursor" content="add the cursor link here" />
  100. <meta name="text:title tooltip" content="add something" />
  101. <meta name="text:home tooltip" content="refresh" />
  102. <meta name="text:ask tooltip" content="ask" />
  103. <meta name="text:links tooltip" content="links" />
  104. <meta name="text:archive tooltip" content="archive" />
  105. <meta name="text:link1 title" content="link1" />
  106. <meta name="text:link1 url" content="/" />
  107. <meta name="text:link1 tooltip" content="link1" />
  108. <meta name="text:link2 title" content="link2" />
  109. <meta name="text:link2 url" content="/" />
  110. <meta name="text:link2 tooltip" content="link2" />
  111. <meta name="text:link3 title" content="link3" />
  112. <meta name="text:link3 url" content="/" />
  113. <meta name="text:link3 tooltip" content="link3" />
  114.  
  115. <link href='http://fonts.googleapis.com/css?family=Abel|Cutive+Mono|Poiret+One|Short+Stack|Josefin+Slab|Inconsolata|PT+Mono|Oxygen+Mono|Slabo+27px|Open+Sans|Delius|Marmelad' rel='stylesheet' type='text/css'>
  116.  
  117. <script type="text/javascript"
  118. src="http://www.google.com/jsapi"></script>
  119.  
  120. <script type="text/javascript">
  121. google.load("jquery", "1.3");
  122. google.setOnLoadCallback(function() {
  123. jQuery(function($) {
  124. // do some stuff here, eg load your tweets, ...
  125. });
  126. });
  127. </script>
  128.  
  129. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  130. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  131. <script>
  132. (function($){
  133. $(document).ready(function(){
  134. $("a[title]").style_my_tooltips({
  135. tip_follows_cursor:true,
  136. tip_delay_time:10,
  137. tip_fade_speed:300,
  138. attribute:"title"
  139. });
  140. });
  141. })(jQuery);
  142. </script>
  143.  
  144. <style type="text/css">
  145.  
  146. #s-m-t-tooltip {
  147. max-width:300px;
  148. margin:15px;
  149. padding:3px 8px 3px 8px;
  150. border:1px solid {color:tooltips border};
  151. border-radius: {text:border radius tooltips};
  152. background:{color:tooltips};
  153. color:{color:tooltips text};
  154. z-index:9999;
  155. font-family: {select:font text};
  156. font-size:8px;
  157. letter-spacing:2px;
  158. text-transform:{select:tooltips transform};
  159. text-align: center;
  160. {block:iftooltipshadows}
  161. box-shadow:rgba(0,0,0,0.10)5px 5px
  162. {/block:iftooltipshadows}
  163. }
  164.  
  165. body {
  166. font-size: 11px;
  167. color: {color:text};
  168. font-family: {select:font text};
  169. background: fixed;
  170. background: {color:background};
  171. background-image:url({image:Background});
  172. background: {color:background};
  173. background-image:url({text:background});
  174. {block:Ifgridbackground}
  175. background: fixed;
  176. background-size: {select:grid size} {select:grid size};
  177. background-image:repeating-linear-gradient(0deg, {color:grid}, {color:grid} 1px, transparent 1px, transparent 40px),repeating-linear-gradient(-90deg, {color:grid}, {color:grid} 1px, transparent 1px, transparent 40px);
  178. {/block:Ifgridbackground}
  179. {block:ifstretchedbackground}
  180. background-size: cover;
  181. {/block:ifstretchedbackground}
  182. {block:ifnotstretchedbackground}
  183. background-repeat:repeat;
  184. {/block:ifnotstretchedbackground}
  185. cursor: url({text:cursor}), auto;
  186. {block:Ifblackcursor}
  187. cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  188. {/block:Ifblackcursor}
  189.  
  190. }
  191.  
  192. a {
  193. color: {color:links};
  194. font-size: 11px;
  195. text-decoration: none;
  196. }
  197.  
  198. a:hover {
  199. color: {color:links hover};
  200. cursor: url({text:cursor}), progress;
  201. {block:Ifblackcursor}
  202. cursor:url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;
  203. {/block:Ifblackcursor}
  204. text-decoration: underline;
  205. }
  206.  
  207. iframe#tumblr_controls{
  208. z-index:9;
  209. opacity:0.5;
  210. -webkit-filter:invert(100%);
  211. top:9px;
  212. right:8px;
  213. position:fixed;
  214. }
  215.  
  216. iframe#tumblr_controls {
  217. right:3px;
  218. position:fixed;
  219. -webkit-transition:opacity 0.7s linear;opacity:0.2;
  220. -webkit-transition: all 0.8s ease-out;
  221. -moz-transition:all 0.8s ease-out; transition:all 0.8s ease-out; z-index:99999
  222. }
  223.  
  224. iframe#tumblr_controls:hover {
  225. -webkit-transition:opacity 0.7s linear; opacity:1.0;
  226. -webkit-transition:all 0.4s ease-out;
  227. -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;
  228.  
  229. }
  230.  
  231. ::-webkit-scrollbar {
  232. width: 11px;
  233. height: 3px;
  234. background: {color:scrollbar border};
  235.  
  236. }
  237.  
  238. ::-webkit-scrollbar-thumb {
  239. background-color:{color:scrollbar};
  240. border: 4px solid {color:scrollbar border};
  241.  
  242. }
  243.  
  244. ::selection {
  245. background: {color:text selection};
  246. color: {color:text selection text};
  247. }
  248.  
  249. ::-moz-selection {
  250. background: {color:text selection};
  251. color: {color:text selection text};
  252. }
  253.  
  254. #content {
  255. {block:If2Column}
  256. width:750px;
  257. {/block:If2Column}
  258. {block:Ifnot2Column}
  259. width:900px;
  260. {block:Ifsidebarright}
  261. margin-left: 15%;
  262. {/block:Ifsidebarright}
  263. {/block:Ifnot2Column}
  264. height: 100%;
  265. {block:Ifnotsidebarright}
  266. margin-left: 30%;
  267. {/block:Ifnotsidebarright}
  268. margin-top: 20px;
  269. {block:permalinkpage}
  270. width:650px;
  271. {/block:permalinkpage}
  272. }
  273.  
  274. .border {
  275. background: {color:top border};
  276. width: 100%;
  277. top: 0;
  278. height: 10px;
  279. z-index:999999;
  280. position: fixed;
  281. }
  282.  
  283. .post {
  284. font-size: 11px;
  285. text-align:left;
  286. z-index:999;
  287. width:200px;
  288. {block:PermalinkPage}
  289. width:500px;
  290. margin-top:15px;
  291. margin-left:13px;
  292. z-index:99;
  293. border:1px solid {color:border};
  294. z-index: 9;
  295. {/block:PermalinkPage}
  296. background: {color:posts background};
  297. margin-right: 32px;
  298. margin-left: 32px;
  299. margin: 20px;
  300. float: left;
  301. padding: 10px;
  302. -moz-transition-duration:0.5s;
  303. -webkit-transition-duration:0.5s;
  304. -o-transition-duration:0.5s;
  305. {block:ifpoststransparent}
  306. background: transparent;
  307. {/block:ifpoststransparent}
  308. {block:ifpostborder}
  309. border: solid 1px {color:posts border};
  310. {/block:ifpostborder}
  311. {block:ifpostshadows}
  312. box-shadow:rgba(0,0,0,0.10)7px 7px
  313. {/block:ifpostshadows}
  314. }
  315. #post:hover {
  316. -webkit-filter: grayscale(0%);
  317. -webkit-transition: all 0.6s ease-in-out;
  318. -moz-transition: all 0.6s ease-in-out;
  319. -o-transition: all 0.6s ease-in-out;
  320. -ms-transition: all 0.6s ease-in-out;
  321. transition: all 0.6s ease-in-out;
  322. }
  323.  
  324. {block:ifblackandwhiteposts}
  325. img {
  326. -webkit-filter: grayscale(100%);
  327. z-index: -9999999999999999999999999px;
  328. -webkit-transition: all 0.9s ease-in-out;
  329. -moz-transition: all 0.9s ease-in-out;
  330. -o-transition: all 0.9s ease-in-out;
  331. -ms-transition: all 0.9s ease-in-out;
  332. transition: all 0.9s ease-in-out;
  333. }
  334.  
  335. img:hover {
  336. -webkit-filter: grayscale(0%);
  337. z-index: -9999999999999999999999999px;
  338. -webkit-transition: all 0.9s ease-in-out;
  339. -moz-transition: all 0.9s ease-in-out;
  340. -o-transition: all 0.9s ease-in-out;
  341. -ms-transition: all 0.9s ease-in-out;
  342. transition: all 0.9s ease-in-out;
  343. }
  344. {/block:ifblackandwhiteposts}
  345.  
  346. {block:iffadedposts}
  347. img{
  348. -webkit-transition: opacity 0.8s linear;
  349. opacity: 0.60;
  350. }
  351. img:hover{
  352. -webkit-transition: opacity 0.8s linear;
  353. opacity: 1;
  354. }
  355.  
  356. iframe.photoset {
  357. opacity: .9;
  358. }
  359. iframe.photoset:hover {
  360. opacity: 1;
  361. }
  362. {/block:iffadedposts}
  363.  
  364. {block:ifnotblackandwhiteposts}
  365. {block:ifnotfadedposts}
  366. img {
  367. -webkit-filter: grayscale(0%);
  368. z-index: -9999999999999999999999999px;
  369. -webkit-transition: all 0.9s ease-in-out;
  370. -moz-transition: all 0.9s ease-in-out;
  371. -o-transition: all 0.9s ease-in-out;
  372. -ms-transition: all 0.9s ease-in-out;
  373. transition: all 0.9s ease-in-out;
  374. }
  375.  
  376. img:hover {
  377. -webkit-filter: grayscale(100%);
  378. z-index: -9999999999999999999999999px;
  379. -webkit-transition: all 0.9s ease-in-out;
  380. -moz-transition: all 0.9s ease-in-out;
  381. -o-transition: all 0.9s ease-in-out;
  382. -ms-transition: all 0.9s ease-in-out;
  383. transition: all 0.9s ease-in-out;
  384. }
  385. {/block:ifnotfadedposts}
  386. {/block:ifnotblackandwhiteposts}
  387.  
  388. .p1 {
  389. width:60px;
  390. height:10px;
  391. font-family: {select:font text};
  392. font-size:12px;
  393. text-align:center;
  394. text-transform:uppercase;
  395. background:{color:perma background};
  396. border:1px solid {color:perma border};
  397. position:absolute;
  398. z-index:99999;
  399. overflow:hidden;
  400. top:calc(60% - 10px);
  401. line-height: 10px;
  402. margin-left:60px;
  403. display: inline-block;
  404. text-decoration: none;
  405. padding:7px;
  406. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  407. -webkit-transition:all 0.5s linear;
  408. -moz-transition:all 0.5s linear;
  409. transition:all 0.5s linear;
  410.  
  411. }
  412.  
  413. .post:hover .p1 {
  414. overflow:visible;
  415. opacity: 0.7;
  416. top:calc(60% - 20px);
  417. text-decoration: none;
  418. transform: rotate(0deg);
  419. -ms-transform: rotate(0deg);
  420. -webkit-transform: rotate(0deg);
  421. -o-transform: rotate(0deg);
  422. -moz-transform: rotate(0deg);
  423. -webkit-transition: all 0.5s linear;
  424. -webkit-transition: all 0.5s linear;
  425. -moz-transition: all 0.5s linear;
  426. transition: all 0.5s linear;
  427. }
  428.  
  429. .p1 a {
  430. width: 80px;
  431. height: auto;
  432. color: {color:perma text};
  433. }
  434.  
  435. .p1 a:hover {
  436. text-decoration: none;
  437. }
  438.  
  439. .p1:hover {
  440. border:1px solid {color:perma border hover};
  441. }
  442.  
  443. .p2 {
  444. width:60px;
  445. height:10px;
  446. font-family: {select:font text};
  447. font-size:12px;
  448. text-align:center;
  449. text-transform:uppercase;
  450. background:{color:perma background};
  451. border:1px solid {color:perma border};
  452. position:absolute;
  453. z-index:99999;
  454. overflow:hidden;
  455. top:calc(60% - 70px);
  456. line-height: 10px;
  457. margin-left:60px;
  458. padding:7px;
  459. text-decoration: none;
  460. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  461. -webkit-transition:all 0.5s linear;
  462. -moz-transition:all 0.5s linear;
  463. transition:all 0.5s linear;
  464.  
  465. }
  466.  
  467. .post:hover .p2 {
  468. overflow:visible;
  469. opacity: 0.7;
  470. top:calc(60% - 60px);
  471. transform: rotate(0deg);
  472. -ms-transform: rotate(0deg);
  473. -webkit-transform: rotate(0deg);
  474. -o-transform: rotate(0deg);
  475. -moz-transform: rotate(0deg);
  476. -webkit-transition: all 0.5s linear;
  477. -webkit-transition: all 0.5s linear;
  478. -moz-transition: all 0.5s linear;
  479. transition: all 0.5s linear;
  480. }
  481. .p2 a {
  482. width: 80px;
  483. height: auto;
  484. color: {color:perma text};
  485. }
  486.  
  487. .p2 a:hover {
  488. text-decoration: none;
  489. color:{color:permalinks hover};
  490. }
  491.  
  492. .p2:hover {
  493. opacity: 1;
  494. border:1px solid {color:perma border hover};
  495. }
  496.  
  497. .p3 {
  498. margin-top:3px;
  499. text-transform:uppercase;
  500. padding:3px;
  501. text-align:right;
  502. word-spacing:3px;
  503. }
  504.  
  505. .p3 a{
  506. font-size:10px;
  507. color:{color:permalinks};
  508. text-decoration:none;}
  509.  
  510. .p3 a:hover{
  511. color:{color:permalinks hover};}
  512.  
  513.  
  514. #sidebar {
  515. background: transparent;
  516. position: fixed;
  517. width: 220px;
  518. min-height: 100px;
  519. margin-top: 40px;
  520. {block:Ifnotsidebarright}
  521. left: 0px;
  522. {block:Ifnotsidebarright}
  523. {block:Ifsidebarright}
  524. right: 120px;
  525. {/block:Ifsidebarright}
  526. font-family: {select:font text};
  527. margin-left: 3%;
  528. }
  529.  
  530.  
  531. .title {
  532. text-align: left;
  533. {block:Ifsidebarright}
  534. text-align: right;
  535. {/block:Ifsidebarright}
  536. font-family: {select:font text};
  537. font-style: none;
  538. font-size: 20px;
  539. width: 300px;
  540. padding: 5px;
  541. margin-bottom: 0px;
  542. margin-left: 0px;
  543. color: {color:title};
  544. }
  545.  
  546. .title a:hover {
  547. text-decoration: none;
  548. color: {color:title};
  549. }
  550.  
  551. .links {
  552. text-align: left;
  553. {block:Ifsidebarright}
  554. text-align: right;
  555. margin-left: 11px;
  556. {/block:Ifsidebarright}
  557. margin-top: 0px;
  558. width: 300px;
  559. margin-bottom: 10px;
  560.  
  561. }
  562. .links a {
  563. margin-left: 0px;
  564. padding:5px;
  565. color: {color:navlinks};
  566. background:;
  567. display:inline-block;
  568. }
  569.  
  570. .links a:hover {
  571. color:{color:navlinks hover};
  572. border-bottom: 1px solid {color:navlinks border hover};
  573. padding: 5px;
  574. text-decoration: none;
  575. }
  576.  
  577. .description {
  578. width:300px;
  579. min-width: 10px;
  580. text-align: left;
  581. {block:Ifsidebarright}
  582. text-align: right;
  583. {/block:Ifsidebarright}
  584. padding: 5px;
  585. }
  586.  
  587. #info {
  588. margin-top: 20px;
  589. width: 230px;
  590. padding: 10px;
  591. }
  592.  
  593. #postnotes {
  594. margin-bottom: 5px;
  595. margin-top: 5px;
  596. border-bottom: 1px solid {color:post border};
  597. }
  598.  
  599. .tags {
  600. margin-top: 5px;
  601. margin-bottom: 5px;
  602. padding-bottom: 5px;
  603. }
  604.  
  605. .pagination {
  606. display: none;
  607. }
  608.  
  609. .photoset {
  610. overflow:hidden;
  611. }
  612.  
  613. .audio {
  614. width:200px;
  615. padding-bottom:1px;
  616. {block:PermalinkPage}
  617. width:500px;
  618. padding-bottom:110px;
  619. {/block:PermalinkPage}
  620. }
  621.  
  622. .albumart {
  623. position:absolute;
  624. {block:IndexPage}
  625. width:50px;
  626. height:50px;
  627. padding-bottom: 5px;
  628. {/block:Ifnot2Column}
  629. {/block:IndexPage}
  630. {block:PermalinkPage}
  631. width:150px;
  632. height:150px;
  633. {/block:PermalinkPage}
  634. }
  635.  
  636. .albumart img {
  637. float:left;
  638. width:50px;
  639. height:50px;
  640. {block:PermalinkPage}
  641. width:150px;
  642. height:150px;
  643. {/block:PermalinkPage}
  644. }
  645.  
  646. .playbox {
  647. opacity:0.6;
  648. width:27px;
  649. height:30px;
  650. overflow:hidden;
  651. position:absolute;
  652. z-index:2;
  653. margin-left:11px;
  654. margin-top:12px;
  655. {block:PermalinkPage}
  656. margin-left:60px;
  657. margin-top:61px;
  658. {/block:PermalinkPage}
  659. }
  660.  
  661. .stuff {
  662. margin-top:2px;
  663. line-height:12px;
  664. font-size:10px;
  665. text-transform:uppercase;
  666. border-left: 1px solid {color:top border};
  667. padding-left: 5px;
  668. margin-left:58px;
  669. {block:PermalinkPage}
  670. margin-left:158px;
  671. {/block:PermalinkPage}
  672. }
  673.  
  674.  
  675. blockquote {
  676. border-left:solid 1px {color:top border};
  677. padding-left: 10px;
  678. margin-left: 10px;
  679. }
  680.  
  681. blockquote p {
  682. display:block;
  683. }
  684.  
  685. blockquote img {
  686. max-width:175px;
  687. }
  688.  
  689. .text-title {
  690. text-align: center;
  691. font-family: {select:font text};
  692. border-bottom: 1px solid {color:top border} ;
  693. font-size: 13px;
  694. padding: 5px;
  695. margin-bottom: 0px;
  696. color: {color:text};
  697.  
  698. }
  699.  
  700. #credit {
  701. position:fixed;
  702. color:{color:links};
  703. text-transform:uppercase;
  704. font-size:10px;
  705. font-family: {select:font text};
  706. background-color:transparent;
  707. right:10px;
  708. bottom:10px;
  709. padding:5px;
  710. opacity:1;
  711. border:0px solid {color:links};
  712. }
  713.  
  714. {CustomCSS}
  715.  
  716. </style>
  717.  
  718. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  719.  
  720. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  721.  
  722. <script>
  723. $(function(){
  724. var $container = $('#content');
  725. $container.imagesLoaded(function(){
  726. $container.masonry({
  727. itemSelector: '.post',
  728. });
  729. });
  730. $container.infinitescroll({
  731. itemSelector : ".post",
  732. navSelector : "div.pagination",
  733. nextSelector : ".pagination a#next",
  734. loadingImg : "",
  735. loadingText : "<em></em>",
  736. bufferPx : 10000,
  737. extraScrollPx: 12000,
  738. },
  739. // trigger Masonry as a callback
  740. function( newElements ) {
  741. var $newElems = $( newElements ).css({ opacity: 0 });
  742. // ensure that images load before adding to masonry layout
  743. $newElems.imagesLoaded(function(){
  744. $newElems.animate({ opacity: 1 });
  745. $container.masonry( 'appended', $newElems, true );
  746. });
  747. }
  748. );
  749. });
  750. </script>
  751.  
  752. </head>
  753. <body>
  754.  
  755. <div class="border"></div>
  756.  
  757. <div id="sidebar">
  758. <div class="title">
  759. <a {block:iftooltiptitle} title="{text:title tooltip}" {/block:iftooltiptitle} href="{Permalink}" style="font-size: 20px;">{Title}</a>
  760. </div>
  761.  
  762. <div class="links">
  763. <a {block:ifnavlinkstooltips}title="{text:home tooltip}"{/block:ifnavlinkstooltips} href="/"><i class="fa fa-home"></i> home</a>
  764. <a {block:ifnavlinkstooltips}title="{text:ask tooltip}"{/block:ifnavlinkstooltips} href="/ask"><i class="fa fa-comments-o"></i> message</a>
  765. <a {block:ifnavlinkstooltips}title="{text:archive tooltip}"{/block:ifnavlinkstooltips} href="/archive"><i class="fa fa-folder-open"></i> archive</a>
  766.  
  767. {block:ifshowcustomlink1}<a {block:ifnavlinkstooltips}title="={text:link1 tooltip}"{/block:ifnavlinkstooltips} href="{text:link1 url}"><i class="fa fa-star-half-o"></i> {text:link1 title}<l></l></a>{/block:ifshowcustomlink1}
  768. {block:ifshowcustomlink2}<a {block:ifnavlinkstooltips}title="{text:link2 tooltip}"{/block:ifnavlinkstooltips} href="{text:link2 url}"><i class="fa fa-paper-plane"></i> {text:link2 title}<l></l></a>{/block:ifshowcustomlink2}
  769. {block:ifshowcustomlink3}<a {block:ifnavlinkstooltips}title="{text:link3 tooltip}"{/block:ifnavlinkstooltips} href="{text:link3 url}"><i class="fa fa-eye"></i> {text:link3 title}<l></l></a>{/block:ifshowcustomlink3}
  770.  
  771. <a {block:ifnavlinkstooltips}title="brekkykid"{/block:ifnavlinkstooltips} href="http://brekkykid.tumblr.com"><i class="fa fa-copyright"></i> credit</a>
  772.  
  773. </div>
  774.  
  775. <div class="description">
  776. {description}
  777. </div>
  778.  
  779. </div></div>
  780.  
  781. <div id="content">
  782. {block:Posts}
  783. <div class="post">
  784.  
  785. {block:Text}
  786. <div class="text">
  787. {block:Title}<div class="text-title">{Title}</a></div>{/block:Title}
  788. {Body}
  789. </div>
  790. {block:IndexPage}
  791. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  792. {/block:IndexPage}
  793. {/block:Text}
  794.  
  795. {block:Photo}
  796. <div class="photo">
  797. {block:indexpage}
  798. <a href="{permalink}"><img src="{PhotoURL-250}" width="200"/></a>
  799. {/block:indexpage}
  800. {block:permalinkpage}
  801. {LinkOpenTag}<center>
  802. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px;/>
  803. {LinkCloseTag}</center>
  804. {/block:permalinkpage}
  805. </div>
  806.  
  807. {block:indexpage}
  808. <div class="p2"><a href="{Permalink}" title="posted {timeago} ago"><font color="{color:perma text}">{NoteCount}</a></div>
  809. <div class="p1"><a href="{ReblogURL}" title="reblog"><font color="{color:perma text}">RBLG</a></div>
  810. {/block:indexpage}
  811. {/block:Photo}
  812.  
  813. {block:Photoset}
  814. <div class="photoset">
  815. {block:indexpage}
  816. {block:Photos}
  817. <a href="{permalink}"><img src="{PhotoURL-250}" width="200"/></a>
  818. {/block:Photos}
  819. {/block:indexpage}
  820. {block:permalinkpage}
  821. {Photoset-500}
  822. {/block:permalinkpage}
  823. {block:IndexPage}
  824. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  825. {/block:IndexPage}
  826. </div>
  827. {/block:Photoset}
  828.  
  829.  
  830. {block:Quote}
  831. <div class="quote">
  832. <div style="font-style: italic;">
  833. "{Quote}" <P>
  834. </div>
  835. - {source}
  836. </div>
  837. </div>
  838. {block:IndexPage}
  839. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  840. {/block:IndexPage}
  841. {/block:Quote}
  842.  
  843.  
  844. {block:Video}
  845. <div class="video">
  846. {block:If2Column}
  847. {Video-250}
  848. {/block:If2Column}
  849. {block:Ifnot2Column}
  850. {Video-250}
  851. {/block:Ifnot2Column}
  852. {block:IndexPage}
  853. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  854. {/block:IndexPage}
  855. </div>
  856. {/block:Video}
  857.  
  858.  
  859. {block:Link}
  860. <div class="link">
  861. <div class="text-title"><a href="{URL}">{Name}</a></div>
  862. {block:Description}
  863. {Description}
  864. {/block:Description}
  865. {block:IndexPage}
  866. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  867. {/block:IndexPage}
  868. </div>
  869. {/block:Link}
  870.  
  871. {block:Chat}
  872. <div class="chat">
  873. {block:Title}<div class="text-title">{Title}</a></div>{/block:Title}<p>
  874. {block:Lines}
  875. <div class="{Alt}"><p>
  876. {block:Label}
  877. <strong>{Label}</strong>
  878. {/block:Label}
  879. {Line} </p></div>
  880. {/block:Lines}
  881. </ul>
  882. {block:IndexPage}
  883. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  884. {/block:IndexPage}
  885. </div>
  886. {/block:Chat}
  887.  
  888. {block:Audio}
  889. <div class="audio">
  890. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  891. <div class="playbox">
  892. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  893. <div class="stuff">
  894. <b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}
  895. <br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  896. <br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  897. <br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}
  898. </div>
  899. {block:IndexPage}
  900. <div align="right" style="margin-left: 150px; width: 100px;"></font> <a href="{Permalink}"><font color="{color:links}" size="0">{NoteCount}</font></a>, <a href="{ReblogURL}"><font color="{color:links}" size="0">reblog</font></a> <font color="{color:links}" size="0"></div>
  901. {/block:IndexPage}
  902. </div>
  903. {/block:Audio}
  904.  
  905. {block:Answer}
  906. {Question} <p>
  907. - asked by <b>{asker}</b>
  908. <div style="border-bottom: 1px solid{color:top border}; padding: 3px; "></div>
  909. <div style="text-transform:none;">{Answer}</div>
  910. {block:IndexPage}
  911. <div class="p3"> <a href="{Permalink}">{NoteCount}</a>, <a href="{ReblogURL}">RBLG</a></div>
  912. {/block:IndexPage}
  913. {/block:Answer}
  914.  
  915. {block:PermalinkPage}
  916. {caption}
  917. <br>
  918. {block:Date}<b>posted:</b> {TimeAgo} {/block:Date} <br>
  919. {block:NoteCount} <b>notes:</b> {NoteCount} notes{/block:NoteCount}<br>
  920. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  921. <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  922. {block:HasTags}<b>tags:</b> {block:Tags}{/block:Tags}{/block:HasTags}
  923. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}
  924. {/block:PermalinkPage}
  925.  
  926. {block:HasTags}{block:permalinkpage}
  927. <div class="tags">
  928. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  929. </div>{/block:permalinkpage}
  930. {/block:HasTags}
  931.  
  932. {block:PostNotes}
  933. <div id="postnotes">{PostNotes}</div>
  934. {/block:PostNotes}</div>{/block:Posts}
  935. </div></div>
  936.  
  937. {block:Date}
  938. {/block:Date}
  939.  
  940. {block:ContentSource}
  941. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  942. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  943. {/block:SourceLogo}
  944. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  945. {/block:ContentSource}
  946. </div>
  947. {/block:Posts}
  948.  
  949. </div>
  950. <div class="pagination">
  951. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  952. </div>
  953.  
  954. <div id="credit">
  955. <a href="http://brekkykid.tumblr.com" title="theme by brekkykid">©</a>
  956.  
  957. </body>
  958.  
  959.  
  960. </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!