Advertisement
theme_bean

Theme #13

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