API tools faq
paste
darianella

"Resonance" tumblr theme HTML code

darianella
Aug 24th, 2012
606
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.39 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. <link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
  5.  
  6. <!-- theme design and code belong to Darian of redfox-themes. please don't steal or remove credit. -->
  7.  
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.     <meta name="color:background" content="#ffffff"/>
  14.     <meta name="color:posts" content="#dac8c8"/>
  15.     <meta name="color:text" content="#2b1f1f"/>
  16.     <meta name="color:bold" content="#0d1f5a"/>
  17.     <meta name="color:italic" content="#6d1616"/>
  18.     <meta name="color:scrollbar" content="#050f30"/>
  19.     <meta name="color:textlink" content="#13347e"/>
  20.     <meta name="color:bottombar" content="#0a102e"/>
  21.     <meta name="color:customlink" content="#9ca4c0"/>
  22.     <meta name="color:navlink" content="#ac8d8d"/>
  23.     <meta name="color:descriptionback" content="#d3b8b8"/>
  24.     <meta name="color:date" content="#e4e5e9"/>
  25.     <meta name="color:tags" content="#dddada"/>
  26.     <meta name="color:quote" content="#05113a"/>
  27.     <meta name="color:title" content="#332727"/>
  28.     <meta name="color:borders" content="#000000"/>
  29.    
  30.      <meta name="font:body" content="Lucida Console"/>
  31.      <meta name="font:description" content="Lucida Console"/>
  32.    
  33.     <meta name="color:ball1" content="#ffffff"/>
  34.     <meta name="color:ball2" content="#ffffff"/>
  35.     <meta name="color:ball3" content="#ffffff"/>
  36.     <meta name="color:ball4" content="#ffffff"/>
  37.     <meta name="color:ball5" content="#ffffff"/>
  38.     <meta name="color:ball6" content="#ffffff"/>
  39.     <meta name="color:ball7" content="#ffffff"/>
  40.     <meta name="color:ball8" content="#ffffff"/>
  41.     <meta name="color:ball9" content="#ffffff"/>
  42.    
  43.     <meta name="image:background" content="https://lh4.googleusercontent.com/-Saywl6XPps0/UGWZSJXmm_I/AAAAAAAACO4/aflNQ87r1HU/s500/lightpaperfibers.png"/>
  44.    
  45.     <meta name="image:ball1" content="https://lh6.googleusercontent.com/-8erHT1pDKzY/UGWXgWEDZ3I/AAAAAAAACNw/jztCJoEkZF4/s150/Deathpic.png"/>
  46.     <meta name="image:ball2" content="https://lh4.googleusercontent.com/-8f2w40uJlK4/UGWXgzsnBhI/AAAAAAAACN4/2FhFXuEKaiE/s100/soul176.png"/>
  47.     <meta name="image:ball3" content="https://lh5.googleusercontent.com/-BPAoNwq3UcQ/UGWXhUHSWQI/AAAAAAAACOI/A53ggAEfIsQ/s100/soul297.png"/>
  48.     <meta name="image:ball4" content="https://lh6.googleusercontent.com/-wIaT2Z9rcNg/UGWXhwntq0I/AAAAAAAACOU/l2qHYptwxV4/s100/soul79.png"/>
  49.     <meta name="image:ball5" content="https://lh6.googleusercontent.com/--DK9Qh2Q-Xo/UGWXhDZcZVI/AAAAAAAACOE/GH_Z-e4xlig/s100/soul282.png"/>
  50.     <meta name="image:ball6" content="https://lh5.googleusercontent.com/-j5b2344EdXk/UGWXh39AJuI/AAAAAAAACOQ/Iulh2NCZaig/s100/soul53.png"/>
  51.     <meta name="image:ball7" content="https://lh4.googleusercontent.com/-vFZ0BceLCYs/UGWXgTHVfrI/AAAAAAAACN0/WLcM6JIvEko/s100/3.png"/>
  52.     <meta name="image:ball8" content="https://lh4.googleusercontent.com/-ABqX5a5cQxM/UGWXgS_tctI/AAAAAAAACNs/p2rq4UdKpyg/s100/20.png"/>
  53.     <meta name="image:ball9" content="https://lh4.googleusercontent.com/-hwwMrubJJBY/UGWXhLQqHFI/AAAAAAAACOA/hHkaxlnux40/s100/soul255.png"/>
  54.    
  55.     <meta name="if:Hidden Description" content="1">
  56.     <meta name="if:3D Title" content="1">
  57.     <meta name="if:Show Descriptions" content="0">
  58.     <meta name="if:Monochrome Posts" content="1">
  59.     <meta name="if:Sepia Posts" content="0">
  60.    
  61.     <meta name="text:Link1" content="" />
  62.     <meta name="text:Link1URL" content="/"/>
  63.     <meta name="text:Link2" content="" />
  64.     <meta name="text:Link2URL" content="/"/>
  65.     <meta name="text:Link3" content="" />
  66.     <meta name="text:Link3URL" content="/"/>
  67.     <meta name="text:Link4" content="" />
  68.     <meta name="text:Link4URL" content="/"/>
  69.     <meta name="text:Link5" content="" />
  70.     <meta name="text:Link5URL" content="/"/>
  71.     <meta name="text:Link6" content="" />
  72.     <meta name="text:Link6URL" content="/"/>
  73.  
  74.  
  75. <style type="text/css">
  76.  
  77. @font-face{
  78.     font-family: 'Gochi Hand', cursive;
  79. }
  80.  
  81. /*basic stuff*/
  82.  
  83. ::-webkit-scrollbar {
  84.     width: 4px;
  85.     height: 4px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb {
  89.     background-color: #000000;
  90.     -webkit-border-radius: 1ex;
  91.     background: {color:scrollbar};
  92. }
  93.  
  94. body {
  95.     background-image:url('{image:background}');
  96.     background-attachment: fixed;
  97.     background-repeat: repeat;
  98.     background-color: {color:background};
  99.     font-family: {font:body};
  100.     font-size:10px;
  101.     margin-left:0px;
  102.     margin-top:0px;
  103.     -webkit-transition: all 0.7s linear;
  104.     -moz-transition: all 0.7s linear;
  105.     -o-transition: all 0.7s linear;
  106. }
  107.  
  108. p{
  109.     font-family:{font:body};
  110.     font-size: 10px;
  111.     color:{color:text};
  112.     padding-left:3px;
  113.     padding-right:3px;
  114.     line-height:12px;
  115. }
  116.  
  117. p strong {
  118.     color:{color:bold}
  119. }
  120.  
  121. p em {
  122.     color:{color:italic}
  123. }
  124.  
  125. a {
  126.     color:{color:textlink};
  127.     text-decoration:none;
  128.     -webkit-transition: all 0.5s linear;
  129.     -moz-transition: all 0.5s linear;
  130.     -o-transition: all 0.5s linear;
  131. }
  132.  
  133. a:hover {
  134.     -webkit-transition: all 0.5s ease-out;
  135.     -moz-transition: all 0.5s ease-out;
  136.     transition: all 0.5s ease-out;
  137.     text-shadow:3px 0 0 rgba(255,0,0,0.5), -3px 0 0 rgba(0,255,0,0.5);
  138. }
  139.  
  140. img{
  141.     border:none;
  142.     border-radius:10px;
  143.     {block:IfNotMonochromePosts}opacity:0.9;{/block:IfNotMonochromePosts}
  144.     {block:IfNotSepiaPosts}opacity:0.9;{/block:IfNotSepiaPosts}
  145.     {block:IfMonochromePosts}opacity:1;{/block:IfMonochromePosts}
  146.     {block:IfSepiaPosts}opacity:1;{/block:IfSepiaPosts}
  147.     -webkit-transition: all 0.5s linear;
  148.     -moz-transition: all 0.5s linear;
  149.     -o-transition: all 0.5s linear;
  150. }
  151.  
  152. img:hover{
  153.     {block:IfNotMonochromePosts}opacity:1;{/block:IfNotMonochromePosts}
  154.      {block:IfNotSepiaPosts}opacity:1;{/block:IfNotSepiaPosts}
  155. }
  156.  
  157. ul {
  158.     font-size: 9px;
  159.     font-family:{font:body};
  160.     color:{color:text};
  161.     margin-right:30px
  162. }
  163.  
  164. blockquote {
  165.     font-size: 9px;
  166.     font-family:{font:body};
  167.     color:{color:text};
  168.     margin-right:30px;
  169. }
  170.  
  171. blockquote blockquote{
  172.     padding-left:7px;
  173.     border-left:1.5px dotted {color:borders};
  174. }
  175.  
  176. pre{
  177.     font-size:8px;
  178.     max-width:380px;
  179.     overflow:auto;
  180.     background-color:#bcbbbb;
  181.     padding:5px;
  182. }
  183.  
  184. /*sideballs*/
  185.  
  186. #bottombar{
  187.     position:fixed;
  188.     width:100%;
  189.     height:7px;
  190.     margin-top:700px;
  191.     z-index:-1;
  192.     background-color:{color:bottombar};
  193. }
  194.  
  195. #ball1{
  196.     position:fixed;
  197.     margin-left:700px;
  198.     height:80px;
  199.     width:80px;
  200.     border-radius:100px;
  201.     background-color:{color:ball1};
  202.     margin-top:620px;
  203.     -webkit-transition: all 0.7s linear;
  204.     -moz-transition: all 0.7s linear;
  205.     -o-transition: all 0.7s linear;
  206.     -ms-transition: all 0.7s linear;
  207. }
  208.  
  209. #ball1:hover #ballcustom{
  210.     opacity:0.8;
  211.     -moz-transform:rotate(360deg);
  212.     -webkit-transform:rotate(360deg);
  213.     -o-transform:rotate(360deg);
  214.     -ms-transform:rotate(360deg);
  215. }
  216.  
  217. #ball2{
  218.     position:fixed;
  219.     margin-left:780px;
  220.     height:80px;
  221.     width:80px;
  222.     border-radius:100px;
  223.     background-color:{color:ball2};
  224.     margin-top:620px;
  225.     -webkit-transition: all 0.7s linear;
  226.     -moz-transition: all 0.7s linear;
  227.     -o-transition: all 0.7s linear;
  228.     -ms-transition: all 0.7s linear;
  229. }
  230.  
  231. #ball2:hover #ballcustom{
  232.     opacity:0.8;
  233.         -moz-transform:rotate(360deg);
  234.     -webkit-transform:rotate(360deg);
  235.     -o-transform:rotate(360deg);
  236.     -ms-transform:rotate(360deg);
  237. }
  238.  
  239. #ball3{
  240.     position:fixed;
  241.     margin-left:860px;
  242.     height:80px;
  243.     width:80px;
  244.     border-radius:100px;
  245.     background-color:{color:ball3};
  246.     margin-top:620px;
  247.     -webkit-transition: all 0.7s linear;
  248.     -moz-transition: all 0.7s linear;
  249.     -o-transition: all 0.7s linear;
  250.     -ms-transition: all 0.7s linear;
  251. }
  252.  
  253. #ball3:hover #ballcustom{
  254.     opacity:0.8;
  255.         -moz-transform:rotate(360deg);
  256.     -webkit-transform:rotate(360deg);
  257.     -o-transform:rotate(360deg);
  258.     -ms-transform:rotate(360deg);
  259. }
  260.  
  261. #ball4{
  262.     position:fixed;
  263.     margin-left:940px;
  264.     height:80px;
  265.     width:80px;
  266.     border-radius:100px;
  267.     background-color:{color:ball4};
  268.     margin-top:620px;
  269.     -webkit-transition: all 0.7s linear;
  270.     -moz-transition: all 0.7s linear;
  271.     -o-transition: all 0.7s linear;
  272.     -ms-transition: all 0.7s linear;
  273. }
  274.  
  275. #ball4:hover #ballcustom{
  276.     opacity:0.8;
  277.         -moz-transform:rotate(360deg);
  278.     -webkit-transform:rotate(360deg);
  279.     -o-transform:rotate(360deg);
  280.     -ms-transform:rotate(360deg);
  281. }
  282.  
  283. #ball5{
  284.     position:fixed;
  285.     margin-left:740px;
  286.     height:80px;
  287.     width:80px;
  288.     border-radius:100px;
  289.     background-color:{color:ball5};
  290.     margin-top:551px;
  291.     -webkit-transition: all 0.7s linear;
  292.     -moz-transition: all 0.7s linear;
  293.     -o-transition: all 0.7s linear;
  294.     -ms-transition: all 0.7s linear;
  295. }
  296.  
  297.  
  298. #ball5:hover #ballnav{
  299.     opacity:0.8;
  300.         -moz-transform:rotate(360deg);
  301.     -webkit-transform:rotate(360deg);
  302.     -o-transform:rotate(360deg);
  303.     -ms-transform:rotate(360deg);
  304. }
  305.  
  306. #ball6{
  307.     position:fixed;
  308.     margin-left:820px;
  309.     height:80px;
  310.     width:80px;
  311.     border-radius:100px;
  312.     background-color:{color:ball6};
  313.     margin-top:551px;
  314.     -webkit-transition: all 0.7s linear;
  315.     -moz-transition: all 0.7s linear;
  316.     -o-transition: all 0.7s linear;
  317.     -ms-transition: all 0.7s linear;
  318. }
  319.  
  320. #ball6:hover #ballnav{
  321.     opacity:0.8;
  322.         -moz-transform:rotate(360deg);
  323.     -webkit-transform:rotate(360deg);
  324.     -o-transform:rotate(360deg);
  325.     -ms-transform:rotate(360deg);
  326. }
  327.  
  328. #ball7{
  329.     position:fixed;
  330.     margin-left:900px;
  331.     height:80px;
  332.     width:80px;
  333.     border-radius:100px;
  334.     background-color:{color:ball7};
  335.     margin-top:551px;
  336.     -webkit-transition: all 0.7s linear;
  337.     -moz-transition: all 0.7s linear;
  338.     -o-transition: all 0.7s linear;
  339.     -ms-transition: all 0.7s linear;
  340. }
  341.  
  342. #ball7:hover #ballnav{
  343.     opacity:0.8;
  344.         -moz-transform:rotate(360deg);
  345.     -webkit-transform:rotate(360deg);
  346.     -o-transform:rotate(360deg);
  347.     -ms-transform:rotate(360deg);
  348. }
  349.  
  350.  
  351. #ball8{
  352.     position:fixed;
  353.     margin-left:780px;
  354.     height:80px;
  355.     width:80px;
  356.     border-radius:100px;
  357.     background-color:{color:ball8};
  358.     margin-top:482px;
  359.     -webkit-transition: all 0.7s linear;
  360.     -moz-transition: all 0.7s linear;
  361.     -o-transition: all 0.7s linear;
  362.     -ms-transition: all 0.7s linear;
  363. }
  364.  
  365. #ball8:hover #ballcustom{
  366.     opacity:0.8;
  367.         -moz-transform:rotate(360deg);
  368.     -webkit-transform:rotate(360deg);
  369.     -o-transform:rotate(360deg);
  370.     -ms-transform:rotate(360deg);
  371. }
  372.  
  373. #ball9{
  374.     position:fixed;
  375.     margin-left:860px;
  376.     height:80px;
  377.     width:80px;
  378.     border-radius:100px;
  379.     background-color:{color:ball9};
  380.     margin-top:482px;
  381.     -webkit-transition: all 0.7s linear;
  382.     -moz-transition: all 0.7s linear;
  383.     -o-transition: all 0.7s linear;
  384.     -ms-transition: all 0.7s linear;
  385. }
  386.  
  387. #ball9:hover #ballcustom{
  388.     opacity:0.8;
  389.         -moz-transform:rotate(360deg);
  390.     -webkit-transform:rotate(360deg);
  391.     -o-transform:rotate(360deg);
  392.     -ms-transform:rotate(360deg);
  393. }
  394.  
  395. #ball10{
  396.     position:fixed;
  397.     margin-left:820px;
  398.     height:80px;
  399.     width:80px;
  400.     border-radius:100px;
  401.     background-color:purple;
  402.     margin-top:413px;
  403.     -webkit-transition: all 0.7s linear;
  404.     -moz-transition: all 0.7s linear;
  405.     -o-transition: all 0.7s linear;
  406.     -ms-transition: all 0.7s linear;
  407. }
  408.  
  409. #ball10:hover{
  410.     -moz-transform:rotate(360deg);
  411.     -webkit-transform:rotate(360deg);
  412.     -o-transform:rotate(360deg);
  413.     -ms-transform:rotate(360deg);
  414. }
  415.  
  416. #ballcustom{
  417.     position:fixed;
  418.     width:80px;
  419.     height:50px;
  420.     background-color:{color:customlink};
  421.     opacity:0;
  422.     font-family:monospace;
  423.     text-align:center;
  424.     font-size:13px;
  425.     padding-top:30px;
  426.     border-radius:100px;
  427.     -webkit-transition: all 0.5s linear;
  428.     -moz-transition: all 0.5s linear;
  429.     -o-transition: all 0.5s linear;
  430.     -ms-transition: all 0.5s linear;
  431. }
  432.  
  433. #ballnav{
  434.     position:fixed;
  435.     width:80px;
  436.     height:50px;
  437.     background-color:{color:navlink};
  438.     opacity:0;
  439.     border-radius:100px;
  440.     font-family:monospace;
  441.     text-align:center;
  442.     font-size:13px;
  443.     padding-top:30px;
  444.     -webkit-transition: all 0.5s linear;
  445.     -moz-transition: all 0.5s linear;
  446.     -o-transition: all 0.5s linear;
  447.     -ms-transition: all 0.5s linear;
  448. }
  449.  
  450. #ballimage{
  451.     position:fixed;
  452.     border-radius:100px;
  453.     height:80px;
  454.     width:80px;
  455.     border:none;
  456.    
  457.     -webkit-transition: all 0.7s linear;
  458.     -moz-transition: all 0.7s linear;
  459.     -o-transition: all 0.7s linear;
  460.     -ms-transition: all 0.7s linear;
  461. }
  462.  
  463.  
  464.  
  465. /*description*/
  466.  
  467. #descback{
  468.     position:fixed;
  469.     width:200px;
  470.     height:200px;
  471.     background-color:{color:descriptionback};
  472.     border-radius:100px;
  473.     margin-top:150px;
  474.     margin-left:760px;
  475. {block:ifHiddenDescription}opacity:0;{/block:ifHiddenDescription}
  476. {block:ifNotHiddenDescription}opacity:1;{/block:ifNotHiddenDescription}
  477.     -webkit-transition: all 0.7s linear;
  478.     -moz-transition: all 0.7s linear;
  479.     -o-transition: all 0.7s linear;
  480.     -ms-transition: all 0.7s linear;
  481. }
  482.  
  483. #descback:hover{
  484.     opacity:1;
  485. }
  486.  
  487. #desc{
  488.     position:fixed;
  489.     width:155px;
  490.     height:100px;
  491.     margin-top:50px;
  492.     margin-left:25px;
  493. {block:ifHiddenDescription}opacity:0;{/block:ifHiddenDescription}
  494. {block:ifNotHiddenDescription}opacity:1;{/block:ifNotHiddenDescription}
  495.     font-family:{font:description};
  496.     text-align:justify;
  497.     font-size:10px;
  498.     overflow:auto;
  499.      -webkit-transition: all 0.7s linear;
  500.     -moz-transition: all 0.7s linear;
  501.     -o-transition: all 0.7s linear;
  502.     -ms-transition: all 0.7s linear;
  503. }
  504.  
  505. #desc::-webkit-scrollbar {
  506.     width: 4px;
  507. }
  508.  
  509.  
  510. #desc::-webkit-scrollbar-thumb:vertical {
  511.     background-color: {color:scrollbar};
  512. }
  513.  
  514. #descback:hover #desc{
  515.     opacity:1;
  516. }
  517.  
  518. #hover{
  519.     position:fixed;
  520.     width:180px;
  521.     height:auto;
  522.     color:{color:title};
  523. {block:ifHiddenDescription}margin-top:200px;{/block:ifHiddenDescription}
  524. {block:ifNotHiddenDescription}margin-top:100px;{/block:ifNotHiddenDescription}
  525.     margin-left:770px;
  526.     font-family: 'Gochi Hand', cursive;
  527.     text-align:center;
  528.     font-size:30px;
  529.     opacity:1;
  530.     z-index:-1;
  531. {block:if3DTitle}text-shadow:2px 0 0 rgba(255,0,0,0.5), -2px 0 0 rgba(0,255,0,0.5);{/block:if3DTitle}
  532. }
  533.  
  534. /*posts*/
  535.  
  536. #postmargin{
  537.     margin-left:150px;
  538.     padding-top:10px;
  539. }
  540.  
  541. .posts{
  542.     width:400px;
  543.     margin-bottom:10px;
  544.     border-radius:13px;
  545. }
  546.  
  547.  
  548. #date{
  549.    display:block;
  550.     position:absolute;
  551.     z-index: 999;
  552.     width:80px;
  553.     height:auto;
  554.     background-color:{color:date};
  555.     margin-left:-110px;
  556.     margin-top:5px;
  557.     padding-left:15px;
  558.     padding-right:10px;
  559.     padding-top:5px;
  560.     padding-bottom:5px;
  561.     font-family:monospace;
  562.     font-size:9px;
  563.     border-radius:200px;
  564.      -webkit-transition: all 0.5s linear;
  565.     -moz-transition: all 0.5s linear;
  566.     -o-transition: all 0.5s linear;
  567. }
  568.  
  569. #taghover{
  570.     opacity:0.9;
  571. }
  572.  
  573. #tags{
  574.     display:block;
  575.     position:absolute;
  576.     width:74px;
  577.     height:auto;
  578.     background-color:{color:tags};
  579.     margin-top: 0px;
  580.     padding-left:5px;
  581.     padding-right:5px;
  582.     padding-bottom:5px;
  583.     padding-top:15px;
  584.     margin-left:-100px;
  585.     font-family:monospace;
  586.     font-size:9px;
  587.     opacity:0;
  588.     z-index:-1;
  589.     -webkit-transition: all 0.5s linear;
  590.     -moz-transition: all 0.5s linear;
  591.     -o-transition: all 0.5s linear;
  592. }
  593.  
  594. #taghover:hover #tags{
  595.     opacity:1;
  596.     margin-top:48px;
  597. }
  598.  
  599. #quote {
  600.     font-family: 'Gochi Hand', cursive;
  601.     font-size:20px;
  602.     color:{color:quote};
  603.     padding-left:20px;
  604.     padding-right:20px;
  605.     padding-top:20px;
  606.     line-height:25px;
  607. }
  608.  
  609. #textpost{
  610.     padding:10px;
  611.     margin-top:10px;
  612.     margin-bottom:10px;
  613.     opacity:0.9;
  614.     background-color:{color:posts};
  615.     border-radius:10px;
  616. }
  617.  
  618. .posts image{
  619.     margin-top:10px;
  620.     margin-bottom:10px;
  621. }
  622.  
  623. #audioplayer {
  624.     width:30px;
  625.     height:30px;
  626.     overflow:hidden;
  627.     position:absolute;
  628.     margin-top:40px;
  629.     margin-left:35px;
  630.     margin-bottom:45px;
  631.     border-radius:100px;
  632. }
  633.  
  634. #musicinfo{
  635.     font-family:{font:body};
  636.     color:{color:text};
  637.     font-size:10px;
  638.     margin-top:-80px;
  639.     margin-left:115px;
  640.     border-left:2px solid {color:borders};
  641.     padding-left:10px;
  642.     margin-bottom:40px;
  643. }
  644.  
  645. #musicinfotitles{
  646.     font-style:bold;
  647. }
  648.  
  649. #audiocaption{
  650.     margin-top:45px;
  651.     padding-left:10px;
  652.     padding-right:10px;
  653.     padding-top:10px;
  654. }
  655.  
  656. #albumart{
  657.     height:100px;
  658.     width:100px;
  659.     background-image:url('https://lh3.googleusercontent.com/-ABbl71o4DHE/UZh6Xuh6QJI/AAAAAAAAEn8/j49R7fSCZHE/s200-no/Untitled-1.jpg');
  660.     background-position:fixed;
  661.     background-size:100px 100px;
  662.     background-repeat:no-repeat;
  663.     z-index:-1;
  664.     -webkit-transition: all 0.5s linear;
  665.     -moz-transition: all 0.5s linear;
  666.     -o-transition: all 0.5s linear;
  667. }
  668.  
  669. #askz {
  670.     padding: 5px;
  671.     margin-left:10px;
  672.     margin-right:10px;
  673.     margin-top:5px;
  674.     padding-bottom: 15px;
  675.     line-height: 140%;
  676.     border-bottom: 1px solid {color:borders};
  677.     color:{color:text};
  678. }
  679.  
  680.  
  681. .askicon {
  682.     float: left;
  683.     border: 2px solid {color:borders};
  684.     margin-right: 3px;
  685.     margin-left: -5px;
  686. }
  687.  
  688. #answer {
  689.     padding: 4px;
  690.     text-align: left;
  691.     font-family:{font:body};
  692.     color:{color:text};
  693.     margin-left:30px;
  694. }
  695.  
  696. #qask{
  697.     padding-top:10px;
  698.     padding-left:10px;
  699.     font-size:11px;
  700.     font-style:italic;
  701. }
  702.  
  703.  
  704. .grayscale {
  705.   -webkit-filter: grayscale(100%);
  706.   -moz-filter: grayscale(100%);
  707.   -ms-filter: grayscale(100%);
  708.   -o-filter: grayscale(100%);
  709. }
  710.  
  711. .sepia {
  712.   -webkit-filter: sepia(100%);
  713.   -moz-filter: sepia(100%);
  714.   -ms-filter: sepia(100%);
  715.   -o-filter: sepia(100%);
  716. }
  717.  
  718. .posts:hover .grayscale{
  719.     -webkit-filter: grayscale(0%);
  720.   -moz-filter: grayscale(0%);
  721.   -ms-filter: grayscale(0%);
  722.   -o-filter: grayscale(0%);
  723. }
  724.  
  725. .posts:hover .sepia {
  726.   -webkit-filter: sepia(0%);
  727.   -moz-filter: sepia(0%);
  728.   -ms-filter: sepia(0%);
  729.   -o-filter: sepia(0%);
  730. }
  731.  
  732. .notes{
  733.     margin-left:0px;
  734. }
  735.  
  736. ol.notes{
  737.     max-width:400px;
  738.     padding:0px;
  739.     margin 0px 0px;
  740.     list-style-type:none;
  741.     border-bottom:solid 1px {color:borders};
  742.     font-size:11 px;
  743. }
  744.  
  745. ol.notes li.note{
  746.     border-top:1px dotted {color:borders}
  747.     padding:0px;
  748.     font-size:11px;
  749. }
  750.  
  751. ol.notes li.note img{
  752.     padding:0 px !important;
  753. }
  754.  
  755. ol.notes li.note img.avatar{
  756.     vertical-align:-15px;
  757.     margin-right:5px;
  758.     width:16px;
  759.     height:16px;
  760. }
  761.  
  762. ol.notes li.note a img.avatar{
  763.     padding:0px;
  764.     border-width:0 px;
  765.     border:none;
  766. }
  767.  
  768. ol.notes li.note img{
  769.     padding:0 px;
  770.     border-width:0 px;
  771.     border:none;
  772. }
  773.  
  774. ol.notes li.note span.action{
  775.     font-weight:bold;
  776.     color:gray;
  777. }
  778.  
  779. ol.notes li.note.answer_content{
  780.     font-weight:normal;
  781. }
  782.  
  783. ol.notes li.note.blockquote{
  784.     padding:1 px 1 px;margin:1px 0px 0px 1px;
  785. }
  786.  
  787. ol.notes li.note.blockquote a{
  788.     text-decoration:none;
  789. }
  790.  
  791.  
  792. {CustomCSS}</style>
  793.    
  794.     <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  795.    
  796. </head><body>
  797.  
  798. <div id="bottombar"></div>
  799. <div id="ball1">
  800.     <img src="{image:ball1}" id="ballimage"/>
  801.      {block:IfLink1}<a href="{text:link1url}" id="ballcustom">{text:link1}</a>{/block:IfLink1}
  802. </div>
  803. <div id="ball2">
  804.     <img src="{image:ball2}" id="ballimage"/>
  805.     {block:IfLink2}<a href="{text:link2url}" id="ballcustom">{text:link2}</a>{/block:IfLink2}
  806. </div>
  807. <div id="ball3">
  808.     <img src="{image:ball3}" id="ballimage"/>
  809.     {block:IfLink3}<a href="{text:link3url}" id="ballcustom">{text:link3}</a>{/block:IfLink3}
  810. </div>
  811. <div id="ball4">
  812.     <img src="{image:ball4}" id="ballimage"/>
  813.     {block:IfLink4}<a href="{text:link4url}" id="ballcustom">{text:link4}</a>{/block:IfLink4}
  814. </div>
  815. <div id="ball5">
  816.     <img src="{image:ball5}" id="ballimage"/>
  817.     <a href="/ask" id="ballnav">message</a>
  818. </div>
  819. <div id="ball6">
  820.     <img src="{image:ball6}" id="ballimage"/>
  821.     <a href="/submit" id="ballnav">submit</a>
  822. </div>
  823. <div id="ball7">
  824.     <img src="{image:ball7}" id="ballimage"/>
  825.     <a href="http://redfox-themes.tumblr.com" id="ballnav">theme</a>
  826. </div>
  827. <div id="ball8">
  828.     <img src="{image:ball8}" id="ballimage"/>
  829.     {block:IfLink5}<a href="{text:link5url}" id="ballcustom">{text:link5}</a>{/block:IfLink5}
  830. </div>
  831. <div id="ball9">
  832.     <img src="{image:ball9}" id="ballimage"/>
  833.     {block:IfLink6}<a href="{text:link6url}" id="ballcustom">{text:link6}</a>{/block:IfLink6}
  834. </div>
  835. <a href="/"><img src="{PortraitURL-96}" id="ball10"/></a>
  836.    
  837. <div id="hover">{title}</div>
  838. <div id="descback">
  839.     <div id="desc">{description}</div>
  840. </div>
  841.  
  842. <div class = "autopagerize_page_element" >
  843.  
  844. <div id="postmargin">{block:Posts}<div class="posts">
  845.  
  846. <div id="taghover">{block:Date}<div id="date">Posted: <a href="{Permalink}">{TimeAgo}</a> on
  847.  
  848. <a href="{Permalink}#notes">{DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a> at {12Hour}:{Minutes}{AmPm}</div>{/block:Date}
  849.  
  850. <div id="tags">{block:NoteCount}{block:RebloggedFrom}<a href="{ReblogRootURL}">origin</a> ·  <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{/block:NoteCount}
  851.  
  852. {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a> (<a href="{ReblogURL}">Reblog</a>){/block:NoteCount}
  853.  
  854. {block:HasTags}<br>Tags: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  855.  
  856.  
  857. {block:Text}<div id="textpost"><center><div id="quote">{block:Title}{Title}{/block:Title}</div></center>{Body}</div>{/block:Text}
  858.  
  859. {block:Photo}
  860.     {Block:IfMonochromePosts}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="grayscale" width="400">{LinkCloseTag}{/Block:IfMonochromePosts}
  861.     {Block:IfSepiaPosts}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="sepia" width="400">{LinkCloseTag}{/Block:IfSepiaPosts}
  862.     {Block:IfNotMonochromePosts}{Block:IfNotSepiaPosts}<center>{LinkOpenTag}<img src="{PhotoURL-500}" width="400">{LinkCloseTag}{/Block:IfNotSepiaPosts}{/Block:IfNotMonochromePosts}
  863.     </center>{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}
  864. {/block:Photo}
  865.  
  866. {Block:IfMonochromePosts}<div class="grayscale">{/Block:IfMonochromePosts}
  867. {block:IfSepiaPosts}<div class="sepia">{/block:IfSepiaPosts}
  868. {Block:IfNotMonochromePosts}{Block:IfNotSepiaPosts}<div>{/Block:IfNotSepiaPosts}{/Block:IfNotMonochromePosts}
  869. <div align="center">{block:Photoset}{Photoset-400}{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{/block:Photoset}</div></div>
  870.  
  871. {block:Quote}<div id="textpost"><div id="quote">{Quote}</div><p align="right">{block:Source}—{Source}{/block:Source}</p></div>{/block:Quote}
  872.  
  873. {block:Link}<div id="textpost"><div id="quote" align="center"><t><a href="{URL}" {Target}>{Name}</a></t></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  874.  
  875. {block:Chat}<div id="textpost"><div id="quote" align="center">{block:Title}<t>{Title}</t>{/block:Title}</div><p>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</p></div>{/block:Chat}
  876.  
  877. {block:Video}{Video-400}{Block:IfShowDescriptions}{block:Caption}{Caption}{/block:Caption}{/Block:IfShowDescriptions}{/block:Video}
  878.  
  879. {block:Answer}
  880. <div id="askz"><img src="{AskerPortraitURL-30}" class="askicon"><div id="qask">{Asker} said—</div><br>{Question}</div>
  881. <div id="answer">{Answer}</div>
  882. {/block:Answer}
  883.  
  884.  
  885. {block:Audio}<div id="textpost">
  886. <div id="audioplayer">{AudioPlayerWhite} </div>      
  887. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  888. <div id="musicinfo">
  889. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br/>
  890. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br/>
  891. <b>Album:</b> {block:Album}{Album}{/block:Album}
  892. </div>{Block:IfShowDescriptions}
  893. {block:caption}<div id="audiocaption">{caption}</div>{/block:caption}{/Block:IfShowDescriptions}
  894. </div>{/block:Audio}
  895.  
  896. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  897.  
  898. </div>
  899.  
  900.  
  901.  
  902. {/block:Posts}</div>
  903.  
  904. </div>
  905.  
  906. </body></html>
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!