API tools faq
paste
Advertisement
sarahthemes

Theme 006 by heytonks.tumblr.com

sarahthemes
Jul 9th, 2014
4,259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.75 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.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <!-- Theme 006 by heytonks.tumblr.com - Do not remove credit, redistribute, claim as your own, or use any part of this coding in your own theme. You will be reported as a code thief if you do any of the above. If you have any questions, feel free to send me a message on my personal blog (heytonks) or my theme blog (sarahthemes) and I will happily assist you -->
  7.  
  8.  
  9. <html>
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  17.  
  18. <!-- default variables -->
  19.  
  20. <meta name="text:Image Window Title" content="Title #2"/>
  21. <meta name="text:Post Window Title" content="Title #3"/>
  22. <meta name="text:Link 1 URL" content="/"/>
  23. <meta name="text:Link 1" content="Home"/>
  24. <meta name="text:Link 2 URL" content="/ask"/>
  25. <meta name="text:Link 2" content="Message"/>
  26. <meta name="text:Link 3 URL" content="/"/>
  27. <meta name="text:Link 3" content="Link 3"/>
  28. <meta name="text:Link 4 URL" content="/"/>
  29. <meta name="text:Link 4" content="Link 4"/>
  30. <meta name="text:Link 5 URL" content="/"/>
  31. <meta name="text:Link 5" content="Link 5"/>
  32. <meta name="text:Link 6 URL" content="/"/>
  33. <meta name="text:Link 6" content="Link 6"/>
  34. <meta name="text:Custom Cursor URL" content="http://static.tumblr.com/vdw1lg6/1cbn7qqrk/cursor.png"/>
  35.  
  36. <meta name="image:Side Window Image" content="http://static.tumblr.com/vdw1lg6/ZVun8gfb6/hipster.gif"/>
  37.  
  38. <meta name="color:Post Links" content="#a372cc"/>
  39. <meta name="color:Post Links Hover" content="#e3cdf5"/>
  40. <meta name="color:Post Text" content="#525252"/>
  41. <meta name="color:Bolded Text" content="#38abc3"/>
  42. <meta name="color:Italicized Text" content="#737373"/>
  43. <meta name="color:Post Info Hover" content="#7ad7ea"/>
  44. <meta name="color:Tags" content="#cef7ff"/>
  45. <meta name="color:Tags Hover" content="#fbfbfb"/>
  46. <meta name="color:Pagination" content="#fbfbfb"/>
  47. <meta name="color:Pagination Hover" content="#dcb1ff"/>
  48.  
  49. <meta name="if:Loading Screen" content="1">
  50. <meta name="if:Show Asker Icon" content="0">
  51.  
  52. <style type="text/css">
  53.  
  54. @font-face {
  55. font-family: 'Lucida Sans';
  56. src: url('http://static.tumblr.com/vdw1lg6/cTen83nr6/lsans.ttfhttp://static.tumblr.com/vdw1lg6/cTen83nr6/lsans.ttf');
  57. }
  58.  
  59. iframe#tumblr_controls {
  60. top: 0% !important;
  61. right:0% !important;
  62. position: fixed !important;
  63. }
  64.  
  65. *, body, a, a:hover {
  66. cursor: url('{text:Custom Cursor URL}'), auto;
  67. }
  68.  
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color:#7b7b7b;
  72. height: 60px;
  73. border-radius:7px;
  74. }
  75.  
  76.  
  77. ::-webkit-scrollbar {
  78. height: 10px;
  79. width: 8px;
  80. background-color:#404040;
  81. border-radius:7px;
  82. }
  83.  
  84. ::selection {
  85. background:{color:Post Links};
  86. color:#fff;
  87. }
  88.  
  89. ::-moz-selection {
  90. background:{color:Post Links};
  91. color:#fff;
  92. }
  93.  
  94. ::-webkit-selection {
  95. background:{color:Post Links};
  96. color:#fff;
  97. }
  98.  
  99. body {
  100. background-color:#282828;
  101. margin:0px;
  102. font-size:12px;
  103. letter-spacing:1px;
  104. line-height:160%;
  105. text-align:justify;
  106. color:{color:Post Text};
  107. font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
  108. -webkit-font-smoothing:subpixel-antialiased;
  109. height:100%;
  110. width:100%;
  111.  
  112. }
  113.  
  114. a {
  115. text-decoration:none;
  116. color:{color:Post Links};
  117. transition-duration:0.5s;
  118. -moz-transition-duration:0.5s;
  119. -webkit-transition-duration:0.5s;
  120. -o-transition-duration:0.5s;
  121. }
  122.  
  123. a:hover {
  124. color:{color:Post Links Hover};
  125. transition-duration:0.5s;
  126. -moz-transition-duration:0.5s;
  127. -webkit-transition-duration:0.5s;
  128. -o-transition-duration:0.5s;
  129. }
  130.  
  131. i, em {
  132. font-style:italic;
  133. color:{color:Italicized Text};
  134. }
  135.  
  136. b, strong {
  137. color:{color:Bolded Text};
  138. }
  139.  
  140. h1 {
  141. margin-top:0px;
  142. background-color:#eee;
  143. border-bottom:4px solid {color:Post Links};
  144. padding:20px 30px;
  145. font-size:12px;
  146. text-align:center;
  147. text-transform:uppercase;
  148. line-height:180%;
  149.  
  150. }
  151.  
  152. h1 a {
  153. border-bottom:1px dotted {color:Post Links};
  154. color:{color:Post Links};
  155. }
  156.  
  157. blockquote {
  158. border-left:2px solid #ddd;
  159. padding-left:11px;
  160. margin:-6px 0px 0px 0px;
  161. }
  162.  
  163. .caption {
  164. display:block;
  165. margin-top:10px;
  166. }
  167.  
  168. pre {
  169. white-space: pre-wrap;
  170. white-space: -moz-pre-wrap;
  171. white-space: -pre-wrap;
  172. white-space: -o-pre-wrap;
  173. word-wrap: break-word;
  174. }
  175.  
  176. #topnav {
  177. position:fixed;
  178. width:100%;
  179. height:57px;
  180. background-repeat:repeat-x;
  181. background:url('http://static.tumblr.com/vdw1lg6/QhSn7zv20/ps5.png');
  182. }
  183.  
  184. #topnav img {
  185. top:0;
  186. left:0;
  187. }
  188.  
  189. #title {
  190. margin-left:auto;
  191. margin-right:auto;
  192. margin-top:-60px;
  193. color:#e3e3e3;
  194. }
  195.  
  196. #links {
  197. margin-left:200px;
  198. font-size:9px;
  199. margin-top:7px;
  200. }
  201.  
  202. #links a {
  203. display:inline-block;
  204. padding:1px 6px;
  205. color:#fff;
  206. margin-left:10px;
  207. border:1px solid transparent;
  208. transition-duration:0s;
  209. -moz-transition-duration:0s;
  210. -webkit-transition-duration:0s;
  211. -o-transition-duration:0s;
  212. }
  213.  
  214. #links a:hover {
  215. background-color:#696969;
  216. border-radius:2px;
  217. border:1px solid #303030;
  218. transition-duration:0s;
  219. -moz-transition-duration:0s;
  220. -webkit-transition-duration:0s;
  221. -o-transition-duration:0s;
  222. }
  223.  
  224. #toolbar {
  225. position:fixed;
  226. width:37px;
  227. height:100%;
  228. background-color:#535353;
  229. top:57px;
  230. left:0;
  231. border-right:1px solid #232323;
  232. }
  233.  
  234. #toolbar img {
  235. position:fixed;
  236. left:0;
  237. }
  238.  
  239. #descriptiontab {
  240. background:url('http://static.tumblr.com/vdw1lg6/55En87kaw/ps-description2.png');
  241. background-repeat:no-repeat;
  242. width:312px;
  243. height:187px;
  244. margin-top:20px;
  245. box-shadow: 10px 10px 30px #222;
  246. }
  247.  
  248. #description {
  249. font-size:10px;
  250. width:262px;
  251. height:102px;
  252. margin-left:22px;
  253. position:absolute;
  254. color:#e3e3e3;
  255. margin-top:33px;
  256. overflow-x: hidden;
  257. overflow-y: auto;
  258. overflow: auto;
  259. padding-right:21px;
  260. padding-top:12px;
  261. z-index:99;
  262. padding-bottom:12px;
  263.  
  264. }
  265.  
  266. .windowtitle {
  267. color:#454545;
  268. position:absolute;
  269. margin-left:60px;
  270. text-align:center;
  271. overflow:hidden;
  272. height:21px;
  273. }
  274.  
  275. .windowtitle p {
  276. width:auto;
  277. padding:0;
  278. margin:1px 0px 0px -30px;
  279. }
  280.  
  281. #sidepic {
  282. background: url('http://static.tumblr.com/vdw1lg6/0XFn8ewc6/ps-sidepic.png');
  283. height: 254px;
  284. width: 402px;
  285. margin-top:35px;
  286. margin-left:30px;
  287. box-shadow: 10px 10px 30px #222;
  288. }
  289.  
  290. #sidepic img {
  291. width:370px;
  292. height:200px;
  293. margin-top:38px;
  294. }
  295.  
  296. #imagewindowtitle {
  297. width:342px;
  298. }
  299.  
  300. #colorpanel img {
  301. height:auto;
  302. width:182px;
  303. position:absolute;
  304. margin-left:290px;
  305. margin-top:155px;
  306. z-index:999;
  307. box-shadow: 10px 10px 30px #222;
  308. }
  309.  
  310. #right-tab {
  311. width:152px;
  312. height:100%;
  313. position:fixed;
  314. right:0px;
  315. top:57px;
  316. background:url('http://static.tumblr.com/vdw1lg6/cr4n85vc5/ps16.png');
  317. background-repeat:repeat-y;
  318. }
  319.  
  320. #right-tab img {
  321. position:fixed;
  322. right:0px;
  323. top:57px;
  324. width:152px;
  325. }
  326.  
  327. .postwindow {
  328. background: url('http://static.tumblr.com/vdw1lg6/4RJn8ewg9/ps-postwindow.png');
  329. height: 615px;
  330. width: 542px;
  331. margin-top:-495px;
  332. margin-left:500px;
  333. box-shadow: 10px 10px 30px #222;
  334. }
  335.  
  336. #postwindowtitle {
  337. width:482px;
  338. }
  339.  
  340. .posts {
  341. margin-bottom:50px;
  342. margin-top:35px;
  343. width:400px;
  344. padding:20px 20px 0px 20px;
  345. background-color:#f7f7f7;
  346. }
  347.  
  348.  
  349. .posts img {
  350. max-width:100%;
  351. }
  352.  
  353. .posts li {
  354. text-transform:uppercase;
  355. font-size:9px;
  356. max-width:100%;
  357. }
  358.  
  359. .content {
  360. overflow-x: hidden;
  361. overflow-y: auto;
  362. overflow: auto;
  363. height: 562px;
  364. margin-left:53px;
  365. padding-right:46px;
  366. margin-top:38px;
  367. position:absolute;
  368. }
  369.  
  370. #contentwrap {
  371. position: absolute;
  372. top: 58px;
  373. left: 41px;
  374. width:calc(100% - 192px);
  375. width:-webkit-calc(100% - 192px);
  376. width:-moz-calc(100% - 192px);
  377. }
  378.  
  379. #centerme {
  380. position:absolute;
  381. left: 50%;
  382. width: 1042px;
  383. height: 615px;
  384. margin: 20px 0 0 -521px;
  385. }
  386.  
  387.  
  388. #notecontainer {
  389. width:440px;
  390. border:1px dotted #ccc;
  391. text-transform:uppercase;
  392. font-size:8px;
  393. background-color:#f7f7f7;
  394. text-align:left;
  395. margin-bottom:80px;
  396. }
  397.  
  398. #notecontainer a {
  399. color:{color:Links};
  400. }
  401.  
  402. #notecontainer a:hover {
  403. color:{color:Links Hover};
  404. }
  405.  
  406. ol.notes {
  407. list-style-type:none;
  408. padding:0px;
  409. margin:5px 0px 0px 0px;
  410. }
  411.  
  412. li.note {
  413. padding:10px 20px;
  414. border-bottom:1px dotted #ccc;
  415. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  416. list-style-position:inside;
  417. color:{color:Post Text};
  418. }
  419.  
  420. li.note img {
  421. display:none;
  422. }
  423.  
  424. li.more_notes_link_container {
  425. list-style-image:none;
  426. list-style-type:none;
  427. border:none;
  428. border-style:none;
  429. background-color:#e6e6e6;
  430. }
  431.  
  432. .postinfowrap {
  433. margin-top:20px;
  434. }
  435.  
  436. .postinfo {
  437. background-color:#3a3a3a;
  438. width:440px;
  439. margin-left:-20px;
  440. display:block;
  441. color:#fff;
  442. position:relative;
  443. font-size:9px;
  444. text-align:left;
  445. letter-spacing:0.6px;
  446. height:19px;
  447. }
  448.  
  449. .postinfo a {
  450. color:#fff;
  451. }
  452.  
  453. .postinfo a:hover {
  454. color:{color:Post Info Hover};
  455. }
  456.  
  457. .date {
  458. background-color:#3a3a3a;
  459. padding:0px 13px;
  460. display:inline-block;
  461. }
  462.  
  463. .like_and_reblog_buttons {
  464. position:relative;
  465. background-color:#535353;
  466. padding:0px 15px 0px 6px;
  467. margin-left:-6px;
  468. display:inline-block;
  469. }
  470.  
  471. .like_and_reblog_buttons li {
  472. padding:0px 5px;
  473. display:inline-block;
  474. list-style-type:none;
  475. vertical-align:middle;
  476. }
  477.  
  478. .like_button {
  479. height:13px;
  480. width:13px;
  481. margin-top:-6px;
  482. }
  483.  
  484. .reblog_button {
  485. margin-top:-2px;
  486. }
  487.  
  488. .info {
  489. background-color:#535353;
  490. padding:0px 3px 0px 3px;
  491. margin-left:-5px;
  492. display:inline-block;
  493. }
  494.  
  495. .arrow img {
  496. margin-left:40px;
  497. vertical-align:-2px;
  498. }
  499.  
  500. .tagwrap {
  501. background-color:#282828;
  502. width:440px;
  503. margin-left:-20px;
  504. }
  505.  
  506. .tags {
  507. -webkit-font-smoothing: antialiased;
  508. -moz-osx-font-smoothing: grayscale;
  509. text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  510. font-size:8px;
  511. text-transform:uppercase;
  512. text-align:center;
  513. background-color:#282828;
  514. padding:0px 20px;
  515. height:0;
  516. opacity:0;
  517. transition-duration:0.5s;
  518. -moz-transition-duration:0.5s;
  519. -webkit-transition-duration:0.5s;
  520. -o-transition-duration:0.5s;
  521. }
  522.  
  523. .tags a {
  524. padding:0px 5px;
  525. color:{color:Tags};
  526. }
  527.  
  528. .tags a:hover {
  529. color:{color:Tags Hover};
  530. }
  531.  
  532. .posts:hover .tags {
  533. padding:15px 20px;
  534. opacity:1;
  535. height:auto;
  536. transition-duration:0.5s;
  537. -moz-transition-duration:0.5s;
  538. -webkit-transition-duration:0.5s;
  539. -o-transition-duration:0.5s;
  540. }
  541.  
  542. .pagination {
  543. position:absolute;
  544. margin-top:-160px;
  545. margin-left:340px;
  546. }
  547.  
  548. .pagination a {
  549. text-transform:uppercase;
  550. font-weight:bold;
  551. color:#e3e3e3;
  552. font-size:14px;
  553. letter-spacing:1.8px;
  554. line-height:25px;
  555. color:{color:Pagination};
  556. }
  557.  
  558. .pagination a:hover {
  559. color:{color:Pagination Hover};
  560. }
  561.  
  562. #quotemark {
  563. font-size:53px;
  564. color:{color:Post Links};
  565. opacity:0.8;
  566. font-family:"Calibri";
  567. margin-top:20px;
  568. }
  569.  
  570. .quote {
  571. margin-top:-35px;
  572. display:block;
  573. margin-left:50px;
  574. font-weight:400;
  575. font-size:20px;
  576. line-height:39px;
  577. width:330px;
  578. font-size:15px;
  579. line-height:170%;
  580. font-weight:700;
  581. }
  582.  
  583. #quotesource {
  584. margin-top:20px;
  585. text-align:right;
  586. display:block;
  587. padding:20px;
  588. border:1px solid #d3d3d3;
  589. color:{color:Bolded Text};
  590. font-style:italic;
  591. letter-spacing:1.2px;
  592. font-size:9px;
  593. margin-bottom:15px;
  594. text-transform:uppercase;
  595. }
  596.  
  597. .titlechat {
  598. margin-top:-20px;
  599. margin-bottom:20px;
  600. width:380px;
  601. margin-left:-20px;
  602. }
  603.  
  604. .chatpost ul {
  605. padding:0px;
  606. margin:-20px 0px -20px -20px;
  607. width:440px;
  608. }
  609.  
  610. .chat li {
  611. list-style-type:none;
  612. padding:10px 20px;
  613. border-bottom:1px solid #ccc;
  614. }
  615.  
  616. .chat li:nth-child(odd) {
  617. background: rgb(0, 0, 0);
  618. background: rgba(0, 0, 0, 0.1);
  619. }
  620.  
  621. .chat li:nth-child(even) {
  622. background-color:#f7f7f7;
  623. }
  624.  
  625. #askerimg img {
  626. {block:ifShowAskerIcon}
  627. display:block;
  628. border-radius:100%;
  629. padding:5px;
  630. border:1px solid #ccc;
  631. background-color:#f7f7f7;
  632. margin-top:-49px;
  633. {/block:ifShowAskerIcon}
  634. }
  635.  
  636.  
  637. .question {
  638. margin-top:5px;
  639. line-height:18px;
  640. font-size:11px;
  641. margin-bottom:20px;
  642. border:1px solid #ccc;
  643. width:350px;
  644. {block:ifNotShowAskerIcon}
  645. padding:30px 15px 30px 15px;
  646. {/block:ifNotShowAskerIcon}
  647. {block:ifShowAskerIcon}
  648. padding:30px 15px 40px 15px;
  649. {/block:ifShowAskerIcon}
  650. }
  651.  
  652. #defaultart img {
  653. position:relative;
  654. z-index:27;
  655. }
  656.  
  657. #albumart img {
  658. position:absolute;
  659. z-index:28;
  660. margin-top:-106px;
  661. margin-left:0px;
  662. }
  663.  
  664. #player {
  665. width:30px;
  666. height:30px;
  667. overflow:hidden;
  668. position:absolute;
  669. z-index:35;
  670. margin-top:9px;
  671. margin-left:9px;
  672. }
  673.  
  674. #playerbg {
  675. position:relative;
  676. height:45px;
  677. width:45px;
  678. background-color:#ffffff;
  679. z-index:29;
  680. margin-top:-77px;
  681. margin-left:28px;
  682. opacity:0.7;
  683. border-radius:100%;
  684. transition-duration:0.5s;
  685. -moz-transition-duration:0.5s;
  686. -webkit-transition-duration:0.5s;
  687. -o-transition-duration:0.5s;
  688. }
  689.  
  690. #playerbg:hover {
  691. opacity:0.9;
  692. transition-duration:0.5s;
  693. -moz-transition-duration:0.5s;
  694. -webkit-transition-duration:0.5s;
  695. -o-transition-duration:0.5s;
  696. }
  697.  
  698. td {
  699. height:100px;
  700. margin:0px;
  701. padding:0px;
  702. line-height:200%;
  703. font-weight:400;
  704. }
  705.  
  706. td img {
  707. margin-top:-25px;
  708. padding:0px;
  709. height:100px;
  710. width:100px;
  711. }
  712.  
  713. #td-one {
  714. vertical-align:middle;
  715. width:100px;
  716. }
  717.  
  718. #td-two {
  719. vertical-align:middle;
  720. background-color:#ddd;
  721. width:160px;
  722. text-align:center;
  723. padding:0px 20px;
  724. }
  725.  
  726. #audioinfo {
  727. position:relative;
  728. margin-top:60px;
  729. font-weight:400;
  730. }
  731.  
  732. table {
  733. padding:15px;
  734. font-size:11px;
  735. margin-bottom:20px;
  736. border:1px solid #ccc;
  737. margin-top:8px;
  738. text-transform:uppercase;
  739. font-size:9px;
  740. width:380px;
  741. position:relative;
  742. }
  743.  
  744. {block:ifLoadingScreen}
  745. #loading {
  746. position: fixed;
  747. left: 0px;
  748. top: 0px;
  749. width: 100%;
  750. height: 100%;
  751. z-index: 9999;
  752. background: url('http://static.tumblr.com/vdw1lg6/0JIn87ldx/loader3.gif') 50% 50% no-repeat #111;
  753. background-size:350px;
  754. background-color:#2c292c;
  755. }
  756. {/block:ifLoadingScreen}
  757.  
  758. @media only screen and (max-width: 1250px) {
  759.  
  760. .posts {
  761. width:250px;
  762. padding:15px 15px 0px 15px;
  763. }
  764.  
  765. .postwindow {
  766. background:url('http://static.tumblr.com/vdw1lg6/OAGn8ewk5/ps-postwindow2.png');
  767. height:615px;
  768. width:391px;
  769. }
  770.  
  771. .postinfo {
  772. width:285px;
  773. background-color:#535353;
  774. }
  775.  
  776. .arrow img {
  777. margin-left:3px;
  778. }
  779.  
  780. .info {
  781. margin-left:-5px;
  782. }
  783.  
  784. .like_and_reblog_buttons {
  785. padding:0px 2px 0px 2px;
  786. margin-left:-9px;
  787. }
  788.  
  789. .like_and_reblog_buttons li {
  790. padding:0px 3px;
  791. }
  792.  
  793. .content {
  794. padding-right:50px;
  795. margin-left:58px;
  796. overflow-x:hidden;
  797. }
  798.  
  799. .question {
  800. width:200px;
  801. }
  802.  
  803. .quote {
  804. width:180px;
  805. }
  806.  
  807. .titlechat {
  808. margin-top:-15px;
  809. margin-bottom:15px;
  810. width:220px;
  811. margin-left:-15px;
  812. }
  813.  
  814. .chatpost ul {
  815. padding:0px;
  816. margin:-15px 0px -20px -15px;
  817. width:280px;
  818. }
  819.  
  820. .chat li {
  821. padding:10px 15px;
  822. }
  823.  
  824. #defaultart {
  825. position:relative;
  826. z-index:27;
  827. width:70px;
  828. height:70px;
  829. margin-top:0px;
  830. }
  831.  
  832. #defaultart img {
  833. margin-top:0px;
  834. width:70px;
  835. height:70px;
  836. }
  837.  
  838. #albumart {
  839. position:absolute;
  840. z-index:28;
  841. margin-left:0px;
  842. margin-top:-70px;
  843. }
  844.  
  845. #albumart img {
  846. margin-top:0px;
  847. }
  848.  
  849. #player {
  850. width:30px;
  851. height:30px;
  852. overflow:hidden;
  853. position:absolute;
  854. z-index:35;
  855. margin-top:9px;
  856. margin-left:9px;
  857. }
  858.  
  859. #playerbg {
  860. position:absolute;
  861. height:45px;
  862. width:45px;
  863. background-color:#ffffff;
  864. z-index:29;
  865. margin-top:-58px;
  866. margin-left:13px;
  867. opacity:0.7;
  868. border-radius:100%;
  869. transition-duration:0.5s;
  870. -moz-transition-duration:0.5s;
  871. -webkit-transition-duration:0.5s;
  872. -o-transition-duration:0.5s;
  873. }
  874.  
  875. #playerbg:hover {
  876. opacity:0.9;
  877. transition-duration:0.5s;
  878. -moz-transition-duration:0.5s;
  879. -webkit-transition-duration:0.5s;
  880. -o-transition-duration:0.5s;
  881. }
  882.  
  883. td {
  884. height:70px;
  885. margin:0px;
  886. padding:0px;
  887. line-height:180%;
  888. font-weight:400;
  889. }
  890.  
  891. td img {
  892. padding:0px;
  893. height:70px;
  894. width:70px;
  895. }
  896.  
  897. #td-one {
  898. vertical-align:middle;
  899. width:70px;
  900. }
  901.  
  902. #td-two {
  903. vertical-align:middle;
  904. width:10px;
  905. width:75px;
  906. text-align:center;
  907. overflow:hidden;
  908. }
  909.  
  910. #audioinfo {
  911. position:relative;
  912. margin-top:60px;
  913. font-weight:400;
  914. }
  915.  
  916. table {
  917. padding:10px;
  918. font-size:11px;
  919. margin-bottom:20px;
  920. margin-top:8px;
  921. font-size:9px;
  922. width:230px;
  923. position:relative;
  924. }
  925.  
  926. .tagwrap {
  927. width:290px;
  928. }
  929.  
  930. #notecontainer {
  931. width:280px;
  932. }
  933.  
  934. video, iframe, object, embed {
  935. max-width: 100%;
  936. }
  937.  
  938. #postwindowtitle {
  939. width:331px;
  940. }
  941.  
  942. #centerme {
  943. width: 892px;
  944. margin: 20px 0 0 -446px;
  945. }
  946.  
  947. }
  948.  
  949. @media only screen and (min-height: 760px) {
  950.  
  951. #centerme {
  952. margin-top:40px;
  953. }
  954.  
  955.  
  956. }
  957. {CustomCSS}
  958.  
  959. </style>
  960.  
  961. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  962.  
  963.  
  964. {block:ifLoadingScreen}<script type="text/javascript">
  965. $(window).load(function() { $("#loading").delay(4000).fadeOut("slow");
  966. })
  967. </script>{/block:ifLoadingScreen}
  968.  
  969. <script type="text/javascript">
  970.  
  971. /***********************************************
  972. * Different CSS depending on OS (mac/pc)- © Dynamic Drive (www.dynamicdrive.com)
  973. * This notice must stay intact for use
  974. * Visit http://www.dynamicdrive.com/ for full source code
  975. ***********************************************/
  976.  
  977. var csstype="inline" //Specify type of CSS to use. "Inline" or "external"
  978.  
  979. var mac_css='.like_button{margin-top:-5px; }' //if "inline", specify mac css here
  980. var pc_css='.like_button{margin-top:-6px; }' //if "inline", specify PC/default css here
  981.  
  982. ///////No need to edit beyond here////////////
  983.  
  984. var mactest=navigator.userAgent.indexOf("Mac")!=-1
  985. if (csstype=="inline"){
  986. document.write('<style type="text/css">')
  987. if (mactest)
  988. document.write(mac_css)
  989. else
  990. document.write(pc_css)
  991. document.write('</style>')
  992. }
  993. else if (csstype=="external")
  994. document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')
  995.  
  996. </script>
  997.  
  998. </head>
  999.  
  1000. <body>
  1001.  
  1002. {block:ifLoadingScreen}<div id="loading"></div>{/block:ifLoadingScreen}
  1003.  
  1004. <div id="topnav">
  1005. <img src="http://static.tumblr.com/vdw1lg6/S0bn7ztjc/ps2.png">
  1006. <center><div id="title">{Title}</div></center>
  1007. <div id="links">
  1008. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  1009. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink1}
  1010. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  1011. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  1012. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  1013. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  1014. <!-- DO NOT ALTER THE THEME CREDIT --> <a href="http://heytonks.tumblr.com/">Theme</a> <!-- DO NOT ALTER THE THEME CREDIT -->
  1015. </div>
  1016. </div>
  1017.  
  1018. <div id="toolbar"><img src="http://static.tumblr.com/vdw1lg6/9Qln8g9iz/ps1.png"></div>
  1019.  
  1020. <div id="right-tab"><img src="http://static.tumblr.com/vdw1lg6/d7Mn85va5/ps15.png"></div>
  1021.  
  1022. <div id="contentwrap">
  1023.  
  1024. <div id="centerme">
  1025.  
  1026. <div id="sidepic">
  1027. <div class="windowtitle" id="imagewindowtitle"><p>{text:Image Window Title}</p></div>
  1028. <center><img src="{image:Side Window Image}"></center>
  1029. </div>
  1030.  
  1031. <div id="colorpanel"><img src="http://static.tumblr.com/vdw1lg6/DJfn87lf6/ps-palette.png"></div>
  1032.  
  1033. <div id="descriptiontab"><div id="description">{Description}</div></div>
  1034.  
  1035.  
  1036.  
  1037.  
  1038. {block:Pagination}
  1039. <div class="pagination">
  1040. {block:NextPage}<a href="{NextPage}">next /</a>{/block:NextPage}
  1041. {block:PreviousPage}<br/><a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  1042. </div>
  1043. {/block:Pagination}
  1044.  
  1045. <!-- posts -->
  1046.  
  1047. <div class="postwindow">
  1048.  
  1049. <div class="windowtitle" id="postwindowtitle"><p>{text:Post Window Title}</p></div>
  1050.  
  1051. <div class="content">
  1052.  
  1053. {block:Posts}
  1054.  
  1055. <div class="posts">
  1056.  
  1057. {block:ContentSource}
  1058. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1059. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1060. {/block:SourceLogo}
  1061. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1062. {/block:ContentSource}
  1063.  
  1064. {block:Text}
  1065. {block:Title}<h1>{Title}</h1>{/block:Title}
  1066. {block:Title}<div style="margin-top:20px;">{/block:Title}<div style="margin-top:-10px;">{Body}</div>{block:Title}</div>{/block:Title}
  1067. {/block:Text}
  1068.  
  1069. {block:Photo}
  1070. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1071.  
  1072. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1073. {/block:Photo}
  1074.  
  1075. {block:Panorama}
  1076. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  1077. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1078. {/block:Panorama}
  1079.  
  1080. {block:Photoset}
  1081. {Photoset}
  1082. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1083. {/block:Photoset}
  1084.  
  1085. {block:Quote}
  1086. <div id="quotemark">❝</div>
  1087. <div class="quote">{Quote}</div>
  1088. {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}
  1089. {/block:Quote}
  1090.  
  1091. {block:Link}
  1092. <h1><a href="{URL}">{Name}</a></h1>
  1093. {block:Description}{Description}{/block:Description}
  1094. {/block:Link}
  1095.  
  1096. {block:Chat}
  1097. <div class="chatpost">
  1098. {block:Title}<h1 class="titlechat">{Title}</h1>{/block:Title}
  1099. <ul class="chat">
  1100. {block:Lines}
  1101. <li class="{Alt} user_{UserNumber}">
  1102. {block:Label}<b>{Label}</b>{/block:Label}
  1103. {Line}</li>{/block:Lines}</ul>
  1104. </div>
  1105. {/block:Chat}
  1106.  
  1107. {block:Audio}<center><table><tr>
  1108. <td id="td-one">
  1109. <div id="defaultart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>
  1110. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="100px"></div>{/block:AlbumArt}
  1111. <div id="playerbg"><div id="player">{AudioPlayerWhite}</div></div>
  1112. </td>
  1113. <td id="td-two">
  1114. {block:TrackName}<span style="font-weight:700; text-transform:uppercase; font-size:11px; padding:30px 0px;">{TrackName}</span><br/>{/block:TrackName}
  1115. {block:Artist}{Artist}<br/>{/block:Artist}
  1116. {PlayCountWithLabel}
  1117. </td>
  1118. </tr></table></center>
  1119. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1120. {/block:Audio}
  1121.  
  1122. {block:Video}
  1123. {Video-400}
  1124. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1125. {/block:Video}
  1126.  
  1127. {block:Answer}<center>
  1128. <div class="question"><span style="font-weight:700; text-transform:uppercase; font-size:13px;">{Asker} asked:<br/></span>{Question}</div>
  1129. {block:ifShowAskerIcon}<div id="askerimg"><img src="{AskerPortraitURL-40}"></div>{/block:ifShowAskerIcon}
  1130. </center>
  1131. {block:ifShowAskerIcon}<div style="margin-top:25px;">{Answer}</div>{/block:ifShowAskerIcon}
  1132. {block:ifNotShowAskerIcon}<div style="margin-top:20px;">{Answer}</div>{/block:ifNotShowAskerIcon}
  1133. {/block:Answer}
  1134.  
  1135. <!-- post info -->
  1136.  
  1137. {block:IndexPage}<div class="postinfowrap"><span class="postinfo">
  1138. {block:Date}<span class="date"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></span>{/block:Date}
  1139. {block:Date}<span class="like_and_reblog_buttons"><li>{ReblogButton color="gray" size="14"}</li><li>{LikeButton color="gray" size="14"}</li></span>{/block:Date}
  1140. {block:Date}<span class="info">Doc: <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a> & <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom} {block:Date}<span class="arrow"><img src="http://static.tumblr.com/vdw1lg6/s76n87t9p/ps-arrow.png"></span>{/block:Date}</span>
  1141. </span>
  1142. {block:HasTags}<div class="tagwrap"><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  1143. </div>
  1144. {/block:IndexPage}
  1145.  
  1146. {block:PermalinkPage}<div class="postinfowrap"><span class="postinfo">
  1147. {block:Date}<span class="date"><a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{ShortYear}</a></span>{/block:Date}
  1148. {block:Date}<span class="like_and_reblog_buttons"><li>{ReblogButton color="gray" size="14"}</li><li>{LikeButton color="gray" size="14"}</li></span>{/block:Date}
  1149. {block:Date}<span class="info">Doc: <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}{block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a> & <a href="{ReblogRootURL}">src</a>{/block:RebloggedFrom} {block:Date}<span class="arrow"><img src="http://static.tumblr.com/vdw1lg6/s76n87t9p/ps-arrow.png"></span>{/block:Date}</span>
  1150. </span>
  1151. {block:HasTags}<div class="tagwrap"><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  1152. </div>
  1153. {/block:PermalinkPage}
  1154.  
  1155. </div> <!-- end posts -->
  1156.  
  1157. {/block:Posts}
  1158.  
  1159. {block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1160.  
  1161. </div> <!-- end content -->
  1162.  
  1163. </div>
  1164.  
  1165. </div>
  1166.  
  1167. </div> <!-- end contentwrap -->
  1168.  
  1169. </body>
  1170.  
  1171. </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!