API tools faq
paste
Advertisement
itriedokay

Old School

itriedokay
Jun 11th, 2014
1,425
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.74 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---fonts---->
  5. <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  6. <!---unfont---->
  7.  
  8. <head>
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function(){
  13.   $("#slidedown").click(function(){
  14.     $("#slideup").slideToggle("fast");
  15.   });
  16. });
  17. </script>
  18.  
  19. {block:iftinycursor}
  20. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  21. {/block:iftinycursor}
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <!--
  31. ^---^
  32. =o.o=
  33.  
  34. -itsacatshutup-
  35.  
  36. -->
  37.  
  38. <meta name="image:bg" content="">
  39. <meta name="image:default album art" content="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"/>
  40. <meta name="image:image" content=""/>
  41. <meta name="image:carpet" content="">
  42.  
  43. <meta name="if:tiny cursor" content="0">
  44. <meta name="if:show captions" content="1">
  45. <meta name="if:show tags" content="1">
  46. <meta name="if:show sources" content="1">
  47. <meta name="if:Monochrome" content="0">
  48. <meta name="if:Cover Background" content="0">
  49. <meta name="if:Image behind tv" content="0">
  50. <meta name="if:Carpet" content="0">
  51.  
  52.  
  53. <meta name="color:background" content="#ffffff"/>
  54. <meta name="color:tv color" content="#222222"/>
  55. <meta name="color:tv legs" content="#181818"/>
  56. <meta name="color:channel switch" content="#2e2e2e"/>
  57. <meta name="color:channel switch line" content="#ffffff"/>
  58. <meta name="color:channels" content="#000000"/>
  59. <meta name="color:channels bg" content="#88ff00"/>
  60. <meta name="color:screen" content="#ffffff"/>
  61. <meta name="color:carpet" content="#99b886"/>
  62. <meta name="color:title" content="#ffffff"/>
  63. <meta name="color:title text shadow" content="#18c9af"/>
  64. <meta name="color:description bg" content="#ffffff"/>
  65. <meta name="color:description" content="#000000"/>
  66. <meta name="color:body" content="#222222"/>
  67. <meta name="color:bold" content="#000000"/>
  68. <meta name="color:italic" content="#9ad7b9"/>
  69. <meta name="color:blockquote" content="#8aff6c"/>
  70. <meta name="color:link" content="#222222"/>
  71. <meta name="color:link hover" content="#15ff8e"/>
  72. <meta name="color:posts" content="#ffffff"/>
  73. <meta name="color:post border" content="#f0f0f0"/>
  74. <meta name="color:notes border" content="#e5ffd8"/>
  75. <meta name="color:Selection" content="#00ff60"/>
  76. <meta name="color:Scrollbar" content="#00ff60"/>
  77.  
  78. <meta name="text:font size body" content="10"/>
  79. <meta name="text:width image" content="200"/>
  80. <meta name="text:margin top image" content="0"/>
  81. <meta name="text:margin left image" content="0"/>
  82. <meta name="text:Home Title" content="home"/>
  83. <meta name="text:Ask Url" content="/ask"/>
  84. <meta name="text:Ask Title" content="ask"/>
  85. <meta name="text:Link 1 Url" content="/"/>
  86. <meta name="text:Link 1 Title" content="Link 1"/>
  87. <meta name="text:Link 2 Url" content="/"/>
  88. <meta name="text:Link 2 Title" content="Link 2"/>
  89. <meta name="text:Link 3 Url" content="/"/>
  90. <meta name="text:Link 3 Title" content="Link 3"/>
  91. <meta name="text:Link 4 Url" content="/"/>
  92. <meta name="text:Link 4 Title" content="Link 4"/>
  93. <meta name="text:Link 5 Url" content="/"/>
  94. <meta name="text:Link 5 Title" content="Link 5"/>
  95. <meta name="text:Link 6 Url" content="/"/>
  96. <meta name="text:Link 6 Title" content="Link 6"/>
  97.  
  98. <style type="text/css">
  99.  
  100. /*basic*/
  101.  
  102. ::-webkit-scrollbar-thumb:vertical {
  103.     background-color:{color:Scrollbar};
  104.     height:20px;
  105.     border-radius:10px;
  106.     }
  107.  
  108. ::-webkit-scrollbar-thumb:horizontal {
  109.     background-color:{color:Scrollbar};
  110.     height:7px!important;
  111.     border-radius: 10px;
  112.     }
  113.  
  114. ::-webkit-scrollbar {
  115.     height:5px;
  116.     width:5px;
  117.     }
  118.  
  119. ::selection {
  120.     background: {color:selection};
  121.     color: #fff;
  122. }
  123.  
  124. body {
  125.     font-size:{text:font size body}px;
  126.     margin: 0;
  127.     padding: 0px;
  128.     background: {color:background};
  129.     color: {color:body};
  130.     background-attachment:fixed;
  131.     background-position:left top;
  132.     background-image:url('{image:bg}');
  133.     background-repeat:repeat;
  134.     {block:ifcoverbackground}
  135.     background-attachment:fixed;
  136.     background-size:cover;
  137.     background-position:left top;
  138.     background-image:url('{image:bg}');
  139.     background-repeat:no-repeat;
  140.     {/block:ifcoverbackground}
  141. }
  142.  
  143. a {
  144.     text-decoration:none;
  145.     -webkit-transition: all 0.2s linear;
  146.     color:{color:link};
  147. }
  148.  
  149. a:hover {
  150.     color:{color:link hover};
  151. }
  152.  
  153. blockquote {
  154.     padding:0px;
  155.     padding-left:5px;
  156.     margin:5px;
  157.     border-left:4px solid {color:blockquote};
  158.     }
  159.  
  160. #s-m-t-tooltip{
  161.   max-width:300px;
  162.   z-index:999999;
  163.   margin:-5px 0px 0px 10px;
  164.   padding:5px;
  165.   font-family:Verdana,Geneva,sans-serif;
  166.   font-size:8px;
  167.   line-height:8px;
  168.   letter-spacing:1px;
  169.   word-wrap:break-word;
  170.   color: #fff;
  171.   background:#000;
  172. }
  173.  
  174. /*individual posts*/
  175.  
  176. .photo img {
  177.     width:350px;
  178. }
  179.  
  180. #post pre {
  181.     word-break:break-word;
  182. }
  183.  
  184. #playa {
  185.     position:absolute;
  186.     left:50%;
  187.     margin-left:-10px;
  188.     margin-top:26px;
  189.     width:20px;
  190.     height:20px;
  191.     overflow:hidden;
  192. }
  193.  
  194. #art {
  195.     background-image:url("{image:default album art}");
  196.     width:175px;
  197.     background-size:175px;
  198.     height:175px;
  199. }
  200.  
  201. #art img {
  202.     width:175px;
  203. }
  204.  
  205. .playabox {
  206.     background:black;
  207.     display:inline-block;
  208.     left:50%;
  209.     z-index:8;
  210.     position:absolute;
  211.     opacity:.6;
  212.     width:75px;
  213.     height:75px;
  214.     margin-left:-137px;
  215.     margin-top:-135px;
  216. }
  217.  
  218. .tumblr_audio_player {
  219.     border: none;
  220.     padding: 0px;
  221.     margin: 0px;
  222.     height: 20px;
  223.     width: 500px;
  224.             }
  225.  
  226. #dooblidoo {
  227.     display:inline-block;
  228.     width:155px;
  229.     height:155px;
  230.     margin-left:175px;
  231.     font-size:15px;
  232.     margin-top:-175px;
  233.     padding:10px;
  234.     position:absolute;
  235.     background:rgba(220,220,220,.2);
  236. }
  237.  
  238.  
  239. .askrimg {
  240.     width:100%;
  241.     padding:10px;
  242.     margin-left:-10px;
  243.     margin-top:-10px;
  244.     background:{color:custom link bg};
  245.     color:{color:custom link};
  246. }
  247.  
  248. .askrimg img{
  249.     margin-left:-25px;
  250.     left:50%;
  251.     position:relative;
  252.     border-radius:40px;
  253.     border:5px solid {color:posts};
  254.    
  255. }
  256.  
  257. .askrimg p {
  258.     width:100%;
  259.     text-align:center;
  260.     font-size:15px;
  261.     font-family: arial bold;
  262.     word-break:break-word;
  263.     margin-top:-5px;
  264.     margin-bottom:0px;
  265. }
  266.  
  267. .askr p{
  268.     font-size:13px;
  269.     text-align:center;
  270.     padding:5px;
  271.     color:{color:bold};
  272.     word-break:break-word;
  273. }
  274.  
  275. .answr {
  276.     font-size:12px;
  277.     text-align:center;
  278.     word-break:break-word;
  279. }
  280.  
  281. #link a{
  282.     display:inline-block;
  283.     width:100%;
  284.     padding:10px;
  285.     margin:-10px 0 0 -10px;
  286.     font-size:15px;
  287.     color:{color:posts};
  288.     background:{color:link};
  289.     text-align:center;
  290.    
  291. }
  292.  
  293. #quote {
  294.     font-size:21px;
  295.     position:relative;
  296. }
  297.  
  298. .mark{
  299.     color:{color:link hover};
  300.     font-size:25px;
  301.     line-height:2px;
  302.     padding:1px;
  303. }
  304.  
  305. .qsource {
  306.     font-size:15px;
  307.     color:{color:link hover};
  308. }
  309.  
  310. .qsource a {
  311.     color:{color:link hover};
  312.     padding:1px;
  313. }
  314.  
  315. .qsource a:hover {
  316.     background:{color:link};
  317.     color:{color:posts};
  318. }
  319.  
  320. .texttit p {
  321.     font-size:15px;
  322.     padding:10px;
  323.     margin:0px;
  324.     background:{color:link};
  325.     color:{color:posts};
  326.     text-align:right;
  327. }
  328.  
  329. .texttit a {
  330.     color:{color:posts};
  331. }
  332.  
  333.  
  334. /*tv part*/
  335.  
  336. #tv {
  337.     left:50%;
  338.     margin-left:-300px;
  339.     width:600px;
  340.     height:380px;
  341.     float:left;
  342.     position:absolute;
  343.     background:{color:tv color};
  344.     top:50%;
  345.     margin-top:-195px;
  346.     border-radius:12px;
  347.     z-index:1;
  348. }
  349.  
  350. #hold_dat {
  351.     left:50%;
  352.     margin-left:-100px;
  353.     width:10px;
  354.     height:10px;
  355.     float:left;
  356.     position:absolute;
  357.     top:50%;
  358.     margin-top:-100px;
  359.     border-radius:12px;
  360.     z-index:100;
  361.     {block:ifimagebehindtv}
  362.     z-index:0;
  363.     {/block:ifimagebehindtv}
  364. }
  365.  
  366. #leg1, #leg2 {
  367.     width: 10px;
  368.     height: 0px;
  369.     border-style: solid;
  370.     border-width: 30px 10px 0 10px;
  371.     border-color: {color:tv legs} transparent transparent transparent;
  372.     z-index:10;
  373.     position:absolute;
  374.     top:50%;
  375.     left:50%;
  376. }
  377.  
  378. #leg1 {margin-left:-250px;margin-top:185px;}
  379. #leg2 {margin-left:220px;margin-top:185px;}
  380.  
  381. /*LINKS DONT TOUCH TOOK 7 HOURS TO FIGURE OUT BC IM DUMB*/
  382.  
  383. #da_links {
  384.     margin-left:455px;
  385.     position:absolute;
  386. }
  387. #d0 a, #d1 a, #d2 a, #d3 a, #d4 a, #d5 a, #d6 a {
  388.     font-size:11px;
  389.     margin-top:0px;
  390.     margin-left:4px;
  391.     position:absolute;
  392.     text-decoration:none;
  393.     color:{color:channels};
  394. }
  395. #d0, #d1, #d2, #d3, #d4, #d5, #d6 {
  396.     background: {color:channels bg};
  397.     display: block;
  398.     height: 15px;
  399.     left: 50px;
  400.     position: absolute;
  401.     top: 0;
  402.     width: 15px;
  403.     border-radius:15px;
  404. }
  405. #d0 {
  406.     top: 50px;
  407.    
  408. }
  409. #d0:hover .o {
  410.     -moz-transform: rotate(0deg);
  411.     -ms-transform: rotate(0deg);
  412.     -o-transform: rotate(0deg);
  413.     -webkit-transform: rotate(0deg);
  414. }
  415. #d1 {
  416.     margin:30px 0px;
  417. }
  418. #d1:hover .o {
  419.     -moz-transform: rotate(60deg);
  420.     -ms-transform: rotate(60deg);
  421.     -o-transform: rotate(60deg);
  422.     -webkit-transform: rotate(60deg);
  423. }
  424. #d2 {
  425.    
  426.     margin:55px -50px;
  427. }
  428. #d2:hover .o {
  429.     -moz-transform: rotate(120deg);
  430.     -ms-transform: rotate(120deg);
  431.     -o-transform: rotate(120deg);
  432.     -webkit-transform: rotate(120deg);
  433. }
  434. #d3 {
  435.    
  436.     margin:20px -100px;
  437. }
  438. #d3:hover .o {
  439.     -moz-transform: rotate(180deg);
  440.     -ms-transform: rotate(180deg);
  441.     -o-transform: rotate(180deg);
  442.     -webkit-transform: rotate(180deg);
  443. }
  444. #d4 {
  445.     margin:-22px -100px;
  446.    
  447. }
  448. #d4:hover .o {
  449.     -moz-transform: rotate(240deg);
  450.     -ms-transform: rotate(240deg);
  451.     -o-transform: rotate(240deg);
  452.     -webkit-transform: rotate(240deg);
  453. }
  454. #d5 {
  455.     margin:-53px -50px;
  456.    
  457. }
  458. #d5:hover .o {
  459.     -moz-transform: rotate(300deg);
  460.     -ms-transform: rotate(300deg);
  461.     -o-transform: rotate(300deg);
  462.     -webkit-transform: rotate(300deg);
  463. }
  464. #d6:hover .o {
  465.     -moz-transform: rotate(360deg);
  466.     -ms-transform: rotate(360deg);
  467.     -o-transform: rotate(360deg);
  468.     -webkit-transform: rotate(360deg);
  469. }
  470. .o {
  471.     -moz-transition: all 0.5s ease-out;
  472.     -ms-transition: all 0.5s ease-out;
  473.     -o-transition: all 0.5s ease-out;
  474.     -webkit-transition: all 0.5s ease-out;
  475. }
  476.  
  477. .o {
  478.     width:70px;
  479.     height:70px;
  480.     border-radius:100px;
  481.     position:absolute;
  482.     background:{color:channel switch};
  483.     margin-top:-5px;
  484.     margin-left:19px
  485. }
  486.  
  487. .l {
  488.     width: 6px;
  489.     height: 30px;
  490.     background:{color:channel switch line};
  491.     position:absolute;
  492.     margin-top:0px;
  493.     margin-left:32px;
  494. }
  495.  
  496. /*buttons*/
  497.  
  498. #buttons {
  499.     position:absolute;
  500.     width:130px;
  501.     height:130px;
  502.     z-index:12;
  503.     margin-left:450px;
  504.     margin-top:190px;
  505. }
  506.  
  507. #volume {
  508.     font-size:12px;
  509.     line-height:10px;
  510.     width:130px;
  511.     display:inline-block;
  512.     background:{color:channels bg};
  513.     text-align:center;
  514.     border-radius:100px;
  515.     padding:0px;
  516.     letter-spacing:1px;
  517.     text-transform:uppercase;
  518.     color:{color:channels};
  519. }
  520.  
  521. .next_page, .prev_page{
  522.     font-size:15px;
  523.     position:absolute;
  524.     display:inline-block;
  525.     background:{color:channel switch};
  526.     width:20px;
  527.     height:20px;
  528.     line-height:22px;
  529.     margin-top:-8px;
  530.     border-radius:20px;
  531.     letter-spacing:0px;
  532.     border:outset 3px {color:channel switch};
  533.     color:{color:channel switch line};
  534. }
  535.  
  536. .next_page:hover, .prev_page:hover {
  537.     border:inset 3px {color:channel switch};
  538.     color:{color:channel switch line};
  539. }
  540.  
  541. .next_page {
  542.     margin-left:-32px;
  543. }
  544.  
  545. .prev_page {
  546.     margin-left:5px;
  547.     line-height:24px;
  548. }
  549.  
  550. #bright, #color a {
  551.     width:50px;
  552.     height:50px;
  553.     display:inline-block;
  554.     position:absolute;
  555.     background:{color:channel switch};
  556.     margin-toP:10px;
  557.     border-radius:50px;
  558.     -moz-transition: all 0.5s ease-out;
  559.     -ms-transition: all 0.5s ease-out;
  560.     -o-transition: all 0.5s ease-out;
  561.     -webkit-transition: all 0.5s ease-out;
  562. }
  563.  
  564. #bright {
  565.     margin-left:70px;
  566.     -moz-transform: rotate(60deg);
  567.     -ms-transform: rotate(60deg);
  568.     -o-transform: rotate(60deg);
  569.     -webkit-transform: rotate(60deg);
  570.    
  571. }
  572.  
  573. #bright:hover {
  574.     -moz-transform: rotate(0deg);
  575.     -ms-transform: rotate(0deg);
  576.     -o-transform: rotate(0deg);
  577.     -webkit-transform: rotate(0deg);
  578.     -moz-transition: all 0.5s ease-out;
  579.     -ms-transition: all 0.5s ease-out;
  580.     -o-transition: all 0.5s ease-out;
  581.     -webkit-transition: all 0.5s ease-out;
  582. }
  583.  
  584. #color:hover {
  585.     -moz-transform: rotate(90deg);
  586.     -ms-transform: rotate(90deg);
  587.     -o-transform: rotate(90deg);
  588.     -webkit-transform: rotate(90deg);
  589.     -moz-transition: all 0.5s ease-out;
  590.     -ms-transition: all 0.5s ease-out;
  591.     -o-transition: all 0.5s ease-out;
  592.     -webkit-transition: all 0.5s ease-out;
  593. }
  594.  
  595. #color a {
  596.     margin-top:0px;
  597. }
  598.  
  599. #color {
  600.     -moz-transform: rotate(20deg);
  601.     -ms-transform: rotate(20deg);
  602.     -o-transform: rotate(20deg);
  603.     -webkit-transform: rotate(20deg);
  604.     margin-left:10px;
  605.     margin-top:10px;
  606.     width:50px;
  607.     height:50px;
  608.     -moz-transition: all 0.5s ease-out;
  609.     -ms-transition: all 0.5s ease-out;
  610.     -o-transition: all 0.5s ease-out;
  611.     -webkit-transition: all 0.5s ease-out;
  612. }
  613.  
  614. #colorsymb img, #brightsymb img{
  615.     position:absolute;
  616.     width:15px;
  617.     margin-top:290px;
  618.     margin-left:475px;
  619.     padding:2px;
  620.     background:{color:channels bg};
  621.     border-radius:20px;
  622. }
  623.  
  624. #colorsymb img {
  625.     margin-left:537px;
  626. }
  627.  
  628. .i {
  629.     width: 6px;
  630.     height: 20px;
  631.     background:{color:channel switch line};
  632.     position:absolute;
  633.     margin-left:23px;
  634. }
  635.  
  636. .i a{
  637.     opacity:0;
  638. }
  639.  
  640. #bright:hover #desc {
  641.     opacity:0.8;
  642.     width:150px;
  643.     height:100px;
  644.     -moz-transition: all 0.5s ease-out;
  645.     -ms-transition: all 0.5s ease-out;
  646.     -o-transition: all 0.5s ease-out;
  647.     -webkit-transition: all 0.5s ease-out;
  648. }
  649.  
  650. #desc {
  651.     opacity:0;
  652.     position:absolute;
  653.     width:10px;
  654.     height:10px;
  655.     background:{color:description bg};
  656.     color:{color:description};
  657.     margin-left:23px;
  658.     margin-top:25px;
  659.     z-index:;
  660.     padding:0px 5px 5px 5px;
  661.     overflow-x:hidden;
  662.     overflow-y:scroll;
  663.     -moz-transition: all 0.5s ease-out;
  664.     -ms-transition: all 0.5s ease-out;
  665.     -o-transition: all 0.5s ease-out;
  666.     -webkit-transition: all 0.5s ease-out;
  667.     letter-spacing:2px;
  668. }
  669.  
  670. #title {
  671.     text-transform:uppercase;
  672.     position:absolute;
  673.     font-size:8px;
  674.     letter-spacing:2px;
  675.     margin-top:345px;
  676.     margin-left:50px;
  677.     text-shadow:1px 1px 2px {color:title text shadow};
  678.     width:320px;
  679.     text-align:right;
  680.     color:{color:title};
  681. }
  682.  
  683. #power {
  684.     position:absolute;
  685. }
  686.  
  687. #power img {
  688.     width:20px;
  689.     padding:2px;
  690.     background:{color:channel switch};
  691.     border-radius:20px;
  692.     margin-top:335px;
  693.     margin-left:380px;
  694. }
  695.  
  696. /*dat rug*/
  697.  
  698. #carpet {
  699.     width:650px;
  700.     height:200px;
  701.     {block:ifcarpet}
  702.     background-color:{color:carpet};
  703.     background-image:url("{image:carpet}");
  704.     {/block:ifcarpet}
  705.     position:absolute;
  706.     margin-left:-325px;
  707.     left:50%;
  708.     top:500px;
  709.     border-radius:650px / 200px;
  710.     z-index:-1;
  711. }
  712.  
  713. #pix {
  714.     width:{text:width image}px;
  715.     height:auto;
  716.     position:absolute;
  717.     margin-top:{text:margin top image}px;
  718.     margin-left:{text:margin left image}px;
  719. }
  720.  
  721. #pix img {
  722.     width:{text:width image}px;
  723. }
  724.  
  725. /*general posts*/
  726.  
  727. #bg {
  728.   left:50%;
  729.     margin-left:-252px;
  730.     width:350px;
  731.     height:250px;
  732.     overflow-y:scroll;
  733.     float:left;
  734.     position:absolute;
  735.     background:{color:screen};
  736.     padding:15px;
  737.     top:50%;
  738.     margin-top:-150px;
  739.     border-radius:12px;
  740.     z-index:2;
  741. }
  742.  
  743. #content {
  744.     left:50%;
  745.     margin-left:-250px;
  746.     width:350px;
  747.     height:250px;
  748.     overflow-y:scroll;
  749.     float:left;
  750.     position:absolute;
  751.     padding:10px 15px 10px 10px;
  752.     top:50%;
  753.     margin-top:-145px;
  754.     border-radius:12px;
  755.     opacity:1;
  756.     z-index:3;
  757. }
  758.  
  759. @font-face { font-family: "fricker fracker"; src: url('http://static.tumblr.com/wm6ssjg/vwgn6v7ew/tifax_text.ttf'); }
  760.  
  761. #post {
  762.     font-family: "fricker fracker";
  763.     font-size:{text:font size body}px;
  764.     overflow:hidden;
  765.     margin-bottom:30px;
  766.     text-align:left;
  767.     width:350px;
  768.     {block:ifmonochrome}
  769.     filter: gray;
  770.     -webkit-filter: grayscale(100%);
  771.     {/block:ifmonochrome}
  772.     -webkit-transition: all .4s ease-in-out;
  773.     background:{color:posts};
  774.     padding:2px;
  775.     box-shadow:1px 1px 5px {color:posts};
  776.     border:1px solid {color:post border};
  777. }
  778.  
  779. #post:hover {
  780.     {block:ifmonochrome}
  781.     filter: gray;
  782.     -webkit-filter: grayscale(0%);
  783.     {/block:ifmonochrome}
  784.     -webkit-transition: all .4s ease-in-out;
  785. }
  786.  
  787. .noteth {
  788.     width:345px;
  789.     margin-left:0px;
  790.     padding-top:3px;
  791.     text-transform:uppercase;
  792.     font-family:helvetica;
  793.     font-size:7px;
  794.     letter-spacing:0px;
  795.     margin-top:10px;
  796.     text-align:left;
  797.     margin-bottom:4px;
  798.     -webkit-transition:ease-in 0.2s all;
  799.     border-top:1px solid {color:notes border};
  800. }
  801. .noteth a, .tags a {
  802.     color:{color:body};
  803. }
  804.  
  805. .noteth a:hover, .tags a:hover {
  806.     color:{color:link hover};
  807. }
  808.  
  809. .noteth b {
  810.     display:inline-block;
  811.     padding:6px;
  812.     background:{color:notes border};
  813.     color:{color:bold};
  814.     margin-top:-4px;
  815.     -webkit-transition:ease-in 0.2s all;
  816. }
  817.  
  818. .noteth b:hover {
  819.     color:{color:body};
  820. }
  821.  
  822. .tags {
  823.     font-size:7px;
  824.     font-family:helvetica;
  825.     margin-top:5px;
  826.     text-align:center;
  827.     color:{color:italic};
  828.     margin-bottom:5px;
  829.     width:365px;
  830.     margin-left:-7px;
  831. }
  832.  
  833. #buttonsfromhell {
  834.     position:absolute;
  835.     margin-left:335px;
  836.     margin-top:-17px;
  837. }
  838.  
  839. .chat ul {
  840.     list-style: none;
  841.     margin: 0;
  842.     padding:0;
  843. }
  844.  
  845.  
  846. .caption img{
  847.     width:50%;
  848.     height:auto;
  849. }
  850.  
  851. .caption a{
  852.     margin:0px;
  853. }
  854.    
  855. #credz {
  856.     right:5px;
  857.     bottom:5px;
  858.     position:fixed;
  859.     z-index:5;
  860.     font-size:10px;
  861.     border-radius:16px;
  862.     padding:5px;
  863.     background:#222;
  864. }
  865.  
  866. #credz img {
  867.     width:16px;
  868.     margin:0px;
  869. }
  870.  
  871. .postynotey {
  872.     display:inline-block;
  873.     width:350px;
  874.     text-align:left;
  875.     line-height:20px;
  876.     margin:0px;
  877. }
  878.  
  879. .postynotey a{
  880.     padding-left:5px;
  881. }
  882.  
  883. .postynotey img{
  884.     width:16px;
  885.     margin-left:-10px;
  886.  
  887. }
  888.  
  889. {CustomCSS}
  890. </style>
  891.  
  892. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  893. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  894. <script>
  895. (function($){
  896. $(document).ready(function(){
  897. $("[title]").style_my_tooltips();
  898. });
  899. })(jQuery);
  900. </script>
  901.  
  902.  
  903. </head>
  904.  
  905. <body>
  906.  
  907. <div id="tv">
  908. <div id="title">{title}</div>
  909. <div id="power"><a href="/" title="{text:home title}"><img src="http://www.wpclipart.com/signs_symbol/monochrome_symbols/power_button_symbol_T.png"></a></div>
  910.  
  911. <div id="colorsymb"><img src="http://www.flaticon.com/png/256/32408.png"></div>
  912. <div id="brightsymb"><img src="http://www.flaticon.com/png/256/24299.png"></div>
  913.  
  914. <div id="buttons">
  915.     <div id="volume">
  916.         <p>{block:nextpage}<a href="{NextPage}" class="next_page" title="next">▲</a>{block:nextpage} volume {block:previouspage}<a href="{PreviousPage}" class="prev_page" title="previous">▼</a>{block:previouspage}</p>
  917.         </div>
  918.     <div id="bright"><div class="i"></div><div id="desc"><p>{description}</p></div></div><div id="color"><a href="{text:ask url}" title="{text:ask title}"></a><div class="i"></div></div>
  919.        
  920.     </div>
  921.  
  922.     <div id="da_links">
  923.         <div id="d0"> <a href="{text:link 1 url}" title="{text:link 1 title}">1<a>
  924.             <div id="d1">
  925.                 <a href="{text:link 2 url}" title="{text:link 2 title}">2<a>
  926.                 <div id="d2">
  927.                     <a href="{text:link 3 url}" title="{text:link 3 title}">3<a>
  928.                     <div id="d3">
  929.                         <a href="{text:link 4 url}" title="{text:link 4 title}">4<a>
  930.                         <div id="d4">
  931.                             <a href="{text:link 5 url}" title="{text:link 5 title}">5<a>
  932.                             <div id="d5">
  933.                                 <a href="{text:link 6 url}" title="{text:link 6 title}">6<a>
  934.                                 <div class="o">
  935.                                     <div class="l"></div>
  936.                                     </div>
  937.                                 </div>
  938.                             </div>
  939.                         </div>
  940.                     </div>
  941.                 </div>
  942.             </div>
  943.         </div>
  944.     </div>
  945. </div>
  946. <div id="hold_dat"><div id="pix"><a href="/"><img src="{image:image}"></a></div></div>
  947. </div>
  948. </div>
  949. <div id="bg"></div>
  950. <div id="leg1"></div><div id="leg2"></div>
  951. <div id="carpet"></div>
  952. <div id="content">
  953. {block:Posts}
  954. {block:ContentSource}
  955. <!-- {SourceURL}{block:SourceLogo}<img src="{{color:Post Border}LogoURL}"
  956. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  957. {/block:SourceLogo}
  958. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  959. {/block:ContentSource}
  960.  
  961. <div id="post">
  962.  
  963. {block:Answer}
  964. <div id="ask">
  965. <div class="askrimg"><img src="{AskerPortraitURL-40}"><p>{Asker}</p> </div>
  966. <div class="askr">
  967. <p>"{question}"</p>
  968. </div>
  969. <div class="answr">
  970. <p>{block:Answerer}{answerer}:<blockquote>{/block:Answerer}{Answer}</blockquote></p>
  971. </div>
  972. </div>
  973. {block:Answerer}{replies}{/block:Answerer}
  974. {/block:Answer}
  975.  
  976. <div class="text">
  977. <div class="texttit">
  978. {block:Title}
  979. <p><a href="{Permalink}">{Title}</a></p>
  980. {/block:Title}
  981. </div>
  982. {block:Text}
  983. {Body}        
  984. {/block:Text}
  985. </div>
  986.  
  987. {block:Photo}
  988. <div class="photo">
  989. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  990. </div>
  991. {block:IfShowCaptions}
  992. {block:Caption}
  993. <div class="caption">{Caption}</div>
  994. {/block:Caption}
  995. {/block:IfShowCaptions}
  996. {/block:Photo}
  997.  
  998. {block:Photoset}
  999. {photoset}
  1000. {block:IfShowCaptions}
  1001. {block:Caption}
  1002. <div class="caption">{Caption}</div>
  1003. {/block:Caption}
  1004. {/block:IfShowCaptions}
  1005. {/block:Photoset}
  1006.  
  1007. {block:Quote}
  1008. <center>
  1009. <div id="quote"><span class="mark">“</span>{Quote}<span class="mark">”</span></div>
  1010. {block:Source}
  1011. <div class="qsource">—{Source}</div>
  1012. </center>
  1013. {/block:Source}
  1014. {/block:Quote}
  1015.  
  1016. {block:Link}
  1017. <div id="link"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  1018. {Description}
  1019. {/block:Description}
  1020. {/block:Link}
  1021.  
  1022. {block:Chat}
  1023. {block:Title}
  1024. <h3><a href="{Permalink}">{Title}</a></h3>
  1025. {/block:Title}
  1026. <div class="chat"><ul>{block:Lines}
  1027. <li class="person{UserNumber}">{block:Label}
  1028. <span class="label"><b>{Label}</b></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1029. {/block:Chat}
  1030.  
  1031. {block:Video}
  1032. {video-400}
  1033. {block:IfShowCaptions}
  1034. {block:Caption}
  1035. <div class="caption">{Caption}</div>
  1036. {/block:Caption}
  1037. {/block:IfShowCaptions}
  1038. {/block:Video}
  1039.  
  1040.  
  1041. {block:Audio}
  1042. <div class="audio">
  1043. <div id="art">
  1044. {block:AlbumArt}
  1045. <img src="{AlbumArtURL}">
  1046. {/block:AlbumArt}
  1047. </div>
  1048. <div class="playabox">
  1049. <div id="playa">
  1050. {AudioPlayerblack}  
  1051. </div>
  1052. </div>
  1053. <div id="dooblidoo">
  1054.     {block:Artist}
  1055.     <b>Artist:</b> {Artist}<br>
  1056.     {/block:Artist}
  1057.     {block:Album}
  1058. <b>Album:</b> {Album}<br>
  1059. {/block:Album}
  1060. {block:TrackName}
  1061. <b>Track Name:</b> {TrackName}
  1062. {/block:TrackName}<br>
  1063. <b>{PlayCountWithLabel}</b>
  1064. </div>
  1065. {block:ifshowcaptions}
  1066. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1067. {/block:ifshowcaptions}
  1068. </div>
  1069. {/block:Audio}
  1070.  
  1071. {block:ifshowsources}
  1072. <div class="noteth">
  1073. <a href="{Permalink}">{block:Date}<b>{DayOfMonthWithZero}.{shortmonth}.{ShortYear}</b>{/block:Date}</a> with <a href="{Permalink}">
  1074. {NoteCountWithLabel}</a>{/block:NoteCount} + {block:RebloggedFrom}
  1075. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <span style="font-size: 100%; color: #feb0c8;">&#8226;</span>
  1076. <a href="{ReblogRootURL}" title="{reblogrootname}">source</a>
  1077. {/block:RebloggedFrom}
  1078. </div>
  1079. <div id="buttonsfromhell">
  1080.     {reblogbutton size="10"}
  1081. </div>
  1082. {/block:ifshowsources}
  1083. {block:ifshowtags}
  1084.     <div class="tags">{block:HasTags}filed under:{block:Tags}<a href="/tagged/{Tag}"> {Tag}</a>,{/block:Tags}{block:HasTags}</div>
  1085. {/block:ifshowtags}
  1086.  
  1087. {block:PermalinkPage}
  1088. {block:PostNotes}
  1089. <div class="postynotey">
  1090. {PostNotes}
  1091. </div>
  1092. {/block:PostNotes}
  1093. {/block:PermalinkPage}
  1094. </div>
  1095. {/block:Posts}
  1096. </div>
  1097.  
  1098. <div id="credz"><a href="http://lunaticthemes.tumblr.com/" title="theme credit"><img src="http://static.tumblr.com/wm6ssjg/nB3n70clh/cert_icon_32.png"></a></div>
  1099.  
  1100. </body>
  1101. </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!