API tools faq
paste
winchesterkirk

Digital Theme

winchesterkirk
Apr 15th, 2014
712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.63 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. don't remove credit bc that's hecka mean
  6.  
  7. contact me if u have any questions or concerns
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script>
  19. $(document).ready(function() {
  20. //
  21. $('a.poplight[href^=#]').click(function() {
  22. var popID = $(this).attr('rel');
  23. var popURL = $(this).attr('href');
  24. var query= popURL.split('?');
  25. var dim= query[1].split('&');
  26. var popWidth = dim[0].split('=')[1];
  27. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://31.media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png" class="btn_close" alt="Close" /></a>');
  28. var popMargTop = ($('#' + popID).height() + 80) / 2;
  29. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove();
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47.  
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53.  
  54.  
  55. <meta name="color:background" content="#ffffff"/>
  56. <meta name="color:text" content="#a8a8a8"/>
  57. <meta name="color:link" content="#b8b8b8"/>
  58. <meta name="color:tags" content="f0f0f0"/>
  59. <meta name="color:hover" content="#78c9a1"/>
  60. <meta name="color:line" content="#f2f2f2"/>
  61. <meta name="color:border" content="#ddd"/>
  62. <meta name="color:post" content="#ffffff"/>
  63. <meta name="color:main header" content="#fcfcfc"/>
  64. <meta name="color:header background" content="#ddf2e8"/>
  65. <meta name="color:quote text" content="#78c9a1"/>
  66. <meta name="color:info background" content="#ddf2e8"/>
  67. <meta name="color:colored text" content="#78c9a1"/>
  68. <meta name="color:navigation links" content="#aaaaaa"/>
  69. <meta name="color:navigation links hover" content="#fff"/>
  70. <meta name="color:navigation links hover bg" content="#9ad7b9"/>
  71. <meta name="color:highlight color" content="#bbe4d0"/>
  72. <meta name="color:scrollbar" content="#bbe4d0"/>
  73.  
  74. <meta name="image:side image" content=""/>
  75. <meta name="image:picture of you" content=""/>
  76.  
  77. <meta name="if:musicplayer" content="0"/>
  78. <meta name="if:searchbar" content="1"/>
  79.  
  80. <meta name="if:show link 4" content="1"/>
  81. <meta name="if:show link 5" content="1"/>
  82. <meta name="if:show link 6" content="1"/>
  83. <meta name="if:show link 7" content="1"/>
  84. <meta name="if:show link 8" content="1"/>
  85. <meta name="if:show link 9" content="1"/>
  86. <meta name="if:show link 10" content="1"/>
  87. <meta name="if:show link 11" content="1"/>
  88. <meta name="if:show link 12" content="1"/>
  89.  
  90. <meta name="text:music player code" content="a full tutorial is here http://jimothytheme1.tumblr.com/musictut" />
  91.  
  92. <meta name="text:your url" content="for the ask and submit boxes" />
  93. <meta name="text:ask box title" content="ask box title" />
  94. <meta name="text:faq" content="write your frequently asked questions here" />
  95. <meta name="text:submit box title" content="submit box title" />
  96. <meta name="text:submission rules" content="write your submit rules here" />
  97. <meta name="text:about you" content="write your about me here!" />
  98. <meta name="text:your name" content="write your name or nickname here" />
  99. <meta name="text:your age" content="write your age here" />
  100. <meta name="text:your gender" content="write your gender here" />
  101. <meta name="text:your sexuality" content="write your sexuality here" />
  102.  
  103. <meta name="text:link 1" content="/" />
  104. <meta name="text:link 1 title" content="link one" />
  105. <meta name="text:link 1 text" content="link 1" />
  106.  
  107. <meta name="text:link 2" content="/" />
  108. <meta name="text:link 2 title" content="link two" />
  109. <meta name="text:link 2 text" content="link 2" />
  110.  
  111. <meta name="text:link 3" content="/" />
  112. <meta name="text:link 3 title" content="link three" />
  113. <meta name="text:link 3 text" content="link 3" />
  114.  
  115. <meta name="text:link 4" content="/" />
  116. <meta name="text:link 4 title" content="link four" />
  117. <meta name="text:link 4 text" content="link 4" />
  118.  
  119. <meta name="text:link 5" content="/" />
  120. <meta name="text:link 5 title" content="link five" />
  121. <meta name="text:link 5 text" content="link 5" />
  122.  
  123. <meta name="text:link 6" content="/" />
  124. <meta name="text:link 6 title" content="link six" />
  125. <meta name="text:link 6 text" content="link 6" />
  126.  
  127. <meta name="text:link 7" content="/" />
  128. <meta name="text:link 7 title" content="link seven" />
  129. <meta name="text:link 7 text" content="link 7" />
  130.  
  131. <meta name="text:link 8" content="/" />
  132. <meta name="text:link 8 title" content="link eight" />
  133. <meta name="text:link 8 text" content="link 8" />
  134.  
  135. <meta name="text:link 9" content="/" />
  136. <meta name="text:link 9 title" content="link nine" />
  137. <meta name="text:link 9 text" content="link 9" />
  138.  
  139. <meta name="text:link 10" content="/" />
  140. <meta name="text:link 10 title" content="link ten" />
  141. <meta name="text:link 10 text" content="link 10" />
  142.  
  143. <meta name="text:link 11" content="/" />
  144. <meta name="text:link 11 title" content="link eleven" />
  145. <meta name="text:link 11 text" content="link 11" />
  146.  
  147. <meta name="text:link 12" content="/" />
  148. <meta name="text:link 12 title" content="link twelve" />
  149. <meta name="text:link 12 text" content="link 12" />
  150.  
  151. <meta name="text:side image width" content="200px" />
  152. <meta name="text:side image left" content="750px" />
  153. <meta name="text:side image bottom" content="300px" />
  154.  
  155.  
  156. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  157.  
  158. <script>
  159. (function($){
  160. $(document).ready(function(){
  161. $("[title],a[title],img[title]").style_my_tooltips({
  162. tip_follows_cursor:true,
  163. tip_delay_time:100,
  164. tip_fade_speed:300,
  165. attribute:"title"
  166. });
  167. });
  168. })(jQuery);
  169. </script>
  170. </script>
  171.  
  172. <style type="text/css">
  173.  
  174. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  175.  
  176. ::-webkit-scrollbar {
  177. width:10px;
  178. height:6px;
  179. background-color:{color:background};
  180. }
  181. ::-webkit-scrollbar-track {
  182. background-color:{color:background};
  183. }
  184. ::-webkit-scrollbar-thumb {
  185. background-color:{color:scrollbar};
  186. border: 4px solid {color:background};
  187. }
  188.  
  189. ::selection { background:{color:highlight color}; }
  190. ::-moz-selection { background:{color:highlight color}; }
  191.  
  192. .popup_block{
  193.  
  194. display: none;
  195. background: #fff;
  196. max-height:300px;
  197. padding: 20px;
  198. border: 1px solid {color:border};
  199. text-align:center;
  200. float: left;
  201. font-size: 9px;
  202. max-width:300px;
  203. position: fixed;
  204. top: 30%; left: 18%;
  205. overflow-y: auto; overflow-x: yes scroll;
  206. z-index: 99999;
  207.  
  208. }
  209. img.btn_close {
  210. float: right;
  211. margin-top: -14px;
  212. margin-left:-160px;
  213. position:fixed
  214. }
  215.  
  216. *html #fade {
  217. position: absolute;
  218. }
  219. *html .popup_block {
  220. position: absolute;
  221. }
  222.  
  223. body {
  224. background:{color:background};
  225. margin:0px;
  226. color:{color:text};
  227. font-family:consolas;
  228. word-wrap: break-word;
  229. font-size:9px;
  230. line-height:100%;
  231. }
  232.  
  233. a {
  234. text-decoration:none;
  235. outline:none;
  236. -moz-outline-style:none;
  237. color:{color:link};
  238. }
  239.  
  240. img {
  241. max-width:100%;
  242. height:auto;
  243. }
  244.  
  245. blockquote {
  246. margin:0px 4px;
  247. padding:0em 1em;
  248. border-left:1px solid {color:blockquote};
  249. }
  250.  
  251. h1 {
  252. font-size:9px;
  253. text-transform:uppercase;
  254. }
  255.  
  256. h2 {
  257. font-size:9px;
  258. padding:8px;
  259. margin-top:-5px;
  260. background-color:{color:info background};
  261. color:{color:colored text};
  262. text-align:center;
  263. text-transform:uppercase;
  264. }
  265.  
  266. a:hover {
  267. opacity:10;
  268. color:{color:hover};
  269. -webkit-transition: all 0.7s ease;
  270. -moz-transition: all 0.7s ease;
  271. -o-transition: all 0.7s ease
  272. }
  273.  
  274. #content{
  275. width:300px;
  276. border:1px solid {color:border};
  277. margin-left:450px;
  278. padding:20px;
  279. margin-top:60px;
  280. height:600px;
  281. max-height:600px; overflow-y: auto; overflow-x: yes scroll;
  282. }
  283.  
  284.  
  285. #post {
  286. width:250px;
  287. padding-bottom:20px;
  288. padding:10px;
  289. margin-left:13px;
  290. margin-top:15px;
  291. border: 1px solid {color:border};
  292. background-color:{color:Post};
  293. }
  294.  
  295. #header {
  296. position:fixed;
  297. background-color:{color:main header};
  298. width: 340px;
  299. padding-top:20px;
  300. padding-bottom: 20px;
  301. margin-top:-40px;
  302. margin-left:450px;
  303. border: 1px solid {color:line};
  304. border-bottom: 1px solid {color:line};
  305. }
  306.  
  307. #title {
  308. position:fixed;
  309. font-size:9px;
  310. font-family:consolas;
  311. max-width: 250px;
  312. max-height:10px;
  313. text-align: center;
  314. padding:15px;
  315. margin-left:30px;
  316. margin-top:-20px;
  317. }
  318.  
  319. #contact {
  320. max-height:300px;
  321. font-family:consolas;
  322. }
  323.  
  324. #ask{
  325. padding-bottom:30px;
  326. width:250px;
  327.  
  328. }
  329.  
  330. #submit{
  331. width:250px;
  332. }
  333.  
  334. #asktitle{
  335. font-size:10px;
  336. text-transform:uppercase;
  337. text-align:left;
  338. border:1px solid {color:line};
  339. line-height:20px;
  340. width:284px;
  341. margin-left:5px;
  342. padding:5px;
  343. background-color:{color:main header};
  344. }
  345.  
  346. #faqtitle{
  347. font-size:10px;
  348. text-transform:uppercase;
  349. padding:10px;
  350. text-align:left;
  351. }
  352.  
  353. #faq{
  354. font-size:8px;
  355. text-align:left;
  356. padding:8px;
  357. margin-left:5px;
  358. width:280px;
  359. max-height:60px; overflow-y: auto; overflow-x: yes scroll;
  360. }
  361.  
  362.  
  363. #abouttitle{
  364. font-size:10px;
  365. text-transform:uppercase;
  366. text-align:left;
  367. border:1px solid {color:line};
  368. line-height:20px;
  369. width:288px;
  370. padding:5px;
  371. background-color:{color:main header};
  372. }
  373.  
  374. #about {
  375. max-height:250px; overflow-y: auto; overflow-x: yes scroll;
  376. }
  377.  
  378. #you{
  379. max-height:130px; overflow-y: auto; overflow-x: yes scroll;
  380. text-align:left;
  381. line-height:10px;
  382. padding-right:10px;
  383. width:150px;
  384. }
  385.  
  386. #about img{
  387. width:90px;
  388. float:right;
  389. margin-left:10px;
  390. border:1px solid #dfdfdf;
  391. padding:15px;
  392. background:#fafafa;
  393. }
  394.  
  395. #stats{
  396. max-height:100px;
  397. text-align:left;
  398. padding-top:20px;
  399. line-height:10px;
  400. padding-right:10px;
  401. width:150px;
  402. }
  403.  
  404.  
  405. #sidebar {
  406. width:270px;
  407. position:fixed;
  408. margin-left:850px;
  409. margin-top:150px;
  410. opacity:.80;
  411. background-color:{color:Sidebar};
  412. }
  413.  
  414.  
  415. .links{
  416. font-size:8px;
  417. text-transform:uppercase;
  418. letter-spacing:1px;
  419. color:{color:navigation links};
  420. line-height:1.36em;
  421. text-align:center;
  422. width:83px;
  423. min-height:52px;
  424. max-height:52px;overflow-y: auto; overflow-x: yes scroll;
  425. -webkit-transition: all 0.7s ease;
  426. -moz-transition: all 0.7s ease;
  427. -o-transition: all 0.7s ease;
  428. }
  429.  
  430. .links a{
  431. display:block;
  432. padding:2px 3px;
  433. margin:1px 0px 0px 0px;
  434. font-size:8px;
  435. border:1px solid {color:border};
  436. text-transform:uppercase;
  437. letter-spacing:1px;
  438. color:{color:navigation links};
  439. line-height:1.36em;
  440. text-align:left;
  441. max-width:65px;
  442. -webkit-transition: all 0.7s ease;
  443. -moz-transition: all 0.7s ease;
  444. -o-transition: all 0.7s ease;
  445. }
  446.  
  447. .links a:hover{
  448. color:{color:navigation links hover};
  449. background-color:{color:navigation links hover bg};
  450.  
  451. }
  452.  
  453. .linksbox{
  454. float:left;
  455. width:72px;
  456. padding:10px;
  457. }
  458.  
  459. #navheader{
  460. width:65px;
  461. text-transform:uppercase;
  462. letter-spacing:2px;
  463. background-color:{color:header background};
  464. color:{color:header text};
  465. padding:4px;
  466. text-align:center;
  467.  
  468. }
  469.  
  470. #desctop{
  471. font-family:consolas;
  472. font-size:8px;
  473. text-align:right;
  474. text-transform:uppercase;
  475. padding-right:5px;
  476. width:160px;
  477. margin-top:1px;
  478. margin-bottom:-1px;
  479. margin-left:-1px;
  480. height:13px;
  481. background:{color:info background};
  482. color:{color:text};
  483. padding-bottom:3px;
  484. padding-top:2px;
  485. }
  486.  
  487. #description {
  488. position:fixed;
  489. font-family:consolas;
  490. line-height:10px;
  491. font-size:8px;
  492. width:164px;
  493. margin-top:-75px;
  494. padding:11px;
  495. margin-left:0px;
  496. text-align:justify;
  497. color:{color:text};
  498. }
  499.  
  500. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  501. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  502.  
  503. #desc{
  504. max-height:39px; overflow-y: auto; overflow-x: yes scroll;
  505. padding:5px;
  506. text-align:center;
  507. margin-left:-1px;
  508. border:1px solid {color:border};
  509. }
  510.  
  511. #sideimage {
  512. position:fixed;
  513. opacity:.8;
  514. margin-top:{text:side image bottom};
  515. margin-left:{text:side image left};
  516. }
  517.  
  518. #sideimage img {
  519. width:{text:side image width};
  520. }
  521.  
  522.  
  523. #pagination {
  524. width:336px;
  525. font-size:8px;
  526. text-align:center;
  527. margin-left:-400px;
  528. padding:2px;
  529. opacity:1;
  530. margin-top:481px;
  531. line-height:100%;
  532. border:1px solid {color:border};
  533. position:fixed;
  534. background-color:{color:info background};
  535. font-family:consolas;
  536. letter-spacing:0px;
  537. }
  538.  
  539. #ohoh{
  540. font-family:consolas;
  541. font-size:8px;
  542. text-align:right;
  543. text-transform:uppercase;
  544. padding-right:5px;
  545. width:267px;
  546. margin-top:10px;
  547. margin-bottom:-15px;
  548. margin-left:13px;
  549. height:10px;
  550. background:{color:info background};
  551. color:{color:text};
  552. padding-bottom:3px;
  553. padding-top:2px;
  554. -webkit-transition: all 0.7s ease;
  555. -moz-transition: all 0.7s ease;
  556. -o-transition: all 0.7s ease
  557. }
  558.  
  559. #ohoh a{
  560. -webkit-transition: all 0.7s ease;
  561. -moz-transition: all 0.7s ease;
  562. -o-transition: all 0.7s ease
  563. }
  564.  
  565. #ohoh a:hover{
  566. color:{color:hover};
  567.  
  568. }
  569.  
  570. #info {
  571. text-align:center;
  572. font-family:consolas;
  573. margin-top:20px;
  574. padding:0px 5px 5px;
  575. background:{color:info background};
  576. color:{color:text};
  577. text-transform:uppercase;
  578. font-size:8px;
  579. font-style:none;
  580. }
  581.  
  582.  
  583.  
  584. #tags {
  585. letter-spacing:0px;
  586. font-family:consolas;
  587. text-transform:uppercase;
  588. padding:6px 6px 6px 6px;
  589. background:{color:info background};
  590. color:{color:text};
  591. font-size:8px;
  592. letter-spacing:1px;
  593. margin-top:2px;
  594. text-align:center;
  595. }
  596.  
  597. #tags
  598. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  599. -webkit-transition: all 0.6s ease-in-out;
  600. -moz-transition: all 0.6s ease-in-out;
  601. -o-transition: all 0.6s ease-in-out;
  602. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  603.  
  604.  
  605. .newplayerbutton {
  606. position: relative;
  607. width: 20px;
  608. height: 50px;
  609. overflow: hidden;
  610. }
  611.  
  612. .playerbuttonhug {
  613. position: absolute;
  614. top: -11px;
  615. left: -12px;
  616. }
  617.  
  618. .tumblr_audio_player {
  619. border: none;
  620. padding: 0px;
  621. height: 40px;
  622. width: 500px;
  623. margin:0px 40px 10px 4px;
  624. }
  625.  
  626. .trackdetails {
  627. width: auto;
  628. display:inline-block;
  629. line-height:20px;
  630. margin-left: 100px;
  631. height:85px;
  632. }
  633.  
  634.  
  635. .playerbuttonbg {
  636. position:absolute;
  637. left: 14px;
  638. top: 15px;
  639. width: 180px;
  640. height: 15px;
  641. background-color: #ffffff;
  642. padding: 20px;
  643. opacity: .4;
  644. filter: alpha(opacity=40);
  645. -moz-opacity: 0.4;
  646. -khtml-opacity: 0.4;
  647. transition: opacity .7s ease-in-out;
  648. -moz-transition: opacity .7s ease-in-out;
  649. -webkit-transition: opacity .7s ease-in-out;
  650. }
  651.  
  652. .playerbuttonbg:hover {
  653. opacity: 1;
  654. filter: alpha(opacity=100);
  655. -moz-opacity: 1;
  656. -khtml-opacity: 1;
  657. }
  658.  
  659. .audioimgwrapper {
  660. position: absolute;
  661. left: 0px;
  662. top: 0px;
  663. overflow: hidden;
  664. width: 250px;
  665. height: 80px;
  666. }
  667.  
  668. .audioimgwrapper img {
  669. width: 100%;
  670. height: auto;
  671.  
  672. }
  673.  
  674. .audiowrapper {
  675. position: relative;
  676. display:inline-block;
  677. }
  678.  
  679. .newplayerbutton2 {
  680. position: relative;
  681. width: 20px;
  682. height: 50px;
  683. overflow: hidden;
  684. }
  685.  
  686. .playerbuttonhug2 {
  687. position: absolute;
  688. top: -11px;
  689. left: -12px;
  690. }
  691.  
  692. .tumblr_audio_player2 {
  693. border: none;
  694. padding: 0px;
  695. height: 40px;
  696. width: 500px;
  697. margin:0px 40px 10px 4px;
  698. }
  699.  
  700.  
  701. .playerbuttonbg2 {
  702. position:absolute;
  703. left: 14px;
  704. top: 15px;
  705. width: 13px;
  706. height: 15px;
  707. background-color: #ffffff;
  708. padding: 20px;
  709. opacity: .4;
  710. filter: alpha(opacity=40);
  711. -moz-opacity: 0.4;
  712. -khtml-opacity: 0.4;
  713. transition: opacity .7s ease-in-out;
  714. -moz-transition: opacity .7s ease-in-out;
  715. -webkit-transition: opacity .7s ease-in-out;
  716. }
  717.  
  718. .playerbuttonbg2:hover {
  719. opacity: 1;
  720. filter: alpha(opacity=100);
  721. -moz-opacity: 1;
  722. -khtml-opacity: 1;
  723. }
  724.  
  725. .audioimgwrapper2 {
  726. position: absolute;
  727. left: 0px;
  728. top: 0px;
  729. overflow: hidden;
  730. width: 80px;
  731. height: 80px;
  732. }
  733.  
  734. .audioimgwrapper2 img {
  735. width: 100%;
  736. height: auto;
  737.  
  738. }
  739.  
  740. .trackdetails2 {
  741. width: auto;
  742. display:inline-block;
  743. line-height:20px;
  744. margin-left: 100px;
  745. height:85px;
  746. }
  747.  
  748. .audiowrapper2 {
  749. position: relative;
  750. display:inline-block;
  751. }
  752.  
  753. #woahoh{
  754. font-family:consolas;
  755. font-size:8px;
  756. text-align:right;
  757. padding-right:5px;
  758. width:245px;
  759. margin-top:1px;
  760. margin-bottom:0px;
  761. height:10px;
  762. background:{color:info background};
  763. color:{color:text};
  764. padding-bottom:3px;
  765. padding-top:2px;
  766. }
  767.  
  768. #asker {
  769. padding:5px;
  770. text-align:left;
  771. border:1px solid {color:border};
  772. background-color:{color:background}
  773. }
  774.  
  775. #quote{
  776. font-family: consolas;
  777. font-size:11px;
  778. padding:20px;
  779. color:{color:quote text};
  780. line-height:12px;
  781. border:1px solid {color:border};
  782. }
  783.  
  784.  
  785. ol.notes {
  786. width:250px;
  787. padding:0px;
  788. margin:10px auto;
  789. list-style-type:none;
  790. font-size:8px;
  791. letter-spacing:1px;
  792. text-transform:lowercase;
  793. text-align:left;
  794. }
  795.  
  796. ol.notes a {
  797. color:{color:text};
  798. }
  799.  
  800. ol.notes a:hover {
  801. color:{color:links hover};
  802. }
  803.  
  804. li.note {
  805. padding:10px;
  806. }
  807.  
  808. img.avatar {
  809. vertical-align: -4px;
  810. margin-right:10px;
  811. width:14px;
  812. height:14px;
  813. }
  814.  
  815. .sfm input {background-color: #fff;
  816. font-size: 8px;
  817. border: 0px;
  818. text-transform: uppercase;
  819. margin-top: 1px;
  820. float:right;
  821. color: #999;
  822. letter-spacing: 1px;
  823. padding: 1px 1px;
  824. font-family: consolas;
  825.  
  826. }
  827.  
  828. #s-m-t-tooltip{
  829. font-size:8px;
  830. max-width:150px;
  831. line-height:8px;
  832. border-radius:3px;
  833. padding:5px 5px 2px 5px;
  834. margin:15px 0px 0px 10px;
  835. z-index:10;
  836. background:#fff;
  837. font-family:consolas;
  838. text-transform:uppercase;
  839. opacity:1;
  840. border:1px solid #ddd;
  841. letter-spacing:1px;
  842. z-index:999999;
  843. }
  844.  
  845. {CustomCSS}</style></head><body>
  846.  
  847. <div id="contact" class="popup_block">
  848. <div id="ask">
  849. <div id="asktitle">{text:ask box title}</div>
  850. <div id="faqtitle">frequently asked questions</div>
  851. <div id="faq">{text:faq}</div>
  852. <div style="padding-top:10px;"><div class="ask"><iframe frameborder="0" width="300px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" height="250px"></iframe></div>
  853. </div></div></div>
  854.  
  855. <div id="submission" class="popup_block">
  856. <div id="submit">
  857. <div id="asktitle">{text:submit box title}</div>
  858. <div id="faqtitle">submission rules</div>
  859. <div id="faq">{text:submission rules}</div>
  860. <div style="padding-top:10px;"><div class="submit"><iframe frameborder="0" width="300px" id="submit_form" scrolling="yes" src="http://www.tumblr.com/submit_form/{text:your url}.tumblr.com" height="420px"></iframe></div>
  861. </div></div></div>
  862.  
  863. <div id="person" class="popup_block">
  864.  
  865. <div id="abouttitle">about me</div><br>
  866. <div id="about">
  867. <img src="{image:picture of you}"/>
  868. <div id="you">
  869. {text:about you}
  870. </div>
  871. <div id="stats">
  872. Name: {text:your name}
  873. <br><br>
  874. Age: {text:your age}
  875. <br><br>
  876. Gender: {text:your gender}
  877. <br><br>
  878. Sexuality: {text:your sexuality}
  879. </div>
  880. </div>
  881. </div>
  882.  
  883. <div id="header">
  884.  
  885. <div id="title">
  886. {Title}
  887. </div>
  888. </div>
  889.  
  890. <div id="sidebar">
  891.  
  892. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  893.  
  894.  
  895. <div class="linksbox">
  896. <div id="navheader">menu</div>
  897. <div class="links">
  898. <a href="/" title="home">index</a>
  899. <a href="#?w=800" rel="contact" class="poplight" title="message">contact</a>
  900. <a href="#?w=800" rel="submission" class="poplight" title="submit">submit</a>
  901. <a href="#?w=800" rel="person" class="poplight" title="about me">identity</a>
  902. <a href="/archive" title="archive">rewind</a>
  903.  
  904. </div></div>
  905.  
  906. <div class="linksbox">
  907. <div id="navheader">files</div>
  908. <div class="links">
  909. <a href="{text:link 1}" title="{text:link 1 title}">{text:link 1 text}</a>
  910.  
  911. <a href="{text:link 2}" title="{text:link 2 title}">{text:link 2 text}</a>
  912.  
  913. <a href="{text:link 3}" title="{text:link 3 title}">{text:link 3 text}</a>
  914.  
  915. {block:ifshowlink4}<a href="{text:link 4}" title="{text:link 4 title}">{text:link 4 text}</a>{/block:ifshowlink4}
  916.  
  917. {block:ifshowlink5}<a href="{text:link 5}" title="{text:link 5 title}">{text:link 5 text}</a>{/block:ifshowlink5}
  918.  
  919. {block:ifshowlink6}<a href="{text:link 6}" title="{text:link 6 title}">{text:link 6 text}</a>{/block:ifshowlink6}
  920.  
  921. {block:ifshowlink7}<a href="{text:link 7}" title="{text:link 7 title}">{text:link 7 text}</a>{/block:ifshowlink7}
  922.  
  923. {block:ifshowlink8}<a href="{text:link 8}" title="{text:link 8 title}">{text:link 8 text}</a>{/block:ifshowlink8}
  924.  
  925. {block:ifshowlink9}<a href="{text:link 9}" title="{text:link 9 title}">{text:link 9 text}</a>{/block:ifshowlink9}
  926.  
  927. {block:ifshowlink10}<a href="{text:link 10}" title="{text:link 10 title}">{text:link 10 text}</a>{/block:ifshowlink10}
  928.  
  929. {block:ifshowlink11}<a href="{text:link 11}" title="{text:link 11 title}">{text:link 11 text}</a>{/block:ifshowlink11}
  930.  
  931. {block:ifshowlink12}<a href="{text:link 12}" title="{text:link 12 title}">{text:link 12 text}</a>{/block:ifshowlink12}
  932.  
  933. </div></div>
  934.  
  935.  
  936. <div id="description">
  937. <div id="desctop">
  938. {block:ifmusicplayer}<div style="float:left; padding-left:5px">{text:music player code}</div>{/block:ifmusicplayer}
  939. {block:ifsearchbar}<div style="float:left; padding-left:5px"><form action="/search" method="get" class="sfm" name="theform">
  940. <input type="text" name="q" value="SEARCH"/>
  941. </form></div>{/block:ifsearchbar}
  942. <div style="float:right; padding-left:5px; color:{color:text};">✕</div></div>
  943. <div id="desc">
  944. <div id="descc">
  945. {Description}
  946. </div></div></div>
  947.  
  948. {block:Pagination}<div id="pagination">
  949. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  950. {block:JumpPagination length="5"}
  951. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  952. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  953. {/block:JumpPagination}
  954. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  955. </div>{/block:Pagination}
  956.  
  957. </div>
  958.  
  959. <div id="sideimage"><img src="{image:side image}"></div>
  960.  
  961. <div id="content">{block:Posts}
  962. <div id="ohoh">
  963. <div style="float:left; padding-left:5px"><img src="http://static.tumblr.com/3yblkz0/wYJmya549/pin.png"></div>
  964. {block:Date} <a href="{Permalink}" title="Permalink">{12Hour}:{Minutes} </a>
  965. <a href="{ReblogURL}" title="reblog">↻</a>{/block:Date}
  966. ✕
  967. </div>
  968. <div id="post">
  969.  
  970. {block:Text}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{block:Title}{Title}{/block:Title}{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{Body}{/block:Text}
  971.  
  972. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  973.  
  974. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  975.  
  976. {block:Quote}<div id="woahoh"><div style="float:left; padding-left:5px"><img src="http://static.tumblr.com/3yblkz0/XWQmya53r/marcadores54.gif"></div><div style="float:right; padding-left:5px; color:{color:text};">✕</div></div><div id="quote">❝{Quote}❞</div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  977.  
  978. {block:Link}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}<a href="{URL}" {Target}>{Name}</a>{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{block:Description}{Description}{/block:Description}{/block:Link}
  979.  
  980. {block:Chat}{block:Title}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{Title}{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  981.  
  982. {block:IndexPage}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails"></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:IndexPage}
  983.  
  984. {block:PermalinkPage}{block:AudioPlayer}<div class="audiowrapper2">{block:AlbumArt}<div class="audioimgwrapper2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg2"><div class="newplayerbutton2"><div class="playerbuttonhug2">{AudioPlayerWhite}</div></div></div><div class="trackdetails2">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}Artist: {Artist}{/block:Artist}<br>{block:Album}Album: {Album}{/block:Album}<br>
  985. {PlayCountWithLabel}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:PermalinkPage}
  986.  
  987. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  988.  
  989. {block:Answer}<div id="woahoh"><div style="float:left; padding-left:5px"><img src="http://static.tumblr.com/3yblkz0/XWQmya53r/marcadores54.gif"></div><div style="float:right; padding-left:5px; color:{color:text};">✕</div></div><div id="asker"> {Asker}: {Question}</div><left>{Answer}</font>{/block:Answer}
  990.  
  991. <div id="stop">
  992. {block:PermalinkPage}{block:Date} <div id="info">
  993. <br><a href="{Permalink}">{24Hour}:{Minutes} {DayofWeek} {DayofMonth} {Month} {Year}</a> <br>
  994. {NoteCountWithLabel}
  995. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via:</a> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<br><a href="{SourceURL}">orgin:</a> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}</div>{/block:Date}
  996.  
  997. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}</div></div>
  998. {/block:Posts}
  999. {/block:Posts}</div></div></div></div></div>
  1000.  
  1001.  
  1002.  
  1003.  
  1004. <div style="position:fixed;bottom:3px; right:3px; font-size:15px; letter-spacing:1px; font-family:cambria;"><a href="http://jimothykirk.tumblr.com/">☁</a></center></div>
  1005.  
  1006.  
  1007. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!