API tools faq
paste
Advertisement
feiinho

ultralite

feiinho
Jan 28th, 2012
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7.  
  8. by:
  9. ____ ____ ____ ____ ____ ____ ____ ____
  10. ||D |||O |||I |||N |||W |||O |||R |||K ||
  11. ||__|||__|||__|||__|||__|||__|||__|||__||
  12. |/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|
  13.  
  14.  
  15.  
  16. -->
  17.  
  18.  
  19. <head>
  20.  
  21. <!-- DEFAULT -->
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Title" content="#333333"/>
  24. <meta name="color:Description" content="#BBBBBB"/>
  25. <meta name="color:Post Title" content="#FCB310"/>
  26. <meta name="color:Text" content="#444"/>
  27. <meta name="color:Inline Link" content="#FCB310"/>
  28. <meta name="color:Quote Border" content="#FCB310"/>
  29. <meta name="color:Quote Source" content="#555"/>
  30. <meta name="color:Link Post" content="#FCB310"/>
  31. <meta name="color:Conversation Border" content="#bbb"/>
  32. <meta name="color:Conversation Text" content="#444"/>
  33.  
  34.  
  35.  
  36. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  37. <meta name="text:Disqus Shortname" content="" />
  38. <meta name="if:Show people I follow" content="0"/>
  39. <meta name="if:Show ask sidebar" content="0"/>
  40. <meta name="text:Facebook Shortname" content="" />
  41. <meta name="text:Myspace Shortname" content="" />
  42. <meta name="text:LastFm Shortname" content="" />
  43. <meta name="text:Twitter Shortname" content="" />
  44. <meta name="text:Flickr Shortname" content="" />
  45. <meta name="text:Vimeo Shortname" content="" />
  46. <meta name="text:Youtube Shortname" content="" />
  47. <meta name="text:Delicious Shortname" content="" />
  48. <meta name="text:Digg Shortname" content="" />
  49. <meta name="text:Formspring Shortname" content="" />
  50. <meta name="if:Show post dividers" content="1"/>
  51.  
  52. <!-- END DEFAULT -->
  53.  
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  55. <title>{Title}</title>
  56. <link rel="icon" href="{Favicon}"/>
  57. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  58. <meta name="viewport" content="width=600"/> <!-- iPhone -->
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60.  
  61. <link rel="stylesheet" href="http://static.tumblr.com/xequfu2/HTCkl99d0/sifr-screen.css" type="text/css" media="screen" />
  62. <link rel="stylesheet" href="http://static.tumblr.com/xequfu2/PoWkl99dp/sifr-print.css" type="text/css" media="print" />
  63. <script src="http://static.tumblr.com/xequfu2/nuqkl998u/sifr.js" type="text/javascript"></script>
  64. <script src="http://static.tumblr.com/xequfu2/3sckzd2mg/sifr-config.js" type="text/javascript"></script>
  65.  
  66. <style type="text/css">
  67. body {
  68. background-repeat: no-repeat;
  69.  
  70. {block:IfNotBackgroundImage}
  71. background: {color:Background} top center;
  72. {/block:IfNotBackgroundImage}
  73.  
  74. {block:IfBackgroundImage}
  75. background: {color:Background} url('{image:Background}') top left fixed;
  76. {/block:IfBackgroundImage}
  77.  
  78. font-family:Helvetica Neue Arial Lucida, sans-serif;
  79. }
  80.  
  81. a {
  82. color: {color:Inline Link};
  83. text-decoration: none;
  84. }
  85.  
  86. a:hover {
  87. text-decoration:underline;
  88. }
  89.  
  90. h1 {
  91. color: #333333;
  92. padding: 0;
  93. text-size: 100px;
  94. margin-top: 0px;
  95. margin-bottom: -15px;
  96.  
  97.  
  98. }
  99.  
  100. h1 a {
  101. color: {color:Title};
  102. text-decoration: none;
  103. }
  104.  
  105. .header {
  106. font-family: Helvetica, Neue Arial, Lucida, sans-serif;
  107. margin: 25px 0 50px 0;
  108. width: 100%;
  109.  
  110. }
  111. .header h1 {
  112. line-height:56px;
  113. font-size:100px;
  114. font-weight:100;
  115. letter-spacing:-2px;
  116. text-transform:uppercase;
  117. text-align: center;
  118. z-index:-1;
  119. }
  120. .header h1 a {
  121. font-weight:normal;
  122. border:0 !important;
  123. text-decoration: none;
  124. }
  125.  
  126. .header h2 {
  127. font-family: Helvetica Neue, Arial, Lucida, sans-serif;
  128. color:{color:Description};
  129. font-size:16px;
  130. font-weight:200;
  131. letter-spacing:-1px;
  132. line-height:22px;
  133. text-align:center;
  134. margin-right:55px;
  135.  
  136. }
  137.  
  138. div#content {
  139. width: 550px;
  140. margin: auto;
  141. position: relative;
  142. margin-top: 30px;
  143. background: #ffffff;
  144. padding:10px;
  145. -webkit-border-radius: 5px;
  146. -moz-border-radius: 5px;
  147. border-radius: 5px;
  148. padding:30px 10px 10px;
  149.  
  150. }
  151.  
  152. div#content div#sidebar {
  153. position: absolute;
  154. right: -170px;
  155. width: 160px;
  156. text-align: left;
  157. }
  158.  
  159. div#sidebar {
  160. font: Normal 16px Helvetica Neue Arial Lucida, sans-serif;
  161. line-height: 20px;
  162. color: {color:Description};
  163. }
  164.  
  165. div#sidebar a {
  166. color: #333333;
  167. border:none;
  168. }
  169.  
  170. div#sidebar a img {
  171. border:none;
  172. }
  173. div#sidebar div.pages {
  174. font: 14px Helvetica Neue, Arial, Lucida, serif;
  175. font-weight: 200;
  176. list-style: none;
  177. margin-top: 15px;
  178. }
  179. div.pages ol.pages {
  180. text-decoration: none;
  181. font-size: 16px;
  182. color: #333333;
  183. margin-top:-5px;
  184. font-style: italic;
  185. margin-left:-15px;
  186. padding-top:7px;
  187. text-decoration:none;
  188. list-style: none;
  189.  
  190. }
  191. ol.pages li a:hover{
  192. text-decoration: underline;
  193. }
  194.  
  195.  
  196. ol.pages li a{
  197. text-decoration:none;
  198. color:#333;
  199. }
  200.  
  201. div#sidebar div.pages li a:hover {
  202. text-decoration: underline;
  203.  
  204. }
  205.  
  206. div#sidebar div.sidebar-bottom{
  207. margin: 5px 0;
  208.  
  209. }
  210. div.post {
  211. position: relative;
  212. margin-bottom: 100px;
  213. text-decoration: none;
  214. }
  215.  
  216.  
  217. div.post div.datetime {
  218. font-size: 12px;
  219. line-height: 150%;
  220. color: #555;
  221. padding: 0 45px 20px 0;
  222. text-align: right;
  223. margin-top:-20px;
  224. }
  225. div.post div.datetime a {
  226. color: #666;
  227. }
  228. div.post div.datetime a:hover {
  229. text-decoration:underline;
  230. color: {color:InlineLink};
  231. }
  232.  
  233. div.post div.disqus {
  234. font-size: 12px;
  235. line-height: 150%;
  236. color: #555;
  237. padding: 0 45px 20px 0;
  238. text-align: right;
  239. margin-top:-20px;
  240. }
  241.  
  242. div.post div.disqus a {
  243. color: {color:InlineLink};
  244. }
  245.  
  246. div.post div.post-bottom {
  247. margin-left: 15px;
  248. margin-top:-15px;
  249.  
  250. }
  251.  
  252. div.post h2 {
  253. font-size: 40px;
  254. color: {color:Post Title};
  255. letter-spacing: -1px;
  256. margin: 0px 0px 5px 0px;
  257. text-decoration: none;
  258. text-shadow:1px 1px 4px #E1E1E1;
  259. line-height: 33px;
  260. }
  261.  
  262. div.post h2 a {
  263. color: {color:Post Title};
  264. text-decoration: none;
  265. font-family: Helvetica Neue, sans-serif;
  266. font-weight: 100;
  267. }
  268.  
  269. div.post div.caption {
  270. font-size: 12px;
  271. font-style: italic;
  272. color: {color:Text};
  273. margin-top: 10px;
  274. padding: 0px 20px 0px 20px;
  275. text-decoration: none;
  276. border:none;
  277. margin-bottom: 50px;
  278. }
  279.  
  280. div.post div.caption a {
  281. color:{color:Inline Link};
  282. text-decoration: none;
  283. border:none;
  284. }
  285.  
  286. div.post div.caption a:hover {
  287. color:{color:Inline Link};
  288. text-decoration: underline;
  289. border:none;
  290. }
  291.  
  292. /* text Post */
  293.  
  294. div.post div.text {
  295. font-size: 12px;
  296. color: {color:Text};
  297. line-height: 20px;
  298. text-decoration: none;
  299. }
  300.  
  301. div.post div.text a {
  302. color:{color:Inline Link};
  303. }
  304.  
  305.  
  306. div.post div.text blockquote {
  307. font-style: italic;
  308. border-left: solid 2px {color:Text};
  309. padding-left: 10px;
  310. }
  311. /* Photo Post */
  312.  
  313. div.post div.photo img {
  314. border-width: 0px;
  315. margin:0 25px auto;
  316. }
  317.  
  318. div.post div.photo div.caption {
  319. font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
  320. line-height: 16px;
  321. color: {color:Caption};
  322. }
  323.  
  324. /* Photoset Post */
  325.  
  326. div.post div.photoset img {
  327. border-width: 0px;
  328. margin:0 25px auto;
  329. }
  330.  
  331. div.post div.photoset div.caption {
  332. font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
  333. line-height: 16px;
  334. color: {color:Caption};
  335. }
  336.  
  337.  
  338. /* Quote Post */
  339.  
  340. div.post div.quote div.quote_text {
  341. font-family: Helvetica Neue, Arial Lucida, sans-serif;
  342. color: {color:Quote};
  343. border-left: solid 2px {color:Quote Border};
  344. padding-left: 10px;
  345. }
  346.  
  347. div.post div.quote div.quote_text span.short {
  348. font-size: 40px;
  349. line-height: 40px;
  350. letter-spacing: -1px;
  351. font-weight:100;
  352. }
  353.  
  354. div.post div.quote div.quote_text span.medium {
  355. font-size: 26px;
  356. line-height: 40px;
  357. letter-spacing: -1px;
  358. font-weight:100;
  359. }
  360.  
  361.  
  362.  
  363. div.post div.quote div.quote_text span.long {
  364. font-size: 26px;
  365. line-height: 20px;
  366. font-weight:100;
  367. }
  368.  
  369. div.post div.quote div.quote_text a {
  370. color: {color:Quote};
  371. }
  372.  
  373. div.post div.quote div.source {
  374. font-size: 12px;
  375. color: {color:Quote Source};
  376. margin-top: 5px;
  377. }
  378.  
  379. div.post div.quote div.source a {
  380. color: {color:Quote Source};
  381. }
  382.  
  383. /* Link Post */
  384.  
  385. div.post div.link a.link {
  386. font: Bold 26px Helvetica Neue, Arial, Lucida, sans-serif;
  387. letter-spacing: -1px;
  388. color: {color:Link Post};
  389. text-decoration: none;
  390. text-shadow: 0 1px 0 #fff, 0 -1px 0 #666666;
  391. background: #e1e1e1;
  392. padding: 5px 10px;
  393. -moz-box-shadow: 2px 3px 3px rgba(120, 120, 120, .3);
  394. -webkit-border-radius: 3px;
  395. -moz-border-radius: 3px;
  396. border-radius: 3px;
  397.  
  398. }
  399.  
  400. div.post div.link a.link:hover {
  401. -moz-box-shadow:
  402. 2px 3px 3px rgba(0, 0, 0, .3);
  403. -2px -2px 0 #fff,
  404.  
  405. }
  406.  
  407. div.post div.link span.description {
  408. font-size: 12px;
  409. font-weight: normal;
  410. color: {color:Text};
  411. text-decoration: none;
  412. }
  413.  
  414. /* Conversation Post */
  415.  
  416. div.post div.chat ul {
  417. list-style-type: none;
  418. margin: 0px;
  419. padding: 0px 0px 0px 1px;
  420. border-left: solid 5px {color:Conversation Border};
  421. }
  422.  
  423. div.post div.chat ul li {
  424. font-size: 12px;
  425. padding: 4px 10px 4px 8px;
  426. color: {color:Conversation Text};
  427. margin-bottom: 1px;
  428. }
  429.  
  430. div.post div.chat ul li span.label {
  431. font-weight: bold;
  432. }
  433.  
  434. div.post div.chat ul li span.user_1
  435.  
  436. div.post div.chat ul li span.user_2
  437.  
  438. div.post div.chat ul li span.user_3 {
  439. color: #0a0;
  440. }
  441.  
  442. div.post div.chat ul li.odd {
  443. background-color: #f4f4f4;
  444. }
  445.  
  446. div.post div.chat ul li.even {
  447. background-color: #d6d6d6;
  448. }
  449.  
  450. /* Audio Post */
  451.  
  452. .stat-audio .stat-audio-wrapper {
  453. width: 496px;
  454. overflow: hidden;
  455. margin-bottom: 25px;
  456. }
  457.  
  458. .stat-audio .stat-extra-padding {
  459. padding: 17px 9px !important;
  460. background-color: #ffffff;
  461. }
  462.  
  463. .stat-audio .stat-audio-wrapper a {
  464. color: #111;
  465. border-bottom: 1px dotted #8C8C8C;
  466. }
  467.  
  468. .stat-audio .stat-audio-album-art {
  469. float: left;
  470. display: inline-block;
  471. margin: 0;
  472. border: 1px solid #ececec;
  473. background-color: #e1e1e1;
  474. padding: 4px;
  475. vertical-align: top;
  476. -webkit-border-radius: 3px;
  477. -webkit-border-top-right-radius: 0;
  478. -moz-border-radius: 3px;
  479. -moz-border-radius-topright: 0;
  480. border-radius: 3px;
  481. border-top-right-radius: 0;
  482.  
  483. }
  484.  
  485. .stat-audio .stat-audio-album-art img {
  486. width: 150px;
  487. height: 150px;
  488. vertical-align: top;
  489. }
  490.  
  491. .stat-audio .stat-audio-player {
  492. background-color: #666666;
  493. display: inline-block;
  494. }
  495.  
  496. .stat-audio .stat-extra-padding .stat-audio-player {
  497. border-radius: 3px;
  498. -webkit-border-radius: 3px;
  499. -moz-border-radius: 3px;
  500. border-bottom:1px solid #333333;
  501. border-right:1px solid #333333;
  502. padding-bottom:0;
  503. padding-right:1px;
  504. }
  505.  
  506. .stat-audio .stat-audio-wrapper embed {
  507. vertical-align: top;
  508. }
  509.  
  510. .stat-audio .stat-extra-padding embed {
  511. vertical-align: baseline !important;
  512. }
  513.  
  514. .stat-audio .stat-audio-play-count,
  515. .stat-audio .stat-audio-player .audio_player {
  516. display: inline-block;
  517. vertical-align: middle;
  518. }
  519.  
  520. .stat-audio .stat-extra-padding .stat-audio-player .audio_player {
  521. overflow: hidden;
  522. height: 28px;
  523. width: 28px;
  524. }
  525.  
  526. .stat-audio .stat-audio-play-count {
  527. padding: 6px 10px 7px;
  528. font: normal 11px/15px Helvetica, sans-serif;
  529. text-transform: uppercase;
  530. letter-spacing: 4px;
  531. }
  532.  
  533. .stat-audio .stat-audio-play-count .stat-audio-download {
  534. font-weight: bold;
  535. letter-spacing: 0 !important;
  536. }
  537.  
  538. .stat-audio .stat-audio-album-art,
  539. .stat-audio .stat-audio-left {
  540. float: left;
  541. }
  542.  
  543. .stat-audio .stat-extra-padding .stat-audio-left {
  544. width: 326px;
  545. }
  546.  
  547. .stat-audio .stat-audio-artist,
  548. .stat-audio .stat-audio-song {
  549. padding: 8px;
  550. background-color: #e1e1e1;
  551. margin: 10px 0 0;
  552. -webkit-border-top-right-radius: 3px;
  553. -webkit-border-bottom-right-radius: 3px;
  554. -moz-border-radius-topright: 3px;
  555. -moz-border-radius-bottomright: 3px;
  556. border-top-right-radius: 3px;
  557. border-bottom-right-radius: 3px;
  558. }
  559.  
  560.  
  561. /* Video Post */
  562.  
  563. div.post div.video {
  564. width: 500px;
  565. margin: 0 auto;
  566. }
  567.  
  568. /* Ask Post */
  569.  
  570. .answer {
  571. width: 465px;
  572. margin-bottom: 50px
  573. }
  574. .answer-question .body {
  575. -webkit-border-radius: 3px;
  576. -moz-border-radius: 3px;
  577. border-radius: 3px;
  578. background: #e1e1e1;
  579. padding: 7px 16px;
  580. width: 365px;
  581. float: left;
  582. line-height: 1.4;
  583. margin-bottom: 15px;
  584. font-size: 24px;
  585. overflow: hidden;
  586. font-weight: 100;
  587. font-family: "Helvetica Neue","Helvetica","Impact",sans-serif;
  588. font-style: italic;
  589.  
  590. }
  591. .answer-asker {
  592. font-size:12px;
  593. line-height:0px;
  594. margin-left:38px;
  595. }
  596.  
  597. .answer-asker a {
  598. color: {color:Inline Link};
  599. font-weight: bold;
  600. font-style: italic;
  601. }
  602.  
  603. .answer-answer {
  604. margin-top: 22px;
  605. }
  606. .answer-label {
  607. width: 35px;
  608. float: left;
  609. color: {color:Accent};
  610. font-family: "Helvetica Neue","Helvetica","Impact",sans-serif;
  611. font-size: 17px;
  612. overflow: hidden;
  613. line-height: 45px;
  614. }
  615. .answer-answer .body {
  616. padding-left: 53px;
  617. font-weight: 400;
  618. font-size: 15px;
  619. font-family: "Helvetica Neue","Helvetica","Impact",sans-serif;
  620. line-height: 49px;
  621. color: #333333;
  622. padding-top:1px;
  623. width:365px;
  624. }
  625.  
  626. .answer-answer .body p {
  627. line-height:18px;
  628. }
  629.  
  630. #sidebar1 {
  631. width: 275px;
  632. margin-left:10px;
  633. margin-top:20px;
  634. }
  635.  
  636. #following {
  637. padding:10px 60px 0 10px;
  638. margin-left: -10px;
  639. }
  640.  
  641. #following a img:hover {
  642. opacity: 0.4;
  643. filter: alpha(opacity=40);
  644. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  645. }
  646. #following a img {
  647. margin: 2px;
  648. }
  649.  
  650.  
  651. .post.text .type{ background-position: 0 -265px; }
  652. .post.photo .type{ background-position: 0 -232px; }
  653. .post.link .type{ background-position: 0 -200px;}
  654. .post.quote .type{ background-position: 0 -167px; }
  655. .post.chat .type{ background-position: 0 -134px; }
  656. .stat-audio .type{ background-position: 0 -102px; }
  657. .post.video .type{ background-position: 0 -70px; margin-left: -30px; }
  658. .post.photoset .type{ background-position: 0 -36px; }
  659. .answer .type{ background-position: 0 -2px; }
  660.  
  661.  
  662. .type{
  663. display:block;
  664. width: 38px;
  665. height: 32px;
  666. text-indent:-99999px;
  667. margin-bottom:4px;
  668. background: url(http://static.tumblr.com/xequfu2/IGml46jev/icons.png) no-repeat top left;
  669. opacity:0.4;
  670. }
  671.  
  672. .type:hover{
  673. opacity:0.99;
  674. }
  675.  
  676. .postinfo{
  677. position:absolute;
  678. display:block;
  679. top:0px;
  680. left:-63px;
  681. width:38px;
  682. }
  683.  
  684. #home {
  685. background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -1px ;
  686. height:30px;
  687. cursor:pointer;
  688. }
  689. #home:hover {
  690. background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -31px;
  691. }
  692.  
  693. #random {
  694. background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -1px ;
  695. height:30px;
  696. cursor:pointer;
  697. }
  698. #random:hover {
  699. background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -31px;
  700. }
  701.  
  702. #archive {
  703. background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -1px ;
  704. height:30px;
  705. cursor:pointer;
  706. }
  707. #archive:hover {
  708. background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -31px;
  709. }
  710.  
  711. #pages_nav {
  712. background:url(http://static.tumblr.com/xequfu2/Yrgkzd2tm/pages.png) no-repeat 0px -31px ;
  713. height:30px;
  714. margin-top: 10px;
  715. }
  716.  
  717.  
  718. #blank {
  719. background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -1px ;
  720. height:30px;
  721. cursor:pointer;
  722. }
  723. #blank:hover {
  724. background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -31px;
  725. }
  726.  
  727. #tumbltape {
  728. background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -1px ;
  729. height:30px;
  730. cursor:pointer;
  731. }
  732. #tumbltape:hover {
  733. background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -31px;
  734. }
  735.  
  736. #search {
  737. background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -1px ;
  738. height:30px;
  739. cursor:pointer;
  740. margin-bottom: -18px;
  741. margin-left: 10px;
  742. padding-left: 30px;
  743. }
  744. #search:hover {
  745. background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -31px;
  746. }
  747.  
  748. #rss {
  749. background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -1px ;
  750. height:30px;
  751. cursor:pointer;
  752. }
  753. #rss:hover {
  754. background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -31px;
  755. }
  756.  
  757. #download {
  758. background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -1px ;
  759. height:30px;
  760. cursor:pointer;
  761. }
  762. #download:hover {
  763. background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -31px;
  764. }
  765.  
  766. #myspace {
  767. background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -1px ;
  768. height:30px;
  769. cursor:pointer;
  770. }
  771. #myspace:hover {
  772. background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -31px;
  773. }
  774.  
  775. #last {
  776. background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -1px ;
  777. height:30px;
  778. cursor:pointer;
  779. }
  780. #last:hover {
  781. background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -31px;
  782. }
  783.  
  784. #flickr {
  785. background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -1px ;
  786. height:30px;
  787. cursor:pointer;
  788. }
  789. #flickr:hover {
  790. background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -31px;
  791. }
  792.  
  793. #vimeo {
  794. background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -1px ;
  795. height:30px;
  796. cursor:pointer;
  797. }
  798. #vimeo:hover {
  799. background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -31px;
  800. }
  801.  
  802. #youtube {
  803. background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -1px ;
  804. height:30px;
  805. cursor:pointer;
  806. }
  807. #youtube:hover {
  808. background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -31px;
  809. }
  810.  
  811. #delicious {
  812. background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -1px ;
  813. height:30px;
  814. cursor:pointer;
  815. }
  816. #delicious:hover {
  817. background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -31px;
  818. }
  819.  
  820. #digg {
  821. background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -1px ;
  822. height:30px;
  823. cursor:pointer;
  824. }
  825. #digg:hover {
  826. background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -31px;
  827. }
  828.  
  829. #facebook {
  830. background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -1px ;
  831. height:30px;
  832. cursor:pointer;
  833. }
  834. #facebook:hover {
  835. background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -31px;
  836. }
  837.  
  838. #twitter {
  839. background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -1px ;
  840. height:30px;
  841. cursor:pointer;
  842. }
  843. #twitter:hover {
  844. background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -31px;
  845. }
  846.  
  847. #ask {
  848. background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -1px ;
  849. height:30px;
  850. cursor:pointer;
  851. }
  852. #ask:hover {
  853. background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -31px;
  854. }
  855.  
  856. #formspring {
  857. background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -1px ;
  858. height:30px;
  859. cursor:pointer;
  860. }
  861. #formspring:hover {
  862. background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -31px;
  863. }
  864.  
  865. ol.notes{
  866. font-size:15px;
  867. margin-bottom:20px;
  868. font-family: Helvetica neue, Helvetica, arial, lucida, sans-serif;
  869. font-weight: 200;
  870.  
  871. }
  872.  
  873. ol.notes li{
  874. border-bottom:1px dashed #999999;
  875. margin-bottom:5px;
  876. overflow:hidden;
  877. padding:14px 50px 13px 14px;
  878. position:relative;
  879. width:400px;
  880. }
  881.  
  882. ol.notes li a img{
  883. padding:4px;
  884. border: none;
  885. float:left;
  886. width:16px;
  887. height:16px;
  888. }
  889.  
  890.  
  891. ol.notes li a{
  892. font-weight:bold;
  893. text-decoration:none;
  894. color:#333;
  895. }
  896.  
  897. ol.notes li span.action{
  898. margin-left:10px;
  899. float:left;
  900. }
  901.  
  902. ol.notes blockquote {
  903. font-size:13px;
  904. font-weight:normal !important;
  905. padding-left:35px;
  906.  
  907. }
  908.  
  909. ol.notes blockquote a{
  910. font-weight:normal !important;
  911. }
  912.  
  913. /* Footer */
  914.  
  915. div#footer {
  916. font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
  917. margin: 40px 0px 30px 0px;
  918. text-align: center;
  919. font-size: 12px;
  920. font-weight: 100;
  921. color: {color:Description};
  922. }
  923.  
  924. div#footer a {
  925. text-decoration: none;
  926. font-size: 40px;
  927. color: {color:Description};
  928. }
  929.  
  930. div#footer a:hover {
  931. text-decoration: underline;
  932. color: {color:Title};
  933. }
  934.  
  935.  
  936. div#credit {
  937. font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
  938. margin-top: 15px;
  939. }
  940. div#credit a {
  941. text-decoration: none;
  942. font-size: 12px;
  943. color: {color:Inline Link};
  944. }
  945. a.install {
  946. width: 96px;
  947. height: 20px;
  948. background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  949. display: block;
  950. position: absolute;
  951. top: 26px;
  952. right: 3px;
  953. }
  954.  
  955. {CustomCSS}
  956. </style>
  957.  
  958.  
  959.  
  960. </head>
  961. <body>
  962.  
  963.  
  964. <a href="http://www.tumblr.com/theme/849" class="install"></a>
  965. <div class="header">
  966. <h1><a href="/">{Title}</a></h1>
  967. <h2>{Description}</h2>
  968. </div>
  969.  
  970. <div id="content">
  971.  
  972. <div id="sidebar">
  973.  
  974.  
  975. <div id="search">
  976. <form method="get" action="/search">
  977. <input type="text" value="{SearchQuery}" name="q"/>
  978. </form>
  979. </div>
  980. <div id="sidebar1">
  981. <a href="/"><div id="home"></div></a>
  982. <a href="/random"><div id="random"></div></a>
  983. <a href="/archive"><div id="archive"></div></a>
  984. <a href="{RSS}"><div id="rss"></div></a>
  985. {block:IfShowAskSidebar}
  986. <a href="/ask"><div id="ask"></div></a>
  987. {/block:IfShowAskSidebar}
  988.  
  989.  
  990. {block:IfFacebookShortname}
  991. <a href="http://facebook.com/{text:Facebook Shortname}"><div id="facebook"></div></a>
  992. {/block:IfFacebookShortname}
  993. {block:IfMyspaceShortname}
  994. <a href="http://myspace.com/{text:Myspace Shortname}"><div id="myspace"></div></a>
  995. {/block:IfMyspaceShortname}
  996. {block:IfLastFmShortname}
  997. <a href="http://last.fm/user/{text:LastFm Shortname}"><div id="last"></div></a>
  998. {/block:IfLastFmShortname}
  999. {block:IfTwitterShortname}
  1000. <a href="http://twitter.com/{text:Twitter Shortname}"><div id="twitter"></div></a>
  1001. {/block:IfTwitterShortname}
  1002. {block:IfFlickrShortname}
  1003. <a href="http://flickr.com/{text:Flickr Shortname}"><div id="flickr"></div></a>
  1004. {/block:IfFlickrShortname}
  1005. {block:IfVimeoShortname}
  1006. <a href="http://vimeo.com/{text:Vimeo Shortname}"><div id="vimeo"></div></a>
  1007. {/block:IfVimeoShortname}
  1008. {block:IfYoutubeShortname}
  1009. <a href="http://youtube.com/{text:Youtube Shortname}"><div id="youtube"></div></a>
  1010. {/block:IfYoutubeShortname}
  1011. {block:IfDeliciousShortname}
  1012. <a href="http://delicious.com/{text:Delicious Shortname}"><div id="delicious"></div></a>
  1013. {/block:IfDeliciousShortname}
  1014. {block:IfDiggShortname}
  1015. <a href="http://digg.com/{text:Digg Shortname}"><div id="digg"></div></a>
  1016. {/block:IfDiggShortname}
  1017. {block:IfFormspringShortname}
  1018. <a href="http://formspring.me/{text:Formspring Shortname}"><div id="formspring"></div></a>
  1019. {/block:IfFormspringShortname}
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027. <div class="pages">
  1028. {block:HasPages}
  1029. <div class="sidebar-bottom">
  1030. <img src="http://static.tumblr.com/xequfu2/gOMkzd2on/sidebar_bottom.png"/>
  1031. </div>
  1032. <div id="pages_nav"></div>
  1033. {block:Pages}
  1034. <div id="blank"><ol class="pages"><li><a href="{URL}">&#32;{Label}</a></li></ol></div>
  1035. {/block:Pages}
  1036. {/block:HasPages}
  1037. </div>
  1038.  
  1039.  
  1040. {block:IfShowPeopleIFollow}
  1041. {block:Following}
  1042. <div id="following">
  1043. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed}
  1044. </div>
  1045. {/block:Following}
  1046. {/block:IfShowPeopleIFollow}
  1047. </div>
  1048.  
  1049.  
  1050.  
  1051.  
  1052. </div>
  1053.  
  1054.  
  1055. {block:Posts}<div class="permalink">
  1056. {NoteCountWithLabel}
  1057. <a href="{permalink}"> ∞ Permalink</a> +
  1058. <a href="{ReblogURL}" target="_blank">Reblog</a>
  1059. </div>
  1060. <div class="post">
  1061.  
  1062.  
  1063.  
  1064. {block:Text}
  1065. <div class="post text">
  1066. <div class="postinfo">
  1067. <a href="{permalink}" class="type">Text Post</a></div>
  1068. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1069. {Body}
  1070. </div>
  1071. {/block:Text}
  1072.  
  1073.  
  1074. {block:Photo}
  1075. <div class="post photo">
  1076. <div class="postinfo">
  1077. <a href="{permalink}" class="type">Photo Post</a></div>
  1078.  
  1079. {LinkOpenTag}<img src="{PhotoURL-HighRes}" style="max-width:15000px";" alt="{PhotoAlt}"/>{LinkCloseTag}
  1080. {block:Caption}
  1081. <div class="caption">{Caption}</div>
  1082. {/block:Caption}
  1083. </div>
  1084. {/block:Photo}
  1085.  
  1086. {block:Photoset}
  1087. <div class="post photoset">
  1088. <div class="postinfo">
  1089. <a href="{permalink}" class="type">Photoset Post</a></div>
  1090. {Photoset-500}
  1091. {block:Caption}
  1092. <div class="copy">{Caption}</div>
  1093. {/block:Caption}
  1094. </div>
  1095. {/block:Photoset}
  1096.  
  1097. {block:Quote}
  1098. <div class="post quote">
  1099. <div class="postinfo">
  1100. <a href="{permalink}" class="type">Quote Post</a></div>
  1101. <div class="quote_text"><span class="{Length}">{Quote}</span></div>
  1102. {block:Source}
  1103. <div class="source">&mdash; {Source}</div>
  1104. {/block:Source}
  1105. </div>
  1106. {/block:Quote}
  1107.  
  1108. {block:Link}
  1109. <div class="post link">
  1110. <div class="postinfo">
  1111. <a href="{permalink}" class="type">Link Post</a></div>
  1112. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  1113. {block:Description}
  1114. <span class="description">{Description}</span>
  1115. {/block:Description}
  1116. </div>
  1117. {/block:Link}
  1118.  
  1119. {block:Chat}
  1120. <div class="post chat">
  1121. <div class="postinfo">
  1122. <a href="{permalink}" class="type">Chat Post</a></div>
  1123. {block:Title}
  1124. <h2><a href="{Permalink}">{Title}</a></h2>
  1125. {/block:Title}
  1126. <ul>
  1127. {block:Lines}
  1128. <li class="{Alt}">
  1129. {block:Label}
  1130. <span class="label user_{UserNumber}">{Label}</span>
  1131. {/block:Label}
  1132. {Line}
  1133. </li>
  1134. {/block:Lines}
  1135. </ul>
  1136. </div>
  1137. {/block:Chat}
  1138.  
  1139. {block:Audio}
  1140. <div class="stat-audio">
  1141. <div class="postinfo">
  1142. <a href="{permalink}" class="type">Audio Post</a></div>
  1143. <div class="stat-audio-wrapper {block:AlbumArt}stat-extra-padding{/block:AlbumArt}">
  1144. {block:AlbumArt}<div class="stat-audio-album-art"><img src="{AlbumArtURL}" alt /></div>{/block:AlbumArt}
  1145. <div class="stat-audio-left">
  1146. <div class="stat-audio-player">{AudioPlayerBlack}</div>
  1147. <div class="stat-audio-play-count">{FormattedPlayCount} Plays{block:ExternalAudio} <a href="{ExternalAudioURL}" class="stat-audio-download">&rarr;</a>{/block:ExternalAudio}</div>
  1148. {block:Artist}<div class="stat-audio-artist">{Artist}</div>{/block:Artist}
  1149. {block:TrackName}<div class="stat-audio-song">{TrackName}</div>{/block:TrackName}
  1150. </div>
  1151. <div class="stat-clear"></div>
  1152. </div>
  1153. </div>
  1154. {/block:Audio}
  1155.  
  1156. {block:Video}
  1157. <div class="post video">
  1158. <div class="postinfo">
  1159. <a href="{permalink}" class="type">Vid Post</a></div>
  1160. {Video-500}
  1161. {block:Caption}
  1162. <div class="caption">{Caption}</div>
  1163. {/block:Caption}
  1164. </div>
  1165. {/block:Video}
  1166.  
  1167. {block:Answer}
  1168. <div class="answer">
  1169. <div class="postinfo">
  1170. <a href="{permalink}" class="type">Vid Post</a></div>
  1171.  
  1172. <div class="answer-question">
  1173. <div class="answer-label">Q</div>
  1174. <div class="body">
  1175. {Question}
  1176. </div>
  1177. <div class="answer-asker post-{PostID}">
  1178. </div>
  1179. <div class="answer-asker">from:{Asker}</div>
  1180. <div class="clear"></div>
  1181. </div>
  1182.  
  1183. <div class="answer-answer">
  1184. <div class="answer-label">A</div>
  1185. <div class="body">
  1186. {Answer}
  1187. </div>
  1188. </div>
  1189.  
  1190. </div>
  1191. {/block:Answer}
  1192.  
  1193. <div class="datetime">
  1194. Posted <a href="{Permalink}" class="permalink">{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}</a> {block:HasTags}in {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1195. {block:Pagination}{block:Pagination}
  1196. {block:NoteCount} |
  1197. <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  1198. {/block:Pagination}
  1199. {block:SearchPage} |
  1200. {block:NoteCount}&
  1201. <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br />
  1202. {/block:SearchPage}
  1203. {block:PermalinkPage}
  1204. {block:NoteCount} |
  1205. <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br />
  1206. {/block:PermalinkPage}
  1207. </div>
  1208.  
  1209. <div class="disqus">
  1210. {block:IfDisqusShortname}<a class="stat-disqus" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusShortname}
  1211. </div>
  1212.  
  1213. {block:IfShowPostDividers}
  1214. <div class="post-bottom">
  1215.  
  1216. <img src="http://static.tumblr.com/xequfu2/sXBkzd2nw/post_bottom.png"/>
  1217.  
  1218. </div>
  1219. {/block:IfShowPostDividers}
  1220.  
  1221.  
  1222. </div>
  1223. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1224. {/block:Posts}
  1225. {block:JumpPagination length="2000"}
  1226.  
  1227. {block:CurrentPage}
  1228. <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  1229.  
  1230. {block:JumpPage}
  1231. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1232. {/block:JumpPage}
  1233. {/block:JumpPagination}
  1234.  
  1235. {block:IfDisqusShortname}
  1236. {block:PermalinkPage}
  1237. <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
  1238. <script type="text/javascript">
  1239. /**
  1240. * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
  1241. */
  1242. (function() {
  1243. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1244. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1245. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1246. })();
  1247. </script>
  1248. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1249. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1250. {/block:Permalink}<script type="text/javascript">
  1251. var disqus_shortname = '{text:Disqus Shortname}';
  1252. (function () {
  1253. var s = document.createElement('script'); s.async = true;
  1254. s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
  1255. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1256. }());
  1257. </script>
  1258.  
  1259. {/block:PermalinkPage}
  1260. {/block:IfDisqusShortname}
  1261.  
  1262. <div id="footer">
  1263. {block:PreviousPage}
  1264. <a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
  1265. {/block:PreviousPage}
  1266.  
  1267. {block:NextPage}
  1268. <a href="{NextPage}" font-size="36px">Next &#187;</a>
  1269. {/block:NextPage}
  1270.  
  1271.  
  1272.  
  1273. <div id="credit">
  1274. <a href="http://ultralite.tumblr.com">Ultralite</a> Powered by <a href="http://www.tumblr.com/"
  1275. target="_blank">Tumblr</a>
  1276. Designed by:<a href="http://doinwork.tumblr.com/"
  1277. target="_blank">Doinwork</a>
  1278. </div>
  1279. </div>
  1280. </div>
  1281.  
  1282.  
  1283. </body>
  1284. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!