unbrokenlys

Theme #26 (3 columns with Infinite Scroll)

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