API tools faq
paste
Makaze

theme 14; downfall (version 1) - Modified

Makaze
Aug 27th, 2013
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 26.76 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!----------------------------------------------------------------------
  5. THEME #14 - DOWNFALL (VERSION 1) BY DOUCHEYWOLF
  6. http://doucheywolf.tumblr.com/
  7.  
  8. Do not remove the credit.
  9. Do not copy, use as base, redistribute and/or claim as your own.
  10.  
  11. Theme made for personal use only.
  12. ----------------------------------------------------------------------->
  13.  
  14. <meta name="color:Audio Info" content="#141414" />
  15. <meta name="color:Audio Text" content="#a3a3a3" />
  16. <meta name="color:Background" content="#ffffff" />
  17. <meta name="color:Blockquote" content="#141414" />
  18. <meta name="color:Blockquote Bold" content="#afafaf" />
  19. <meta name="color:Blockquote Links" content="#dddddd" />
  20. <meta name="color:Blockquote Text" content="#a8a8a8" />
  21. <meta name="color:Bold" content="#838282" />
  22. <meta name="color:Chat Background" content="#f7f7f7" />
  23. <meta name="color:Chrome Scrollbar" content="#141414" />
  24. <meta name="color:Info Line" content="#141414" />
  25. <meta name="color:Links" content="#333333"/>
  26. <meta name="color:Links Hover" content="#7c7c7c" />
  27. <meta name="color:Navigation Background" content="#191919" />
  28. <meta name="color:Navigation Background Hover" content="#252525" />
  29. <meta name="color:Navigation Text" content="#dddddd" />
  30. <meta name="color:Portrait Border" content="#252525" />
  31. <meta name="color:Question Background" content="#969696" />
  32. <meta name="color:Question Text" content="#969696" />
  33. <meta name="color:Sidebar" content="#141414" />
  34. <meta name="color:Sidebar Text" content="#969696" />
  35. <meta name="color:Tags" content="#666666" />
  36. <meta name="color:Text" content="#777777" />
  37. <meta name="color:Title Underline" content="#363636" />
  38. <meta name="color:Title" content="#dddddd" />
  39. <meta name="color:Title Hover" content="#969696" />
  40.  
  41. <meta name="if:Black Player" content="1">
  42. <meta name="if:Infinite Scrolling" content="0" />
  43. <meta name="if:Lazy Load" content="0" />
  44. <meta name="if:Posts 400px" content="0" />
  45. <meta name="if:Show Caption" content="1"/>
  46.  
  47. <meta name="image:Background" content="" />
  48. <meta name="image:Portrait" content="" />
  49. <meta name="image:Sidebar Background" content="" />
  50.  
  51. <meta name="text:Font Size" content="10" />
  52. <meta name="text:Main Font" content="Cambria" />
  53. <meta name="text:Navigation Link 1" content="mail" />
  54. <meta name="text:Navigation Link 1 URL" content="/ask" />
  55. <meta name="text:Navigation Link 2" content="past" />
  56. <meta name="text:Navigation Link 2 URL" content="/archive" />
  57. <meta name="text:Navigation Link 3" content="" />
  58. <meta name="text:Navigation Link 3 URL" content="" />
  59. <meta name="text:Navigation Link 4" content="" />
  60. <meta name="text:Navigation Link 4 URL" content="" />
  61. <meta name="text:Navigation Link 5" content="" />
  62. <meta name="text:Navigation Link 5 URL" content="" />
  63.  
  64. <!---------------------------------------------------------------------->
  65.  
  66. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}        </title>
  67. {block:Description}
  68. <meta name="description" content="{MetaDescription}" />
  69. {/block:Description}
  70. <link rel="shortcut icon" href="{Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72.        
  73. <!---------------------------------------------------------------------->
  74.  
  75. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  76. <link href="http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic|Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Source+Code+Pro:400,900,700,600,500,300,200&amp;subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic,vietnamese" rel="stylesheet" type="text/css">
  77.  
  78. <!--------------------------------------------------------------------->
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81.  
  82. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  83.  
  84. <!---------------------------------------------------------------------->
  85.  
  86. {block:ifLazyLoad}
  87. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  88. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  89. <script type="text/javascript" charset="utf-8">
  90. var $j = jQuery.noConflict();
  91. $j(function() {
  92. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  93. $j("img").lazyload({
  94. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  95. effect: "fadeIn",
  96. });
  97. });
  98. </script>
  99. {/block:ifLazyLoad}
  100.  
  101. <!--------------------------------------------------------------------->
  102.        
  103. {block:ifInfiniteScrolling}
  104. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  105. {/block:ifInfiniteScrolling}        
  106.  
  107. <!--------------------------------------------------------------------->
  108.  
  109. <style type="text/css">
  110.  
  111. ::-webkit-scrollbar-thumb:vertical {
  112.     background-color:{color:Chrome Scrollbar};
  113.     height:7px;
  114.     }
  115.    
  116. ::-webkit-scrollbar-thumb:horizontal {
  117.     background-color:{color:Chrome Scrollbar};
  118.     height:7px!important;
  119.     }
  120.    
  121. ::-webkit-scrollbar {
  122.     background-color:{color:Background};
  123.     height:7px;
  124.     width:9px;
  125.     }
  126.  
  127. iframe#tumblr_controls {
  128.     right:3px !important;
  129.     position: fixed !important;
  130.     -webkit-transition: opacity 0.6s;
  131.     opacity: 0.3;
  132.     -webkit-transition:0.6s;
  133.     -moz-transition:0.6s;
  134.     transition:0.6s;
  135.     }
  136.  
  137. iframe#tumblr_controls:hover {
  138.     -webkit-transition: opacity 0.6s;
  139.     opacity: 1;
  140.     -webkit-transition: all 0.6s;
  141.     -moz-transition: all 0.6s;
  142.     transition: all 0.6s;
  143.     }
  144.  
  145.  
  146. body {
  147.     font-family:'{text:Main Font}', Calibri, Helvetica;
  148.     font-size:{text:Font Size}px;
  149.     color:{color:Text};
  150.     background-color:{color:Background};
  151.     background-image:url('{image:Background}');
  152.     background-attachment:fixed; background-repeat:repeat;
  153.     }
  154.  
  155. b, strong {color:{color:Bold};}
  156. small {font-size:10px;}
  157.  
  158. img {max-width:100%;}
  159. a img {border:0;}
  160.  
  161. a, a:active, a:visited {
  162.     transition:0.8s;
  163.     -o-transition-transition:0.8s;
  164.     -webkit-transition-duration:0.8s;
  165.     -moz-transition-duration:0.8s;
  166.     text-decoration:none;
  167.     color:{color:Links};
  168.     }
  169.  
  170. a:hover {
  171.     transition:0.8s;
  172.     -o-transition-transition:0.8s;
  173.     -webkit-transition-duration:0.8s;
  174.     -moz-transition-duration:0.8s;
  175.     text-decoration:none;
  176.     color:{color:Links Hover};
  177.     }
  178.  
  179. blockquote {
  180.     margin: 8px;
  181.     padding:2px 7px;  
  182.     color:{color:Blockquote Text};
  183.     background-color:{color:Blockquote};
  184.     border-left: 1px solid #222;
  185.     }
  186. blockquote a {color:{color:Blockquote Links} !important; text-decoration:none !important;}
  187. blockquote a:visited {color:{color:Blockquote Links} !important; text-decoration:none !important;}
  188. blockquote a:hover {color:{color:Links Hover} !important; text-decoration:none !important;}
  189.  
  190. blockquote blockquote blockquote blockquote {
  191.     padding:5px;
  192.     margin:0px 5px;
  193.     background-color:transparent;
  194.     }
  195.    
  196. blockquote img {
  197.     max-width:100%!important;
  198.     }
  199.    
  200. blockquote strong, blockquote b {
  201.     color: {color:Blockquote Bold};
  202.     }
  203.  
  204. .image {
  205.     border:0px;
  206.     text-align:center;
  207.     {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  208.     {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  209.     }
  210. .image a {
  211.     border:0px;
  212.     text-align:center;
  213.     {block:IfNotPosts400px}max-width:500px;{/block:IfNotPosts400px}
  214.     {block:IfPosts400px}max-width:400px;{/block:IfPosts400px}
  215.     }
  216.  
  217. #container {
  218.     {block:IfNotPosts400px}width:845px;{/block:IfNotPosts400px}
  219.     {block:IfPosts400px}width:745px;{/block:IfPosts400px}
  220.     min-height:100%;
  221.     position:relative;
  222.     margin:0 auto;
  223.     }
  224.  
  225.  
  226. #sidebar {
  227.     width:800px;
  228.     height:110%;
  229.     float:left;
  230.     position:fixed;  
  231.     margin-top:-25px;
  232.     margin-left:-590px;
  233.     background-color:{color:Sidebar};
  234.     background-image:url('{image:Sidebar Background}');
  235.     background-attachment:fixed;
  236.     background-repeat:repeat;
  237.     }
  238.  
  239. #side {
  240.     width:175px;
  241.     height:auto;
  242.     position:fixed;
  243.     margin-left:600px;      
  244.     margin-top:90px;
  245.     padding:8px 5px 8px 8px;
  246.     text-align:center;
  247.     }
  248.    
  249. .sideimage {width:172px;}
  250. .sideimage img {
  251.     width:160px;  
  252.     border:6px solid {color:Portrait Border};
  253.     z-index:99;
  254.     }
  255.  
  256. #title {
  257.     margin-top:5px;
  258.     margin-right:3px;
  259.     padding:2px;
  260.     font-family:'Libre Baskerville';
  261.     font-size:13px;
  262.     font-weight:normal;
  263.     font-style:italic;
  264.     text-transform:lowercase;
  265.     text-align:right;
  266.     letter-spacing:0px;      
  267.     line-height:14px;    
  268.     color:{color:Navigation Text};
  269.     }
  270. #title a {color:{color:Title}; text-decoration:none;}
  271. #title a:visited {color:{color:Title}; text-decoration:none;}
  272. #title a:hover {color:{color:Title Hover};}
  273.  
  274. .about {
  275.     width:170px;
  276.     margin-right:3px;
  277.     padding:3px 1px;
  278.     margin-top:4px;
  279.     margin-bottom:8px;  
  280.     text-align:right;
  281.     color:{color:Sidebar Text};
  282.     border-top:1px solid {color:Title Underline};
  283.     }
  284. .about a {color:{color:Navigation Text}; text-decoration:none;}
  285. .about a:visited {color:{color:Navigation Text}; text-decoration:none;}
  286. .about a:hover {color:{color:Links Hover};}
  287.  
  288. #theinfo {
  289.     width:50px;
  290.     height:110%;
  291.     float:left;
  292.     position:fixed;
  293.     margin-top:-50px;
  294.     margin-left:212px;
  295.     text-align:center;
  296.     background-color:{color:Sidebar};
  297.     }
  298.  
  299. #menu {margin-top:120px; width:50px; padding-top:2px;}
  300.  
  301. .nav {
  302.     display: block;
  303.     width:50px;
  304.     margin-bottom:10px;
  305.     padding:8px 0;
  306.     font-size:8px;
  307.     font-weight:bold;
  308.     text-transform:uppercase;
  309.     text-align:center;
  310.     letter-spacing: 1px;
  311.     word-wrap:break-word;
  312.     color:{color:Navigation Text};
  313.     background:{color:Navigation Background};
  314.     transition:0.8s;
  315.     -o-transition-transition:0.8s;
  316.     -webkit-transition-duration:0.8s;
  317.     -moz-transition-duration:0.8s;
  318.     }
  319. .nav {color:{color:Navigation Text};}
  320. .nav:visited {color:{color:Navigation Text};}
  321. .nav:hover {
  322.     background:{color:Navigation Background Hover};
  323.     transition:0.8s;
  324.     -o-transition-transition:0.8s;
  325.     -webkit-transition-duration:0.8s;
  326.     -moz-transition-duration:0.8s;
  327.     color:{color:Navigation Text};
  328.     }
  329.  
  330.  
  331. .pages {
  332.     margin-top:10px;
  333.     font-family:trebuchet ms;
  334.     font-size:10px;
  335.     text-align:center;
  336.     line-height:20px;    
  337.     }
  338. .pages a {
  339.     padding: 2px 4px 2px 4px;
  340.     text-decoration:none;  
  341.     color:{color:Sidebar Text} !important;
  342.     }
  343. .pages a:hover {color:{color:Navigation Text} !important;}
  344.  
  345.  
  346. #entries {
  347.     width:500px;
  348.     margin-top:25px;
  349.     margin-left:325px;
  350.     }
  351.  
  352. /* POST BOXES */    
  353.  
  354. #entries {
  355. width: 510px;
  356. }
  357.  
  358. .entry {
  359. background-color: #eee;
  360. padding: 5px;
  361. border-radius: 3px;
  362. }
  363.  
  364. .post {
  365.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  366.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  367.     text-align:justify;
  368.     word-wrap:break-word;
  369.     color:{color:Text};
  370.     background-color:transparent;
  371.     }
  372. .post a {color:{color:Links}; text-decoration:underline;}
  373. .post a:visited {color:{color:Links}; text-decoration:underline;}
  374. .post a:hover {color:{color:Links Hover}; text-decoration:none;}
  375. .post img {display:block;}
  376.  
  377. .post {
  378.     transition: all 0.5s ease-in-out;
  379.     -o-transition-transition: all 0.5s ease-in-out;
  380.     -webkit-transition-duration: all 0.5s ease-in-out;
  381.     -moz-transition-duration: all 0.5s ease-in-out;
  382. }
  383.  
  384. .info {
  385.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  386.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}    
  387.     margin-left:0px;
  388.     font-size:8px;
  389.     font-weight:bold;
  390.     text-align:left;
  391.     text-transform:uppercase;
  392.     letter-spacing:1px;
  393.     color:{color:Tags};
  394.     }
  395.  
  396. .info a {color: {color:Links}; text-decoration:none;}
  397. .info a:visited {color:{color:Links}; text-decoration:none;}
  398. .info a:hover{color:{color:Links Hover};}
  399.  
  400. .info {
  401.     opacity: 0;
  402.     max-height: 0px;
  403.     transition: all 0.5s ease-in-out;
  404.     -o-transition-transition: all 0.5s ease-in-out;
  405.     -webkit-transition-duration: all 0.5s ease-in-out;
  406.     -moz-transition-duration: all 0.5s ease-in-out;
  407.     }
  408.    
  409. .entry:hover .info {
  410.     padding-top: 10px;
  411.     opacity: 1;
  412.     max-height: 200px;
  413.     }
  414.  
  415. .tags {
  416.     margin-top:1px;
  417.     padding-top:1px;
  418.     font-size:8px;
  419.     font-weight:bold;
  420.     text-transform:uppercase;
  421.     text-align:left !important;
  422.     border-top:1px solid {color:Info Line};
  423.     color:{color:Text};
  424.     }
  425. .tags a {
  426.     display:inline-block;
  427.     margin-right:3px;
  428.     padding:0 2px;
  429.     text-decoration:none;  
  430.     letter-spacing:1px;  
  431.     line-height:11px;
  432.     color:{color:Tags} !important;
  433.     }
  434. .tags a:visited {color:{color:Tags} !important; text-decoration:none;}
  435. .tags a:hover {color:{color:Text} !important;}
  436.  
  437.  
  438. h1 {
  439.     margin-top: 0px;
  440.     padding: 5px;
  441.     line-height: 14px;
  442.     font-family: Calibri, Helvetica, sans-serif;
  443.     font-size: 14px;
  444.     font-weight: lighter;
  445.     text-transform: uppercase;
  446.     text-align: center;
  447.     word-spacing: 2px;
  448.     color:{color:Bold};
  449.     }
  450.    
  451. /* h1:first-letter {
  452.     font-size:135%;
  453.     color:{color:Bold};
  454.     } */
  455.  
  456. h1 a {text-decoration:none !important;}
  457.  
  458. .quote {
  459.     font-family: Calibri, Helvetica, sans-serif;
  460.     font-size:12px;
  461.     text-transform:uppercase;
  462.     font-weight:lighter;
  463.     font-style:italic;
  464.     margin-top:-53px;
  465.     text-indent:9px;
  466.     padding:3px;
  467.     line-height:16px;
  468.     letter-spacing:0px;
  469.     }
  470.  
  471. .quote:first-letter {
  472.     font-size:14px;
  473.     font-weight:bold;
  474.     color:{color:Text};
  475.     }
  476.    
  477. .source {
  478.     margin-top:5px;
  479.     text-align:right;
  480.     }
  481. .big{
  482.     padding-left:0px;
  483.     font-size:60px;
  484.     color:{color:Text};
  485.     line-height:60px;
  486.     font-family:georgia;
  487.     opacity:0.1;
  488.     }
  489.  
  490. .chat {line-height:12px; list-style:none }
  491. .chat ul {list-style:none; padding:0px; line-height:20px;}
  492.  
  493. .chat li {
  494. padding-left: 6px;
  495. padding-right: 6px;
  496. }
  497.  
  498. .chat li .label {
  499. font-weight: bold;
  500. color: {color:Bold};
  501. }
  502.  
  503. .chat li:nth-of-type(odd) {
  504. background-color: {color:Chat Background};
  505. }
  506.  
  507. .chat li:nth-of-type(even) {
  508. background-color: transparent;
  509. }
  510.  
  511. .audio {
  512.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  513.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  514.     height:70px;
  515.     }
  516.  
  517. .artcover {
  518.     width:70px;
  519.     height:70px;
  520.     position:absolute;
  521.     }
  522. .artcover img {
  523.     width:70px;
  524.     height:70px;
  525.     float:left;
  526.     }
  527.  
  528. .player {
  529.     position:absolute;
  530.     z-index:1;
  531.     width:60px;
  532.     height:60px;
  533.     margin-top:5px;
  534.     margin-left:5px;
  535.     display:block;
  536.     opacity:0.7;
  537.     -webkit-transition:all 0.4s;
  538.     -moz-transition:all 0.4s;
  539.     -o-transition:all 0.4s;
  540.     -ms-transition: all 0.4s;
  541.     transition:all 0.5s;
  542.     -webkit-border-radius:50px;
  543.     border-radius:50px;
  544.     -moz-border-radius:50px;
  545.     {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  546.     {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  547.     }
  548. .player:hover {
  549.     -webkit-transition:all 0.4s;
  550.     -moz-transition:all 0.4s;
  551.     -o-transition:all 0.4s;
  552.     -ms-transition: all 0.4s;
  553.     transition:all 0.4s;
  554.     opacity:0.5;
  555.     }
  556.    
  557. .audioplayer {
  558.     width:24px;
  559.     height:24px;
  560.     margin-top:14px;
  561.     margin-left:13px;
  562.     overflow:hidden;
  563.     padding:3px;
  564.     }
  565.        
  566. .audioinfo {
  567.     {block:IfNotPosts400px}width:430px;{/block:IfNotPosts400px}
  568.     {block:IfPosts400px}width:330px;{/block:IfPosts400px}
  569.     height:54px;
  570.     margin-left:70px;
  571.     display:block;
  572.     padding-top:16px;
  573.     font-size:12px;
  574.     font-weight:700;
  575.     letter-spacing:1px;
  576.     text-transform:uppercase;
  577.     text-align:center;
  578.     color:{color:Audio Text};
  579.     background:{color:Audio Info};
  580.     }
  581.  
  582. .cap {
  583.     {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  584.     {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  585.     }
  586.    
  587. .source {display:none;}
  588.    
  589. .ask {
  590. background-color: {color:Question Background};
  591. padding: 8px;
  592. border-radius: 3px;
  593. color: {color:Question Text};
  594. }
  595.  
  596. .ask-arrow {
  597. display: inline-block;
  598. height: 0;
  599. width: 0;
  600. border-bottom: 8px solid rgba(0, 0, 0, 0);
  601. border-left: 8px solid rgba(0, 0, 0, 0);
  602. border-top: 8px solid {color:Question Background};
  603. border-right: 8px solid {color:Question Background};
  604. margin-left: 12px;
  605. }
  606.  
  607. .asker {
  608.     font-weight:bold;
  609.     text-transform:lowercase;
  610.     letter-spacing:0px;
  611.     text-decoration:none !important;
  612.     }
  613.    
  614. .asker {
  615. line-height: 16px;
  616. vertical-align: top;
  617. text-transform: lowercase;
  618. color: #416A77;
  619. font-family: Arial;
  620. }
  621.  
  622. span.asker {
  623. margin-left: 4px;
  624. }
  625.  
  626. .asker a {
  627.     text-decoration:none !important;
  628.     }
  629.  
  630. .notes {
  631.     background-color:transparent;
  632.     width:500px;
  633.     padding:2px 0;  
  634.     margin-top:-20px;
  635.     margin-bottom:15px;
  636.     color:{color:Text};
  637.     }
  638.  
  639. .notes img {width:16px; position:relative;}
  640. ol.notes li {list-style:none; margin-left:-40px; padding:4px;}
  641. ol.notes li img {list-style:none; opacity:0.9; margin-bottom:-5px; padding-right:4px;}
  642.  
  643. .clear {
  644.     width:300px;
  645.     height:15px;
  646.     clear:both;
  647.     background-color:transparent;
  648.     }
  649.  
  650. div#qTip {
  651.     display:none;
  652.     color:{color:Text};
  653.     text-align:left;
  654.     position:absolute;
  655.     letter-spacing:1px;
  656.     text-transform:uppercase;
  657.     font-weight:bold;
  658.     z-index:99;
  659.     font-family:calibri;
  660.     font-size:8px;
  661.     background:{color:Blockquote};
  662.     padding:1px 3px;
  663.     line-height:13px;
  664.     }
  665.  
  666. .credit {
  667.     padding:3px;
  668.     font-size:8px;
  669.     font-weight:bold;
  670.     text-align:left;
  671.     text-transform:uppercase;  
  672.     letter-spacing:0px;
  673.     color:{color:Navigation Text};
  674.     background:{color:Sidebar};    
  675.     }
  676. .credit a {color:{color:Navigation Text} !important;}
  677. </style>
  678. <style type="text/css">{CustomCSS}</style>
  679.  
  680. <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css" rel="stylesheet" type="text/css" />
  681. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
  682. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js" type="text/javascript"></script>
  683. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"></script>
  684. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js" type="text/javascript"></script>
  685. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
  686. <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script>
  687.  
  688. <style type="text/css">
  689. /* HIGHLIGHTER */
  690.  
  691. .syntaxhighlighter {
  692.     white-space: pre;
  693.     overflow: auto;
  694.     background-color: #1E1E1E ! important;
  695.     border-radius: 10px;
  696. }
  697.  
  698. .syntaxhighlighter .line.alt1, .syntaxhighlighter .line.alt2 {
  699.     background-color: #1E1E1E ! important;
  700. }
  701.  
  702. .syntaxhighlighter .container {
  703.     padding-top: 10px;
  704.     padding-left: 10px;
  705.     padding-right: 10px;
  706.     padding-bottom: 10px;
  707. }
  708.  
  709. .syntaxhighlighter::-webkit-scrollbar {
  710.     border-bottom-left-radius: 10px;
  711.     border-bottom-right-radius: 10px;
  712.     width: 10px;
  713.     height: 10px;
  714.     background-color: #1E1E1E;
  715.     background-image: none;
  716. }
  717.  
  718. .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal {
  719.     background-color: #333;
  720.     border-bottom-left-radius: 10px;
  721.     border-bottom-right-radius: 10px;
  722.     height: 50px;
  723. }
  724. </style>
  725.  
  726. </head>
  727.  
  728. <body>
  729.  
  730. <div id="container">
  731.  
  732. <div id="theinfo">
  733. <div id="menu">
  734.  
  735. <a class="nav" href="/">home</a>
  736.  
  737. {block:IfNavigationLink1}
  738. <a class="nav" href="{text:Navigation Link 1 URL}">{text:Navigation Link 1}</a>
  739. {/block:IfNavigationLink1}
  740.  
  741. {block:IfNavigationLink2}
  742. <a class="nav" href="{text:Navigation Link 2 URL}">{text:Navigation Link 2}</a>
  743. {/block:IfNavigationLink2}
  744.  
  745. {block:IfNavigationLink3}
  746. <a class="nav" href="{text:Navigation Link 3 URL}">{text:Navigation Link 3}</a>
  747. {/block:IfNavigationLink3}
  748.  
  749. {block:IfNavigationLink4}
  750. <a class="nav" href="{text:Navigation Link 4 URL}">{text:Navigation Link 4}</a>
  751. {/block:IfNavigationLink4}
  752.  
  753. {block:IfNavigationLink5}
  754. <a class="nav" href="{text:Navigation Link 5 URL}">{text:Navigation Link 5}</a>
  755. {/block:IfNavigationLink5}
  756.  
  757. </div>  
  758. </div>
  759.  
  760. <div id="sidebar">
  761. <div id="side">
  762.  
  763. {block:IfPortraitImage}
  764. <div class="sideimage"><a href="/"><img src="{image:Portrait}" align="center" /></a></div>
  765. {/block:IfPortraitImage}
  766.  
  767. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  768.  
  769. <div class="about">
  770. {block:Description}{Description}{/block:Description}
  771.  
  772. <br>
  773. {block:IfNotInfiniteScrolling}{block:Pagination}<div class="pages">
  774. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  775. {block:JumpPagination length="4"}{block:CurrentPage}
  776. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  777. {/block:CurrentPage}
  778. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  779. {/block:JumpPagination}
  780. {block:NextPage}<a href="{NextPage}">&rarr;</a> {/block:NextPage}
  781. </div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  782. </div>
  783.  
  784. </div></div>
  785.  
  786.  
  787. <div id="entries">
  788. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  789. {block:Posts}
  790. <div class="entry">
  791. <div class="post">
  792.  
  793. {block:Text}
  794. {block:Title}<h1><a href="{Permalink}" class="title">{Title}</a></h1>{/block:Title}
  795. {Body}
  796. {/block:Text}
  797.  
  798.  
  799. {block:Answer}
  800. <div class="ask">{Question}</div>
  801. <div class="ask-arrow"></div><span class="asker">{Asker}</span>
  802. {Answer}
  803. {/block:Answer}
  804.  
  805.  
  806. {block:Photo}
  807. {block:IfNotPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}{/block:IfNotPosts400px}
  808.  
  809. {block:IfPosts400px}{LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="400px" border="0"></div>{LinkCloseTag}{/block:IfPosts400px}
  810.  
  811. {block:IfShowCaption}<div class="cap">
  812. {block:Caption}{Caption}{/block:Caption}
  813. </div>{/block:IfShowCaption}
  814.  
  815. {block:IfNotShowCaption}{block:PermalinkPage}
  816. {block:Caption}{Caption}{/block:Caption}
  817. {/block:PermalinkPage}{/block:IfNotShowCaption}
  818. {/block:Photo}
  819.  
  820.  
  821. {block:Photoset}
  822. {block:IfNotPosts400px}<div class="image">{Photoset-500}</div>{/block:IfNotPosts400px}
  823.  
  824. {block:IfPosts400px}<div class="image">{Photoset-400}</div>{/block:IfPosts400px}
  825.  
  826. {block:IfShowCaption}<div class="cap">
  827. {block:Caption}{Caption}{/block:Caption}
  828. </div>{/block:IfShowCaption}
  829.  
  830. {block:IfNotShowCaption}{block:PermalinkPage}
  831. {block:Caption}{Caption}{/block:Caption}
  832. {/block:PermalinkPage}{/block:IfNotShowCaption}
  833. {/block:Photoset}
  834.  
  835.  
  836. {block:Quote}
  837. <b class="big">“</b><div class="quote">{Quote}</div>{block:Source}<div class="source">— {Source}</div>{/block:Source}
  838. {/block:Quote}
  839.  
  840.  
  841. {block:Link}
  842. <h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845.    
  846. {block:Chat}
  847. {block:Title}<h1>{Title}</h1>{/block:Title}
  848. <div class="chat"><ul>{block:Lines}
  849. <li class="person{UserNumber}">{block:Label}
  850. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  851. {/block:Chat}
  852.  
  853.  
  854. {block:Audio}
  855. <div class="audio">
  856. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  857.  
  858. <div class="player">
  859. <div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNotBlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>
  860.  
  861. <div class="audioinfo">
  862. {block:TrackName}{TrackName}{/block:TrackName}
  863. <div style="font-size:8px; margin-top:5px; letter-spacing:2px;">
  864. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} <br>({FormattedPlayCount})
  865. </div></div></div>
  866.  
  867. {block:IfShowCaption}<div class="cap">
  868. {block:Caption}{Caption}{/block:Caption}
  869. </div>{/block:IfShowCaption}
  870.  
  871. {block:IfNotShowCaption}{block:PermalinkPage}
  872. {block:Caption}<br>{Caption}{/block:Caption}
  873. {/block:PermalinkPage}{/block:IfNotShowCaption}
  874. {/block:Audio}
  875.  
  876.  
  877. {block:Video}
  878. {block:IfNotPosts400px}{Video-500}{/block:IfNotPosts400px}
  879. {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
  880. {block:IfShowCaption}<div class="cap">
  881. {block:Caption}{Caption}{/block:Caption}
  882. </div>{/block:IfShowCaption}
  883.  
  884. {block:IfNotShowCaption}{block:PermalinkPage}
  885. {block:Caption}{Caption}{/block:Caption}
  886. {block:PermalinkPage}{/block:IfNotShowCaption}
  887. {/block:Video}
  888.  
  889.  
  890. <div class="source">
  891. {block:ContentSource}
  892.     <a href="{SourceURL}">
  893.         {lang:Source}:
  894.         {block:SourceLogo}
  895.             <img src="{BlackLogoURL}" width="{LogoWidth}"
  896.            height="{LogoHeight}" alt="{SourceTitle}" />
  897.         {/block:SourceLogo}
  898.         {block:NoSourceLogo}
  899.             {SourceTitle}
  900.         {/block:NoSourceLogo}
  901.     </a>
  902. {/block:ContentSource}
  903. </div>
  904.  
  905. </div>
  906.  
  907. {block:IfPosts400px}
  908. {block:Date}
  909. <div class="info">
  910. — <a href="{Permalink}">{TimeAgo}</a>
  911. {/block:Date}
  912. {block:NoteCount}, <a href="{Permalink}">{NoteCountWithLabel}</a>
  913. {/block:NoteCount}
  914. {block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogRootName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>
  915. {/block:RebloggedFrom}
  916. <div style="float:right">
  917. {block:IndexPage}<a href="{ReblogURL}" target="_blank" title="Reblog this post">reblog</a>{/block:IndexPage}  
  918. </div>
  919. <br>
  920. <div class="tags">{block:HasTags}
  921. {block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{/block:Tags}
  922. {/block:HasTags}</div></div>
  923. {/block:IfPosts400px}
  924.  
  925.  
  926. {block:IfNotPosts400px}
  927. {block:Date}
  928. <div class="info">
  929. — Shared <a href="{Permalink}">{TimeAgo}</a>
  930. {/block:Date}
  931. {block:NoteCount}, <a href="{Permalink}">{NoteCountWithLabel}</a>
  932. {/block:NoteCount}
  933. {block:RebloggedFrom}<div style="float:right">via <a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a></div>
  934. {/block:RebloggedFrom}
  935. <br>
  936. <div class="tags">{block:HasTags}
  937. {block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{/block:Tags}
  938. {/block:HasTags}</div></div>
  939. {/block:IfNotPosts400px}
  940. </div>
  941. <div class="clear"></div><br><br>
  942.  
  943. {/block:Posts}
  944. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  945.  
  946. {block:PostNotes}
  947. <div class="notes">{PostNotes}</div>
  948. {/block:PostNotes}
  949.  
  950. </div>
  951. </div>
  952.  
  953. </div>
  954.  
  955. <script type="text/javascript">
  956. if ($('pre').length > 0) {
  957.     SyntaxHighlighter.defaults['toolbar'] = false;
  958.     SyntaxHighlighter.defaults['gutter'] = false;
  959.     SyntaxHighlighter.all();
  960. }
  961. </script>
  962.  
  963. </body>
  964. </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!