Advertisement
theme_bean

Theme #1

Oct 22nd, 2012
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.17 KB | None | 0 0
  1. <!-- theme by slutteen
  2. don't change the source ho
  3. -->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10.  
  11. <meta name="color:Background" content="#fff">
  12. <meta name="color:Hover" content="#c4c4c4"/>
  13. <meta name="color:Nav BG" content="#c4c4c4"/>
  14. <meta name="color:Post Background" content="#ffffff">
  15. <meta name="color:Desc Background" content="#ffffff">
  16. <meta name="color:Post Border" content="#dedede">
  17. <meta name="color:Desc Border" content="#dedede">
  18. <meta name="color:Post Text" content="#a8a8a8">
  19. <meta name="color:Post Link" content="#6f6f6f">
  20. <meta name="color:Post Title" content="#cdcdcd">
  21. <meta name="color:Sidebar Text" content="#a8a8a8">
  22. <meta name="color:Sidebar Underline" content="#8e8e8e">
  23. <meta name="color:Sidebar Link" content="#6f6f6f">
  24. <meta name="color:Scrollbar" content="#cccccc"/>
  25. <meta name="image:Background" content="http://static.tumblr.com/aqoekwn/mmim9crue/grid_noise.png">
  26. <meta name="image:Sidebar" content="1">
  27. <meta name="image:Sidebar BG" content="1">
  28. <meta name="if:Photo Fading" content="0">
  29. <meta name="text:Custom Link One Title" content= "custom">
  30. <meta name="text:Custom Link One" content="/" />
  31. <meta name="text:Custom Link Two Title" content= "links" >
  32. <meta name="text:Custom Link Two" content="/" />
  33. <meta name="text:Custom Link Three Title" content= "here" >
  34. <meta name="text:Custom Link Three" content="/" />
  35. <meta name="text:Custom Link Seperator" content="-" />
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42.  
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}"/>
  45. {/block:Description}
  46.  
  47. <style type="text/css">
  48. {CustomCSS}
  49.  
  50. /*** ask ***/
  51. .bubble {align:right;background: #f3f3f3; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  52. .bubble p {margin:1px 0px;}
  53. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f3f3f3;
  54. }
  55.  
  56. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f3f3f3
  57. }
  58.  
  59. a:link, a:active, a:visited{
  60. color: {color:Link}
  61. text-decoration:none;
  62. -webkit-transition-duration:0.8s;
  63. }
  64.  
  65. a:hover{
  66. color:{color:Hover};
  67. }
  68.  
  69. {block:ifsmallcursor}*, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} {/block:ifsmallcursor}
  70.  
  71. ::-webkit-scrollbar-thumb:vertical {
  72. background-color:{color:Scrollbar};
  73. height:10px;
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height:0px;
  78. width:6px;
  79. background-color:white;
  80. }
  81.  
  82. body {
  83. background-image: url('{image:Background}');
  84. background-attachment: fixed;
  85. background-color: {color:Background};
  86. {block:ifsmallcursor}cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;{/block:ifsmallcursor}
  87. }
  88.  
  89. #sidebar {
  90. position: fixed;
  91. left: 683px;
  92. top: 110px;
  93. }
  94.  
  95. #sidebarbg {
  96. position: fixed;
  97. left: 670px;
  98. top: -10px;
  99. background: url({image:Sidebar BG});
  100. height: 110%;
  101. width: 250px;
  102. position: fixed;
  103. opacity:1;
  104. }
  105.  
  106. #desc {
  107. width: 210px;
  108. height: auto;
  109. padding: 6px;
  110. padding-left: 6px;
  111. font-family: calibri;
  112. font-size: 10px;
  113. text-decoration: none;
  114. color: {color:Sidebar Text};
  115. text-align: left;
  116. line-height: 12px;
  117. background-color: {color:Desc Background};
  118. border: 1px solid {color:Desc Border};
  119. }
  120.  
  121. #desc i, em {
  122. color: {color:Sidebar Italic};
  123. }
  124.  
  125. #desc b, em {
  126. color: {color:Sidebar Bold};
  127. }
  128.  
  129. #desc u, em {
  130. color: {color:Sidebar Underline};
  131. }
  132.  
  133. #desc s, em {
  134. color: {color:Sidebar Strikethrough};
  135. }
  136.  
  137. #desc a {
  138. text-decoration: none;
  139. color: {color:Sidebar Link};
  140. }
  141.  
  142. #desc a:hover {
  143. text-decoration: none;
  144. color: {color:Hover};
  145. }
  146.  
  147. #desc img {
  148. max-width: 210px;
  149. margin-bottom: 3px;
  150. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. -ms-transition: all 0.5s ease-in-out;
  155. transition: all 0.5s ease-in-out;
  156. }
  157.  
  158. #desc img:hover {
  159. opacity: 1;
  160. }
  161.  
  162. #home {
  163. background: {color:Nav BG};
  164. display: inline-block;
  165. line-height: 15px;
  166. height: 15px;
  167. width: 67px;
  168. font-family: calibri;
  169. font-size: 9px;
  170. text-transform: uppercase;
  171. text-align: center;
  172. margin-bottom:1px;
  173. }
  174.  
  175. #ask {
  176. background: {color:Nav BG};
  177. display: inline-block;
  178. line-height: 15px;
  179. height: 15px;
  180. width: 70px;
  181. font-family: calibri;
  182. font-size: 9px;
  183. text-transform: uppercase;
  184. text-align: center;
  185. margin-left: 1px;
  186. margin-bottom:1px;
  187. }
  188.  
  189. #blah {
  190. background: {color:Nav BG};
  191. display: inline-block;
  192. line-height: 15px;
  193. height: 15px;
  194. width: 63px;
  195. text-align: center;
  196. margin-left: 1px;
  197. font-family: calibri;
  198. font-size: 9px;
  199. text-transform: uppercase;
  200. transition: all 0.8s ease;
  201. -o-transition-transition: all 0.8s ease;
  202. -webkit-transition: all 0.8s ease;
  203. -moz-transition: all 0.8s ease;
  204. margin-bottom:1px;
  205. }
  206.  
  207. #blah:hover #heh{
  208. opacity:1;
  209. margin-top:2px;
  210. overflow:hidden;
  211. height: 15px;
  212. line-height: 15px;
  213. background-color:transparent;
  214. z-index:1000;
  215. height:auto;
  216. font-family: calibri;
  217. font-size: 9px;
  218. text-transform: uppercase;
  219. -o-transition-transition: all 0.8s ease;
  220. -webkit-transition: all 0.8s ease;
  221. -moz-transition: all 0.8s ease;
  222. margin-bottom:1px;
  223. }
  224.  
  225. #heh {
  226. position:absolute;
  227. margin-top:-20px;
  228. opacity:0;
  229. width:63px;
  230. font-family: calibri;
  231. font-size: 9px;
  232. text-transform: uppercase;
  233. overflow:hidden;
  234. transition: all 0.8s ease;
  235. -o-transition-transition: all 0.8s ease;
  236. -webkit-transition: all 0.8s ease;
  237. -moz-transition: all 0.8s ease;
  238. }
  239.  
  240. #heh a {
  241. margin-top:1px;
  242. background-color:{color:Nav BG};
  243. text-align:center;
  244. display:block;
  245. line-height:15px;
  246. font-family: calibri;
  247. font-size: 10px;
  248. text-transform: uppercase;
  249. transition: all 0.8s ease;
  250. -o-transition-transition: all 0.8s ease;
  251. -webkit-transition: all 0.8s ease;
  252. -moz-transition: all 0.8s ease;
  253. }
  254.  
  255. .pagination {
  256. display:none;
  257. }
  258.  
  259. #posts {
  260. {block:IndexPage}width: 590px;{/block:IndexPage}
  261. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  262. float: left;
  263. margin-left: 90px;
  264. margin-top: 2px;
  265. }
  266.  
  267. .entry {
  268. background-color: {color:Post Background};
  269. {block:IndexPage}width: 250px;{/block:IndexPage}
  270. {block:PermalinkPage}width: 530px;{/block:PermalinkPage}
  271. padding: 5px;
  272. position: relative;
  273. {block:IndexPage}float: left;{/block:IndexPage}
  274. margin: 5px;
  275. font-family: calibri;
  276. letter-spacing: 1px;
  277. {block:IndexPage}font-size: 10px;{/block:IndexPage}
  278. {block:PermalinkPage}font-size: 10px;{/block:PermalinkPage}
  279. color: {color:Post Text};
  280. text-align: justify;
  281. {block:PermalinkPage}margin-left: margin-left: 120px;px;{/block:PermalinkPage}
  282. border: 1px solid {color:Post Border};
  283. }
  284.  
  285. .entry .permalink{
  286. position:absolute;
  287. width:100px;
  288. height:15px;
  289. padding-top:2px;
  290. bottom:10px;
  291. padding-left:10px;
  292. padding-right:10px;
  293. margin-top: -10px;
  294. margin-left:0px;
  295. background-color:#ffffff;
  296. overflow:hidden;
  297. font-family: consolas;
  298. text-transform: normal;
  299. font-size: 10px;
  300. line-height:10px;
  301. text-align:center;
  302. opacity:0.0;
  303. -webkit-transition: all 0.6s ease-in;
  304. -webkit-transition: all 0.6s ease-in;
  305. -moz-transition: all 0.6s linear;
  306. transition: all 0.6s ease-in;
  307. }
  308.  
  309. .entry:hover .permalink{
  310. margin-top:10px;
  311. opacity:1;
  312. -webkit-transition: all 0.6s ease;
  313. -moz-transition: all 0.6s ease;
  314. -o-transition: all 0.6s ease;
  315. }
  316.  
  317.  
  318. .entry:hover .permalink{overflow:visible;-webkit-transition: opacity 0.2s linear; opacity: 0.8;
  319. -webkit-transition: all 0.6s ease;
  320. -moz-transition: all 0.6s ease;
  321. transition: all 0.6s ease;
  322. width: 200px;
  323. height: 15px;
  324. }
  325.  
  326.  
  327.  
  328. .entry:hover .permalink:hover{
  329. opacity: 1;
  330. margin-left: 0px;
  331. padding-top:2px;
  332. height: 15px;
  333. }
  334.  
  335. .permalink{display: block;
  336. margin-top: 0px;
  337. font-family: lekton;
  338. font-size: 10px;
  339. line-height: 0px;
  340. text-align:center;
  341. background-color: ;
  342. text-transform: uppercase;
  343. }
  344.  
  345. .permalink a {
  346. color: {color:Post Link};
  347. }
  348.  
  349. .permalink a:hover {
  350. color: {color:Hover};
  351. }
  352.  
  353. .entry b, strong {
  354. color: {color:Post Bold};
  355. }
  356.  
  357. .entry i, em {
  358. color: {color:Post Italic};
  359. }
  360.  
  361. .entry a {
  362. color: {color:Post Link};
  363. text-decoration: none;
  364. }
  365.  
  366. .entry h1 {
  367. font-family: consolas;
  368. font-size: 12px;
  369. color: {color:Post Title};
  370. font-weight: none;
  371. font-style: none;
  372. letter-spacing: 1px;
  373. text-transform: none;
  374. text-align: left;
  375. margin: 0;
  376. margin-left:1px;
  377. margin-bottom:-5px;
  378. }
  379.  
  380. .entry h1 a:hover {
  381. color: {color:Hover};
  382. }
  383.  
  384. .entry blockquote {
  385. border-left: 3px solid {color:Post Blockquote};
  386. padding-left: 8px;
  387. margin-left: 5px;
  388. }
  389.  
  390. .entry img {
  391. {block:IndexPage}max-width: 250px;{/block:IndexPage}
  392. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
  393. margin-bottom: -2px;
  394. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  395. -webkit-transition: all 0.5s ease-in-out;
  396. -moz-transition: all 0.5s ease-in-out;
  397. -o-transition: all 0.5s ease-in-out;
  398. -ms-transition: all 0.5s ease-in-out;
  399. transition: all 0.5s ease-in-out;
  400. }
  401.  
  402. .entry img:hover {
  403. opacity: 1;
  404. }
  405.  
  406. .photo {
  407. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  408. margin-bottom: -2px;
  409. -webkit-transition: all 0.5s ease-in-out;
  410. -moz-transition: all 0.5s ease-in-out;
  411. -o-transition: all 0.5s ease-in-out;
  412. -ms-transition: all 0.5s ease-in-out;
  413. transition: all 0.5s ease-in-out;
  414. }
  415.  
  416. .photo:hover {
  417. opacity: 1;
  418. }
  419.  
  420. a:hover {
  421. color: {color:Hover};
  422. }
  423.  
  424. .entry h2 {
  425. font-family: calibri;
  426. font-size: 10px;
  427. color: {color:Post Text};
  428. font-weight: normal;
  429. font-style: ;
  430. text-transform: ;
  431. letter-spacing: 1px;
  432. text-align: left;
  433. }
  434.  
  435. .quote {
  436. font-family: arial;
  437. font-size: 20px;
  438. color: {color:Post Bold};
  439. float: left;
  440. margin-top: -1px;
  441. margin-right: 5px;
  442. }
  443.  
  444. .ask {
  445. background-color: {color:Post Question};
  446. padding: 2px;
  447. border: 1px dotted {color:Post Blockquote};
  448. }
  449.  
  450. .ask i {
  451. font-style: normal;
  452. }
  453.  
  454.  
  455. a:hover {
  456. color:{color:Hover};
  457. text-decoration: none;
  458. webkit-transition: all 0.3s linear;
  459. -webkit-transition: all 0.3s linear;
  460. -moz-transition: all 0.3s linear;
  461. transition: all 0.3s linear;
  462. }
  463.  
  464. .textperma{
  465. display: block;
  466. font-family: consolas;
  467. font-size: 8px;
  468. text-transform: uppercase;
  469. text-align: right;
  470. background-color:{color:Post Background};
  471. letter-spacing: 1px;
  472. border-top: 1px dotted #C4C4C4;
  473. padding-top: 2px;
  474. margin: 0px;
  475. }
  476.  
  477. .textperma a {
  478. color: {color:Post Link};
  479. }
  480.  
  481. .textperma a:hover {
  482. color: {color:Hover};
  483. }
  484.  
  485. .textpermaa{
  486. display: block;
  487. font-family: consolas;
  488. font-size: 8px;
  489. text-transform: uppercase;
  490. text-align: right;
  491. background-color:{color:Post Background};
  492. letter-spacing: 1px;
  493. border-top: 1px dotted #C4C4C4;
  494. padding: 2px;
  495. margin-top: 2px;
  496. }
  497.  
  498. .textpermaa a {
  499. color: {color:Post Link};
  500. }
  501.  
  502. .textpermaa a:hover {
  503. color: {color:Hover};
  504. }
  505.  
  506. #audio{
  507. margin-top:90px;
  508. margin-left:86px;
  509. position:absolute;
  510. -webkit-border-radius: 60px;
  511. border-radius: 60px;
  512. -moz-border-radius: 60px;
  513. height: 80px;
  514. width:80px;
  515. overflow: hidden;
  516. background-color:#ffffff;
  517. text-align: center;
  518. opacity: 0.8;
  519. filter:alpha(opacity=0.8);
  520. }
  521.  
  522.  
  523. .permalink {
  524. font-family: calibri;
  525. font-size: 10px;
  526. color: {color:Post Text};
  527. text-transform: ;
  528. text-align: center;
  529. width: 400px;
  530. float: left;
  531. margin-left: 10px;
  532. }
  533.  
  534. .permalink b {
  535. color: {color:Post Bold};
  536. font-weight: normal;
  537. }
  538.  
  539. .permalink a {
  540. color: {color:Post Link};
  541. text-decoration: none;
  542. }
  543.  
  544. #date {
  545. color: {color:Sidebar Italic};
  546. }
  547.  
  548. ol.notes {
  549. padding: 0px;
  550. margin: 15px 0px;
  551. list-style-type: none;
  552. background: transparent;
  553. border: 0px;
  554. letter-spacing: 0px;
  555. }
  556.  
  557. ol.notes li.note {
  558. padding: 1px;
  559. text-align: left;
  560. letter-spacing: 0px;
  561. }
  562.  
  563. .notes img{
  564. width: 20px;
  565. position: relative;
  566. top: 1px;
  567. opacity: 1;
  568. }
  569.  
  570. iframe#tumblr_controls {
  571. position: fixed !important;
  572. right:0px !important;
  573. -moz-transition: all 0.8s ease-out;
  574. -webkit-transition: opacity 0.7s linear;
  575. -webkit-transition: all 0.8s ease-out;
  576. transition: all 0.8s ease-out;
  577. opacity: 0.5;}
  578.  
  579. iframe#tumblr_controls:hover {
  580. -webkit-transition: opacity 0.7s linear;
  581. -moz-transition: all 0.4s ease-out;
  582. -webkit-transition: all 0.4s ease-out;
  583. transition: all 0.4s ease-out;
  584. opacity: 1;}
  585.  
  586. #terrima{
  587. -webkit-animation:fadeInDownBig 3s;
  588. -moz-animation:fadeInDownBig 3s;
  589. -ms-animation:fadeInDownBig 3s;
  590. color: #000;
  591. z-index:100;
  592. position:fixed;
  593. font-size: 11px;
  594. width: 225px;
  595. margin-top: 90px;
  596. margin-left: 663px;
  597. padding-top:5px;
  598. padding-left:12px;
  599. padding-right:12px;
  600. padding-bottom:2px;
  601. text-align:center;
  602. background-color: #cccccc;
  603. border-bottom-right-radius:0px;
  604. border-top-right-radius:10px;
  605. border-top-left-radius:10px;
  606. border-bottom-left-radius:0px;
  607. }
  608.  
  609. #terrima a {
  610. color: #fff;
  611. padding-bottom:10px;
  612. border-bottom:0px dashed #aaa;
  613. }
  614.  
  615. #pink {
  616. -webkit-animation:fadeInDownBig 3s;
  617. -moz-animation:fadeInDownBig 3s;
  618. -ms-animation:fadeInDownBig 3s;
  619. width: 2;
  620. height: 0;
  621. z-index:999999999;
  622. border-top: 20px solid #acacac;
  623. border-right: 20px solid transparent;
  624. margin-top:110px;
  625. position:fixed;
  626. margin-left:892px;
  627.  
  628. }
  629.  
  630. #blue {
  631. -webkit-animation:fadeInDownBig 3s;
  632. -moz-animation:fadeInDownBig 3s;
  633. -ms-animation:fadeInDownBig 3s;
  634. width: 2;
  635. height: 0;
  636. border-top: 22px solid #acacac;
  637. border-left: 20px solid transparent ;
  638. position:fixed;
  639. margin-top:110px;
  640. margin-left:662px;
  641. opacity:1;
  642. z-index:100;
  643. overflow:hidden;
  644. }
  645.  
  646. #musicplayer {
  647. position: fixed !important;
  648. right:0px !important;
  649. top:40px !important;
  650. -moz-transition: all 0.8s ease-out;
  651. -webkit-transition: opacity 0.7s linear;
  652. -webkit-transition: all 0.8s ease-out;
  653. transition: all 0.8s ease-out;
  654. width: 104px;
  655. height: 25px;
  656. opacity:0.2;
  657. }
  658.  
  659. .links {
  660. width: 60px;
  661. height: 5px;
  662. padding: 6px;
  663. background: white;
  664. margin-right: -1px;
  665. margin-top: 3px;
  666. font-family:helvetica;
  667. font-size:8px;
  668. letter-spacing:1px;
  669. line-height: 5px;
  670. display: inline-block;
  671. text-align:center;
  672. -webkit-transition: 0.4s;
  673. }
  674.  
  675. .links:hover {
  676. background: #000;
  677. color: #fff;
  678. -webkit-transition: all 0.4s;
  679. }
  680.  
  681. .links:hover a {
  682. color: #fff;
  683. }
  684.  
  685. #credz {
  686. position: fixed !important;
  687. right:5px !important;
  688. bottom:7px !important;
  689. font-family:helvetica;
  690. font-size:13px;
  691. line-height: 12px;
  692. color: {color:SidebarLink};
  693. -moz-transition: all 0.8s ease-out;
  694. -webkit-transition: opacity 0.7s linear;
  695. -webkit-transition: all 0.8s ease-out;
  696. transition: all 0.8s ease-out;
  697. }
  698.  
  699.  
  700. </style>
  701.  
  702. {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  703.  
  704. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  705.  
  706. <script>
  707. $(function(){
  708. var $container = $('#posts');
  709. $container.imagesLoaded(function(){
  710. $container.masonry({
  711. itemSelector: '.entry',
  712. });
  713. });
  714. $container.infinitescroll({
  715. itemSelector : ".entry",
  716. navSelector : "div.pagination",
  717. nextSelector : ".pagination a#next",
  718. loadingImg : "",
  719. loadingText : "<em></em>",
  720. bufferPx : 10000,
  721. extraScrollPx: 12000,
  722. },
  723. // trigger Masonry as a callback
  724. function( newElements ) {
  725. var $newElems = $( newElements ).css({ opacity: 0 });
  726. // ensure that images load before adding to masonry layout
  727. $newElems.imagesLoaded(function(){
  728. $newElems.animate({ opacity: 1 });
  729. $container.masonry( 'appended', $newElems, true );
  730. });
  731. }
  732. );
  733. });
  734. </script>{/block:IndexPage}
  735.  
  736. </head>
  737. <body>
  738. <div id="sidebarbg"></div>
  739. <div id="terrima">
  740. <div id="title"><a href="/">{Title}</a></div>
  741. </div>
  742. <div id="pink"></div><div id="blue"></div>
  743. <div id="sidebar">
  744. <div id="desc">
  745. {block:IfSidebarImage}<a href="/"><img src="{image:Sidebar}" width="210" height=auto/></a><br />{/block:IfSidebarImage}
  746. {Description}
  747. <br /><br><a href="/">home</a> {text:Custom Link Seperator} <a href="/ask">ask</a> {block:IfCustomLinkOne} {text:Custom Link Seperator} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a> {/block:IfCustomLinkOne}{block:IfCustomLinkTwo} {text:Custom Link Seperator} <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> {/block:IfCustomLinkTwo} {block:IfCustomLinkThree} {text:Custom Link Seperator} <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:IfCustomLinkThree}
  748. </div>
  749. </div>
  750. </div></div>
  751.  
  752. <div class="pagination">
  753. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  754. </div>
  755. </div>
  756.  
  757. <div id="posts">
  758. {block:Posts}
  759.  
  760. <div class="entry">
  761.  
  762. {block:Text}
  763. {block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
  764. <span class="entrytext">{Body}</span></a>
  765. {block:IndexPage}
  766. <div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  767. {/block:IndexPage}
  768. {/block:Text}
  769.  
  770. {block:Photo}
  771. {block:IndexPage}<div class="permalink">
  772. <a href="{Permalink}">{notecountwithlabel}</a> • <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
  773. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="">{LinkCloseTag}</center>
  774. {block:PermalinkPage}{block:HighRes}<a href="{PhotoURL-HighRes}">High Resolution &raquo;</a>{/block:HighRes}{/block:PermalinkPage}
  775. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  776. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  777. {Caption}
  778. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  779. {/block:Photo}
  780.  
  781. {block:Photoset}
  782. {block:IndexPage}<div class="permalink">
  783. Posted: <a href="{Permalink}">{TimeAgo}</a> ~ <a href="{Permalink}">{notecountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
  784. <div class="photo">{block:IndexPage}{Photoset-250}{/block:IndexPage}
  785. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  786. {/block:Photoset}
  787.  
  788. {block:Quote}
  789. <div class="quote">&#10077;</div>
  790. <h2>{Quote}</h2>
  791. {block:Source}<div style="border-right: 4px solid #dedede; text-align: right; padding-right: 2px; font-family: calibri; text-transform: ; letter-spacing: 1px;">{Source}</div>{/block:Source}
  792. {block:IndexPage}
  793. <br /><div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  794. {/block:IndexPage}
  795. {/block:Quote}
  796.  
  797. {block:Link}
  798. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  799. {block:Description}{Description}{/block:Description}
  800. {block:IndexPage}
  801. <div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  802. {/block:IndexPage}
  803. {/block:Link}
  804.  
  805. {block:Chat}
  806. {block:Title}<h1>{Title}</h1>{/block:Title}
  807. {block:Lines}
  808. {block:Label}
  809. <b>{Label}</b>
  810. {/block:Label}
  811. {Line}<br />
  812. {/block:Lines}
  813. {block:IndexPage}
  814. <br /><div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  815. {/block:IndexPage}
  816. {/block:Chat}
  817.  
  818. {block:Audio}
  819. {block:AlbumArt}<div style="margin-bottom: 3px;"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  820. <div style="background-color: #fff; height: 27px; margin-bottom: 2px;">{AudioPlayer}</div>
  821. <div style="border-left: 5px solid #dedede; padding-left: 5px; font-family: verdana; text-transform: ;">{block:TrackName}{TrackName} / {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  822. {block:IndexPage}
  823. <div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  824. {/block:IndexPage}
  825. {/block:Audio}
  826.  
  827. {block:Video}
  828. {block:IndexPage}{Video-250}{/block:IndexPage}
  829. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  830. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  831. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  832. {Caption}
  833. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  834. {block:IndexPage}
  835. <div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  836. {/block:IndexPage}
  837. {/block:Video}
  838.  
  839. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} said: {Question}&nbsp;</div>{Answer}
  840. {block:IndexPage}
  841. <div class="textperma"><a href="{Permalink}">{notecountwithlabel}</a></span></a></div>
  842. {/block:IndexPage}
  843. {/block:Answer}
  844.  
  845. </div>
  846.  
  847. {block:PermalinkPage}
  848. <div class="permalink">
  849. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  850. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  851. {block:PostNotes}
  852. {PostNotes}
  853. {/block:PostNotes}
  854. </div>
  855. {/block:PermalinkPage}
  856.  
  857. {/block:Posts}
  858. </div>
  859.  
  860.  
  861. <div id="credz"><div style="color:black"><a href="http://slutteen.tumblr.com">✿</a>
  862. </body>
  863. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement