API tools faq
paste
Advertisement
noziam

etc theme

noziam
Dec 26th, 2015
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.98 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!doctype html>
  4. <html>
  5.  
  6. <!--
  7.  
  8.  
  9.                           [ theme by jae ]
  10.        
  11.                         [ he1975.tumblr.com ]
  12.                      
  13.                                      
  14.                      
  15. -->
  16. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  17.  
  18. <script type="text/javascript">
  19. $(window).load(function () {
  20. $('#container').masonry({
  21. itemSelector : ".post",
  22. },
  23. function() { $('#gridline').masonry({ appendedContent: $(this) }); }
  24. );
  25. });
  26. </script>
  27.  
  28. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  29. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  30.  
  31. <script>
  32. $(function(){
  33. var $container = $('#gridline');
  34. $container.imagesLoaded(function(){
  35. $container.masonry({
  36. itemSelector: '.post',
  37. });
  38. });
  39. $container.infinitescroll({
  40. itemSelector : ".post",
  41. navSelector : "div.pagination",
  42. nextSelector : ".pagination a#next",
  43. loadingImg : "",
  44. loadingText : "<em></em>",
  45. bufferPx : 10000,
  46. extraScrollPx: 12000,
  47. },
  48. // trigger Masonry as a callback
  49. function( newElements ) {
  50.   var $newElems = $( newElements ).css({ opacity: 0 });
  51. // ensure that images load before adding to masonry layout
  52. $newElems.imagesLoaded(function(){
  53. $newElems.animate({ opacity: 1 });
  54. $container.masonry( 'appended', $newElems, true );
  55. });
  56. }
  57. );
  58. });
  59. </script>
  60.  
  61.                                 <head>
  62.                                 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63.                                  
  64.                                   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.                                  
  66. <meta charset="UTF-8">
  67. <title>{Title}</title>
  68. <link rel="shortcut icon" href="{text:Favicon Url}"/>
  69.  
  70.  
  71. <link href="http://fonts.googleapis.com/css?family={text:Google Web Font name}" rel="stylesheet" type="text/css">
  72. <link href="http://fonts.googleapis.com/css?family=Kadwa" rel="stylesheet" type="text/css"/>
  73.  
  74.      
  75.  
  76.        
  77.        
  78.    
  79.         <meta name="color:Background" content="#FFFFFF"/>
  80.         <meta name="color:Selected Font Bg" content="#bec9d1"/>
  81.         <meta name="color:Selected Font Color" content="#ffffff"/>
  82.         <meta name="color:PostBg" content="#ffffff"/>
  83.         <meta name="color:ScrollbarBg" content="#bec9d1"/>
  84.        
  85.        
  86.         <meta name="color:Link Color" content="#6a3c59"/>
  87.        
  88.         <meta name="color:Hover Color" content="#7d92a3"/>
  89.         <meta name="color:Sidebar Foreground Color" content="#cccccc"/>
  90.  
  91.         <meta name="text:Font size" content="15px"/>
  92.         <meta name="text:Custom Cursor" content="http://">
  93.         <meta name="text:Hover Cursor" content="http://">
  94.         <meta name="text:Favicon Url" content="http://"/>
  95.         <meta name="text:BodyBg" content="http://i.imgur.com/MFmBgg1.png"/>
  96.         <meta name="text:ContBg Color" content="#ffffff"/>
  97.         <meta name="text:Borders" content="transparent"/>
  98.        
  99.        
  100.        
  101.         <meta name="text:ContBg Opacity" content="0"  />
  102.        
  103.        
  104.            
  105.  
  106.        
  107.        
  108.         <meta name="text:Link URL1" content="http://"/>
  109.         <meta name="text:Link Name1" content="link"/>
  110.         <meta name="text:Link URL2" content="http://"/>
  111.         <meta name="text:Link Name2" content="link"/>
  112.         <meta name="text:Link URL3" content="http://"/>
  113.         <meta name="text:Link Name3" content="link"/>
  114.         <meta name="text:Link URL4" content="http://"/>
  115.         <meta name="text:Link Name4" content="link"/>
  116.         <meta name="text:Link URL5" content="http://"/>
  117.         <meta name="text:Link Name5" content="link"/>
  118.        
  119.        
  120.  
  121.                                 <style>
  122.                                
  123.                                
  124.                                
  125. html {cursor: url({text:Custom Cursor}), auto;}
  126.  
  127. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  128.  
  129.  
  130. #infscr-loading {display:none;}
  131.  
  132.  
  133. .pagination {
  134. display: none;}
  135.  
  136. body  {
  137.     -webkit-animation-delay: 0.1s;
  138.     -webkit-animation-name: fontfix;
  139.     -webkit-animation-duration: 0.1s;
  140.     -webkit-animation-iteration-count: 1;
  141.     -webkit-animation-timing-function: linear;
  142.     margin: auto;
  143.     font-size: {text:Font Size};
  144.     font-family:Arial;
  145.     line-height: 1.3;
  146.     color: #000;
  147.     margin-left:5px;
  148.     background: url({text:BodyBg}) repeat;
  149.     background-color:{color:background};}
  150.  
  151. body a {
  152.     -webkit-animation-delay: 0.1s;
  153.     -webkit-animation-name: fontfix;
  154.     -webkit-animation-duration: 0.1s;
  155.     -webkit-animation-iteration-count: 1;
  156.     -webkit-animation-timing-function: linear;
  157.     margin: auto;
  158.     font-size: {text:Font Size};
  159.     font-family:Arial;
  160.     line-height: 1.3;
  161.     color: #000;
  162.     padding-left:5px;
  163.     background: url({text:BodyBg}) repeat;
  164.     background-color:transparent;}
  165.    
  166.     body a:hover {
  167.     -webkit-animation-delay: 0.1s;
  168.     -webkit-animation-name: fontfix;
  169.     -webkit-animation-duration: 0.1s;
  170.     -webkit-animation-iteration-count: 1;
  171.     -webkit-animation-timing-function: linear;
  172.     margin: auto;
  173.     font-size: {text:Font Size};
  174.     font-family:Arial;
  175.     padding-left:5px;
  176.     line-height: 1.3;
  177.     color: #000;
  178.     background: url({text:BodyBg}) repeat;
  179.    
  180.     background-color:{color:background};}
  181.    
  182.  
  183. @-webkit-keyframes fontfix {
  184.     from { opacity: 1; }
  185.     to   { opacity: 1; }                    }
  186.    
  187. ::selection {
  188.     background: {color:Selected Font Bg};
  189.     color: {color:Selected Font Color};     }
  190.  
  191. ::-moz-selection {
  192.     background: {color:Selected Font Bg};
  193.     color: {color:Selected Font Color};     }
  194.  
  195. ::-webkit-selection {
  196.     background: {color:Selected Font Bg};
  197.     color: {color:Selected Font Color};     }  
  198.    
  199.  
  200. iframe#tumblr_controls {
  201.     right:3px !important;
  202.     position:fixed !important;
  203.     -webkit-filter: invert(100%);           }
  204.  
  205. iframe#tumblr_controls {
  206.    
  207.     -webkit-transition: opacity 0.3s linear;
  208.     opacity: 0.2;
  209.     -webkit-transition: all 0.3s ease-out;
  210.     -moz-transition: all 0.3s ease-out;
  211.     transition: all 0.3s ease-out;          }
  212.    
  213. iframe#tumblr_controls:hover{
  214.     -webkit-transition: opacity 0.3s linear;
  215.     opacity: 1;
  216.     -webkit-transition: all 0.3s ease-out;
  217.     -moz-transition: all 0.3s ease-out;
  218.     transition: all 0.3s ease-out;          }
  219.  
  220.  
  221.  
  222.             a {
  223.                 -moz-transition-duration: 0.3s;
  224.                 -o-transition-duration: 0.3s;
  225.                 -webkit-transition-duration: 0.3s;
  226.                 transition-duration: 0.3s;
  227.                 color: #000;
  228.                 cursor: url({text:Custom Cursor}), auto;
  229.                 font-weight: none;
  230.                 text-decoration: none;
  231.                 margin-left:5px;}
  232.  
  233.             a:hover {
  234.                 -moz-transition-duration: 0.3s;
  235.                 -o-transition-duration: 0.3s;
  236.                 -webkit-transition-duration: 0.3s;
  237.                 transition-duration: 0.3s;
  238.                 cursor: url({text:Hover Cursor}), auto;
  239.                 color: {color:Hover Color};
  240.                 font-weight: none;
  241.                 font-style:underline;}
  242.  
  243.             .post a {
  244.                 -moz-transition-duration: 0.3s;
  245.                 -o-transition-duration: 0.3s;
  246.                 -webkit-transition-duration: 0.3s;
  247.                 transition-duration: 0.3s;
  248.                 color: {color:Link Color};
  249.                 font-weight: none;    
  250.                 }
  251.  
  252.             .post a:hover {
  253.                 -moz-transition-duration: 0.3s;
  254.                 -o-transition-duration: 0.3s;
  255.                 -webkit-transition-duration: 0.3s;
  256.                 transition-duration: 0.3s;
  257.                 font-weight: none;
  258.                 text-decoration: underline;
  259.                 color: {color:Hover Color};
  260.                 text-shadow: 0px 0px;
  261.                 Color:{Color:Container Shadow Color}, {select:Container Shadow Opacity});                   }
  262.  
  263.            
  264.            
  265.             .container {
  266.                 width: 530px;
  267.                 height: 500px;
  268.                 margin: auto;
  269.                 position: absolute;
  270.                 top: 10px; left: 0px; bottom: 0px; right: 0px;
  271.                 border-width: 1px;
  272.                 border-radius: 0;
  273.                 border-color: transparent;
  274.                 border-style: solid;
  275.                 background-color: rgba({text:ContBg Color}, {select:ContBg Opacity});}  
  276.  
  277. th {background-color: rgba({text:ContBg Color}, {select:ContBg Opacity});}
  278.  
  279. .sidebar {
  280.     width: 0%;
  281.     margin-left:0%;
  282.     height: 0%;
  283.     position: absolute;
  284.     margin-top: 0% ;
  285.     z-index: 0;  
  286.     opacity:0;
  287.    
  288. }
  289.  
  290.  
  291.  
  292. .sidebar:hover .linkie {
  293.     -moz-transition-duration: 0.3s;
  294.     -o-transition-duration: 0.3s;
  295.     -webkit-transition-duration: 0.3s;
  296.     transition-duration: 0.3s;
  297.     opacity: 0;
  298.     margin-left: 0%;
  299.     margin-top: 0%;
  300.     width: 0%;
  301.     height: 0%;
  302.     z-index: 0;                                                 }
  303.  
  304. .linkie {
  305.     -moz-transition-duration: 0.3s;
  306.     -o-transition-duration: 0.3s;
  307.     -webkit-transition-duration: 0.3s;
  308.     transition-duration: 0.3s;
  309.     position: center center;
  310.     opacity: 1.0;
  311.     margin-left: 10%;
  312.     margin-top: 20%;
  313.     width: 60%;
  314.     max-height: 70%;
  315.     background-color: transparent;
  316.     padding: 10px;
  317.     display: center;
  318.     border-width: 2px;
  319.     border-color: transparent;
  320.     border-style: solid;
  321.     border-radius: 0;
  322.     z-index: 1;
  323.     vertical-align: middle;
  324.     text-align: center;                                         }
  325.  
  326. .linkie ul {
  327.     display: table-cell;
  328.     vertical-align: middle;
  329.     padding-top: 5px;
  330.     margin: 0 auto;
  331.     text-align: center;                                         }
  332.  
  333. .linkie li {
  334.     -moz-transition-duration: 0.3s;
  335.     -o-transition-duration: 0.3s;
  336.     -webkit-transition-duration: 0.3s;
  337.     transition-duration: 0.3s;
  338.     padding: 10.5px;
  339.     border: 0px solid transparent;
  340.     border-radius:0;
  341.     text-align: center;
  342.     list-style-type: none;
  343.     position: relative;
  344.     margin-top: 20%;
  345.     left: 50%;
  346.     -moz-transform: translateX(-50%) translateY(-50%);
  347.     -webkit-transform: translateX(-50%) translateY(-50%);
  348.     transform: translateX(-50%) translateY(-50%);
  349.     z-index: 1;                                                 }
  350.  
  351. .linkie li:hover {
  352.     -moz-transition-duration: 0.3s;
  353.     -o-transition-duration: 0.3s;
  354.     -webkit-transition-duration: 0.3s;
  355.     transition-duration: 0.3s;
  356.     border: 0px solid {color:Borders};
  357.     border-radius:0;
  358.     z-index: 1;                                                 }
  359.  
  360.             .sidebar2 {
  361.                 width: 0%;
  362.                 height: auto;
  363.                 position: absolute;
  364.                 margin-top: 0 auto;
  365.                 margin-left: 806px;
  366.                 z-index: 1;                                             }
  367.  
  368.             .sidebar2 a {
  369.                 -moz-transition-duration: 0.3s;
  370.                 -o-transition-duration: 0.3s;
  371.                 -webkit-transition-duration: 0.3s;
  372.                 transition-duration: 0.3s;
  373.                 border: 1px solid transparent;
  374.                 font-weight: bold;
  375.                 color:transparent;                              }
  376.  
  377.             .sidebar2 a:hover {
  378.                 -moz-transition-duration: 0.3s;
  379.                 -o-transition-duration: 0.3s;
  380.                 -webkit-transition-duration: 0.3s;
  381.                 transition-duration: 0.3s;
  382.                 color: {color:Hover Color};
  383.                 font-weight: bold;
  384.                 text-decoration: underline;
  385.                 color: {color:Hover Color};
  386.                 text-shadow: 0.5px 0.5px rgba({text:Container Shadow Color}, {select:Container Shadow Opacity});                               }
  387.  
  388.             .sidepic2 {
  389.                 width: 0px;
  390.                 height:0px;
  391.                 position: absolute;
  392.                 margin-left: 0px;
  393.                 margin-top: 0 auto;
  394.                 border-bottom-right-radius: 0;
  395.                 border-top-right-radius: 0;
  396.                 z-index: 0;                                             }
  397.  
  398.             .sidebar2:hover .description {
  399.                 -moz-transition-duration: 0.3s;
  400.                 -o-transition-duration: 0.3s;
  401.                 -webkit-transition-duration: 0.3s;
  402.                 transition-duration: 0.3s;
  403.                 opacity: 1.0;                                           }
  404.  
  405.             .description {
  406.                 -moz-transition-duration: 0.3s;
  407.                 -o-transition-duration: 0.3s;
  408.                 -webkit-transition-duration: 0.3s;
  409.                 transition-duration: 0.3s;
  410.                 margin-left: 10%;
  411.                 margin-top: 20%;
  412.                 opacity: 0.0;
  413.                 background-color: {color:Sidebar Foreground Color};
  414.                 padding: 20px;
  415.                 text-align: center;
  416.                 width: 60%;
  417.                 height: 80%;
  418.                 border-width: 3px;
  419.                 border-color:transparent;
  420.                 border-style: double;
  421.                 border-radius: 0;                    }
  422.  
  423.             .descc {
  424.                 position: absolute;
  425.                 top: 50%;
  426.                 left: 50%;
  427.                 -moz-transform: translateX(-50%) translateY(-50%);
  428.                 -webkit-transform: translateX(-50%) translateY(-50%);
  429.                 transform: translateX(-50%) translateY(-50%);           }
  430.  
  431. ::-webkit-scrollbar {
  432.     width: 5px;
  433.     padding: 20px;                           }
  434.    
  435. ::-webkit-scrollbar-track {
  436.     background-color: {color:ScrollbarBg};
  437.     padding: 20px;                           }
  438.  
  439. ::-webkit-scrollbar-thumb {
  440.     background-color: {color:link color};
  441.     border: 0px solid {color:Borders};
  442.     border-radius: 0;
  443.     padding: 20px;                           }
  444.  
  445. {block:Permalinkpage}
  446.     .ezio {
  447.         background: rgba({text:ContBg Color}, 0.5);
  448.         list-style-type: circle;
  449.         margin:0px;
  450.         padding: 5px;
  451.         text-align:left;
  452.         width: 500px;
  453.      
  454.         opacity: 1;
  455.         border-width: 0px;
  456.         border-radius: 0;
  457.         line-height:120%;
  458.         border-color:transparent;
  459.         border-style: solid;                    }
  460.        
  461.     .ezio li {list-style-type:circle;     }    
  462. {/block:Permalinkpage}
  463.  
  464.  
  465. #quo {padding-top: 10px; text-align: center;}    
  466.    
  467.     blockquote {
  468.       border-left: 1px solid {color:Borders};
  469.       margin: 15px;
  470.       padding-left: 5px;                       }
  471.    
  472.    
  473.     .posts {
  474.         width:auto;
  475.         max-height: 500px;
  476.         position: absolute;
  477.         margin-left: 10px;
  478.         margin-top: -10px;
  479.        
  480.         padding: 0px;
  481.         float: left;
  482.         overflow-y: auto;
  483.         overflow-x: hidden;
  484.         border-right-width: 0px;
  485.         border-right-color: transparent;
  486.         border-right-style: solid;
  487.         border-left-width: 0px;
  488.         border-left-color: transparent;
  489.         border-left-style: solid;               }
  490.  
  491.  
  492.             .photopost {
  493.                 {block:Permalinkpage}width: 500px;{/block:Permalinkpage}
  494.                 {block:Indexpage}width: 500px;{/block:Indexpage}
  495.                 border: 0px solid transparent;
  496.                 border-top-left-radius: 0;
  497.                 border-top-right-radius: 0;
  498.                 padding-bottom: 5px;  
  499.                 float:left;}
  500.  
  501.  
  502.             .post {
  503.                 {block:Indexpage}
  504.                     background: {color:PostBg};
  505.                     margin: 2px;
  506.                     padding: 0px;
  507.                     position: relative;
  508.                     width: 500px;
  509.                     border-width: 5px 5px 0px 5px;
  510.                    
  511.                     border-radius: 0;
  512.                     border-color: transparent;
  513.                     border-style: solid;
  514.                     float: left;
  515.                     display: inline;
  516.                 {/block:Indexpage}
  517.                 {block:Permalinkpage}
  518.                     background: {color:PostBg};
  519.                    
  520.                     padding:5px;
  521.                     width: 500px;
  522.                    
  523.                     border-width: 15px;
  524.                     border-radius: 0px;
  525.                     border-color: transparent
  526.                     border-style: solid;
  527.                     float:left;
  528.                 {/block:Permalinkpage}                          }
  529.  
  530. #death img {max-width: 100%;}
  531.              
  532. blockquote img {max-width: 100%; }
  533.  
  534. .like-reblog {padding: 1px;}
  535.    
  536. .like-reblog a {
  537.     -moz-transition-duration: 0.3s;
  538.     -o-transition-duration: 0.3s;
  539.     -webkit-transition-duration: 0.3s;
  540.     transition-duration: 0.3s;
  541.     color: {color:Link Color};
  542.     font-size:12px;}
  543.  
  544. .like-reblog a:hover {
  545.     -moz-transition-duration: 0.3s;
  546.     -o-transition-duration: 0.3s;
  547.     -webkit-transition-duration: 0.3s;
  548.     transition-duration: 0.3s;
  549.     color: {color:Hover Color};         }  
  550.    
  551. .page {background: transparent; padding: 20px;}
  552.  
  553. .pagelist {margin: 0 auto; width: 640px;}
  554.  
  555. .tags {padding: 1px;}  
  556.  
  557. .connor {border-top: 0px double {color:Borders};}
  558.  
  559. #mus {padding-bottom: 5px;}
  560.  
  561. #vid {padding-bottom: 5px; padding-top: 20px;}
  562.  
  563. #fotoset {padding-top: 15px;}
  564.  
  565. #kickflip {padding-bottom: 5px;}
  566.  
  567. #quot {padding-bottom: 10px;}
  568.  
  569.  
  570.             .playerbuttonbg {
  571.                 position: absolute;
  572.                 left: 22px;
  573.                 top: 24px;
  574.                 width: 25px;
  575.                 height: 25px;
  576.                 background-color: #ffffff;
  577.                 padding: 10px;
  578.                 -webkit-border-radius: 0;
  579.                 -moz-border-radius: 0;
  580.                 border-radius: 0;
  581.                 opacity: .4;
  582.                 filter: alpha(opacity=40);
  583.                 -moz-opacity: 0.4;
  584.                 -khtml-opacity: 0.4;
  585.                 transition: opacity .3s ease-in-out;
  586.                 -moz-transition: opacity .3s ease-in-out;
  587.                 -webkit-transition: opacity .3s ease-in-out;    }
  588.            
  589.             .playerbuttonbg:hover {
  590.                 opacity: 1;
  591.                 filter: alpha(opacity=100);
  592.                 -moz-opacity: 1;
  593.                 -khtml-opacity: 1;                              }
  594.        
  595.             .newplayerbutton {
  596.                 position: relative;
  597.                 width: 25px;
  598.                 height: 35px;
  599.                 overflow: hidden;                               }
  600.            
  601.            
  602.             .playerbuttonhug {  
  603.                 position: absolute;
  604.                 top: -4px;
  605.                 left: 0px;                                      }
  606.        
  607.             .tumblr_audio_player {
  608.                 height: 32px;
  609.                 width: 150px;
  610.                 -moz-transform: scale(0.60, 0.60);
  611.                 -webkit-transform: scale(0.60, 0.60);
  612.                 -o-transform: scale(0.60, 0.60);
  613.                 -ms-transform: scale(0.60, 0.60);
  614.                 transform: scale(0.60, 0.60);
  615.                 -moz-transform-origin: top left;
  616.                 -webkit-transform-origin: top left;
  617.                 -o-transform-origin: top left;
  618.                 -ms-transform-origin: top left;
  619.                 transform-origin: top left;                     }
  620.            
  621.             .audioimgwrapper {
  622.                 position: absolute;
  623.                 left: -2px;
  624.                 top: 0px;
  625.                 -webkit-border-top-leftradius: 0;
  626.                 -moz-border-top-leftradius: 0;
  627.                 border-top-left-radius: 0;
  628.                 overflow: hidden;
  629.                 width: 90px;
  630.                 height: 86px;                                   }
  631.            
  632.             .audioimgwrapper img {
  633.                 width: 100%;
  634.                 height: auto;
  635.                 -webkit-border-top-left-radius: 0;
  636.                 -moz-border-top-left-radius: 0;
  637.                 border-top-left-radius: 0;   }
  638.            
  639.             .trackdetails {
  640.                 {block:Indexpage}width: 145px;{/block:Indexpage}
  641.                 {block:Permalinkpage}width: 395px;{/block:Permalinkpage}
  642.                 border: 0px solid {color:Borders};
  643.                 border-top-right-radius: 0;
  644.                 box-sizing: content-box;
  645.                 display: table;
  646.                 margin-left: 95px;
  647.                 min-height: 82px;
  648.                 padding-left: 10px;
  649.                 padding-top: 3px;                               }
  650.            
  651.             .det {
  652.                 display: table-cell;
  653.                 vertical-align: middle;                         }
  654.                
  655.             .audiowrapper {
  656.                 position: relative;
  657.                 display: inline-block;                          }
  658.                
  659.            
  660.  
  661.  
  662.  
  663.  
  664. #over{
  665. height:700px!important;
  666. position:absolute;
  667. top:0px;
  668. left:5px;
  669. width: 90%;}
  670.  
  671.  
  672.     @media (max-height: 605px) and (max-width: auto) {
  673.         html {max-height: 40%;}
  674.         .gridline {max-height: 40%}
  675.         .container {max-height:40%;}
  676.     }
  677.    
  678.    
  679.     @media (min-height: 620px) and (max-height: 785px) {
  680.        .gridline {height: 80%; box-shadow: 0px 0px {color:Container Shadow Color}, {select:Container Shadow Opacity};}
  681.         .container {height: 70%; max-width:90%;}  
  682.         .sidepic {max-height: 100%; max-width: 80%;}
  683.         .sidebar {max-height: 100%; max-width: 80%;}
  684.         .sidebar2 {max-height: 100%; max-width: 80%;}
  685.         .sidepic2 {max-height: 100%; max-width: 80%;}
  686.         .linkie {max-height: 75%;}
  687.         .linkie ul {max-height: 75%; font-size: 13px;}
  688.         .linkie li {max-height: 60%; margin-bottom: 1px;  margin-top: 1.5px; font-size: 13px; padding: 9.6px;}
  689.         .posts {max-height: 91%;}
  690.         .description {max-height: 75%;}  
  691.         .descc {max-height: 79%; max-width: 150px; text-align: center; padding-bottom: -30px; margin-bottom: -10px; margin-top: 10px; font-size: 13px;}  
  692.         .sidebar:hover .linkie {max-height: 75%;}   }
  693.        
  694.        
  695.        
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.       #etc{
  703.     margin-top:10%;
  704.    
  705.     margin-bottom:10px;
  706.    
  707.     margin-left:100px;
  708.     width:250px;
  709.     padding:5px;
  710.     background-color:{color:PostBG};
  711.    
  712.    
  713.    
  714.    
  715.    
  716. }  
  717.    
  718.    
  719.    
  720.    
  721.     #ocehanscirc{
  722. position:fixed;
  723. width:3px;
  724. height:3px;
  725. margin-top:5px;
  726. margin-left:5px;
  727. border-radius:100%;
  728. padding:3px;
  729. background:transparent;
  730. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out;
  731. box-shadow:rgba(0,0,0,.05) 4px 4px;
  732. border:1px solid transparents;
  733. z-index:999999999;
  734. }
  735.  
  736.  
  737. #ocehanscirc:hover {
  738. height:50px;
  739. width:50px;
  740. background:transparent
  741. padding:6px;
  742. border-radius:0%;}
  743. #ocehansup {
  744. position:fixed;
  745. padding:4px;
  746. font-family:arial;
  747. line-height:10px;
  748. font-size:6px;
  749. text-transform:uppercase;padding:3px;
  750. letter-spacing:1px;
  751. text-align:left;
  752. overflow:hidden;
  753. z-index:9;
  754. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  755. opacity:0;
  756. }
  757. #ocehanscirc:hover #ocehansup {opacity:1;width:120px;}
  758. #ocehansup h1{
  759. font-family:consolas;
  760. font-size:8px;
  761. text-align:center;
  762. line-height:12px;
  763. margin-top:0px;
  764. margin-bottom:4px;
  765. font-style:normal;
  766. font-weight:normal;
  767. color:#ffffff;
  768. border-bottom:0px dashed #f2f2f2;
  769. text-transform:uppercase;}
  770.    
  771.    
  772.    
  773.    
  774.                                 </style>
  775.  
  776. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  777.  
  778.  
  779. <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/R0cmg0bw1/tumblr-endless-scrolling.js"></script>
  780.  
  781.  
  782.  
  783.  
  784.                                 </head>
  785.  
  786.  
  787.                                 <body>
  788.  
  789.  
  790. <div id="ocehanscirc">
  791. <div id="ocehansup">
  792. <div style="height:50px;">
  793. <p>
  794. watching:<br>adventure <br>time<br>
  795. <script language="JavaScript">var fhsf = document.createElement('script');
  796. fhsf.src = "http://tc.freehostedscripts.net/tcounter.php?url=he1975.tumblr.com&name=&a=1";
  797. document.head.appendChild(fhsf);document.write("<span id='f_counter'></span>");
  798. </script>
  799.  
  800.  
  801. </div></div>
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808. <div style="margin-bottom:5px; margin-left:5px;"><a href="http://he1975.tumblr.com"></a></div></div>
  809.  
  810.  
  811.  
  812. <div id="etc"><img src="http://40.media.tumblr.com/7527a2ef2297c13f62e6332f1399a636/tumblr_nrvovgpv3X1raddnzo1_250.jpg">{Description}
  813.  
  814.      <a href="http://he1975.tumblr.com">↬home</a><br>
  815.      <a href="/faq">↬ask</a><br>
  816.     <a href="/tagged/sketchbook">↬my art</a><br>
  817.     <a href="/tagged/thm">↬themes</a><br>
  818.    <a href="/">↬</a><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "4203692";
  819. var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
  820. fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  821. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  822. </script>↺<script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2590743";
  823. fhsh.src = "http://s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  824. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  825. </script>
  826. </div>
  827.  
  828.  
  829.  
  830. <div class="gridline"></div>
  831.  
  832.             <div class="container">
  833.  
  834.             <img class ="sidepic" src="{image:Left Sidebar}">
  835.             <div class="sidebar">
  836.    
  837.             <ul class="linkie"><div class="dete">
  838.                 {Description}<br><br>
  839.                
  840.                
  841.             </div></ul>
  842.             </div>
  843.  
  844.     <img class ="sidepic2" src="{image:Right Sidebar}">
  845.     <div class="sidebar2">
  846.         <div class="description"><div class="descc"></div>
  847.     </div>
  848.     </div>
  849.  
  850.                                
  851.                             <div class="posts">
  852.         {block:HasPages}
  853.         <div class="page">
  854.         {block:Pages}
  855.         <div class="pagelist"><a href="{URL}">{Label}</a></div>
  856.         {/block:Pages}
  857.         </div>
  858.         {/block:HasPages}
  859.      
  860.  
  861.  
  862.                         <div id="content"><div id ="over"></div>
  863.                         {block:Posts}
  864.                        
  865.                                
  866.                                
  867.     {block:Text}<div class="post" id="death">
  868.         {block:Title}
  869.             <h3><a href="{Permalink}">{Title}</a></h3>
  870.         {/block:Title}
  871.         {Body}
  872.             <div class="connor"></div>
  873.             <div class="like-reblog" align="center">
  874.                 {block:NoteCount}
  875.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  876.                 {/block:NoteCount}
  877.             <font color="{color:Borders}"><strong></strong></font>
  878.             {block:Date}
  879.                
  880.             {/block:Date}
  881.             <font color="{color:Borders}"><strong></strong></font>
  882.             {block:ContentSource}
  883.                 <a href="{SourceURL}">src.</a>
  884.             {/block:ContentSource}
  885.             {block:RebloggedFrom}
  886.                 <a href="{ReblogParentURL}"> via.</a>
  887.             {/block:RebloggedFrom}
  888.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  889.             </div> 
  890.                 <div class="tags" align="center">
  891.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  892.     </div>
  893.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  894.     {/block:Text}
  895.      
  896.  
  897.  
  898.        
  899.     {block:Photo}<div class="post">
  900.         <img class="photopost" src="{PhotoURL-500}">
  901.             {block:Caption}{caption}{/block:Caption}
  902.             <div class="connor"></div>
  903.             <div class="like-reblog" align="center">
  904.                 {block:NoteCount}
  905.                     <a href="{Permalink}">{NoteCount}</a><big> ↬</big>
  906.                 {/block:NoteCount}
  907.             <font color="{color:Borders}"><strong>  </strong></font>
  908.             {block:Date}
  909.                
  910.             {/block:Date}
  911.             <font color="{color:Borders}"><strong> </strong></font>
  912.             {block:ContentSource}
  913.                 <a href="{SourceURL}">src.</a>
  914.             {/block:ContentSource}
  915.             {block:RebloggedFrom}
  916.                 <a href="{ReblogParentURL}"> via.</a>
  917.             {/block:RebloggedFrom}
  918.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  919.             </div> 
  920.                 <div class="tags" align="center">
  921.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  922.     </div>
  923.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  924.         {/block:Photo}
  925.  
  926.  
  927.  
  928.        
  929.     {block:Photoset}<div class="post"> 
  930.         <div class="photopost" id="fotoset">
  931.                 {block:Indexpage}{Photoset-500}{/block:Indexpage}
  932.                 {block:Permalinkpage}{Photoset-500}{/block:Permalinkpage}
  933.         </div>
  934.             {block:Caption}{Caption}{/block:Caption}
  935.             <div class="connor"></div>
  936.             <div class="like-reblog" align="center">
  937.                 {block:NoteCount}
  938.                     <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  939.                 {/block:NoteCount}
  940.             <font color="{color:Borders}"><strong></strong></font>
  941.             {block:Date}
  942.                
  943.             {/block:Date}
  944.             <font color="{color:Borders}"><strong></strong></font>
  945.             {block:ContentSource}
  946.                 <a href="{SourceURL}">src.</a>
  947.             {/block:ContentSource}
  948.             {block:RebloggedFrom}
  949.                 <a href="{ReblogParentURL}"> via.</a>
  950.             {/block:RebloggedFrom}
  951.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  952.             </div> 
  953.                 <div class="tags" align="center">
  954.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  955.     </div>
  956.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  957.         {/block:Photoset}
  958.  
  959.  
  960.  
  961.        
  962.     {block:Quote}<div class="post" id="quo">
  963.             {Quote}
  964.                 {block:Source}<b><br>&mdash;{Source}</b>{/block:Source}
  965.                         <div id="quot"></div>
  966.             <div class="connor"></div>
  967.             <div class="like-reblog" align="center">
  968.                 {block:NoteCount}
  969.                     <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  970.                 {/block:NoteCount}
  971.             <font color="{color:Borders}"><strong> </strong></font>
  972.             {block:Date}
  973.                 <a href="{Permalink}"></a>
  974.             {/block:Date}
  975.             <font color="{color:Borders}"><strong></strong></font>
  976.             {block:ContentSource}
  977.                 <a href="{SourceURL}">src.</a>
  978.          
  979.             {/block:ContentSource}
  980.             {block:RebloggedFrom}
  981.                 <a href="{ReblogParentURL}"> via.</a>
  982.             {/block:RebloggedFrom}
  983.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  984.             </div> 
  985.                 <div class="tags" align="center">
  986.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  987.     </div>
  988.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  989.         {/block:Quote}
  990.  
  991.  
  992.  
  993.        
  994.     {block:Link}<div class="post">
  995.             <a href="{URL}" {Target}>{Name}</a>
  996.             {block:Description}{Description}{/block:Description}
  997.             <div class="connor"></div>
  998.             <div class="like-reblog" align="center">
  999.                 {block:NoteCount}
  1000.                     <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  1001.                 {/block:NoteCount}
  1002.             <font color="{color:Borders}"><strong> </strong></font>
  1003.             {block:Date}
  1004.                
  1005.             {/block:Date}
  1006.             <font color="{color:Borders}"><strong> </strong></font>
  1007.             {block:ContentSource}
  1008.                 <a href="{SourceURL}">src +</a>
  1009.           {block:ContentSource}
  1010.                 <a href="{SourceURL}">src.</a>
  1011.             {/block:ContentSource}
  1012.             {block:RebloggedFrom}
  1013.                 <a href="{ReblogParentURL}"> via.</a>
  1014.             {/block:RebloggedFrom}
  1015.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  1016.             </div> 
  1017.                 <div class="tags" align="center">
  1018.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  1019.     </div>
  1020.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1021.         {/block:Link}
  1022.  
  1023.  
  1024.  
  1025.        
  1026.     {block:Chat}<div class="post">
  1027.             {block:Title}{Title}{/block:Title}
  1028.             <table>
  1029.                 {block:Lines}
  1030.                 <tr>
  1031.                     <th>{block:Label}{Label}{/block:Label}</th>
  1032.                     <td>{Line}</td>
  1033.                 </tr>
  1034.                 {/block:Lines}
  1035.             </table>
  1036.             <div id="kickflip"></div>
  1037.             <div class="connor"></div>
  1038.             <div class="like-reblog" align="center">
  1039.                 {block:NoteCount}
  1040.                     <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  1041.                 {/block:NoteCount}
  1042.             <font color="{color:Borders}"><strong></strong> </strong></font>
  1043.             {block:Date}
  1044.                
  1045.             {/block:Date}
  1046.             <font color="{color:Borders}"><strong> </strong></font>
  1047.             {block:ContentSource}
  1048.                 <a href="{SourceURL}">src +</a>
  1049.            {block:ContentSource}
  1050.                 <a href="{SourceURL}">src.</a>
  1051.             {/block:ContentSource}
  1052.             {block:RebloggedFrom}
  1053.                 <a href="{ReblogParentURL}"> via.</a>
  1054.             {/block:RebloggedFrom}
  1055.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  1056.             </div> 
  1057.                 <div class="tags" align="center">
  1058.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  1059.     </div>
  1060.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1061.         {/block:Chat}
  1062.  
  1063.        
  1064.  
  1065.     {block:Audio}<div class="post">
  1066.             {block:AudioPlayer}
  1067.             <div class="audiowrapper">
  1068.             {block:AlbumArt}
  1069. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1070.             <div class="playerbuttonbg">
  1071.             <div class="newplayerbutton">
  1072.             <div class="playerbuttonhug">
  1073.            {AudioPlayerWhite}
  1074.            </div></div></div>
  1075.         <div class="trackdetails"><div class="det">
  1076.             {block:TrackName}song name: {TrackName}{/block:TrackName}<br/>
  1077.             {block:Artist}artist: {Artist}{/block:Artist}<br/>
  1078.             {block:Permalinkpage}
  1079.                 {block:Album}album: {Album}{/block:Album}<br/>
  1080.                 {PlayCountWithLabel}
  1081.             {/block:Permalinkpage}  
  1082.    </div></div></div>{/block:AudioPlayer}
  1083.             <div id="mus"></div>
  1084.         {block:Caption}{Caption}{/block:Caption}
  1085.         <div class="connor"></div>
  1086.             <div class="like-reblog" align="center">
  1087.                 {block:NoteCount}
  1088.                     <a href="{Permalink}#">{NoteCount}</a>
  1089.                 {/block:NoteCount}
  1090.             <font color="{color:Borders}"><strong> </strong></font>
  1091.             {block:Date}
  1092.                
  1093.             {/block:Date}
  1094.             <font color="{color:Borders}"><strong></strong></font>
  1095.            {block:ContentSource}
  1096.                 <a href="{SourceURL}">src.</a>
  1097.             {/block:ContentSource}
  1098.             {block:RebloggedFrom}
  1099.                 <a href="{ReblogParentURL}"> via.</a>
  1100.             {/block:RebloggedFrom}
  1101.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  1102.             </div> 
  1103.                 <div class="tags" align="center">
  1104.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  1105.     </div>
  1106.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1107.         {/block:Audio}
  1108.        
  1109.        
  1110.        
  1111.        
  1112.     {block:Video}<div class="post" id="vid">
  1113.                 {block:Permalinkpage}{Video-500}{/block:Permalinkpage}
  1114.                 {block:Indexpage}{Video-500}{/block:Indexpage}
  1115.             {block:Caption}{Caption}{/block:Caption}
  1116.             <br><div class="connor"></div>
  1117.             <div class="like-reblog" align="center">
  1118.                 {block:NoteCount}
  1119.                     <a href="{Permalink}#">{NoteCount}</a>
  1120.                 {/block:NoteCount}
  1121.             <font color="{color:Borders}"><strong></strong></font>
  1122.             {block:Date}
  1123.              
  1124.             {/block:Date}
  1125.             <font color="{color:Borders}"><strong> </strong></font>
  1126.           {block:ContentSource}
  1127.                 <a href="{SourceURL}">src.</a>
  1128.             {/block:ContentSource}
  1129.             {block:RebloggedFrom}
  1130.                 <a href="{ReblogParentURL}"> via.</a>
  1131.             {/block:RebloggedFrom}
  1132.            <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details">rblg.</a>
  1133.             </div> 
  1134.                 <div class="tags" align="center">
  1135.                 {block:Tags}↬<a href="{TagURL}"><small>{Tag}</small></a> {/block:Tags}</div>
  1136.     </div>
  1137.     <div class="ezio">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1138.         {/block:Video}
  1139.  
  1140.  
  1141.  
  1142.                            
  1143.                            {/block:Posts}</div>
  1144.                                
  1145.  
  1146.  
  1147. </div>    
  1148. </div>
  1149.  
  1150.  
  1151.  
  1152. <div class=“pagination”>
  1153. {block:Pagination}{block:PreviousPage}<a href=“{PreviousPage}”>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href=“{NextPage}” id=“next”></a>{/block:NextPage}{/block:Pagination}
  1154. </div>
  1155.  
  1156.  
  1157.                                 </body>
  1158.                                
  1159.                                
  1160. </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!