API tools faq
paste
Advertisement
Beatamine

Wolf

Beatamine
Apr 1st, 2015
637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 26.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!---------------------------------------------------------------------------
  5.  
  6.                                     (\__/)
  7.                                     (•ㅅ•)
  8.  
  9.                                   Wolf theme
  10.              Support and more themes @ http://beatamine.tumblr.com
  11.  
  12. ---------------------------------------------------------------------------->
  13.  
  14. <head>
  15.     <meta http-equiv="content-type" content="text/html; charset=utf-8">
  16.     <title>{Title}</title>
  17.     <link rel="shortcut icon" href="{Favicon}" />
  18. {block:Description}
  19.     <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22.  
  23. <meta name="color:Background" content="#fbfbfb">
  24. <meta name="color:Text" content="#888888" />
  25. <meta name="color:Blockquote" content="#b6b6b6" />
  26. <meta name="color:Posts" content="#fff" />
  27. <meta name="color:Chat" content="#fff" />
  28. <meta name="color:Links" content="#afe4fb" />
  29. <meta name="color:Links Hover" content="#f892b4" />
  30. <meta name="color:Shadow Link" content="#a6cfff" />
  31. <meta name="color:Bold" content="#ff90be" />
  32. <meta name="color:Italic" content="#a7c6f5"/>
  33. <meta name="color:Borders" content="#f5f5f5"/>
  34.  
  35. <meta name="color:Nav Link" content="#a5d9ff"/>
  36. <meta name="color:Nav Link Hover" content="#b1b1b1" />
  37.  
  38. <meta name="color:Stripe Color" content="#ffe6a6">
  39. <meta name="color:Stripe2 Color" content="#ff9dbe">
  40. <meta name="color:Stripe3 Color" content="#9ed7fb">
  41. <meta name="color:Stripe4 Color" content="#8d95b3">
  42. <meta name="color:Sidebar Text" content="#bbbbbb" />
  43. <meta name="color:Image Background" content="#fbfbfb" />
  44.  
  45. <meta name="color:Titles" content="#9dbcff"/>
  46. <meta name="color:Posts Title" content="#7b97bb"/>
  47.  
  48. <meta name="color:Perma Link" content="#9db1ed" />
  49. <meta name="color:Perma Link Hover" content="#949494" />
  50. <meta name="color:Perma Text" content="#aaaaaa" />
  51.  
  52. <meta name="color:Chat" content="#f5f5f5" />
  53. <meta name="color:Quote" content="#a0a0a0" />
  54. <meta name="color:Ask" content="#bbbbbb" />
  55.  
  56. <meta name="color:Selection" content="#97c1f8"/>
  57. <meta name="color:Selection Text" content="#fcfcfc"/>
  58.  
  59. <meta name="color:Scroll" content="#fbfbfb" />
  60. <meta name="color:Scrollbar" content="#bebebe7" />
  61.  
  62. <meta name="image:Background" content="http://static.tumblr.com/6bx520t/nSZmp475e/hinter.png">
  63. <meta name="image:Sidebar" content="https://secure.static.tumblr.com/561582e82c415024257a980caeee4caf/6bx520t/La1nguj02/tumblr_static_dwat446dsq8sk0cgkw4s4ccww.jpg">
  64.  
  65. <meta name="if:Infinite Scroll" content="0">
  66. <meta name="if:Invert Controls" content="1" />
  67. <meta name="if:ShowCaptions" content="1" />
  68. <meta name="if:ShowTags" content="1" />
  69. <meta name="if:ImageFade" content="1" />
  70. <meta name="if:Grayscale Posts" content="0"/>
  71. <meta name="if:250px" content="1" />
  72. <meta name="if:400px" content="0" />
  73. <meta name="if:Stripes" content="0">
  74. <meta name="if:Music Player" content="0">
  75. <meta name="if:TinyCursor" content="1">
  76.  
  77. <meta name="text:Sidebar Title" content="Of the night">
  78. <meta name="text:Music Player Code" content="Code Player Here">
  79. <meta name="text:Music Player Hover Title" content="Hey! Listen!">
  80. <meta name="text:Description Position" content="150">
  81. <meta name="text:Player Position" content="-210">
  82. <meta name="text:link1" content="url" />
  83. <meta name="text:title1" content="hover title" />
  84. <meta name="text:name1" content="uno" />
  85. <meta name="text:link2" content="url" />
  86. <meta name="text:title2" content="hover title" />
  87. <meta name="text:name2" content="dos" />
  88. <meta name="text:link3" content="url" />
  89. <meta name="text:title3" content="hover title" />
  90. <meta name="text:name3" content="tres" />
  91. <meta name="text:link4" content="url" />
  92. <meta name="text:title4" content="hover title" />
  93. <meta name="text:name4" content="cuatro" />
  94.  
  95. <head>
  96. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  97. <title>{Title}</title>
  98. <link rel="shortcut icon" href="http://static.tumblr.com/6bx520t/ZVfm1odmy/ico.png">
  99. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  100. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  101.  
  102. <style type="text/css">
  103.  
  104. /* Follow Code*/
  105.  
  106. iframe#tumblr_controls {
  107.     top:0%!important;
  108.     right:0%!important;
  109.     position:fixed!important;
  110.     z-index:99999999!important;
  111.     opacity:0;
  112.     {block:IfInvertControls}
  113.     -webkit-filter:invert(100%);
  114.     -moz-filter:invert(100%);
  115.     -o-filter:invert(100%);
  116.     -ms-filter:invert(100%);
  117.     filter:invert(100%);
  118.      {/block:IfInvertControls}
  119.     }
  120.  
  121. iframe#tumblr_controls:hover {
  122. -webkit-transition: opacity 0.7s linear;
  123. opacity: 0.8;
  124. -webkit-transition: all 0.4s ease-out;
  125. -moz-transition: all 0.4s ease-out;
  126. transition: all 0.4s ease-out;
  127.     {block:IfInvertControls}
  128.     -webkit-filter:invert(100%);
  129.     -moz-filter:invert(100%);
  130.     -o-filter:invert(100%);
  131.     -ms-filter:invert(100%);
  132.     filter:invert(100%);
  133.      {/block:IfInvertControls}
  134. }
  135.  
  136. /* Hover Title Style */
  137.  
  138. #s-m-t-tooltip{
  139.     max-width:300px;
  140.     margin-top:25px;
  141.     margin-left:15px;
  142.     padding-left:4px;
  143.     padding-right:4px;
  144.     z-index:1000;
  145.     background-color:{color:Posts};
  146.     color:{color:Text};
  147.     font-family:cambria;
  148.     font-size:8px;
  149.     letter-spacing:1px;
  150.     font-style:italic;
  151.     text-transform:lowercase;
  152.     line-height:11px;
  153.     box-shadow:1px 1px 3px rgba(0,0,0,.1);
  154.     }
  155.    
  156. /* Text Selection */
  157.  
  158. ::selection {
  159. background:{color:Selection};
  160. color:{color:Selection Text};
  161. }
  162.  
  163. /* Body*/
  164.  
  165. a, a:link, a:active, a:visited {
  166.     color:{color:Links};
  167.     text-decoration: none;
  168.     font-weight: normal;
  169.     -webkit-transition:all 0.4s ease-in-out;
  170.     -moz-transition:all 0.4s ease-in-out;
  171.     -o-transition:all 0.4s ease-in-out;
  172.     transition:all 0.4s ease-in-out;
  173.     text-shadow:0px 0px {color:Shadow Link}, -0px 0px {color:Shadow Link};
  174. {block:IfTinyCursor}
  175.     cursor: url(http://i.imgur.com/ABkRSAO.png), auto;
  176. {/block:IfTinyCursor}
  177.     }
  178.    
  179. a:hover{
  180.     color:{color:Links Hover};
  181.         text-shadow:3px 0px transparent, -3px 0px transparent;
  182.         -webkit-transition:all 0.5s ease-in-out;
  183.         -moz-transition:all 0.5s ease-in-out;
  184.         -o-transition:all 0.5s ease-in-out;
  185.         transition:all 0.5s ease-in-out;
  186. {block:IfTinyCursor}
  187.     cursor: url(http://i.imgur.com/ABkRSAO.png), auto;
  188. {/block:IfTinyCursor}
  189.     }
  190.  
  191.  
  192. body {
  193.     {block:IfTinyCursor}
  194.     cursor: url(http://static.tumblr.com/f3gdoib/H37m3ntx5/cursor.png), auto;
  195.     {/block:IfTinyCursor}
  196.     background-image: url('{image:Background}');
  197.     background-attachment: fixed;
  198.     background-repeat: repeat;
  199.     background-color: {color:Background};
  200.     margin: 0;
  201. }
  202.  
  203. pre {
  204.     width:95%;
  205.     white-space:pre-wrap;    
  206.     word-wrap:break-word;
  207.     background:#f4f4f4;
  208.     padding:4px;
  209.     }      
  210.  
  211. blockquote {
  212.     width:90%;
  213.     margin-left:15px;
  214.     padding-left:5px;
  215.     padding-top:0px;
  216.     padding-bottom:0px;
  217.     border-left:1px solid {color:Blockquote};
  218.     }
  219.    
  220. b, strong {
  221.     color:{color:Bold};
  222.     font-weight:bold;
  223.     }
  224.  
  225. i, em {
  226.     color:{color:Italic};
  227.     font-style:italic;
  228.     }
  229.    
  230. ul,ol {
  231.     padding:2px;
  232.     margin-left:25px;
  233.     }
  234.    
  235. ul {
  236.     list-style-type:square;
  237.     }
  238.  
  239. /*Scrollbar*/
  240.  
  241. ::-webkit-scrollbar-thumb:vertical {
  242. background-color: {color:Scroll};
  243. height: 50px;
  244. }
  245.  
  246. ::-webkit-scrollbar {
  247. height: 10px;
  248. width: 5px;
  249. background-color: {color:Scrollbar};
  250. }
  251.  
  252. /* Sidebar */
  253.  
  254. #side {
  255. width: 190px;
  256. position: fixed;
  257. z-index: 999;
  258. left: 80px;
  259. top: {text:Description Position}px;
  260. }
  261.  
  262. #eimaju {
  263.     width:180px;
  264.     height: auto;
  265.     background-color: {color:Image Background};
  266.     padding:5px;
  267.     }
  268.  
  269. #eimaju img {
  270.     width:180px;
  271.     height: auto;
  272.     opacity:.9;
  273.     }
  274.  
  275. #desc h1 {
  276.     font-family: georgia;
  277.     font-size: 12px;
  278.     font-style: italic;
  279.     color: {color:Titles};
  280.     font-weight: normal;
  281.     text-transform: lowercase;
  282.     letter-spacing: 3px;
  283.     text-align: center;
  284.     margin: 0;
  285.     padding-bottom: 10px;
  286.     padding-top: 10px;
  287. }
  288.  
  289.  
  290. #desc {
  291.     width: 190px;
  292.     padding: 15px;
  293.     font-family: calibri;
  294.     font-size: 10px;
  295.     line-height: 9px;
  296.     text-align: justify;
  297.     text-transform: none;
  298.     letter-spacing: 1px;
  299.     color: {color:Sidebar Text};
  300. }
  301.  
  302. /* Bars */
  303. {block:ifStripes}
  304. #enishi {
  305. position: fixed;
  306. width: 20px;
  307. height: 100%;
  308. top: 0;
  309. margin-left: 360px;
  310. background-color: {color:Stripe Color};
  311. }
  312.  
  313. #puzzle {
  314. position: fixed;
  315. width: 5px;
  316. height: 100%;
  317. top: 0;
  318. margin-left: 385px;
  319. background-color: {color:Stripe2 Color};
  320. }
  321.  
  322. #arrow {
  323. position: fixed;
  324. width: 3px;
  325. height: 100%;
  326. top: 0;
  327. margin-left: 395px;
  328. background-color: {color:Stripe3 Color};
  329. }
  330.  
  331. #zecchoubang{
  332. position: fixed;
  333. width: 5px;
  334. height: 100%;
  335. top: 0;
  336. margin-left: 400px;
  337. background-color: {color:Stripe4 Color};
  338. }
  339. {/block:ifStripes}
  340.  
  341.  /* Navigation */
  342.  
  343. .linku {
  344.     width:190px;
  345.     padding:4px;
  346.     background-color:transparent;
  347.     font-family:trebuchet ms;
  348.     font-size:7px;
  349.     text-transform:uppercase;
  350.     letter-spacing:1px;
  351.     line-height:9px;
  352.     text-align:left;
  353.     }
  354.    
  355. .linku a {
  356.     padding-top:1px;
  357.     padding-bottom:1px;
  358.     padding-left:1px;
  359.     padding-right:1px;
  360.     display:inline-block;
  361.     background-color:transparent;
  362.     color:{color:Nav Link};
  363.     -moz-transition:all ease 0.6s;
  364.     -webkit-transition:all ease 0.6s;
  365.     -o-transition:all ease 0.6s;
  366.     transition:all ease 0.6s;
  367.     }
  368.    
  369. .linku a:hover{
  370.     background-color:{color:Nav Background Hover};
  371.     color:{color:Nav Link Hover};
  372.     }
  373.  
  374. /* Pagination */
  375.  
  376. #page {
  377.     width:150px;
  378.     margin-top:5px;
  379.     background-color:{color:Sidebar Background};
  380.     color:{color:Sidebar Text};
  381.     font-family:georgia;
  382.     font-size:8px;
  383.     letter-spacing:1px;
  384.     font-style:normal;
  385.     line-height:9px;
  386.     text-align:center;
  387.     }
  388.  
  389. #page a {
  390.     color:{color:Nav Link Hover};
  391.     }
  392.  
  393. /* Post Wrapper & Perma */
  394.  
  395. .post {
  396.     {block:IndexPage}
  397.     {block:if250px}
  398.     width:270px;
  399.     {/block:if250px}
  400.     {block:if400px}
  401.     width:420px;
  402.     {/block:if400px}
  403.     {/block:IndexPage}
  404.    
  405.     {block:PermalinkPage}
  406.     width:400px;
  407.     {/block:PermalinkPage}
  408.     margin-bottom:30px;
  409.     background-color:transparent;
  410.     margin-left: 500px;
  411.     margin-top: 50px;
  412.     }
  413.  
  414. #perma {
  415.     margin-top:3px;
  416.     color:{color:Perma text};
  417.     font-family:trebuchet ms;
  418.     font-size:7px;
  419.     letter-spacing:1px;
  420.     line-height:9px;
  421.     text-align:center;
  422.     text-transform:uppercase;
  423. }
  424.  
  425. #perma a {
  426.     color:{color:Perma link};
  427.     -moz-transition:all ease 0.6s;
  428.     -webkit-transition:all ease 0.6s;
  429.     -o-transition:all ease 0.6s;
  430.     transition:all ease 0.6s;
  431. }
  432.  
  433. #perma a:hover{
  434.     color:{color:Perma link hover};
  435. }
  436.    
  437. #notes {
  438.     width:400px;
  439.     font-family: trebuchet ms;
  440.     font-size:7px;
  441.     letter-spacing:1px;
  442.     text-transform:uppercase;
  443.     color:{color:Text};
  444.     }
  445.    
  446. #notes ol {
  447.     padding:0;
  448.     }
  449.    
  450. #notes ol li {
  451.     list-style-type: hiragana;
  452.     padding:2px;
  453.     }
  454.  
  455. #notes img {
  456.     display:none;
  457.     }
  458.  
  459. /* Post */
  460.  
  461. .posts {
  462.     {block:IndexPage}
  463.     {block:if250px}
  464.     width:250px;
  465.     {/block:if250px}
  466.     {block:if400px}
  467.     width:400px;
  468.     {/block:if400px}
  469.  
  470.     {/block:IndexPage}
  471.     {block:PermalinkPage}
  472.     width:400px;
  473.     {/block:PermalinkPage}
  474.    
  475.     padding:10px;
  476.     background-color:{color:Posts};
  477.     color:{color:Text};
  478.     border: 1px solid {color:Borders};
  479.     font-family:calibri;
  480.     font-size:11px;
  481.     line-height:11px;
  482.     text-align:justify;
  483.     word-wrap:break-word;
  484.     }  
  485.        
  486. /* Image & video setting */
  487.  
  488. .posts img {
  489.     max-width:100%;
  490.     }
  491.  
  492. #photo img {
  493.     max-width:100%;
  494.     display:block;
  495.  {block:ifImageFade}
  496.     {block:IndexPage}
  497.     opacity:.7;
  498.     -moz-transition:all ease-in-out 0.7s;
  499.     -webkit-transition:all ease-in-out 0.7s;
  500.     -o-transition:all ease-in-out 0.7s;
  501.     transition:all ease-in-out 0.7s;
  502.     {/block:IndexPage}
  503.  {/block:ifImageFade}
  504. {block:IfGrayscalePosts}
  505.     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  506.     filter: gray; /* IE6-9 */
  507.     -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  508.  {/block:IfGrayscalePosts}
  509.     }
  510.    
  511. #photoset, #video {
  512.     margin-bottom:-2px;
  513.  {block:ifImageFade}
  514.     {block:IndexPage}
  515.     opacity:.7;
  516.     -moz-transition:all ease-in-out 0.7s;
  517.     -webkit-transition:all ease-in-out 0.7s;
  518.     -o-transition:all ease-in-out 0.7s;
  519.     transition:all ease-in-out 0.7s;
  520.     {/block:IndexPage}
  521.  {/block:ifImageFade}
  522. {block:IfGrayscalePosts}
  523.     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  524.     filter: gray; /* IE6-9 */
  525.     -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  526.  {/block:IfGrayscalePosts}
  527.     }
  528.  
  529.  {block:ifImageFade}
  530. .posts:hover #photoset, .posts:hover #video, .posts:hover #photo img {
  531.     opacity:1;
  532.     }
  533.  {/block:ifImageFade}
  534.  
  535.  {block:IfGrayscalePosts}
  536. .posts:hover #photoset, .posts:hover #video, .posts:hover #photo img {
  537.  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  538.     -webkit-filter: grayscale(0%);}
  539. {/block:IfGrayscalePosts}
  540.  
  541. /* Post Title */
  542.  
  543. #h2 {
  544.     color:{color:Posts Title};
  545.     font-family:calibri;
  546.     font-size:10px;
  547.     font-style:normal;
  548.     line-height:12px;
  549.     letter-spacing:2px;
  550.     text-transform: uppercase;
  551.     text-align:center;
  552.     }
  553.  
  554. /* Quote */
  555.  
  556. #quote {
  557.     color:{color:Quote};
  558.     font-family:cambria;
  559.     font-size:12px;
  560.     text-transform: none;
  561.     letter-spacing: 0px;
  562.     line-height: 11px;
  563.     }
  564.  
  565. #source {
  566.     font-family:calibri;
  567.     font-size:8px;
  568.     letter-spacing:1px;
  569.     text-align:right;
  570.     text-transform:uppercase;
  571.      }
  572.  
  573. /* Chat */
  574.  
  575. #chat {
  576.     padding-top:2px;
  577.     padding-bottom:3px;
  578.     padding-left:5px;
  579.     padding-right:5px;
  580.     line-height:11px;
  581.     color:{color:Text};
  582.     }
  583.    
  584. #chat.even {
  585.     background-color:{color:Chat};
  586.     }
  587.  
  588. /* Question */  
  589.  
  590. #asker {
  591.     padding-top:3px;
  592.     font-family:cambria;
  593.     text-align: center;
  594.     font-size:8px;
  595.     line-height:9px;
  596.     letter-spacing: 1px;
  597.     font-style:normal;
  598.     text-transform:uppercase;
  599.     color:{color:Ask};
  600.     }
  601.    
  602. #asker a {
  603.     color:{color:Links};
  604.     }
  605.  
  606. #question {
  607.     padding:4px;
  608.     font-style:italic;
  609.     text-align:center;
  610.     }
  611.  
  612. #answer {
  613.     padding-top:3px;
  614.     text-align: center;
  615.     font-style:normal;
  616.     }
  617.    
  618. /* Audio */
  619.  
  620. #audio {
  621.     padding-top:3px;
  622.     padding-left:5px;
  623.     padding-right:5px;
  624.     padding-bottom:5px;
  625.     }
  626.    
  627. #info {
  628.     color:{color:Text};
  629.     font-family:calibri;
  630.     font-size:8px;
  631.     line-height:11px;
  632.     letter-spacing:1px;
  633.     text-transform:uppercase;
  634.     text-align:left;
  635.     }
  636.  
  637. span#a {
  638.     color:{color:Text};
  639.     font-family:calibri;
  640.     font-size:8px;
  641.     line-height:11px;
  642.     letter-spacing:1px;
  643.     text-transform:uppercase;
  644.     text-align:left;
  645.     }
  646.    
  647. #player {
  648.     width:26px;
  649.     height:28px;
  650.     border-left:31px solid #fff;
  651.     border-right:31px solid #fff;
  652.     border-top:30px solid #fff;
  653.     border-bottom:30px solid #fff;
  654.     background-color:#fff;
  655.     display:block;
  656.     overflow:hidden;  
  657.     position:absolute;
  658.     opacity:0.3;
  659.      -moz-transition:all linear 0.8s;
  660.     -webkit-transition:all linear 0.8s;
  661.     -o-transition:all linear 0.8s;
  662.     transition:all linear 0.8s;
  663.     }
  664.  
  665. #art {
  666.     width:84px;
  667.     height:84px;
  668.     background-image:url('http://static.tumblr.com/3yblkz0/l5ymk3xx1/no-artwork.png');
  669.     background-position:center;
  670.     background-color:{color:Posts};
  671.     }
  672.    
  673. .posts:hover #player {
  674.     opacity:.8;
  675.     }
  676.    
  677.    
  678. {block:ifMusicPlayer}
  679. #circle {
  680.     position:absolute;
  681.     z-index:999;
  682.     width:20px;
  683.     height:20px;
  684.     border:2px solid {color:Image Background};
  685.     -webkit-border-bottom-left-radius: 25px;
  686.     -moz-border-radius-bottom-left: 25px;
  687.     border-bottom-left-radius: 25px;
  688.     -webkit-transition: all 1s ease-in-out;
  689.     -moz-transition: all 1s ease-in-out;
  690.     -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
  691.     background-color:{color:Image Background};
  692.     margin-left:156px;
  693.     margin-top: {text:Player Position}px;
  694.     }
  695.  
  696. #circleimg {
  697.     position:absolute;
  698.     margin-top:-6px;
  699.     margin-left:8px;
  700.     width:16px;
  701.     height:16px;
  702.     -webkit-border-radius: 20px;
  703.     -moz-border-radius: 20px;
  704.     border-radius: 20px;
  705.     }
  706.  
  707. #circleimg img {
  708.     margin-left:-1px;
  709.     margin-top:7px;
  710.     width:12px;
  711.     height:auto;
  712. -webkit-transform: z-index:999;
  713. background-color:{color:Image Background};
  714. }
  715.  
  716. #circleplayer {
  717.     position:absolute;
  718.     width:20px;
  719.     height:20px;
  720.     z-index:999;
  721.     overflow:hidden;
  722.     background-color:{color:Sidebar Background};
  723.     margin-top:-6px;
  724.     margin-left:5px;
  725.     -webkit-border-radius: 20px;
  726.     -moz-border-radius: 20px;
  727.     border-radius: 20px;
  728.     opacity:0;
  729.     -webkit-transition: all 1s ease-in-out;
  730.     -moz-transition: all 1s ease-in-out;
  731.     -o-transition: all 1s ease-in-out;
  732.     transition: all 1s ease-in-out;
  733.     }
  734.  
  735. #circle:hover #circleplayer {
  736.     opacity:1;
  737.     -webkit-transition: all 1s ease-in-out;
  738.     -moz-transition: all 1s ease-in-out;
  739.     -o-transition: all 1s ease-in-out;
  740.     transition: all 1s ease-in-out;
  741.     margin-left:-15px;
  742.     margin-top:12px;
  743.     }
  744. {/block:ifMusicPlayer}
  745.  
  746. {CustomCSS}
  747. </style>
  748.  
  749. {block:IndexPage}
  750. {block:ifInfiniteScroll}
  751. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  752. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  753. {/block:ifInfiniteScroll}
  754. {/block:IndexPage}
  755.  
  756. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  757. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  758. <script>
  759. (function($){
  760. $(document).ready(function(){
  761. $("[title],a[title],img[title]").style_my_tooltips({
  762.     tip_follows_cursor:true,
  763.     tip_delay_time:100,
  764.     tip_fade_speed:280,
  765.     attribute:"title"
  766. });
  767. });
  768. })(jQuery);
  769. </script>
  770.  
  771. </head>
  772. <body>
  773.  
  774. <div id="enishi"></div>
  775. <div id="puzzle"></div>
  776. <div id="arrow"></div>
  777. <div id="zecchoubang"></div>
  778.  
  779.  
  780. <div id="side">
  781. <div id="desc">
  782. <div id="eimaju">
  783. <a href="/"><img src='{image:Sidebar}' title="index";></a>
  784.  
  785. {block:ifMusicPlayer}
  786. <div id="circle">
  787. <div id="circleplayer">
  788. <div style="margin-left:-20px; margin-top:0px;"><span title="{text:music player hover title}">{text:music player code}</span></div>
  789. </div>
  790. <div id="circleimg"><img src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"></div>
  791. </div>
  792. {/block:ifMusicPlayer}
  793.  
  794.  
  795. </div>
  796.  
  797. {block:IfSidebarTitle}<h1>{text:Sidebar Title}</h1>{/block:IfSidebarTitle}
  798.  
  799. {Description}
  800. <br>
  801. <div class="linku">
  802. <a href="/ask" title="tell me something">ask •</a>
  803. <a href="/archive" title="archive">past •</a>
  804. <a href="{text:link1}" title="{text:title1}">{text:name1} •</a>
  805. <a href="{text:link2}" title="{text:title2}">{text:name2} •</a>
  806. <a href="{text:link3}" title="{text:title3}">{text:name3} •</a>
  807. <a href="{text:link4}" title="{text:title4}">{text:name4}</a>
  808. <br><br>
  809.  
  810. {block:ifnotInfiniteScroll}
  811. {block:Pagination}<div id="page">
  812.             {block:PreviousPage}
  813.                 <a href="{PreviousPage}">←</a>
  814.             {/block:PreviousPage}
  815.             {block:JumpPagination length="5"}
  816.                 {block:CurrentPage}
  817.                     <span class="current_page">{PageNumber}</span>
  818.                 {/block:CurrentPage}
  819.  
  820.                 {block:JumpPage}
  821.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  822.                 {/block:JumpPage}
  823.             {/block:JumpPagination}
  824.             {block:NextPage}
  825.                 <a id="next" href="{NextPage}">→</a>
  826.             {/block:NextPage}
  827. </div>{/block:Pagination}
  828. {/block:ifnotInfiniteScroll}
  829. </div></div></div>
  830.  
  831.  
  832. <div class="autopagerize_page_element" >
  833.  
  834. {block:Posts}
  835. <div class="post">
  836. <div class="posts">
  837.  
  838. {block:ContentSource}
  839. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  840. {/block:SourceLogo}
  841. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  842. {/block:ContentSource}
  843.  
  844.  
  845.  
  846. {block:Photo}
  847. {block:IndexPage}
  848. <div id="photo">
  849. {LinkOpenTag}
  850. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  851. {LinkCloseTag}
  852. </div>
  853. {/block:IndexPage}
  854. {block:PermalinkPage}
  855. <div id="photo">
  856. {LinkOpenTag}
  857. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  858. {LinkCloseTag}
  859. </div>
  860. {/block:PermalinkPage}
  861. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  862. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  863. {/block:Photo}
  864.  
  865.  
  866. {block:Photoset}
  867. <div id="photoset">
  868. {block:IndexPage}
  869.     {block:if250px}
  870.         {Photoset-250}
  871.     {/block:if250px}
  872.     {block:if400px}
  873.         {Photoset-400}
  874.     {/block:if400px}
  875.     {block:if500px}
  876.         {Photoset-500}
  877.     {/block:if500px}
  878. {/block:IndexPage}
  879. {block:PermalinkPage}
  880.     {Photoset-500}
  881. {/block:PermalinkPage}
  882. </div>
  883. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  884. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  885. {/block:Photoset}
  886.  
  887.  
  888. {block:Video}
  889. <div id="video">
  890. {block:IndexPage}
  891.     {block:if250px}
  892.         <center>{Video-250}</center>
  893.     {/block:if250px}
  894.     {block:if400px}
  895.         <center>{Video-400}</center>
  896.     {/block:if400px}
  897.     {block:if500px}
  898.          <center>{Video-500}</center>
  899.     {/block:if500px}
  900. {/block:IndexPage}
  901. {block:PermalinkPage}
  902.     <center>{Video-500}</center>
  903. {/block:PermalinkPage}
  904. </div>
  905. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  906. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  907. {/block:Video}
  908.  
  909.  
  910. {block:Audio}
  911. <table border="0" cellpadding="0" cellspacing="5" ><tr>
  912. <td id="art" valign="top">
  913.     <div id="player">{AudioPlayerWhite}</div>
  914.         {block:AlbumArt}
  915.             <img src="{AlbumArtURL}"/>
  916.         {/block:AlbumArt}
  917. </td>
  918. <td valign="top" id="audio">
  919.     {block:TrackName}
  920.         <div id="info">
  921.             <span id="a">Track:</span> {TrackName}
  922.         </div>
  923.     {/block:TrackName}
  924.     {block:Artist}
  925.         <div id="info">
  926.             <span id="a">Artist:</span> {Artist}
  927.         </div>
  928.     {/block:Artist}
  929.     {block:Album}
  930.         <div id="info">
  931.             <span id="a">Album:</span> {Album}
  932.         </div>
  933.     {/block:Album}
  934.         <div id="info">
  935.             <span id="a">Plays:</span> {PlayCount}
  936.         </div>
  937. </td>
  938. </tr>
  939. </table>
  940. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  941. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  942. {/block:Audio}
  943.  
  944. {block:Text}
  945. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  946. {Body}
  947. {/block:Text}
  948.  
  949. {block:Link}
  950. <div id="h2"><a href="{URL}" {Target}>{Name}</a></div>
  951. {block:Description}{Description}{/block:Description}
  952. {/block:Link}
  953.  
  954.  
  955. {block:Answer}
  956. <div id="question">
  957. <img style="border:1px solid {color:Borders}; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px; "src="{AskerPortraitURL-30}">
  958. <div id="asker">{Asker}</div>{Question}</div>
  959. <div id="answer">{Answer}</div>
  960. {/block:Answer}
  961.  
  962.  
  963. {block:Quote}
  964. <div id="quote">{Quote}</div>
  965. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  966. {/block:Quote}
  967.  
  968.  
  969. {block:Chat}
  970. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  971. {block:Lines}<div id="chat" class="{Alt} user_{UserNumber}">
  972. {block:Label}
  973. <b>{Label}</b>
  974. {/block:Label}
  975. {Line}</div>
  976. {/block:Lines}
  977. {/block:Chat}
  978.  
  979.  
  980.  
  981. </div>
  982.  
  983. <div id="perma">
  984. {block:IndexPage}
  985. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:Date}
  986. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} • <a href="{ReblogURL}">reblog</a>
  987. {block:ifShowTags}
  988. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  989. {/block:ifShowTags}
  990. {/block:IndexPage}
  991.  
  992. {block:PermalinkPage}
  993. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> • {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{/block:Date}
  994. {block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  995. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  996. {/block:PermalinkPage}
  997.  
  998. </div>
  999. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1000. </div>
  1001.  
  1002. {/block:Posts}
  1003. </div>
  1004. </div>
  1005.  
  1006.  
  1007. <div style="position:fixed;right:2%;bottom:1%;font:9px Calibri;text-transform:uppercase;letter-spacing:1px;"><a href="http://beatamine.tumblr.com" target="_blank" title="Beatamine">Theme</a></div>
  1008.  
  1009. </body>
  1010. </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!