Advertisement
themepirate

Titania II Theme by ThemePirate

Jan 21st, 2013
2,297
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.36 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--------------------------------------------
  4.  
  5. *************** *************
  6. *************** **************
  7. *************** ***************
  8. ***** ***** ****
  9. ***** ***************
  10. ***** *************
  11. ***** heme ***** irate
  12. ***** *****
  13. ***** *****
  14.  
  15. Theme: Titania II Date: 1/21/13
  16. By: Byron (BlogInfinity.me)
  17.  
  18. themepirate.tumblr.com
  19. ---------------------------------------------->
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  22. <title>{Title}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  28.  
  29. <meta name="color:Background" content="#dfdfdf" />
  30. <meta name="color:Box" content="#dfdfdf" />
  31. <meta name="color:Text" content="#1b1b1b" />
  32. <meta name="color:Links" content="#1b1b1b" />
  33. <meta name="color:Links Hover" content="#1b1b1b" />
  34. <meta name="color:Navlinks Text" content="#1b1b1b" />
  35. <meta name="color:Navlinks Text Hover" content="#1b1b1b" />
  36. <meta name="color:Navlinks Background" content="#c7c7c7" />
  37. <meta name="color:Navlinks Background Hover" content="#afafaf" />
  38. <meta name="color:Title Color" content="#1b1b1b" />
  39. <meta name="color:Title Hover Color" content="#666565" />
  40. <meta name="color:Chat" content="#bebdbd" />
  41. <meta name="color:Asker Background" content="#bebdbd" />
  42. <meta name="image:Background" content="http://static.tumblr.com/psjhflr/M9Amgyqme/bg2.png" />
  43. <meta name="image:DisplayImage" content="" />
  44. <meta name="font:Body" content="Helvetica" />
  45. <meta name="if:Infinite Scroll" content="0"/>
  46. <meta name="if:To top button" content="1" />
  47. <meta name="if:Show Blog Title" content="1" />
  48. <meta name="if:Show Caption" content="0" />
  49. <meta name="if:Show Post Links" content="1" />
  50.  
  51. <meta name="text:Custom Link 1" content="" />
  52. <meta name="text:Custom Link 1 Title" content="Link 1" />
  53. <meta name="text:Custom Link 2" content="" />
  54. <meta name="text:Custom Link 2 Title" content="Link 2" />
  55. <meta name="text:Custom Link 3" content="" />
  56. <meta name="text:Custom Link 3 Title" content="Link 3" />
  57. <meta name="text:Custom Link 4" content="" />
  58. <meta name="text:Custom Link 4 Title" content="Link 4" />
  59. <meta name="text:Custom Link 5" content="" />
  60. <meta name="text:Custom Link 5 Title" content="Link 5" />
  61. <meta name="text:Custom Link 6" content="" />
  62. <meta name="text:Custom Link 6 Title" content="Link 6" />
  63.  
  64. <head>
  65. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  66. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  67. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  68.  
  69. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  70.  
  71.  
  72. <style type="text/css">
  73. body {
  74. background: {color:Background} url('{image:Background}') top left scroll repeat;
  75. color: {color:Text};
  76. font-family: {font:Body};
  77. font-size: 11px;
  78. background-position:top left;
  79. text-align:justify;
  80. text-justify:inter-word;
  81. text-transform:{text:Body Text transform};
  82. -webkit-font-smoothing: antialiased;
  83. }
  84.  
  85. a, a:link, a:visited {
  86. color: {color:Links};
  87. font-family: {font:Links};
  88. text-transform: {text:Body Text transform};
  89. text-decoration: none;
  90. font-size: 11px;
  91. }
  92.  
  93. a:hover {
  94. color: {color:Links Hover};
  95. font-family: {font:Links};
  96. text-decoration: none;
  97. font-size: 11px; }
  98.  
  99. p {
  100. margin: 5px 0 0 0;
  101. line-height:12px;
  102. padding: 0; }
  103. ul, ol {
  104. margin: 5px 0 0 25px; padding: 0; }
  105. blockquote {
  106. margin: 2px 2px 1px 2px;
  107. padding: 1px 2px 1px 4px;
  108. border: 0px solid {color:Text}; }
  109. blockquote p {
  110. margin: 0;
  111. padding: 0;
  112. line-height: 12px; }
  113.  
  114.  
  115. #content {
  116. {block:IndexPage}
  117. width: 700px;
  118. top: 45px;
  119. left: 500px;
  120. {/block:IndexPage}
  121. {block:PermalinkPage}
  122. left: 500px;
  123. width: 800px;
  124. top: 60px;
  125. {/block:PermalinkPage}
  126. float: right; position: absolute;
  127. }
  128.  
  129. #container {
  130. width: 800px;
  131. margin: 0px auto;
  132. }
  133.  
  134. .entry {
  135. background: {color:Background} url('{image:Background}') top left scroll repeat;
  136. float: left;
  137. width: 250px;
  138. {block:IndexPage}
  139. margin: 20px;
  140. {/block:IndexPage}
  141. {block:PermalinkPage}
  142. margin: 5px;
  143. width: 400px;
  144. {/block:PermalinkPage}
  145. padding: 0px;
  146. display: block;
  147. position: relative;
  148. }
  149.  
  150. .entry img {
  151. display: block;
  152. max-width: 100%;
  153. {block:IfShowShadow}
  154. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  155. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  156. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  157. {/block:IfShowShadow}
  158. }
  159.  
  160. .entry:hover img {
  161. max-width: 100%;
  162. }
  163.  
  164. #sb {
  165. background: {color:Background} url('{image:Background}') top left scroll repeat;
  166. float: left;
  167. left: 200px;
  168. top: 45px;
  169. width: 250px;
  170. height: auto;
  171. padding: 15px;
  172. margin-top: 0px;
  173. display: block; margin: 5px;
  174. position: absolute;
  175. }
  176.  
  177. #sb img {
  178. display: block;
  179. max-width: 100%;
  180. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  181. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  182. box-shadow: 0px 0px 5px rgba(0,0,0,0.2)
  183. }
  184.  
  185. .sbcont {
  186. margin-top: auto;
  187. }
  188.  
  189. #sb:hover img {
  190. max-width: 100%;
  191. }
  192.  
  193.  
  194.  
  195. .navlinks a {
  196. height: 10px;
  197. font-family: 'Oswald', sans-serif; text-transform: none;
  198. font-size: 12px; text-align: center;
  199. letter-spacing:0px ;display:block;padding:10px;
  200. color: {color:NavLinks Text};
  201. background: {color:Navlinks Background};
  202. }
  203.  
  204.  
  205. .navlinks a:hover {
  206. display:block;
  207. color: {color:NavLinks Text Hover};
  208. background-color: {color:Navlinks Background Hover};
  209. }
  210.  
  211. #left {
  212. line-height: 12px; position: absolute; top: 40px;
  213. height:auto; color: {color:Text};
  214. padding: 15px; left: 0px; text-align: right;
  215. font-size: 11px; letter-spacing: 0px;
  216. Display:block;
  217. }
  218.  
  219. .entry:hover .nts, .entry:hover .rblg, .entry:hover .dte {
  220. width: 190px; height: 20px; text-align: right;
  221. font-family: 'Lato', sans-serif;
  222. -webkit-transition: all 0.5s ease-out;
  223. -moz-transition: all 0.5s ease-out;
  224. }
  225.  
  226.  
  227. .entry:hover .p1, .entry:hover .p2, .entry:hover .p3, .entry:hover .p4 {
  228. opacity: 1; left: 0px; text-align: right; bottom: 75px;
  229. filter: alpha(opacity = 100);
  230.  
  231. }
  232.  
  233. .entry:hover .p2, .entry:hover .p3, .entry:hover .p4 {
  234. opacity: 1; right: 0px; text-align: right; bottom: 30px;
  235. filter: alpha(opacity = 100);
  236. }
  237.  
  238. .p1 {
  239. -webkit-transition: all 0.5s ease-out;
  240. -moz-transition: all 0.5s ease-out;
  241. bottom: 30px; left: 0px; height: 20px;
  242. opacity: 0; text-align: right;
  243. filter: alpha(opacity = 0);
  244. z-index:9999999;
  245. display: inline-block;
  246. position: absolute;
  247. text-transform: uppercase;
  248. font-family: 'Oswald', sans-serif;
  249.  
  250. }
  251.  
  252. .p2 {
  253. -webkit-transition: all 0.5s ease-out;
  254. -moz-transition: all 0.5s ease-out;
  255. bottom: 70px; right: 0px; height: 20px;
  256. opacity: 0; text-align: right;
  257. filter: alpha(opacity = 0);
  258. z-index:9999999;
  259. display: inline-block;
  260. position: absolute;
  261. text-transform: uppercase;
  262. font-family: 'Oswald', sans-serif;
  263.  
  264. }
  265.  
  266.  
  267. .perma1, .perma1 a {
  268. margin-top: 5px;
  269. font-family: 'Oswald', sans-serif;
  270. font-size:10px; color: {color:Links};
  271. text-transform: uppercase; letter-spacing: 1px;
  272. }
  273. .perma1 a:hover {
  274. color: {color:Links Hover};
  275. }
  276.  
  277.  
  278. .rblg {
  279. height: 20px; width: 0px;
  280. overflow: hidden;
  281. z-index: 9999999;
  282. color: #fff;
  283. padding-left: 4px;
  284. padding-right: 4px;
  285. text-align: right;
  286. position: relative;
  287. display: inline-block;
  288. text-transform: uppercase;
  289. -webkit-transition: all 0.5s ease-out;
  290. -moz-transition: all 0.5s ease-out;
  291. padding: 10px;
  292. background: {color:Background} url('{image:Background}') repeat;
  293. }
  294.  
  295. .rblg a {
  296. color: {color:Text}; text-transform: uppercase;
  297. font-family: 'Open Sans Condensed', sans-serif; font-size: 12px;
  298. }
  299.  
  300. .rblg:hover, .rblg a:hover {
  301. color: {color:Links}; text-transform: uppercase;
  302. font-family: 'Open Sans Condensed', sans-serif;
  303. }
  304.  
  305. .n1, .n1 a {
  306. text-transform: uppercase;
  307. font-family: 'Oswald', sans-serif;
  308. font-size: 40px;
  309. text-align: center;
  310. color: {color:Links};
  311. }
  312.  
  313. .n1:hover, .n1 a:hover {
  314. text-transform: uppercase;
  315. color: {color:Links Hover};
  316. }
  317.  
  318. .n2, .n2 a {
  319. text-transform: uppercase; text-align: center; margin-top: 0px;
  320. font-family: 'Oswald', sans-serif; font-size: 18px;
  321. color: {color:Links};
  322.  
  323. }
  324.  
  325. .n2:hover, .n2 a:hover {
  326. text-transform: uppercase;
  327. font-family: 'Oswald', sans-serif; font-size: 18px;
  328. color: {color:Links Hover};
  329. }
  330.  
  331. .n3, .n3 a {
  332. text-transform: uppercase; text-align: center; letter-spacing: 3px;
  333. font-family: 'Oswald', sans-serif; font-size: 15px;
  334. color: {color:Links};
  335.  
  336. }
  337.  
  338. .n3:hover, .n3 a:hover {
  339. text-transform: uppercase;
  340. font-family: 'Oswald', sans-serif; font-size: 12px;
  341. color: {color:Links Hover};
  342. }
  343.  
  344.  
  345. .nts:hover , .rblg:hover , .dte:hover {
  346. color: #ffffff!important;
  347. }
  348.  
  349. .title, .title a {
  350. font-family: 'Oswald', sans-serif;
  351. font-size: 26px;
  352. color: {color:title color};
  353. line-height: 25px;
  354. letter-spacing:2px;
  355. text-transform: none;
  356. }
  357.  
  358. .title:hover, .title a:hover {
  359. color:{color:title hover color};
  360. }
  361.  
  362. .btitle, .btitle a {
  363. font-family: 'Oswald', sans-serif;
  364. font-size: 30px; text-align: center;
  365. color: {color:title color};
  366. line-height: 20px; margin-bottom: 10px;
  367. letter-spacing:0px; padding: 5px;
  368. text-transform: uppercase;
  369. }
  370.  
  371. .btitle:hover, .btitle a:hover {
  372. color:{color:title hover color};
  373. }
  374.  
  375.  
  376.  
  377. .pos {
  378. background-color: {color:Chat};
  379. }
  380. .audioplayer {
  381. padding-left: 12px;
  382. background-color:{color:Chat};
  383. }
  384. .playcount {
  385. float: right;
  386. clear: both;
  387. padding-top: 10px;
  388. padding-right: 20px;
  389. color:{color:link};
  390. text-shadow: none;
  391. font-size:10px;
  392. text-transform:{text:Title text transform};
  393. }
  394.  
  395. #sidebar img {
  396. max-width:100%;
  397. }
  398.  
  399. #sidebar img {
  400. border: 0px;
  401. display: block;
  402. }
  403.  
  404. .ques {
  405. background-color:{color:Asker Background};
  406. padding:5px;
  407. font-family: {font:Title};
  408. font-size: 12px;
  409. line-height: 16px;
  410. text-transform: uppercase;
  411. letter-spacing:-1px;
  412. }
  413. .ques a {
  414. font-family: {font:Title};
  415. font-size: 12px;
  416. line-height: 16px;
  417. text-transform: uppercase;
  418. letter-spacing:-1px;color:{color:Links};
  419. }
  420. .ques a:hover {
  421. color: {color:Links Hover};}
  422. .said a {
  423. font-family: {font:Title};
  424. font-size: 12px;
  425. line-hepxht: 14px;
  426. text-transform: uppercase;
  427. letter-spacing:-1px;
  428. margin-top:6px;
  429. }
  430. .said a:hover {
  431. font-family: {font:Title};
  432. font-size: 12px;
  433. line-height: 14px;
  434. text-transform: uppercase;
  435. letter-spacing:-1px;
  436. margin-top:6px;
  437. }
  438.  
  439. .nav a {
  440. font-size: 13px;
  441. font-family: 'Oswald', sans-serif;
  442. }
  443. .nav {
  444. font-size: 13px;
  445. font-family: 'Oswald', sans-serif;
  446. }
  447.  
  448. .pagination {
  449. float:center;
  450. margin-top:-10px;
  451. width: auto;
  452. height:auto;
  453. margin-left: 3px;
  454. text-align: center;
  455. line-height:35px;
  456. font-family: 'Oswald', sans-serif;
  457. font-size:18px; color:
  458. }
  459.  
  460. .pagination a, .pagination a:active, .pagination a:visited {
  461. float:center;
  462. margin-top:0px;
  463. width: 250px;
  464. height:auto;
  465. margin-left: 3px;
  466. text-align: center;
  467. line-height:25px;
  468. font-family: 'Oswald', sans-serif;
  469. font-size:18px;
  470. }
  471.  
  472. .pag {
  473. font-family: 'Oswald', sans-serif;
  474. margin: 0 0 0px 0;
  475. padding: 3px; margin-top: 5px;
  476. color: {color:Text}
  477. text-align: center;
  478. font-size:15px;
  479. overflow:hidden;
  480. background: {color:Background} url('{image:Background}') top left scroll repeat;
  481. }
  482.  
  483.  
  484. .pag a:visited, .pag a:link
  485. background: {color:Background} url('{image:Background}') top left scroll repeat;
  486. font-family: 'Open Sans Condensed', sans-serif;
  487. margin: 0 0 0px 0;
  488. padding: 3px;
  489. text-align: center;
  490. font-size:15px;
  491. overflow:hidden;
  492. text-align: center;
  493. }
  494. .pag a:active {
  495. font-family: 'Oswald', sans-serif;
  496. margin: 0 0 0px 0;
  497. padding: 3px;
  498. text-align: center;
  499. font-size:15px;
  500. }
  501.  
  502. .pag a:hover {
  503. font-family: 'Oswald', sans-serif;
  504. color: {color:Links};
  505. }
  506.  
  507.  
  508.  
  509. #toTop {
  510. display:none;
  511. text-decoration:none;
  512. position:fixed;
  513. bottom:2px;
  514. right:2px;
  515. overflow:hidden;
  516. width:51px;
  517. height:51px;
  518. border:none;
  519. text-indent:100%;
  520. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  521. opacity: .5;
  522. filter: alpha(opacity = 50);
  523. }
  524.  
  525. #toTopHover {
  526. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  527. width:51px;
  528. height:51px;
  529. display:block;
  530. overflow:hidden;
  531. float:left;
  532. opacity: 0;
  533. -moz-opacity: 0;
  534. filter:alpha(opacity=0);
  535. }
  536.  
  537. #toTop:hover {
  538. opacity: 1;
  539. filter: alpha(opacity = 100);
  540. }
  541.  
  542. #toTop:active, #toTop:focus {
  543. outline:none;
  544. }
  545.  
  546. {block:IfInfiniteScroll}
  547. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  548. #infscr-loading {
  549. display:none;
  550. }
  551. .navigation {
  552. display:none!important;
  553. }
  554. #pagination {
  555. display:none;
  556. {/block:IfInfiniteScroll}
  557. }
  558.  
  559. #infscr-loading {
  560. position: absolute!important;
  561. width: 16px!important;
  562. height: 11px!important;
  563. bottom: 0px!important;
  564. left: 50%!important;
  565. margin-top: 10px!important;
  566. margin-bottom: 5px!important;
  567. }
  568.  
  569. #over{
  570. height:50000px!important;
  571. position:absolute;
  572. top:0px;
  573. left:0px;
  574. width: 100%;}
  575.  
  576. .hrline { margin-left: -5px; margin-right: -5px; padding:-1000px width: 410px;}
  577.  
  578. .t1, .t1 a {
  579. font-family: 'Oswald', sans-serif;
  580. font-size: 11px;
  581. color: {color:Links};
  582. line-height: 20px;
  583. letter-spacing:3px; margin-top: 10px; margin-right: -4px;
  584. text-transform: uppercase; text-align:right;
  585. }
  586.  
  587.  
  588.  
  589. .perma2, .perma2 a {
  590. font-family: 'Oswald', sans-serif;
  591. font-size:14px; color: {color:Links};
  592. }
  593.  
  594.  
  595.  
  596. .prmlnk {
  597. background: {color:Background} url('{image:Background}') top left scroll repeat;
  598. font-size:15px;
  599. margin-left: -5px;
  600. width: 400px;
  601. padding: 10px;
  602. display: block; overflow:hidden;
  603. position: relative;
  604.  
  605. }
  606.  
  607. .wrap {position: fixed; bottom:10px; left:-2px;}
  608.  
  609. .wrap:hover .cred a {width: 130px; height: 20px; text-align: right;}
  610.  
  611. .cred a {
  612. height: 100%; width: 80px; height: 20px; margin-left:-65px;
  613. background-color: #000; font-size: 15px; text-align: right;
  614. overflow: hidden;
  615. z-index: 9999999; padding-top: 3px;
  616. color: #fff; padding-right: 5px;
  617. -moz-border-radius: 2px;
  618. border-radius: 2px;
  619. display: inline-block;
  620. text-transform: capitalize;
  621. -webkit-transition: all 0.5s ease-out;
  622. -moz-transition: all 0.5s ease-out;
  623. opacity: .7;
  624. filter: alpha(opacity = 70);
  625. font-family: 'Oswald', sans-serif;
  626. line-spacing: 1px;
  627. }
  628.  
  629. .desc {
  630. padding: 2px;
  631. }
  632.  
  633. ol.notes {
  634. padding: 0px;
  635. margin: 25px 0px;
  636. list-style-type: none;
  637. border-bottom: solid 1px #ccc;
  638. }
  639.  
  640. ol.notes li.note {
  641. border-top: solid 1px #ccc;
  642. padding: 10px;
  643. }
  644.  
  645. ol.notes li.note img.avatar {
  646. vertical-align: -4px;
  647. margin-right: 10px;
  648. width: 16px;
  649. height: 16px;
  650. }
  651.  
  652. ol.notes li.note span.action {
  653. font-weight: bold;
  654. }
  655.  
  656. ol.notes li.note .answer_content {
  657. font-weight: normal;
  658. }
  659.  
  660. ol.notes li.note blockquote {
  661. border-color: #eee;
  662. padding: 4px 10px;
  663. margin: 10px 0px 0px 25px;
  664. }
  665.  
  666. ol.notes li.note blockquote a {
  667. text-decoration: none;
  668. }
  669.  
  670.  
  671. </style>
  672.  
  673. </head>
  674.  
  675.  
  676. <style type="text/css">{CustomCSS}</style>
  677.  
  678. <body>
  679.  
  680. <div id="sb">
  681. <div class="sbcont"><table cellpadding="0" cellspacing="1" width="250px">
  682. <a href="/"><img src="{image:DisplayImage}"></a><br>
  683. {block:IfShowBlogTitle}<div class="btitle">{Title}</div>{/block:IfShowBlogTitle}
  684.  
  685.  
  686. <tr>
  687. <td><div class="navlinks"><a href="/">Index</a></div></td>
  688. <td><div class="navlinks"><a href="/ask">Message</a></div></td>
  689. <td><div class="navlinks"><a href="/archive">Archive</a></div></td>
  690. </tr>
  691. <tr>
  692. {block:ifCustomLink1Title}<td><div class="navlinks"><a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a></div></td>{/block:ifCustomLink1Title}
  693. {block:ifCustomLink2Title}<td><div class="navlinks"><a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a></div></td>{/block:ifCustomLink2Title}
  694. {block:ifCustomLink3Title}<td><div class="navlinks"><a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a></div></td>{/block:ifCustomLink3Title}
  695. </tr>
  696. <tr>
  697. {block:ifCustomLink4Title}<td><div class="navlinks"><a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a></div></td>{/block:ifCustomLink4Title}
  698. {block:ifCustomLink5Title}<td><div class="navlinks"><a href="{text:Custom Link 5}">{text:Custom Link 5 Title}</a></div></td>{/block:ifCustomLink5Title}
  699. {block:ifCustomLink6Title}<td><div class="navlinks"><a href="{text:Custom Link 6}">{text:Custom Link 6 Title}</a></div></td>{/block:ifCustomLink6Title}
  700. </tr>
  701. </table>
  702. <p>
  703. <div class="desc">
  704. {Description}</div>
  705. {block:IfNotInfiniteScroll}
  706. {block:IndexPage}
  707. <div class="pag">
  708. <div class="pagination">
  709.  
  710. {block:Pagination}
  711. <div class="navigation">
  712. {block:PreviousPage}
  713. <a href="{PreviousPage}" class="previous">&#171;</a>
  714. {/block:PreviousPage}
  715. {CurrentPage}/{TotalPages}
  716. {block:NextPage}
  717. <a href="{NextPage}" class="next">&#187;</a>
  718. {/block:NextPage}
  719. <div class="clear"></div>
  720. </div>
  721. {/block:Pagination}
  722.  
  723.  
  724. </div></div>{/block:IndexPage}{/block:IfNotInfiniteScroll}
  725.  
  726. </div>
  727. </div>
  728.  
  729.  
  730. <div id="container">
  731. <div id="content">
  732.  
  733. {block:Posts}
  734. <div class="entry">
  735.  
  736. {block:Text}
  737. {block:Title}
  738. <div class="title"><a href="{Permalink}">{Title}</a></div>
  739. {/block:Title} {block:indexpage}
  740. {Body}
  741. {block:IfShowPostLinks}
  742. <div class="perma1">
  743. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  744. </div>
  745. {/block:IfShowPostLinks}
  746. {/block:indexpage}
  747. {block:PermalinkPage}
  748. {Body}
  749. {/block:PermalinkPage}
  750. {/block:Text}
  751.  
  752. {block:Photo}
  753. {block:IndexPage}
  754. <div class="p1">
  755. <div class="rblg"><center>
  756. <div class="n2"><a href="{Permalink}">{NoteCountWithLabel}</a>
  757. | <a href="{reblogurl}">Reblog</a>
  758. </div>
  759. </center>
  760. </div></div>
  761.  
  762. <div class="p2">
  763. <div class="rblg"><center>
  764. <div class="n2"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></div> <p>
  765.  
  766. </center>
  767. </div></div>
  768.  
  769. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}
  770.  
  771. {/block:IndexPage}
  772. {block:PermalinkPage}<div align="center">
  773. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/></div>
  774. {block:Caption}{Caption}{/block:Caption}
  775. {/block:PermalinkPage}
  776. {/block:Photo}
  777.  
  778. {block:Photoset}
  779. {block:IndexPage}
  780. <center>{Photoset-250}</center>
  781. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  782. {block:IfShowPostLinks}
  783. <div class="perma1">
  784. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  785. </div>
  786. {/block:IfShowPostLinks}
  787. {/block:IndexPage}
  788. {block:permalinkpage}
  789. <div align="center">{Photoset-400}</div>
  790. {block:Caption}{Caption}{/block:Caption}
  791. {/block:permalinkpage}
  792. {/block:Photoset}
  793.  
  794. {block:Video}
  795. {block:IndexPage}<div align="center">{Video-250}</div> <p>
  796. {block:IfShowPostLinks}
  797. <div class="perma1">
  798. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  799. </div>
  800. {/block:IfShowPostLinks}
  801. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  802. {/block:IndexPage}
  803. {block:permalinkpage}
  804. <div align="center">{Video-400}</div>
  805. {block:Caption}{Caption}{/block:Caption}
  806. {/block:permalinkpage}
  807. {/block:Video}
  808.  
  809. {block:Audio}
  810. <div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}<p>{block:IndexPage}
  811. {block:IfShowPostLinks}
  812. <div class="perma1">
  813. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  814. </div>
  815. {/block:IfShowPostLinks}
  816. {/block:IndexPage}
  817. {block:permalinkpage}
  818. <div class="perma1"><a id="notes{PostID}" href="{Permalink}">{PlayCount} Plays</a></div>
  819. {/block:permalinkpage}
  820. {/block:Audio}
  821.  
  822. {block:Quote}
  823. <div class="title"><a href="{Permalink}">{Quote}</a></div><p> {block:Source}— {Source}{/block:Source}<p>{block:IndexPage}
  824. {block:IfShowPostLinks}
  825. <div class="perma1">
  826. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  827. </div>
  828. {/block:IfShowPostLinks}
  829. {/block:IndexPage}
  830. {/block:Quote}
  831.  
  832. {block:Link}
  833. <div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}<p>{block:IndexPage}
  834. {block:IfShowPostLinks}
  835. <div class="perma1">
  836. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  837. </div>
  838. {/block:IfShowPostLinks}{/block:IndexPage}
  839. {/block:Link}
  840.  
  841. {block:Chat}
  842. {block:Title}<div class="title"><a href="{Permalink}">{Title}<p></a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}<p>{block:IndexPage}
  843. {block:IfShowPostLinks}
  844. <div class="perma1">
  845. {Month} {DayOfMonth}, {Year} With {NoteCountWithLabel} <a href="{Permalink}">&times; PERMALINK</a>
  846. </div>
  847. {/block:IfShowPostLinks}{/block:IndexPage}
  848. {/block:Chat}
  849. {block:Answer} <div class="ques"> {Asker} said: {Question}</div>
  850. <i>{Answer}</i>{/block:Answer}
  851.  
  852. </div>
  853.  
  854. {block:permalinkpage}{block:NoteCount}
  855. <div class="prmlnk"><div class="perma2">
  856. Posted on: <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a>
  857. with <a href="{Permalink}">{NoteCount} Notes</a><p>
  858. <i>via</i> {block:RebloggedFrom}
  859. {ReblogParentName} <i> source: </i> {ReblogRootName}
  860. {/block:RebloggedFrom}
  861. {/block:NoteCount}
  862. {block:PostNotes}
  863. {PostNotes}
  864. {/block:PostNotes}
  865. </div>
  866.  
  867. </div>
  868. {/block:permalinkpage}
  869. {/block:Posts}
  870.  
  871.  
  872.  
  873. <div class="clear"></div>
  874.  
  875. </div>
  876. </div>
  877.  
  878. <div class="wrap"><div class="cred"><a href="http://styleandluxury.tumblr.com/">THEME ©</a></div></div>
  879.  
  880. {block:Pagination}
  881. <ul id="pagination">
  882. {block:PreviousPage}
  883. <li><a href="{PreviousPage}"></a></li>
  884. {/block:PreviousPage}
  885. {block:NextPage}
  886. <li><a id="nextPage" href="{NextPage}"></a></li>
  887. {/block:NextPage}
  888. </ul>
  889. {/block:Pagination}
  890. <script src="http://static.tumblr.com/psjhflr/bxnmcwj9t/masonry.js"></script>
  891. {block:IfInfiniteScroll}
  892. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScroll}
  893. <script type="text/javascript">
  894. $(window).load(function () {
  895. $('#content').masonry(),
  896. $('.masonryWrap').infinitescroll({
  897. navSelector : '#pagination',
  898. nextSelector : '#pagination a#nextPage',
  899. itemSelector : ".entry, .clear",
  900. bufferPx : 40,
  901. loadingImg : "",
  902. loadingText : "",
  903. },
  904. function() { $('#content').masonry({ appendedContent: $(this) }); }
  905. );
  906. });
  907. </script>
  908.  
  909. </div>
  910.  
  911.  
  912.  
  913.  
  914. {block:iftotopbutton}
  915. <script type="text/javascript">
  916. $(document).ready(function() {
  917. /*
  918. var defaults = {
  919. containerID: 'toTop', // fading element id
  920. containerHoverID: 'toTopHover', // fading element hover id
  921. scrollSpeed: 1200,
  922. easingType: 'linear'
  923. };
  924. */
  925.  
  926. $().UItoTop({ easingType: 'easeOutQuart' });
  927.  
  928. });
  929. </script>
  930. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>{block:iftotopbutton}
  931.  
  932.  
  933.  
  934. </div>
  935. </body>
  936. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement