API tools faq
paste
Advertisement
unbrokenlys

Theme #33 v3 (sidebar bottom, 2 column)

unbrokenlys
Mar 25th, 2014
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.60 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme #33 v3 (sidebar bottom, 2 column) by ownmylight.tumblr.com
  6. -->
  7.  
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14.  
  15. <meta name="color:Asker Border" content="#ffffff"/>
  16. <meta name="color:Background" content="#f9f9f9"/>
  17. <meta name="color:Border" content="#e4e4e4"/>
  18. <meta name="color:Details Border and Bg" content="#f1f1f1"/>
  19. <meta name="color:Font" content="#969696"/>
  20. <meta name="color:Font Description" content="#555555"/>
  21. <meta name="color:Link" content="#707070"/>
  22. <meta name="color:Link Bg" content="#ffffff"/>
  23. <meta name="color:Link Hover" content="#707070"/>
  24. <meta name="color:Navi Bg" content="#1d1d1d"/>
  25. <meta name="color:Navi Font" content="#787878"/>
  26. <meta name="color:Navi Font Hover" content="#8b8b8b"/>
  27. <meta name="color:Navi Hover Bg" content="#222222"/>
  28. <meta name="color:Posts Bg" content="#ffffff"/>
  29. <meta name="color:Posts Border" content="#f1f1f1"/>
  30. <meta name="color:Posts Stuff Bg" content="#f6f6f6"/>
  31. <meta name="color:Sidebar Bg" content="#161616"/>
  32. <meta name="color:Sidebarimage Border" content="#1d1d1d"/>
  33. <meta name="color:Sidebar Border" content="#f1f1f1"/>
  34. <meta name="color:Tag Font" content="#9e9e9e"/>
  35. <meta name="color:Title" content="#555555"/>
  36. <meta name="image:Sidebar Bg" content=""/>
  37. <meta name="image:Sidebarimage" content=""/>
  38. <meta name="text:Link 1" content=""/>
  39. <meta name="text:Link 1 Text" content=""/>
  40. <meta name="text:Link 2" content=""/>
  41. <meta name="text:Link 2 Text" content=""/>
  42. <meta name="text:Link 3" content=""/>
  43. <meta name="text:Link 3 Text" content=""/>
  44. <meta name="text:Link 4" content=""/>
  45. <meta name="text:Link 4 Text" content=""/>
  46. <meta name="text:Link 5" content=""/>
  47. <meta name="text:Link 5 Text" content=""/>
  48. <meta name="if:Show Link 1" content="0"/>
  49. <meta name="if:Show Link 2" content="0"/>
  50. <meta name="if:Show Link 3" content="0"/>
  51. <meta name="if:Show Link 4" content="0"/>
  52. <meta name="if:Show Link 5" content="0"/>
  53. <meta name="if:Show Title" content="0"/>
  54. <meta name="if:Hide Sidebar" content="0"/>
  55. <meta name="if:Enable Infinite Scroll" content="0"/>
  56. <meta name="if:Show Details" content="0"/>
  57.  
  58. <style type="text/css">
  59.  
  60. iframe#tumblr_controls {right:3px !important; top:3px !important; position: fixed !important;-webkit-
  61.  
  62. transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all
  63.  
  64. 0.8s ease-out;transition: all 0.8s ease-out;}
  65.  
  66. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.9;-webkit-transition: all
  67.  
  68. 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  69.  
  70. body {
  71. color: {color:Font};
  72. font-family: calibri;
  73. font-size: 11px;
  74. line-height: 110%;
  75. text-align: justify;
  76. background-color: {color:Background};
  77. overflow-x: hidden;
  78. }
  79.  
  80. .container {
  81. height: auto;
  82. margin: 74px auto 49px auto;
  83. padding: 0;
  84. width: 582px;
  85. }
  86.  
  87. strong, b, strong a, strong a:visited, b a, b a:visited {
  88. font-weight: bold;
  89. color: {color:Font};
  90. }
  91.  
  92. i, em {
  93. font-style: italic;
  94. }
  95.  
  96. u {
  97. text-decoration: underline;
  98. }
  99.  
  100. small, small a, small a:visited {
  101. font-size: 9px;
  102. line-height: 0px;
  103. }
  104.  
  105. a:link, a:visited, a:active {
  106. color: {color:Link};
  107. font-weight: normal;
  108. text-decoration: none;
  109. }
  110.  
  111. a:hover {
  112. color: {color:Link Hover};
  113. -webkit-transition: opacity 0.5s linear;
  114. -webkit-transition: all 0.5s ease-out;
  115. -moz-transition: all 0.5s ease-out;
  116. transition: all 0.5s ease-out;
  117. }
  118.  
  119. ul {
  120. list-style-type: square;
  121. }
  122.  
  123. h1 {
  124. font-size: 15px;
  125. font-family: times,serif;
  126. font-style: italic;
  127. font-weight: bold;
  128. margin-bottom: -5px;
  129. }
  130.  
  131. .title {
  132. color: {color:Title};
  133. font-size: 11px;
  134. font-family: times,serif;
  135. font-style: italic;
  136. font-weight: bold;
  137. text-transform: lowercase;
  138. letter-spacing: 1px;
  139. text-align: left;
  140. border-top: 1px solid {color:Sidebarimage Border};
  141. padding-top: 10px;
  142. padding-left: 4px;
  143. margin-top: 6px;
  144. margin-left: 8px;
  145. width: 370px;
  146. }
  147.  
  148. #content {
  149. float: left;
  150. margin-bottom: 101px;
  151. width: 933px;
  152. }
  153.  
  154. {block:IndexPage}
  155. .posts {
  156. float: left;
  157. border: 1px solid {color:Posts Border};
  158. padding: 20px;
  159. margin-bottom: 55px;
  160. margin-left: 20px;
  161. margin-top: -22px;
  162. background: {color:Posts Bg};
  163. width: 250px;
  164. }
  165. {/block:IndexPage}
  166. .posts:hover .details_top {
  167. margin-left: 0px;
  168. -webkit-transition: opacity 0.5s linear;
  169. -webkit-transition: all 0.5s ease-out;
  170. -moz-transition: all 0.5s ease-out;
  171. transition: all 0.5s ease-out;
  172. opacity: 1;
  173. }
  174.  
  175. {block:PermalinkPage}
  176. .posts_permalink {
  177. position: relative;
  178. float: left;
  179. border: 1px solid {color:Posts Border};
  180. padding: 20px 20px 13px 20px;
  181. margin-bottom: 17px;
  182. margin-left: 50px;
  183. background: {color:Posts Bg};
  184. width: 500px;
  185. }
  186. {/block:PermalinkPage}
  187.  
  188. .caption {
  189. margin-bottom: -3px;
  190. }
  191.  
  192. .details {
  193. color: {color:Font};
  194. font-size: 10px;
  195. font-weight: normal;
  196. text-align: center;
  197. }
  198. .details a {
  199. color: {color:Link};
  200. font-weight: normal;
  201. text-decoration: none;
  202. -webkit-transition: opacity 0.9s linear;
  203. -webkit-transition: all 0.9s ease-out;
  204. -moz-transition: all 0.9s ease-out;
  205. transition: all 0.9s ease-out;
  206. }
  207. .details a:hover {
  208. color: {color:Link Hover};
  209. -webkit-transition: opacity 0.9s linear;
  210. -webkit-transition: all 0.9s ease-out;
  211. -moz-transition: all 0.9s ease-out;
  212. transition: all 0.9s ease-out;
  213. }
  214.  
  215. {block:PermalinkPage}
  216. .details_permalink {
  217. margin-left: 44px;
  218. width: 400px;
  219. }
  220. {/block:PermalinkPage}
  221.  
  222. .details_notes {
  223. font-size: 13px;
  224. font-family: times,serif;
  225. font-style: italic;
  226. font-weight: bold;
  227. text-transform: none;
  228. margin-bottom: -3px;
  229. }
  230.  
  231. .details_notes a {
  232. font-weight: bold;
  233. text-transform: none;
  234. -webkit-transition: opacity 0.5s linear;
  235. -webkit-transition: all 0.5s ease-out;
  236. -moz-transition: all 0.5s ease-out;
  237. transition: all 0.5s ease-out;
  238. }
  239.  
  240. .details_notes a:hover {
  241. letter-spacing: 2px;
  242. -webkit-transition: opacity 0.5s linear;
  243. -webkit-transition: all 0.5s ease-out;
  244. -moz-transition: all 0.5s ease-out;
  245. transition: all 0.5s ease-out;
  246. }
  247.  
  248. .details_top {
  249. {block:IndexPage}
  250. position: absolute;
  251. float: right;
  252. font-size: 8px;
  253. font-family: calibri;
  254. text-transform: uppercase;
  255. font-weight: normal;
  256. text-align: left;
  257. letter-spacing: 0px;
  258. border-left: 1px solid {color:Details Border and Bg};
  259. border-radius: 0 0 50px 0;
  260. background: #fff;
  261. padding: 2px 8px 2px 8px;
  262. margin-top: -10px;
  263. margin-left: -5px;
  264. width: 196px;
  265. -webkit-transition: opacity 0.5s linear;
  266. -webkit-transition: all 0.5s ease-out;
  267. -moz-transition: all 0.5s ease-out;
  268. transition: all 0.5s ease-out;
  269. opacity: 0;
  270. {block:IfShowDetails}
  271. margin-left: 0px;
  272. opacity: 1;
  273. {/block:IfShowDetails}
  274. z-index: 3;
  275. {/block:IndexPage}
  276. {block:PermalinkPage}
  277. margin-left: 58px;
  278. width: 400px;
  279. -webkit-transition: opacity 0.5s linear;
  280. -webkit-transition: all 0.5s ease-out;
  281. -moz-transition: all 0.5s ease-out;
  282. transition: all 0.5s ease-out;
  283. opacity: 1;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287. .like_reblog_bottons {
  288. float: right;
  289. display: -moz-inline-box;
  290. text-align: right;
  291. padding-left: 3px;
  292. margin-top: -6px;
  293. margin-right: 6px;
  294. }
  295.  
  296. .like_button {
  297. margin-top: -3px;
  298. -webkit-transition: opacity 0.9s linear;
  299. -webkit-transition: all 0.9s ease-out;
  300. -moz-transition: all 0.9s ease-out;
  301. transition: all 0.9s ease-out;
  302. opacity: 0.8;
  303. }
  304. .like_button:hover {
  305. -webkit-transition: opacity 0.9s linear;
  306. -webkit-transition: all 0.9s ease-out;
  307. -moz-transition: all 0.9s ease-out;
  308. transition: all 0.9s ease-out;
  309. opacity: 1;
  310. }
  311.  
  312. .reblog_button {
  313. margin-top: -20px;
  314. margin-right: 19px;
  315. -webkit-transition: opacity 0.9s linear;
  316. -webkit-transition: all 0.9s ease-out;
  317. -moz-transition: all 0.9s ease-out;
  318. transition: all 0.9s ease-out;
  319. opacity: 0.8;
  320. }
  321. .reblog_button:hover {
  322. -webkit-transition: opacity 0.9s linear;
  323. -webkit-transition: all 0.9s ease-out;
  324. -moz-transition: all 0.9s ease-out;
  325. transition: all 0.9s ease-out;
  326. opacity: 1;
  327. }
  328.  
  329. .tags {
  330. text-align: left;
  331. text-transform: lowercase;
  332. padding-bottom: 4px;
  333. width: 200px;
  334. {block:PermalinkPage}
  335. width: 400px;
  336. {/block:PermalinkPage}
  337. }
  338. .tags a {
  339. display: block;
  340. color: {color:Tag Font};
  341. font-style: italic;
  342. margin-bottom: -3px;
  343. -webkit-transition: opacity 0.9s linear;
  344. -webkit-transition: all 0.9s ease-out;
  345. -moz-transition: all 0.9s ease-out;
  346. transition: all 0.9s ease-out;
  347. {block:PermalinkPage}
  348. display: inline;
  349. {/block:PermalinkPage}
  350. }
  351. .tags a:hover {
  352. letter-spacing: 1px;
  353. background: {color:Tag Link Bg};
  354. -webkit-transition: opacity 0.9s linear;
  355. -webkit-transition: all 0.9s ease-out;
  356. -moz-transition: all 0.9s ease-out;
  357. transition: all 0.9s ease-out;
  358. }
  359.  
  360. .sidebarcontainer {
  361. position: fixed;
  362. overflow: hidden;
  363. border-top: 1px solid {color:Sidebar Border};
  364. background: {color:Sidebar Bg};
  365. background-image: url('{image:Sidebar Bg}');
  366. background-attachment: fixed;
  367. background-position: left top;
  368. background-repeat: repeat;
  369. margin-left: 20px;
  370. bottom: 0;
  371. height: 20%;
  372. width: 604px;
  373. opacity: 0.95;
  374. z-index: 4;
  375. {block:IfHideSidebar}
  376. bottom: -120px;
  377. -webkit-transition: opacity 0.5s linear;
  378. -webkit-transition: all 0.5s ease-out;
  379. -moz-transition: all 0.5s ease-out;
  380. transition: all 0.5s ease-out;
  381. {/block:IfHideSidebar}
  382. }
  383. {block:IfHideSidebar}
  384. .sidebarcontainer:hover {
  385. bottom: 0px;
  386. -webkit-transition: opacity 0.5s linear;
  387. -webkit-transition: all 0.5s ease-out;
  388. -moz-transition: all 0.5s ease-out;
  389. transition: all 0.5s ease-out;
  390. }
  391. {/block:IfHideSidebar}
  392. {block:IfHideSidebar}
  393. .sidebarcontainer:hover .sidebar {
  394. bottom: 18px;
  395. -webkit-transition: opacity 0.5s linear;
  396. -webkit-transition: all 0.5s ease-out;
  397. -moz-transition: all 0.5s ease-out;
  398. transition: all 0.5s ease-out;
  399. }
  400. {/block:IfHideSidebar}
  401.  
  402. .sidebar {
  403. position: fixed;
  404. padding-left: 100px;
  405. margin-left: -70px;
  406. margin-top: 6px;
  407. width: 500px;
  408. {block:IfHideSidebar}
  409. bottom: -120px;
  410. -webkit-transition: opacity 0.5s linear;
  411. -webkit-transition: all 0.5s ease-out;
  412. -moz-transition: all 0.5s ease-out;
  413. transition: all 0.5s ease-out;
  414. {/block:IfHideSidebar}
  415. }
  416.  
  417. .sidebarimage img {
  418. float: left;
  419. border: 9px solid {color:Sidebarimage Border};
  420. margin-top: 14px;
  421. max-width: 80px;
  422. max-height: 80px;
  423. min-width: 80px;
  424. min-height: 80px;
  425. }
  426.  
  427. .description {
  428. color: {color:Font Description};
  429. font-family: calibri;
  430. font-size: 8px;
  431. font-weight: bold;
  432. text-transform: uppercase;
  433. text-align: justify;
  434. border-top: 1px solid {color:Sidebarimage Border};
  435. padding-top: 6px;
  436. margin-left: 9px;
  437. margin-top: 14px;
  438. width: 373px;
  439. }
  440.  
  441. .navi {
  442. float: left;
  443. margin-top: 0px;
  444. margin-left: 20px;
  445. }
  446.  
  447. .navigation {
  448. text-align: center;
  449. margin-top: 15px;
  450. height: 15px;
  451. -webkit-transition: opacity 0.9s linear;
  452. -webkit-transition: all 0.9s ease-out;
  453. -moz-transition: all 0.9s ease-out;
  454. transition: all 0.9s ease-out;
  455. }
  456.  
  457. .navigation .description a {
  458. background: none;
  459. padding: 0;
  460. }
  461.  
  462. .navigation a {
  463. display: inline;
  464. color: {color:Navi Font};
  465. font-size: 7px;
  466. text-align: center;
  467. font-weight: normal;
  468. text-transform: uppercase;
  469. letter-spacing: 1px;
  470. background: {color:Navi Bg};
  471. padding: 5px 8px 5px 8px;
  472. margin-left: 5px;
  473. margin-bottom: 4px;
  474. width: 118px;
  475. -webkit-transition: opacity 0.5s linear;
  476. -webkit-transition: all 0.5s ease-out;
  477. -moz-transition: all 0.5s ease-out;
  478. transition: all 0.5s ease-out;
  479. }
  480.  
  481. .navigation a:hover {
  482. color: {color:Navi Font Hover};
  483. background: {color:Navi Hover Bg};
  484. -webkit-transition: opacity 0.5s linear;
  485. -webkit-transition: all 0.5s ease-out;
  486. -moz-transition: all 0.5s ease-out;
  487. transition: all 0.5s ease-out;
  488. }
  489.  
  490. .pagination {
  491. position: fixed;
  492. font-size: 9px;
  493. text-align: center;
  494. background: #fff;
  495. padding: 7px 0px 7px 0px;
  496. margin-left: 21px;
  497. width: 602px;
  498. top: 0;
  499. z-index: 4;
  500. {block:IfEnableInfiniteScroll}
  501. display: none!important;
  502. {/block:IfEnableInfiniteScroll}
  503. }
  504. .pagination a {
  505. display: inline;
  506. color: {color:Font};
  507. font-family: arial;
  508. padding: 3px 5px 3px 5px;
  509. background-color: transparent;
  510. }
  511. .pagination a:hover {
  512. color: {color:Font};
  513. background: none;
  514. }
  515. .pagination_current {
  516. display: inline;
  517. color: {color:Font};
  518. font-family: arial;
  519. font-weight: bold;
  520. padding: 3px 5px 3px 5px;
  521. background-color: transparent;
  522. }
  523.  
  524. .questions {
  525. color: {color:Font};
  526. text-align: justify;
  527. background: {color:Posts Stuff Bg};
  528. padding: 11px 11px 15px;
  529. margin-bottom: -4px;
  530. }
  531.  
  532. .asker {
  533. font-size: 15px;
  534. font-family: times,serif;
  535. font-style: italic;
  536. font-weight: bold;
  537. text-align: right;
  538. text-transform: lowercase;
  539. margin-bottom: -7px;
  540. margin-top: 5px;
  541. }
  542. .asker a {
  543. font-size: 15px;
  544. font-family: times,serif;
  545. font-style: italic;
  546. font-weight: bold;
  547. text-transform: lowercase;
  548. }
  549. .asker a:hover {
  550. background: transparent;
  551. }
  552.  
  553. .ask img {
  554. float: right;
  555. border: 7px solid {color:Asker Border};
  556. margin-left: 10px;
  557. margin-top: -5px;
  558. }
  559.  
  560. blockquote {
  561. display: block;
  562. color: {color:Font};
  563. font-size: 10px;
  564. font-family: cambria;
  565. font-style: italic;
  566. border-left: 1px solid {color:Border};
  567. background: {color:Posts Stuff Bg};
  568. padding: 6px 10px 6px 15px;
  569. margin: 10px 0px 10px 0px;
  570. }
  571. blockquote img {
  572. {block:IndexPage}
  573. max-width: 219px;
  574. {/block:IndexPage}
  575. {block:PermalinkPage}
  576. max-width: 469px;
  577. {/block:PermalinkPage}
  578. }
  579.  
  580. .quote {
  581. font-size: 15px;
  582. font-family: times,serif;
  583. font-style: italic;
  584. font-weight: bold;
  585. margin-bottom: 2px;
  586. }
  587.  
  588. .source {
  589. font-size: 10px;
  590. font-style: inherit;
  591. font-weight: normal;
  592. text-align: right;
  593. margin-bottom: 5px;
  594. }
  595.  
  596. .audio {
  597. display: block;
  598. }
  599.  
  600. .audio_container {
  601. background: {color:Posts Stuff Bg};
  602. height: 48px;
  603. }
  604.  
  605. .audio_details {
  606. color: {color:Font};
  607. font-weight: normal;
  608. text-align: left;
  609. margin-left: 75px;
  610. }
  611.  
  612. .audio_details_track {
  613. font-size: 15px;
  614. font-family: times,serif;
  615. font-style: italic;
  616. font-weight: bold;
  617. padding-top: 6px;
  618. margin-left: 75px;
  619. }
  620.  
  621. .audio_player_container {
  622. float: right;
  623. display: block;
  624. background-color: white;
  625. padding: 4px 0px 0px 4px;
  626. margin-right: 7px;
  627. margin-top: -36px;
  628. width: 30px;
  629. height: 30px;
  630. z-index: 3;
  631. }
  632.  
  633. .audio_player {
  634. overflow: hidden;
  635. width: 25px;
  636. }
  637.  
  638. .albumart {
  639. position: absolute;
  640. width: 48px;
  641. height: 48px;
  642. opacity: 1.0;
  643. z-index: 2;
  644. }
  645.  
  646. .albumart img {
  647. width: 48px;
  648. height: 48px;
  649. }
  650.  
  651. .chat ul {
  652. display: block;
  653. list-style-type: none;
  654. padding: 0px;
  655. width: 500px;
  656. }
  657.  
  658. .notes {
  659. font-size: 8px;
  660. text-transform: uppercase;
  661. margin-top: 18px;
  662. margin-left: -10px;
  663. }
  664. ol.notes, .notes li {
  665. list-style: none;
  666. }
  667. ol.notes li.note img.avatar {
  668. display: none;
  669. }
  670. ol.notes li.note blockquote {
  671. font-color: {color:Font};
  672. text-transform: none;
  673. margin: 2px 0px 3px 15px;
  674. }
  675. ol.notes li.note blockquote a {
  676. font-color: {color:Font};
  677. text-decoration: none;
  678. text-transform: none;
  679. }
  680. ol.notes li.note .answer_content {
  681. font-color: {color:Font};
  682. }
  683.  
  684. {block:IfEnableInfiniteScroll}
  685. #over {
  686. height: 1500px!important;
  687. position: absolute;
  688. top: 0px;
  689. left: 0px;
  690. width: 100%;
  691. }
  692.  
  693. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  694. display: none;
  695. }
  696. #infscr-loading {
  697. display: none;
  698. }
  699.  
  700. #scrollToTop:link,#scrollToTop:visited {
  701. position: fixed;
  702. display: none;
  703. color: {color:Font};
  704. font-family: calibri;
  705. font-size: 8px;
  706. text-align: center;
  707. text-transform: uppercase;
  708. bottom: 8px;
  709. right: 107px;
  710. z-index: 1;
  711. -webkit-transition: opacity 0.3s linear;
  712. -webkit-transition: all 0.3s ease-out;
  713. -moz-transition: all 0.3s ease-out;
  714. transition: all 0.3s ease-out;
  715. }
  716. #scrollToTop:hover {
  717. background: #f1f1f1;
  718. padding: 6px;
  719. -webkit-transition: opacity 0.3s linear;
  720. -webkit-transition: all 0.3s ease-out;
  721. -moz-transition: all 0.3s ease-out;
  722. transition: all 0.3s ease-out;
  723. }
  724. {/block:IfEnableInfiniteScroll}
  725.  
  726. .x {
  727. position: fixed;
  728. color: {color:Font};
  729. text-align: center;
  730. text-transform: uppercase;
  731. bottom: 8px;
  732. right: 8px;
  733. -webkit-transition: opacity 0.3s linear;
  734. -webkit-transition: all 0.3s ease-out;
  735. -moz-transition: all 0.3s ease-out;
  736. transition: all 0.3s ease-out;
  737. }
  738. .x a {
  739. font-family: calibri;
  740. font-size: 8px;
  741. }
  742. .x:hover {
  743. background: #f1f1f1;
  744. padding: 6px;
  745. -webkit-transition: opacity 0.3s linear;
  746. -webkit-transition: all 0.3s ease-out;
  747. -moz-transition: all 0.3s ease-out;
  748. transition: all 0.3s ease-out;
  749. }
  750.  
  751. {CustomCSS}
  752.  
  753. </style>
  754.  
  755. {block:IfEnableInfiniteScroll}
  756. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop">back to top</a>
  757. {/block:IfEnableInfiniteScroll}
  758.  
  759. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  760.  
  761. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  762.  
  763. <script type="text/javascript">
  764. $(window).load(function () {
  765. $('#content').masonry({
  766. itemSelector : ".posts",
  767. },
  768. function() { $('#content').masonry({ appendedContent: $(this) }); }
  769. );
  770. });
  771. </script>
  772.  
  773. {block:IfEnableInfiniteScroll}
  774. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  775.  
  776. <script type="text/javascript">
  777. $(window).load(function () {
  778. $('#content').masonry(),
  779. $('.masonryWrap').infinitescroll({
  780. itemSelector : ".posts",
  781. navSelector : "div.pagination",
  782. nextSelector : "div.pagination a#next",
  783. bufferPx : 10000,
  784. extraScrollPx: 10000,
  785. loadingImg : "",
  786. loadingText : "",
  787. },
  788. function() { $('#content').masonry({ appendedContent: $(this) });
  789. });
  790. });</script>
  791. {/block:IfEnableInfiniteScroll}
  792.  
  793. </head>
  794.  
  795. <body>
  796.  
  797. <div class="container">
  798.  
  799. {block:Pagination}
  800. <div class="pagination">
  801. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  802. {block:JumpPagination length="6"}{block:CurrentPage}
  803. <span class="pagination_current">{PageNumber}</span>
  804. {/block:CurrentPage}
  805. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  806. {/block:JumpPagination}
  807. {block:NextPage}<a href="{NextPage}" id="next">→</a>{/block:NextPage}
  808. </div>
  809. {/block:Pagination}
  810.  
  811. <div class="sidebarcontainer">
  812.  
  813. <div class="sidebar">
  814.  
  815. <div class="sidebarimage"><a href="/"><img src="{image:Sidebarimage}" alt=""/></a></div>
  816.  
  817. <div class="navi">
  818. <div class="navigation">
  819. <a href="/">Home</a>
  820. <a href="/ask">Ask</a>
  821. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  822. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  823. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  824. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  825. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  826.  
  827. {block:Description}
  828. <div class="description">{Description}</div>
  829. {/block:Description}
  830.  
  831. {block:IfShowTitle}<div class="title">{Title}</div>{/block:IfShowTitle}
  832. </div>
  833. </div>
  834.  
  835. </div>
  836. </div>
  837.  
  838. <div id="content">
  839.  
  840. {block:Posts}
  841.  
  842. <div class="posts">
  843.  
  844. {block:IfEnableInfiniteScroll}
  845. <div id ="over"></div>
  846. {/block:IfEnableInfiniteScroll}
  847.  
  848. {block:Date}
  849. {block:IndexPage}
  850. <div class="details_top">
  851. <div class="details_notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  852. <div class="like_reblog_bottons">
  853. <div class="like_botton">{LikeButton size="16"}</div>
  854. <div class="reblog_botton">{ReblogButton size="16"}</div>
  855. </div>
  856.  
  857. {TimeAgo}
  858.  
  859. {block:ContentSource}· <a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  860.  
  861. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  862. </div>
  863. {/block:IndexPage}
  864. {/block:Date}
  865.  
  866.  
  867. {block:Text}
  868. {block:IndexPage}
  869. <div class="entry text">
  870. {block:Title}
  871. <h1><a href="{Permalink}">{Title}</a></h1>
  872. {/block:Title}
  873. <div class="caption">{Body}</div>
  874. </div>
  875. {/block:IndexPage}
  876.  
  877. {block:PermalinkPage}
  878. <div class="posts_permalink">
  879. {block:Title}
  880. <h1><a href="{Permalink}">{Title}</a></h1>
  881. {/block:Title}
  882. <div class="caption">{Body}</div>
  883. </div>
  884. {/block:PermalinkPage}
  885. {/block:Text}
  886.  
  887.  
  888. {block:Photo}
  889. {block:IndexPage}
  890. <div class="entry photo">
  891. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  892. </div>
  893. {/block:IndexPage}
  894.  
  895. {block:PermalinkPage}
  896. <div class="posts_permalink">
  897. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  898. {block:Caption}
  899. <div class="caption">{Caption}</div>
  900. {/block:Caption}
  901. </div>
  902. {/block:PermalinkPage}
  903. {/block:Photo}
  904.  
  905.  
  906. {block:Photoset}
  907. {block:IndexPage}
  908. <div class="entry photoset">
  909. <center>{Photoset-250}</center>
  910. </div>
  911. {/block:IndexPage}
  912.  
  913. {block:PermalinkPage}
  914. <div class="posts_permalink">
  915. <center>{Photoset-500}</center>
  916. {block:Caption}
  917. <div class="caption">{Caption}</div>
  918. {/block:Caption}
  919. </div>
  920. {/block:PermalinkPage}
  921. {/block:Photoset}
  922.  
  923.  
  924. {block:Quote}
  925. {block:IndexPage}
  926. <div class="quote">"{Quote}"</div>
  927. {block:Source}
  928. <div class="source">- {Source}</div>
  929. {/block:Source}
  930. {/block:IndexPage}
  931.  
  932. {block:PermalinkPage}
  933. <div class="posts_permalink">
  934. <div class="quote">"{Quote}"</div>
  935. {block:Source}
  936. <div class="source">- {Source}</div>
  937. {/block:Source}
  938. </div>
  939. {/block:PermalinkPage}
  940. {/block:Quote}
  941.  
  942.  
  943. {block:Link}
  944. {block:IndexPage}
  945. <div class="entry link">
  946. <h1><a href="{URL}" {Target}>{Name} →</a></h1>
  947. {block:Description}
  948. <div class="caption">{Description}</div>
  949. {/block:Description}
  950. </div>
  951. {/block:IndexPage}
  952.  
  953. {block:PermalinkPage}
  954. <div class="posts_permalink">
  955. <h1><a href="{URL}" {Target}>{Name} →</a></h1>
  956. {block:Description}
  957. <div class="caption">{Description}</div>
  958. {/block:Description}
  959. </div>
  960. {/block:PermalinkPage}
  961. {/block:Link}
  962.  
  963.  
  964.  
  965. {block:Chat}
  966. {block:IndexPage}
  967. <div class="entry chat">
  968. {block:Title}
  969. <h1><a href="{Permalink}">{Title}</a></h1>
  970. {/block:Title}
  971. <ul class="chat">
  972. {block:Lines}
  973. <li class="{Alt} user_{UserNumber}">
  974. {block:Label}
  975. <span class="label">{Label}</span>
  976. {/block:Label}
  977. {Line}
  978. </li>
  979. {/block:Lines}
  980. </ul>
  981. <div class="caption"></div>
  982. </div>
  983. {/block:IndexPage}
  984.  
  985. {block:PermalinkPage}
  986. <div class="posts_permalink">
  987. {block:Title}
  988. <h1><a href="{Permalink}">{Title}</a></h1>
  989. {/block:Title}
  990. <ul class="chat">
  991. {block:Lines}
  992. <li class="{Alt} user_{UserNumber}">
  993. {block:Label}
  994. <span class="label">{Label}</span>
  995. {/block:Label}
  996. {Line}
  997. </li>
  998. {/block:Lines}
  999. </ul>
  1000. <div class="caption"></div>
  1001. </div>
  1002. {/block:PermalinkPage}
  1003. {/block:Chat}
  1004.  
  1005.  
  1006. {block:Video}
  1007. {block:IndexPage}
  1008. <div class="entry video">
  1009. <center>{Video-250}</center>
  1010. {block:Caption}
  1011. <div class="caption">{Caption}</div>
  1012. {/block:Caption}
  1013. </div>
  1014. {/block:IndexPage}
  1015.  
  1016. {block:PermalinkPage}
  1017. <div class="posts_permalink">
  1018. <center>{Video-500}</center>
  1019. {block:Caption}
  1020. <div class="caption">{Caption}</div>
  1021. {/block:Caption}
  1022. </div>
  1023. {/block:PermalinkPage}
  1024. {/block:Video}
  1025.  
  1026.  
  1027. {block:Audio}
  1028. {block:IndexPage}
  1029. <div class="entry audio">
  1030. <div class="audio_container">
  1031. {block:AlbumArt}
  1032. <div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
  1033. {/block:AlbumArt}
  1034. <div class="audio_details_track">
  1035. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br />
  1036. </div>
  1037. <div class="audio_details">
  1038. by <span {block:Artist} style="display:none;"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br />
  1039. {block:PlayCount}
  1040. {PlayCountWithLabel}
  1041. {/block:PlayCount}
  1042. </div>
  1043. {/block:TrackName}
  1044. <div class="audio_player_container"><div class="audio_player">{AudioPlayerWhite}</div></div>
  1045. </div>
  1046. </div>
  1047. {/block:IndexPage}
  1048.  
  1049. {block:PermalinkPage}
  1050. <div class="posts_permalink">
  1051. <div class="audio_container">
  1052. {block:AlbumArt}
  1053. <div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
  1054. {/block:AlbumArt}
  1055. <div class="audio_details_track">
  1056. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br />
  1057. </div>
  1058. <div class="audio_details">
  1059. by <span {block:Artist} style="display:none;"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br />
  1060. {block:PlayCount}
  1061. {PlayCountWithLabel}
  1062. {/block:PlayCount}
  1063. </div>
  1064. {/block:TrackName}
  1065. <div class="audio_player_container"><div class="audio_player">{AudioPlayerWhite}</div></div>
  1066. </div>
  1067. {block:Caption}
  1068. <div class="caption">{Caption}</div>
  1069. {/block:Caption}
  1070. </div>
  1071. {/block:PermalinkPage}
  1072. {/block:Audio}
  1073.  
  1074. {block:Answer}
  1075. {block:IndexPage}
  1076. <div class="entry ask">
  1077. <div class="questions">
  1078. <div class="asker"><img align="left" src="{AskerPortraitURL-30}" alt=""/>{Asker}</div><br>{Question}<br>
  1079. </div>
  1080. <div class="caption">{Answer}</div>
  1081. </div>
  1082. {/block:IndexPage}
  1083.  
  1084. {block:PermalinkPage}
  1085. <div class="posts_permalink">
  1086. <div class="questions">
  1087. <div class="asker"><img align="left" src="{AskerPortraitURL-30}" alt=""/>{Asker}</div><br>{Question}<br>
  1088. </div>
  1089. <div class="caption">{Answer}</div>
  1090. </div>
  1091. {/block:PermalinkPage}
  1092. {/block:Answer}
  1093.  
  1094. {block:PermalinkPage}
  1095. {block:Date}
  1096. <div class="posts_permalink">
  1097. <div class="details_permalink">
  1098. <div class="details_notes"><a href="{Permalink}">{Month} {DayOfMonth}</a></div>
  1099. <div class="like_reblog_bottons">
  1100. <div class="like_botton">{LikeButton size="16"}</div>
  1101. <div class="reblog_botton">{ReblogButton size="16"}</div>
  1102. </div>
  1103.  
  1104. Posted {TimeAgo}
  1105.  
  1106. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1107. {block:ContentSource}· <a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  1108.  
  1109. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  1110.  
  1111. <div class="details">
  1112. {block:HasTags}
  1113. <div class="tags">{block:Tags} <a href="/tagged/{Tag}"><img src="http://media.tumblr.com/e9774a0e3c7e8b3b6ce5e91767e566c2/tumblr_inline_mqz9fmAhYn1qz4rgp.png" alt="" /> {Tag}</a>{/block:Tags}</div>
  1114. {/block:HasTags}
  1115. </div>
  1116. </div>
  1117. {/block:Date}
  1118.  
  1119. <div class="notes">
  1120. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1121. </div>
  1122. </div>
  1123. {/block:PermalinkPage}
  1124.  
  1125. </div>
  1126.  
  1127. {/block:Posts}
  1128.  
  1129. </div>
  1130.  
  1131. <div class="x">♡ <a href="http://ownmylight.tumblr.com">ownmylight</a></div>
  1132.  
  1133. </div>
  1134.  
  1135. </body>
  1136. </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!