API tools faq
paste
Advertisement
sugane

.04 HARU REDUX EDIT

sugane
Oct 17th, 2013
11,181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. _..._
  4. \_.._ `'-.,--,
  5. '-._'-. `\a\\
  6. '. `_.' (|
  7. `7 ||
  8. / .' |
  9. /_.-' ,J
  10. / \
  11. || / ;
  12. _.. || | | /`\.-.
  13. .' _ `\ `\ \ | \_/__/
  14. / /e)-,\ '. \ /.-` .'\
  15. / | ,_ | /\ `;_.-'_.-'`\_/
  16. / '-(-.)/ \_;(((_.-;
  17. .'--. \ ` .(((_,;`'. \
  18. / `\ | _.--'`__.' `\ '-;\
  19. /` | /.-' .--' '._.'\\
  20. .' ; /__.-'` | \ |
  21. .'`-'_ /_.'))) \_\,_/
  22. / -'_.'---;`'-)))
  23. (__.'/ /` .'`
  24. (_.'/ /` /`
  25. _|.' /` haru redux edit by tetralyte
  26. .-` __.'| http://tetralyte.tumblr.com/
  27. .-'|| |
  28. \_`/
  29. `
  30. -->
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33. <!-- DEFAULT VARIABLES -->
  34. <meta name="color:Background" content="#ffffff" />
  35. <meta name="color:Links" content="#f59aaf" />
  36. <meta name="color:Borders" content="#000" />
  37. <meta name="color:Tags" content="#000" />
  38. <meta name="color:Permalink" content="#f59aaf">
  39. <meta name="color:Scrollbar" content="#000">
  40.  
  41. <meta name="text:customtitle" content="custom title on top pic hover" />
  42. <meta name="text:link url1" content="" />
  43. <meta name="text:link url2" content="" />
  44. <meta name="text:link url3" content="" />
  45. <meta name="text:link url4" content="" />
  46. <meta name="text:link url5" content="" />
  47. <meta name="text:link 1" content="" />
  48. <meta name="text:link 2" content="" />
  49. <meta name="text:link 3" content="" />
  50. <meta name="text:link 4" content="" />
  51. <meta name="text:link 5" content="" />
  52.  
  53. <meta name="if:Show Tags" content="1" />
  54. <meta name="if:Background Cover" content="0" />
  55.  
  56. <meta name="image:Favicon" content="" />
  57. <meta name="image:Background" content="" />
  58. <meta name="image:top pic" content="http://media.tumblr.com/2cfbf3acbe3fa53dece49f6e7989f5da/tumblr_inline_mp1feqbKQ21qz4rgp.png" />
  59.  
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  61. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  64. <link rel="shortcut icon" href="{image:Favicon}" />
  65. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  67. <style type="text/css">
  68. body {
  69. background: {color:Background} url('{image:Background}') top left fixed repeat;{block:IfBackgroundCover}background-size: cover;{/block:IfBackgroundCover}
  70. margin: 0;
  71. padding: 0;
  72. font-family: {font:Body};
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb:vertical {
  76. background-color: {color:Scrollbar};
  77. height: 5px;
  78.  
  79. }
  80. ::-webkit-scrollbar {
  81. height: 30px;
  82. width: 5px;
  83. background-color: {color:Scrollbar};
  84. border: 2px solid #fff;
  85. }
  86.  
  87. ::selection {
  88. background: {color:Links};
  89. color: #000;
  90. }
  91.  
  92. ::-moz-selection {
  93. background: {color:Links};
  94. color: #000;
  95. }
  96.  
  97. .clear {
  98. clear: both;
  99. height: 0px;
  100. overflow: hidden;
  101. }
  102.  
  103. a img {
  104. border: none;
  105. }
  106.  
  107. a {
  108. text-decoration: none;
  109. }
  110.  
  111. a:visited, a:active {
  112. text-decoration: none;
  113. color: #000;
  114. }
  115.  
  116. #wrapper #topbutton {
  117. width: 258px;
  118. text-align:right;
  119. height:10px;
  120. font-family: cousine;
  121. font-color: #000;
  122. padding:0px 6px 7px 4px;
  123. background: {color:Permalink};
  124. border-bottom:1px solid {color:Border};
  125. border-left:1px solid {color:Border};
  126. border-right:1px solid {color:Border};
  127. margin-top: -10px;
  128. margin-left: -11px;
  129.  
  130. }
  131.  
  132. #wrapper #topbutton a{
  133. text-align: right;
  134. font-family: cousine;
  135. font-color: #000;
  136. font-size: 15px;
  137.  
  138. }
  139.  
  140. #wrapper {
  141. width: 275px;
  142. margin: 0 auto;
  143.  
  144. }
  145.  
  146. #wrapper #title {
  147. margin: 30px 0;
  148. color: #fff;
  149. font-size: 50px;
  150. font-weight: bold;
  151. font-family: {font:Title};
  152. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  153. letter-spacing: -1px;
  154. }
  155.  
  156. #wrapper #title a {
  157. color: #000;
  158. text-decoration: none;
  159. }
  160.  
  161. #wrapper #content {
  162. width: 270px;
  163. float: left;
  164. margin-left: auto;
  165. position: relative;
  166.  
  167. }
  168.  
  169. #wrapper #content .post {
  170. margin-left: 0px auto;
  171. font-family: inconsolata;
  172. border: 1px solid {color:Borders};
  173. background: #fff;
  174. padding: 10px;
  175. position: relative;
  176. margin-bottom: -25px;
  177.  
  178. }
  179.  
  180. #wrapper #content .post .media {
  181. text-align: center;
  182. margin-bottom: 10px;
  183. }
  184.  
  185. #wrapper #content .post .quotebg {
  186. font-family: georgia, serif;
  187. font-size: 150px;
  188. color: #000;
  189. opacity: 0.2;
  190. filter: alpha(opacity=20);
  191. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  192. position: absolute;
  193. top: 70px;
  194. left: 10px;
  195. }
  196.  
  197. #wrapper #content .post .quote {
  198. color: #000;
  199. font-weight: bold;
  200. padding: 10px 20px 5px 20px;
  201. }
  202.  
  203. #wrapper #content .post .quote.short {
  204. font-size: 12px;
  205. line-height: 18px;
  206. }
  207.  
  208. #wrapper #content .post .quote.medium {
  209. font-size: 12px;
  210. line-height: 18px;
  211. }
  212.  
  213. #wrapper #content .post .quote.long {
  214. font-size: 12px;
  215. line-height: 18px;
  216. }
  217.  
  218. #wrapper #content .post .quote_source *:first-child {
  219. margin-top: 0px;
  220. }
  221.  
  222. #wrapper #content .post .quote_source *:last-child {
  223. margin-bottom: 0px;
  224. }
  225.  
  226. #wrapper #content .post .quote *:first-child {
  227. margin-top: 0px;
  228. }
  229.  
  230. #wrapper #content .post .quote *:last-child {
  231. margin-bottom: 0px;
  232. }
  233.  
  234. #wrapper #content .post .copy {
  235. color: #6e7173;
  236. padding: 5px;
  237. font-size: 11px;
  238. line-height: 15px;
  239. }
  240.  
  241. #wrapper #content .post .copy a {
  242. color: {color:Links};
  243.  
  244. -webkit-transition: all 0.4s ease-in-out;
  245. -moz-transition: all 0.4s ease-in-out;
  246. -o-transition: all 0.4s ease-in-out;
  247. -ms-transition: all 0.4s ease-in-out;
  248. }
  249.  
  250. #wrapper #content .post .copy a:hover {
  251. color: #000;
  252. background-color: #000;
  253.  
  254. -webkit-transition: all 0.4s ease-in-out;
  255. -moz-transition: all 0.4s ease-in-out;
  256. -o-transition: all 0.4s ease-in-out;
  257. -ms-transition: all 0.4s ease-in-out;
  258. }
  259.  
  260. #wrapper #content .post .copy p {
  261. margin: 10px 0 0 0;
  262. padding: 0;
  263. }
  264.  
  265. #wrapper #content .post .copy pre {
  266. margin: 10px 0px 10px 0px;
  267. padding: 10px;
  268. background-color: #e6e6e6;
  269. font: normal 11px Courier, monospace;
  270. overflow: auto;
  271. }
  272.  
  273. #wrapper #content .post .copy > p:first-child {
  274. margin-top: 0;
  275. }
  276.  
  277. #wrapper #content .post .copy img {
  278. max-width: 100%;
  279. }
  280.  
  281. #wrapper #content .post .audio {
  282. background: #eaeaea;
  283. float: left;
  284. padding: 7px;
  285. margin-bottom: 10px;
  286. -moz-border-radius: 4px;
  287. -webkit-border-radius: 4px;
  288. border-radius: 4px;
  289. }
  290.  
  291. #wrapper #content .post .audio .player {
  292. float: left;
  293. }
  294.  
  295. #wrapper #content .post .audio .player .audio_player embed {
  296. border: 1px solid #c8c8c8;
  297. }
  298.  
  299. #wrapper #content .post .audio .meta {
  300. padding: 8px 13px;
  301. height: 13px;
  302. float: left;
  303. color: #666;
  304. font-family: {font:Accent};
  305. font-size: 11px;
  306. text-transform: lowercase;
  307. }
  308.  
  309. #wrapper #content .post .audio .meta a {
  310. color: #666;
  311. text-decoration: none;
  312. }
  313.  
  314. #wrapper #content .post .album_art {
  315. text-align: center;
  316. }
  317.  
  318. #wrapper #content .post .question {
  319. color: #494949;
  320. font-size: 11px;
  321. font-weight: bold;
  322. background: #f1f1f1;
  323. border-left: 3px solid #000;
  324. margin: 0 0 15px 0;
  325. padding: 15px 20px;
  326. position: relative;
  327. }
  328.  
  329. #wrapper #content .post .question .nipple {
  330. width: 13px;
  331. height: 7px;
  332. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  333. position: absolute;
  334. bottom: -7px;
  335. left: 30px;
  336. }
  337.  
  338. #wrapper #content .post .asker_container {
  339. margin: 0 0 20px 24px;
  340. }
  341.  
  342. #wrapper #content .post .asker_container img {
  343. margin: 0 12px -7px 0;
  344. }
  345.  
  346. #wrapper #content .post .asker_container a.asker {
  347. color: {color:Body};
  348. }
  349.  
  350. #wrapper #content .post .title {
  351. color: #494949;
  352. font-size: 13px;
  353. text-transform: uppercase;
  354. font-family: inconsolata;
  355. padding: 10px 10px 0 10px;
  356. }
  357.  
  358. #wrapper #content .post img {
  359. max-width: 250px;
  360. }
  361.  
  362. #wrapper #content .post .chat {
  363. background-color: #fff;
  364. border-left: 5px solid #dedddd;
  365. margin: 10px 10px 0 10px;
  366. font-size: 10px;
  367. font-family: inconsolata;
  368. }
  369.  
  370. #wrapper #content .post .chat .lines {
  371. margin-left: 1px;
  372. }
  373.  
  374. #wrapper #content .post .chat .lines .line {
  375. background-color: #eaeaea;
  376. color: #494949;
  377. margin-bottom: 1px;
  378. padding: 3px 5px;
  379. }
  380.  
  381. #wrapper #content .post .chat .lines .line.even {
  382. background-color: #dedddd;
  383. }
  384.  
  385. #wrapper #content .post .link {
  386. margin: 4px 0 2px 0;
  387. font-size: 16px;
  388. line-height: 25px;
  389. }
  390.  
  391. #wrapper #content .post .link a {
  392. color: {color:Links};
  393. font-size: 14px;
  394. font-family: inconsolata;
  395. text-transform: uppercase;
  396.  
  397. -webkit-transition: all 0.4s ease-in-out;
  398. -moz-transition: all 0.4s ease-in-out;
  399. -o-transition: all 0.4s ease-in-out;
  400. -ms-transition: all 0.4s ease-in-out;
  401. }
  402.  
  403. #wrapper #content .post .link a:hover {
  404. background-color: transparent;
  405.  
  406. -webkit-transition: all 0.4s ease-in-out;
  407. -moz-transition: all 0.4s ease-in-out;
  408. -o-transition: all 0.4s ease-in-out;
  409. -ms-transition: all 0.4s ease-in-out;
  410. }
  411.  
  412. #wrapper #content .post .footer {
  413. background: transparent;
  414. font-family: cousine;
  415. font-size: 9px;
  416. color: #666;
  417. padding: 2px 10px;
  418. margin-top: 6px;
  419. }
  420.  
  421. #wrapper #content .post .footer.for_permalink:hover {
  422. opacity: 0.9;
  423. filter: alpha(opacity=90);
  424. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  425.  
  426. -webkit-transition: all 0.4s ease-in-out;
  427. -moz-transition: all 0.4s ease-in-out;
  428. -o-transition: all 0.4s ease-in-out;
  429. -ms-transition: all 0.4s ease-in-out;
  430. }
  431.  
  432. #wrapper #content .post .footer .date {
  433. width: 67%;
  434. float: left;
  435. color: #666;
  436. }
  437.  
  438. #wrapper #content .post .footer .notes {
  439. width: 33%;
  440. float: right;
  441. text-align: right;
  442. color: #666;
  443. }
  444.  
  445. #wrapper #content .post .footer .notes a {
  446. color: #666;
  447. }
  448.  
  449. #wrapper #content .post .footer .tags a {
  450. color: {color:Tags};
  451. text-decoration: underline;
  452. }
  453.  
  454. #wrapper #content .post .footer .tags .tag-commas:last-child {
  455. display: none;
  456. }
  457.  
  458. #wrapper #content .post .footer.with_source_url .tags {
  459. max-width: 330px;
  460. float: left;
  461. }
  462.  
  463. #wrapper #content .post .footer.with_source_url .source_url {
  464. float: right;
  465. max-width: 160px;
  466. overflow: hidden;
  467. white-space: nowrap;
  468.  
  469. }
  470.  
  471. #wrapper #content .post .footer.with_source_url .source_url img {
  472. vertical-align: top;
  473. -moz-opacity: 0.5;
  474. opacity: 0.5;
  475. }
  476.  
  477. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  478. -moz-opacity: 0.7;
  479. opacity: 0.7;
  480. }
  481.  
  482. #wrapper #content .post a {
  483. color: #6e7173;
  484. text-decoration: none;
  485. }
  486.  
  487. #wrapper #content .post .copy blockquote {
  488. margin: 10px 0px 10px 10px;
  489. padding-left: 15px;
  490. border-left: solid 4px #dcdcdc;
  491. }
  492.  
  493. #wrapper #content .post .copy blockquote blockquote {
  494. border-left: solid 4px #cccccc;
  495. }
  496.  
  497. #wrapper #content .post .copy blockquote blockquote blockquote {
  498. border-left: solid 4px #bcbcbc;
  499. }
  500.  
  501. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  502. border-left: solid 4px #acacac;
  503. }
  504.  
  505. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  506. border-left: solid 4px #9c9c9c;
  507. }
  508.  
  509. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  510. border-left: solid 4px #8c8c8c;
  511. }
  512.  
  513. #wrapper #content .bottom {
  514. width: 513px;
  515. height: 40px;
  516. margin: 0 auto;
  517. }
  518.  
  519. #wrapper #content #navigation {
  520. text-align: right;
  521. padding-bottom: 35px;
  522. text-transform: uppercase;
  523. font-size: 10px;
  524. font-family: inconsolata;
  525.  
  526. }
  527.  
  528. #wrapper #content #navigation a {
  529. background-color: #fff;
  530. color: #000;
  531. padding: 5px 10px;
  532. text-decoration: none;
  533. margin-left: 25px;
  534. font-family: inconsolata;
  535. font-size: 10px;
  536.  
  537. }
  538.  
  539. #wrapper #content #navigation a:hover {
  540. opacity: 0.9;
  541. filter: alpha(opacity=90);
  542. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  543. }
  544.  
  545. #wrapper #content #navigation.jump_pagination {}
  546.  
  547. #wrapper #content #navigation.jump_pagination a {
  548. margin: 0 0 0 4px;
  549. }
  550.  
  551. #wrapper #content #navigation.jump_pagination .current_page {
  552. color: #fff;
  553. background-color: rgba(255,255,255, 0.1);
  554. border: 2px solid #fff;
  555. padding: 3px 8px;
  556. margin: 0 0 0 4px;
  557. cursor: default;
  558. }
  559.  
  560. #wrapper #content #navigation.jump_pagination .jump_page {}
  561.  
  562. #wrapper #content .post .notecontainer {
  563. background: #eaeaea;
  564. font-family: {font:Accent};
  565. font-size: 11px;
  566. color: #666;
  567. margin-top: 10px;
  568. margin-bottom: -10px;
  569.  
  570. }
  571.  
  572. #wrapper #content .post .notecontainer a {
  573. color: #666;
  574. text-decoration: underline;
  575. }
  576.  
  577. #wrapper #content .post .notecontainer ol.notes {
  578. padding: 0px 0 10px 0;
  579. list-style-type: none;
  580. font-size: 11px;
  581. }
  582.  
  583. #wrapper #content .post .notecontainer ol.notes li.note {
  584. padding: 10px 10px 0 10px;
  585. }
  586.  
  587. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  588. vertical-align: -4px;
  589. margin-right: 10px;
  590. width: 16px;
  591. height: 16px;
  592. }
  593.  
  594. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  595. font-weight: normal;
  596. }
  597.  
  598. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  599. font-weight: normal;
  600. }
  601.  
  602. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  603. border-left: 2px solid #666;
  604. padding: 4px 10px;
  605. margin: 10px 0px 0px 25px;
  606. }
  607.  
  608. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  609. text-decoration: none;
  610. }
  611.  
  612. #wrapper #topside {
  613. width: 250px;
  614. background: transparent;
  615. font-family: cousine;
  616. margin-left: 15px;
  617.  
  618. }
  619.  
  620.  
  621. #wrapper #topside #sidelink {
  622. font-family: cousine;
  623. font-size: 10px;
  624. color: #000;
  625. }
  626.  
  627. #wrapper #topside #sidelink a{
  628. font-family: cousine;
  629. font-size: 10px;
  630. color: #000;
  631. text-decoration: none;
  632.  
  633. -webkit-transition: all 0.4s ease-in-out;
  634. -moz-transition: all 0.4s ease-in-out;
  635.  
  636. }
  637.  
  638. #wrapper #topside #sidelink a:hover{
  639. font-family: cousine;
  640. font-size: 10px;
  641. color: #000;
  642. text-decoration: none;
  643. letter-spacing: 2px;
  644.  
  645. -webkit-transition: all 0.4s ease-in-out;
  646. -moz-transition: all 0.4s ease-in-out;
  647.  
  648. }
  649.  
  650. #wrapper #topside #description {
  651. font-family: cousine;
  652. font-size: 10px;
  653. color: #000;
  654. }
  655.  
  656. #wrapper #sidebar {
  657. width: 250px;
  658. float: right;
  659. color: #000;
  660. font-family: cousine;
  661. }
  662.  
  663. #wrapper #sidebar a {
  664. color: {color:Links};
  665. }
  666.  
  667. #wrapper #sidebar #top #avatar {
  668. width: 146px;
  669. height: 146px;
  670. padding: 8px 0 0 9px;
  671. position: relative;
  672. top: -24px;
  673. left: -5px;
  674. }
  675.  
  676. #wrapper #sidebar #top #description {
  677. font-size: 9px;
  678. font-color: #000;
  679. position: relative;
  680. top: -18px;
  681. }
  682.  
  683. #wrapper #sidebar #top #description a {
  684. color: #000;
  685. text-decoration: none;
  686. }
  687.  
  688. #wrapper #sidebar #top #navlink {
  689. font-family: cousine;
  690. color: #000;
  691. font-size: 9px;
  692. }
  693.  
  694. #wrapper #sidebar #top .heading {
  695. color: #000;
  696. font-family: helvetica, arial, sans-serif;
  697. font-size: 17px;
  698. margin-top: 20px;
  699. padding: 10px;
  700. background-color: {color:Background};
  701.  
  702. -webkit-border-top-left-radius: 4px;
  703. -webkit-border-top-right-radius: 4px;
  704. -moz-border-radius-topleft: 4px;
  705. -moz-border-radius-topright: 4px;
  706. border-top-left-radius: 4px;
  707. border-top-right-radius: 4px;
  708. }
  709.  
  710. #wrapper #sidebar #top a .heading {
  711. color: #000;
  712. text-decoration: none;
  713. }
  714.  
  715. #wrapper #sidebar #top .content {
  716. margin-top: 2px;
  717. padding: 7px 10px;
  718. background: #eaeaea;
  719. color: #666;
  720. font-size: 11px;
  721. overflow: hidden;
  722. }
  723.  
  724. #wrapper #sidebar #top a {
  725. text-decoration: none;
  726. color: #000;
  727. background-color: {color:Links};
  728.  
  729. -webkit-transition: all 0.4s ease-in-out;
  730. -moz-transition: all 0.4s ease-in-out;
  731. -o-transition: all 0.4s ease-in-out;
  732. -ms-transition: all 0.4s ease-in-out;
  733.  
  734. }
  735.  
  736. #wrapper #sidebar #top a:hover {
  737. text-decoration: none;
  738. background-color: #000;
  739. color: #000;
  740.  
  741. -webkit-transition: all 0.4s ease-in-out;
  742. -moz-transition: all 0.4s ease-in-out;
  743. -o-transition: all 0.4s ease-in-out;
  744. -ms-transition: all 0.4s ease-in-out;
  745.  
  746. }
  747.  
  748. #wrapper #sidebar #bottom {
  749. width: 250px;
  750. height: 25px;
  751. }
  752.  
  753. #s-m-t-tooltip{
  754. background: #fff;
  755. font-family: cousine;
  756. font-size: 9px;
  757. border:1px solid {color:Links};
  758. background-color: #fff;
  759. max-width: 110px;
  760. color: {color:Links};
  761. padding: 2px 5px 2px 6px;
  762. margin: 20px 10px 10px 10px;
  763.  
  764. }
  765.  
  766. #audioart {
  767. font-family: cousine;
  768. font-size: 9px;
  769. color: #000;
  770. }
  771.  
  772.  
  773. </style>
  774. <!--[if lt IE 7.]>
  775. <style type="text/css">
  776. #wrapper #sidebar #bottom {
  777. background: transparent;
  778. }
  779.  
  780. #wrapper #sidebar #top #avatar {
  781. background: none;
  782. }
  783.  
  784. #wrapper #sidebar #top #avatar img {
  785. border: 5px solid #f1f1f1;
  786. }
  787.  
  788. #wrapper #sidebar #top .heading#followontumblr {
  789. background-image: none;
  790. text-indent: 0;
  791. }
  792.  
  793. #wrapper #sidebar #top .heading#twitter {
  794. background-image: none;
  795. }
  796.  
  797. #wrapper #sidebar #top .heading#following {
  798. background-image: none;
  799. }
  800.  
  801. #wrapper #content .post .audio .player {
  802. float: none;
  803. }
  804.  
  805. #wrapper #content .post .audio .meta {
  806. display: none;
  807. float: none;
  808. }
  809. </style>
  810. <![endif]-->
  811.  
  812. <!--[if lt IE 8.]>
  813. <style type="text/css">
  814. #wrapper #content .bottom {
  815. background: transparent;
  816. }
  817.  
  818. #wrapper #content .post .footer {
  819. background: transparent;
  820. color: #000;
  821. }
  822.  
  823. #wrapper #content .post .audio {
  824. float: none;
  825. background: transparent;
  826. }
  827.  
  828. #wrapper #content .post .notecontainer .notes {
  829. padding: 0;
  830. margin: 0;
  831. }
  832. </style>
  833. <![endif]-->
  834. <style type="text/css">{CustomCSS}</style>
  835.  
  836. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  837.  
  838. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  839. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  840. <script>
  841. (function($){
  842. $(document).ready(function(){
  843. $("[title]").style_my_tooltips();
  844. });
  845. })(jQuery);
  846. </script>
  847.  
  848. </head>
  849. <body>
  850. <div id="wrapper">
  851. <div id="title">
  852. </div>
  853. <div id="topside">
  854. <div align="center">
  855. <a title="{text:customtitle}"><img src="{image:top pic}"></a>
  856. <br>
  857. <div id="linkcontainer">
  858. <div id="sidelink">
  859. <a href="/">home</a> // <a href="/ask">ask</a> // <a href="/archive">archive</a>
  860. </div>
  861. <div class="squares">
  862.  
  863. <a title="{text:link 1}"href="{text:link url1}">■</a>　<a title="{text:link 2}"href="{text:link url2}">■</a>　<a title="{text:link 3}"href="{text:link url3}">■</a>　<a title="{text:link 4}"href="{text:link url4}">■</a>　<a title="{text:link 5}"href="{text:link url5}">■</a>
  864.  
  865. </div>
  866. <div id="description">{Description}</div>
  867. </div>
  868. </div>
  869. </div>
  870. <br>
  871. <div id="content">
  872. {block:Posts}
  873. <div class="post">
  874.  
  875. <div id="topbutton">
  876. <a title="{TimeAgo}"href="{Permalink}">■</a>
  877.  
  878. <a title="{NoteCountWithLabel}"href="{Permalink}">■</a>
  879.  
  880. <a title="Reblog"href="{ReblogURL}" target="_blank" class="details">■</a>
  881.  
  882. </div>
  883.  
  884. {block:Photo}
  885. <br>
  886. <div class="media">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  887. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  888. {/block:Photo}
  889.  
  890. {block:Photoset}<div class="photo">
  891. <div class="media">
  892. {Photoset-250}
  893. </div></div>
  894. {block:caption}<div class="copy">{Caption}</div>{/block:caption}
  895.  
  896. {/block:Photoset}
  897.  
  898. {block:Video}
  899. <div class="media">{Video-250}</div>
  900. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  901. {/block:Video}
  902.  
  903. {block:Audio}
  904. {block:AlbumArt}<div style="float:left; margin-top:0px; margin-right:10px;">
  905. {block:PermalinkPage}<img src="{AlbumArtURL}" height="82" style="align:left;">{/block:PermalinkPage}
  906. {block:IndexPage}<img src="{AlbumArtURL}" height="82" style="align:left;">{/block:IndexPage}
  907. </div>
  908.  
  909. {/block:AlbumArt}
  910.  
  911. <div id="audioart">
  912. {block:Artist}
  913. <p><b>ARTIST</b>: {Artist}
  914. {/block:Artist}
  915.  
  916. {block:Album}
  917. <br><b>ALBUM</b>: {Album}
  918. {/block:Album}
  919.  
  920. {block:TrackName}
  921. <br><b>TRACK</b>: {TrackName}
  922. {/block:TrackName}
  923. </div>
  924.  
  925. <div class="audio">
  926.  
  927. <div class="player">{AudioPlayerWhite}</div>
  928.  
  929. <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  930. <div class="clear"></div>
  931. </div>
  932. <div class="clear"></div>
  933. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  934. {/block:Audio}
  935.  
  936. {block:Quote}
  937. <div class="quote {Length}">{Quote}</div>
  938. <div class="copy">
  939. <div class="quotebg">“</div>
  940. {block:Source}
  941. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  942. <tr>
  943. <td valign="top" style="width:20px;">&mdash;</td>
  944. <td valign="top" class="quote_source">
  945. {Source}
  946. </td>
  947. </tr>
  948. </table>
  949. {/block:Source}
  950. </div>
  951. {/block:Quote}
  952.  
  953. {block:Text}
  954. {block:Title}<div class="title">{Title} →</div>{/block:Title}
  955. <div class="copy">{Body}</div>
  956. {/block:Text}
  957.  
  958. {block:Answer}
  959. <div class="question">
  960. <div class="nipple"></div>
  961. {Question}
  962. </div>
  963. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  964. <div class="copy">{Answer}</div>
  965. {/block:Answer}
  966.  
  967. {block:Chat}
  968. {block:Title}<div class="title">{Title}</div>{/block:Title}
  969. <div class="chat">
  970. <div class="lines">
  971. {block:Lines}
  972. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  973. {/block:Lines}
  974. </div>
  975. </div>
  976. <div class="clear"></div>
  977. <div style="height:10px;"></div>
  978. {/block:Chat}
  979.  
  980. {block:Link}
  981. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  982. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  983. {/block:Link}
  984.  
  985.  
  986. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  987. display:none;
  988. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  989. {block:ContentSource}display:block;{/block:ContentSource}
  990. ">
  991. {block:IfShowTags}
  992. {block:HasTags}<div class="tags">→: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  993. {/block:IfShowTags}
  994.  
  995. {block:ContentSource}
  996. <a href="{SourceURL}" class="source_url">
  997. ☆
  998. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  999. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1000. </a>
  1001. {/block:ContentSource}
  1002.  
  1003. <div class="clear"></div>
  1004. </div>
  1005.  
  1006. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1007.  
  1008. </div>
  1009. <div class="bottom"></div>
  1010. {/block:Posts}
  1011.  
  1012. {block:Pagination}
  1013. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1014. {block:PreviousPage}<a href="{PreviousPage}">←{lang:Previous}</a>{/block:PreviousPage}
  1015.  
  1016. {block:JumpPagination length="3"}
  1017. {block:CurrentPage}
  1018. <span class="current_page">{PageNumber}</span>
  1019. {/block:CurrentPage}
  1020.  
  1021. {block:JumpPage}
  1022. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1023. {/block:JumpPage}
  1024.  
  1025. {/block:JumpPagination}
  1026.  
  1027. {block:NextPage}<a href="{NextPage}">{lang:Next page}→</a>{/block:NextPage}
  1028. </div>
  1029. {/block:Pagination}
  1030.  
  1031. </div>
  1032.  
  1033. <div id="sidebar">
  1034.  
  1035.  
  1036. </div>
  1037.  
  1038. <div id="bottom"></div>
  1039.  
  1040.  
  1041. </div>
  1042. </div>
  1043.  
  1044. </body>
  1045. </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!