API tools faq
paste
Advertisement
nofacesface

Dollars Theme

nofacesface
Nov 24th, 2013
862
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:Link" content="#000"/>
  11. <meta name="color:Link Gradient 1" content="#72d6e6" />
  12. <meta name="color:Link Gradient 1 Hover" content="#222222" />
  13. <meta name="color:Link Gradient 2" content="#3598a7" />
  14. <meta name="color:Link Gradient 2 Hover" content="#555555" />
  15. <meta name="color:Link Gradient 3" content="#297783" />
  16. <meta name="color:Link Gradient 3 Hover" content="#777777" />
  17. <meta name="color:Link Gradient 4" content="#123338" />
  18. <meta name="color:Link Gradient 4 Hover" content="#999999" />
  19. <meta name="color:Blog Title" content="#123338"/>
  20. <meta name="color:Title BG" content="#fff"/>
  21. <meta name="color:Pagination" content="#fff"/>
  22. <meta name="color:Borders" content="#eee" />
  23. <meta name="color:Background" content="#000" />
  24. <meta name="color:Text" content="#000" />
  25. <meta name="color:Underline" content="#297783" />
  26. <meta name="color:Bold" content="#123338" />
  27. <meta name="color:Italic" content="#3598a7" />
  28. <meta name="color:Description" content="#000" />
  29. <meta name="color:Scroll" content="#000" />
  30. <meta name="color:Hover" content="#aaa" />
  31. <meta name="color:Permalink" content="#fff" />
  32. <meta name="color:Post Title" content="#123338" />
  33.  
  34. <style type="text/css">body, a:hover {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=39265), progress !important;}</style>
  35.  
  36.  
  37. <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/mMamws2z7/tumblr_mee0urf8cq1ryu07go1_500.gif"/>
  38. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/4yLmws2w5/tumblr_lxwynw0pdg1r9g6hvo6_100.png" />
  39. <meta name="image:Sidebar BG" content="http://static.tumblr.com/cbjpgjf/Af3mws2ym/yoooestryfy.jpg" />
  40.  
  41. <meta name="text:Link 1" content="/" />
  42. <meta name="text:Link 1 Title" content="refresh" />
  43. <meta name="text:Link 2" content="/ask" />
  44. <meta name="text:Link 2 Title" content="whisper" />
  45. <meta name="text:Link 3" content="/archive" />
  46. <meta name="text:Link 3 Title" content="past" />
  47. <meta name="text:Link 4" content="/submit" />
  48. <meta name="text:Link 4 Title" content="submit" />
  49. <meta name="text:Link 5" content="/" />
  50. <meta name="text:Link 5 Title" content="link five" />
  51. <meta name="text:Link 6" content="/" />
  52. <meta name="text:Link 6 Title" content="link six" />
  53. <meta name="text:Link 7" content="/" />
  54. <meta name="text:Link 7 Title" content="link seven" />
  55. <meta name="text:Link 8" content="/" />
  56. <meta name="text:Link 8 Title" content="link eight" />
  57.  
  58.  
  59. <meta name="if:caption" content="1"/>
  60. <meta name="if:musicplayer" content="1"/>
  61. <meta name="if:photoeffect" content="0"/>
  62. <meta name="if:posttype2" content="1"/>
  63. <meta name="if:posttype1" content="0"/>
  64. <meta name="if:infinitescroll" content="1"/>
  65.  
  66. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name=""
  67. content="{MetaDescription}" />{/block:Description}
  68. <link rel="shortcut icon" href="{Favicon}">
  69.  
  70.  <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  71.  
  72. <style>
  73.     div#qTip {
  74.     padding: 4px;
  75.     display: none;
  76.     text-align: center;
  77.     position: absolute;
  78.     font-family: consolas;
  79.     font-size:8px;
  80.     line-height:10px;
  81.     z-index: 1000;
  82.     background-color: rgba(255,255,255,0.6);
  83.     color: {color:Text};
  84.     text-transform:uppercase;
  85.     letter-spacing: 3px;
  86.    
  87.     }
  88.     </style>
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. #tumblr_controls {
  94. position: fixed !important;
  95. }
  96.  
  97. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  98.  
  99. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  100.  
  101.  
  102.  
  103. ::-webkit-scrollbar {width: 5px;height:5px; background: #fff;}
  104. ::-webkit-scrollbar-thumb {background:{color:Scroll};}
  105.  
  106.  
  107.  
  108. /* GENERAL */
  109.  
  110. body{
  111. margin:0px;
  112.  font-family: calibri;
  113.     font-style: oblique;
  114.     font-size: 10px;
  115.     letter-spacing: 1px;
  116. line-height: 11px;
  117. color: {color:text};
  118. }
  119.  
  120.  
  121.  
  122. body {
  123.         background-color: {color:Background};
  124.  
  125.         background-image: url({image:Background});
  126.         margin: 0;
  127.         word-wrap: break-word;
  128.         background-attachment: fixed;
  129.         overflow-x: hidden;
  130.  
  131. }
  132.  
  133.  
  134. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  135. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  137.  
  138. a:hover{ color: {color:Hover}; }
  139.  
  140. a.class2 {color: {color:Navigation};}
  141. a.class2:link  
  142. a.class2:active
  143. a.class2:visited{text-decoration: none;color: {color:Navigation};
  144. -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
  145. -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  146. a.class2:hover{ color: {color:Navigation Hover}; }
  147.  
  148. a.class3 {color: {color:Blog Title}; letter-spacing: 5px;}
  149. a.class3:link  
  150. a.class3:active
  151. a.class3:visited{text-decoration: none;color: {color:Blog Title};
  152. -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
  153. -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  154. a.class3:hover{ color: {color:Blog Title}; }
  155.  
  156.  
  157. /* POSTS */
  158.  
  159.  
  160. #content{
  161.     position: relative;
  162.     margin-top:90px;
  163.        margin-left:350px;
  164.     {block:ifposttype3}
  165.     width:600px;
  166.     {/block:ifposttype3}
  167.      {block:ifposttype2}
  168.     width:300px;
  169.     {/block:ifposttype2}
  170.         {block:ifposttype1}
  171.     width:500px;
  172.     {/block:ifposttype1}
  173.    
  174.     }
  175. .entry{
  176.     {block:ifposttype3}
  177.     width: 250px;
  178.     {/block:ifposttype3}
  179.     {block:ifposttype2}
  180.     width: 250px;
  181.     {/block:ifposttype2}
  182.     {block:ifposttype1}
  183.     width: 400px;
  184.     {/block:ifposttype1}
  185.     margin: 10px 10px;
  186.     padding: 10px;
  187.     padding: 5px;
  188.     opacity: .9;
  189.     background-color: #fff;
  190.     border: 1px solid #eee;
  191. -webkit-transition: all 0.4s ease-in-out;
  192. -moz-transition: all 0.4s ease-in-out;
  193. -o-transition: all 0.4s ease-in-out;
  194. -ms-transition: all 0.4s ease-in-out;
  195. transition: all 0.4s ease-in-out;}
  196.  
  197.  
  198.  
  199.  
  200. .entry img{max-width:100%;
  201. opacity: 1px;
  202.     -webkit-transition: opacity 0.6s linear;
  203.     -webkit-transition: all 0.6s ease-in-out;
  204.     -moz-transition: all 0.6s ease-in-out;
  205.     -o-transition: all 0.6s ease-in-out;}
  206.    
  207.  
  208. .entry {
  209. {block:ifphotoeffect}  
  210.     opacity: 1;
  211. -webkit-filter: grayscale(100%);
  212. {/block:ifphotoeffect} }
  213.  
  214. .entry:hover {
  215.         opacity: 1;
  216. -webkit-filter:none;
  217.     -webkit-transition: opacity 0.6s linear;
  218.     -webkit-transition: all 0.6s ease-in-out;
  219.     -moz-transition: all 0.6s ease-in-out;
  220.     -o-transition: all 0.6s ease-in-out;
  221. }
  222.  
  223.  
  224.  
  225. /* SIDEBAR */
  226.  
  227. .container {
  228. background-image: url({image:Sidebar BG});
  229. background-color: black;
  230. width: 265px;
  231. height: 100%;
  232. padding: 0px;
  233. position: fixed;
  234. margin-left: 0px;
  235. margin-top: -90px;
  236. z-index: 999;}
  237.  
  238. .sidebar {
  239.     overflow:hidden;
  240.     width: 110px;
  241. height: 110px;
  242. position: fixed;
  243. margin-left: 210px;
  244. margin-top: 30px;
  245. opacity: 1;
  246.  -webkit-transition: opacity 0.6s linear;
  247.     -webkit-transition: all 0.6s ease-in-out;
  248.     -moz-transition: all 0.6s ease-in-out;
  249.     -o-transition: all 0.6s ease-in-out;}
  250.  
  251. .sidebar img {
  252.     width: 100%;
  253.     height: 110px;
  254. }
  255.  
  256. .header {
  257.     z-index: 999999;
  258.     overflow:hidden;
  259.     {block:ifposttype2}
  260.     width: 262px;
  261.     {/block:ifposttype2}
  262.     {block:ifposttype1}
  263.     width: 412px;
  264.     {/block:ifposttype1}
  265. height: 75px;
  266. position: fixed;
  267. background-image: url({image:Background});
  268. margin-left: 360px;
  269. margin-top: -90px;
  270. opacity: 1;
  271. border-bottom: 5px solid #aaa;}
  272.  
  273. .hnav1 {
  274.     opacity: 1;
  275.     background-color: {color:Link Gradient 1};
  276.     position: fixed;
  277.     height: 5px;
  278.    {block:ifposttype2}
  279.   width: 65.5px;
  280. margin-left: 0px;
  281. {/block:ifposttype2}
  282. {block:ifposttype1}
  283. width: 103px;
  284. margin-left: 0px;
  285. {/block:ifposttype1}
  286.     margin-top: 75px;
  287.         -webkit-transition: opacity .6s linear;
  288.     -webkit-transition: all .6s ease-in-out;
  289.     -moz-transition: all .6s ease-in-out;
  290.     -o-transition: all .6s ease-in-out;
  291. }
  292.  
  293. .hnav1:hover {
  294.     background-color: {color:Link Gradient 1 Hover};
  295. }
  296.  
  297. .hnav2 {
  298.     opacity: 1;
  299.     background-color: {color:Link Gradient 2};
  300.     position: fixed;
  301.     height: 5px;
  302.       {block:ifposttype2}
  303.   width: 65.5px;
  304. margin-left: 65.5px;
  305. {/block:ifposttype2}
  306. {block:ifposttype1}
  307. width: 103px;
  308. margin-left: 103px;
  309. {/block:ifposttype1}
  310.     margin-top: 75px;
  311.         -webkit-transition: opacity .6s linear;
  312.     -webkit-transition: all .6s ease-in-out;
  313.     -moz-transition: all .6s ease-in-out;
  314.     -o-transition: all .6s ease-in-out;
  315. }
  316.  
  317. .hnav2:hover {
  318.     background-color: {color:Link Gradient 2 Hover};
  319. }
  320.  
  321. .hnav3 {
  322.     opacity: 1;
  323.     background-color: {color:Link Gradient 3};
  324.     position: fixed;
  325.     height: 5px;
  326.       {block:ifposttype2}
  327.   width: 65.5px;
  328. margin-left: 131px;
  329. {/block:ifposttype2}
  330. {block:ifposttype1}
  331. width: 103px;
  332. margin-left: 206px;
  333. {/block:ifposttype1}
  334.     margin-top: 75px;
  335.         -webkit-transition: opacity .6s linear;
  336.     -webkit-transition: all .6s ease-in-out;
  337.     -moz-transition: all .6s ease-in-out;
  338.     -o-transition: all .6s ease-in-out;
  339. }
  340.  
  341. .hnav3:hover {
  342.     background-color: {color:Link Gradient 3 Hover};
  343. }
  344.  
  345. .hnav4 {
  346.     opacity: 1;
  347.     background-color: {color:Link Gradient 4};
  348.     position: fixed;
  349.     height: 5px;
  350.           {block:ifposttype2}
  351.   width: 65.5px;
  352. margin-left: 196px;
  353. {/block:ifposttype2}
  354. {block:ifposttype1}
  355. width: 103px;
  356. margin-left: 309px;
  357. {/block:ifposttype1}
  358.     margin-top: 75px;
  359.         -webkit-transition: opacity .6s linear;
  360.     -webkit-transition: all .6s ease-in-out;
  361.     -moz-transition: all .6s ease-in-out;
  362.     -o-transition: all .6s ease-in-out;
  363. }
  364.  
  365. .hnav4:hover {
  366.     background-color: {color:Link Gradient 4 Hover};
  367. }
  368.  
  369.  
  370. .titlebox {
  371.     overflow: hidden;
  372.         width: 210px;
  373.         background-color: {color:Title BG};
  374.         border: 1px solid {color:Borders};
  375. height: 30px;
  376. position: fixed;
  377. {block:ifposttype2}
  378. margin-left: 25px;
  379. {/block:ifposttype2}
  380. {block:ifposttype1}
  381. margin-left: 100px;
  382. {/block:ifposttype1}
  383. margin-top: 20px;
  384.  -webkit-transition: opacity 0.6s linear;
  385.     -webkit-transition: all 0.6s ease-in-out;
  386.     -moz-transition: all 0.6s ease-in-out;
  387.     -o-transition: all 0.6s ease-in-out;
  388. }
  389.  
  390. .blogtitle {
  391.    
  392.     text-align: center;
  393.     color: {color:Blog Title};
  394.     font-family: libre baskerville;
  395. font-style: oblique;
  396.     font-size: 14px;
  397.     text-transform: none;
  398.     margin-top: 0px;
  399.     padding: 10px;
  400.    
  401.     letter-spacing: 6px;
  402.      -webkit-transition: opacity 0.4s linear;
  403.     -webkit-transition: all 0.4s ease-in-out;
  404.     -moz-transition: all 0.4s ease-in-out;
  405.     -o-transition: all 0.4s ease-in-out;
  406. }
  407.  
  408. .descbox {
  409.     overflow: hidden;
  410.         width: 190px;
  411. height: 200px;
  412. opacity: 0;
  413. position: fixed;
  414. margin-left: 35px;
  415. margin-top: 230px;
  416. background-color: rgba(255,255,255,0.6);
  417.  -webkit-transition: opacity 0.6s linear;
  418.     -webkit-transition: all 0.6s ease-in-out;
  419.     -moz-transition: all 0.6s ease-in-out;
  420.     -o-transition: all 0.6s ease-in-out;
  421. }
  422.  
  423. .container:hover .descbox {
  424.     opacity:1;
  425. }
  426.  
  427. .description {
  428.     text-align: center;
  429.     color: {color:Description};
  430.     font-family: calibri;
  431.     font-style: oblique;
  432.     font-size: 10px;
  433.     letter-spacing: 1px;
  434.     text-transform: none;
  435.     padding: 15px;
  436. }
  437.    
  438. /* MUSIC PLAYER */
  439.  
  440. .musicplayerbox {
  441.     position: fixed;
  442.     overflow: hidden;
  443.     width: 15px;
  444.     height: 15px;
  445.     background-color: none;
  446.     border: 1px solid {color:Borders};
  447.     margin-top: 4px;
  448.     margin-left: 240px;
  449. }
  450.  
  451. .micon {
  452.         position: absolute;
  453.         background-color: none;
  454.    height: 15px;
  455.     width: 15px;
  456.     margin-top: 0px;
  457.     margin-left: 0px;
  458.      -webkit-transition: all .5s ease;transition: all .5s ease;
  459. -moz-transition: all .5s ease;-o-transition: all .5s ease;
  460. }
  461.  
  462. .musicplayerbox:hover .micon {
  463.     margin-left: 20px;
  464. }
  465.  
  466. .musicicon {
  467.     position: absolute;
  468.    height: 12px;
  469.     width: 12px;
  470.     margin-top: 0px;
  471.     margin-left: 2.5px;
  472. }
  473.  
  474. .musicicon img {
  475.     width: 80%;
  476. }
  477.  
  478. .mplayer {
  479.     overflow: hidden;
  480.         position: absolute;
  481.         background-color: none;
  482.    height: 15px;
  483.     width: 15px;
  484.     margin-top: 0px;
  485.     margin-left: -30px;
  486.      -webkit-transition: all .5s ease;transition: all .5s ease;
  487. -moz-transition: all .5s ease;-o-transition: all .5s ease;
  488. }
  489.  
  490. .musicplayerbox:hover .mplayer {
  491.     margin-left: 0px;
  492. }
  493.  
  494. .playerm {
  495.       position: absolute;
  496.    height: 13px;
  497.     width: 13px;
  498.     margin-top: -1.5px;
  499.     margin-left: -22.5px;
  500.    
  501. }
  502.  
  503.  
  504. /* NAVIGATION */
  505.  
  506. .nav1 {
  507.     opacity: 1;
  508.     background-color: {color:Link Gradient 1};
  509.     position: fixed;
  510.     height: 5px;
  511.     width: 60px;
  512.     margin-top: 140px;
  513.     margin-left: 265px;
  514.         -webkit-transition: opacity .6s linear;
  515.     -webkit-transition: all .6s ease-in-out;
  516.     -moz-transition: all .6s ease-in-out;
  517.     -o-transition: all .6s ease-in-out;
  518. }
  519.  
  520. .nav1:hover {
  521.     background-color: {color:Link Gradient 1 Hover};
  522. }
  523.  
  524.  
  525. .nav2 {
  526.      opacity: 1;
  527.      background-color: {color:Link Gradient 2};
  528.     position: fixed;
  529.     height: 55px;
  530.     width: 5px;
  531.     margin-top: 85px;
  532.     margin-left: 320px;
  533.          -webkit-transition: opacity .6s linear;
  534.     -webkit-transition: all .6s ease-in-out;
  535.     -moz-transition: all .6s ease-in-out;
  536.     -o-transition: all .6s ease-in-out;
  537. }
  538.  
  539. .nav2:hover {
  540.     background-color: {color:Link Gradient 2 Hover};
  541. }
  542.  
  543. .nav2tri {
  544.         opacity: 1;
  545.     position: fixed;
  546. width: 0px;
  547. height: 0px;
  548. border-style: solid;
  549. border-width: 0 5px 5px 0;
  550. border-color: transparent {color:Link Gradient 2} transparent transparent;
  551.     margin-top: 55px;
  552.     margin-left: 0px;
  553.         -webkit-transition: opacity .6s linear;
  554.     -webkit-transition: all .6s ease-in-out;
  555.     -moz-transition: all .6s ease-in-out;
  556.     -o-transition: all .6s ease-in-out; }
  557.    
  558. .nav2:hover .nav2tri {
  559.    border-color:transparent {color:Link Gradient 2 Hover} transparent transparent;
  560. }
  561.  
  562. .nav3 {
  563.      opacity: 1;
  564.      background-color: {color:Link Gradient 3};
  565.     position: fixed;
  566.     height: 60px;
  567.     width: 5px;
  568.     margin-top: 25px;
  569.     margin-left: 320px;
  570.          -webkit-transition: opacity .6s linear;
  571.     -webkit-transition: all .6s ease-in-out;
  572.     -moz-transition: all .6s ease-in-out;
  573.     -o-transition: all .6s ease-in-out;
  574. }
  575.  
  576. .nav3:hover {
  577.     background-color: {color:Link Gradient 3 Hover};
  578. }
  579.  
  580.  
  581.  
  582. .nav4 {
  583.     opacity: 1;
  584.     background-color: {color:Link Gradient 4};
  585.     position: fixed;
  586.     height: 5px;
  587.     width: 55px;
  588.     margin-top: 25px;
  589.     margin-left: 265px;
  590.         -webkit-transition: opacity .6s linear;
  591.     -webkit-transition: all .6s ease-in-out;
  592.     -moz-transition: all .6s ease-in-out;
  593.     -o-transition: all .6s ease-in-out;
  594. }
  595.  
  596. .nav4:hover {
  597.     background-color: {color:Link Gradient 4 Hover};
  598. }
  599.  
  600. .nav4tri {
  601.       opacity: 1;
  602.     position: fixed;
  603.     width: 0px;
  604. height: 0px;
  605. border-style: solid;
  606. border-width: 5px 5px 0 0;
  607. border-color: {color:Link Gradient 4} transparent transparent transparent;
  608.     margin-top: 0px;
  609.     margin-left: 55px;
  610.         -webkit-transition: opacity .6s linear;
  611.     -webkit-transition: all .6s ease-in-out;
  612.     -moz-transition: all .6s ease-in-out;
  613.     -o-transition: all .6s ease-in-out;
  614. }
  615.  
  616. .nav4:hover .nav4tri {
  617.    border-color: {color:Link Gradient 4 Hover} transparent transparent transparent;
  618. }
  619.  
  620.  
  621.  
  622. /* TITLES */
  623.  
  624. .title a{color: {color:Link};}
  625. .title {font-family:consolas;
  626. font-size:13px;
  627. font-style:none;
  628. letter-spacing: 4px;
  629. text-transform: uppercase;
  630. margin:0px 0px 0px 0px;
  631. color:#000;
  632. color: {color:Post Title};};
  633. }
  634.  
  635. .quote {
  636. padding:10px;
  637. font-size:9px;
  638. letter-spacing: 0px;
  639. text-transform:none;
  640. color: {color:Text};}
  641.  
  642. .source {
  643. font-size:8px;
  644. letter-spacing: 2px;
  645. text-align:right;
  646. font-style:none;
  647. font-weight:none;
  648. text-transform:none;}
  649.  
  650. .answer {margin:10px;}
  651.  
  652. /* PERMALINKS */
  653.  
  654.  
  655. .entry:hover .perma  {
  656. opacity:1;
  657. z-index:999;
  658. -webkit-transition: all 0.9s ease;
  659. -moz-transition: all 0.9s ease;}
  660.  
  661. {block:PermalinkPage}
  662.     {block:iflargeposts}
  663.      width:500px;
  664.     {/block:iflargeposts}
  665.      {block:ifsmallposts}
  666.      width:250px;
  667.     {/block:ifsmallposts}
  668.  
  669. {/block:PermalinkPage}
  670.  
  671. .perma a {
  672. color:{color:Link};
  673. font-size:9px;
  674. font-family: consolas;
  675. text-transform:normal;}
  676.  
  677. .perma a:hover {
  678. color:{color:Hover};    
  679. }
  680.    
  681.  
  682. .perma {
  683.     margin-left:0px;
  684.     text-transform: normal;
  685. position:absolute;
  686. font-size: 9px;
  687. text-transform: uppercase;
  688. line-height:10px;
  689. text-align:center;  
  690. margin-top: 0px;
  691. width: 55px;
  692. height: 5px;
  693. opacity:0;
  694. padding: 8px;
  695. -webkit-transition: all 0.9s ease;
  696. -moz-transition: all 0.9s;
  697. }
  698.  
  699.  
  700. .permanumberbox {
  701.      background-color: {color:Permalink};
  702.   border: 1px solid {color:Borders};
  703.       position: absolute;
  704.     margin-top: 0px;
  705.     {block:ifposttype2}
  706.      margin-left: 211px;
  707.     {/block:ifposttype2}
  708.     {block:ifposttype1}
  709.      margin-left: 361px;
  710.     {/block:ifposttype1}
  711.     height: 18px;
  712.     width: 18px;
  713.      padding: 2px;
  714.     opacity: 1;
  715.     overflow:hidden;
  716.     -webkit-transition: all 0.9s ease;
  717. -moz-transition: all 0.9s;
  718.    
  719. }
  720.  
  721. .permanumber {
  722.     width: 10px;
  723.     height: 10px;
  724.     position: absolute;
  725.     margin-left: 4px;
  726.     margin-top: 3px;
  727. }
  728.  
  729. .permanumber img{
  730.     width: 100%;
  731.     height: 10px;
  732. }
  733.  
  734.  
  735.  
  736. .permareblogbox {
  737.      background-color: {color:Permalink};
  738.   border: 1px solid {color:Borders};
  739.       position: absolute;
  740.     margin-top: 0px;
  741.      margin-left: 0px;
  742.     height: 18px;
  743.     width: 18px;
  744.     opacity: 1;
  745.     letter-spacing: 2px;
  746.       padding: 2px;
  747.     overflow:hidden;
  748.     -webkit-transition: all 0.9s ease;
  749. -moz-transition: all 0.9s;
  750.    
  751. }
  752.  
  753. .permareblog {
  754.     width: 10px;
  755.     height: 10px;
  756.     position: absolute;
  757.     margin-left: 4px;
  758.     margin-top: 4px;
  759. }
  760.  
  761. .permareblog img{
  762.     width: 100%;
  763.     height: 10px;
  764. }
  765.  
  766.  
  767.  
  768. #permalink{
  769. {block:PermalinkPage}    
  770. text-align:center;
  771. margin-top:10px;
  772. padding:0px;
  773. font-size:11px;
  774. letter-spacing: 2px;
  775. text-transform:lowercase;
  776. color: {color:Text};
  777. {/block:PermalinkPage}
  778. }
  779.  
  780. /*PAGINATION*/
  781.  
  782. #paginwrapper {
  783.     background-color: none;
  784.     opacity: 1;
  785.     position: fixed;
  786.     height: 20px;
  787.     width: 125px;
  788.     margin-top: 155px;
  789.     margin-left: 274px;
  790.     z-index: 999;
  791.      -webkit-transition: opacity 0.6s linear;
  792.     -webkit-transition: all 0.6s ease-in-out;
  793.     -moz-transition: all 0.6s ease-in-out;
  794.     -o-transition: all 0.6s ease-in-out;
  795. }
  796.  
  797. .jump_page {
  798. padding-top: 3px;
  799. padding-left: 4px;
  800. padding-right: 4px;
  801. padding-bottom: 3px;
  802. background-color: {color:Pagination};
  803. border: 1px solid {color:Borders};
  804. color: {color:Text};
  805. font-size:10px;
  806. text-decoration:none;
  807. }
  808.  
  809. .current_page, .jump_page:hover {
  810. padding-top: 3px;
  811. padding-left: 4px;
  812. padding-right: 4px;
  813. padding-bottom: 3px;
  814. background-color: {color:Pagination};
  815. border: 1px solid {color:Border};
  816. color: {color:Hover};
  817. font-size:10px;
  818. }
  819.  
  820.  
  821. /* AUDIO */
  822.  
  823. .newplayerbutton {
  824.                 position: relative;
  825.                 width: 28px;
  826.                 height: 27px;
  827.                 overflow: hidden;
  828.             }
  829.            
  830.             .playerbuttonhug {
  831.                 position: absolute;
  832.                 top: -11px;
  833.                 left: -10px;
  834.             }
  835.  
  836.  
  837.             .tumblr_audio_player {
  838.                 border: none;
  839.                 padding: 0px;
  840.                 margin: 0px;
  841.                 height: 50px;
  842.                 width: 500px;
  843.             }
  844.  
  845.             .playerbuttonbg {
  846.                 position: absolute;
  847.                 left: 15px;
  848.                 top: 15px;
  849.                 width: 28px;
  850.                 height: 28px;
  851.                 background-color: #ffffff;
  852.                 padding: 10px;
  853.                 -webkit-border-radius: 40px;
  854.                 -moz-border-radius: 40px;
  855.                 border-radius: 40px;
  856.                 opacity: .4;
  857.                 filter: alpha(opacity=40);
  858.                 -moz-opacity: 0.4;
  859.                  -khtml-opacity: 0.4;
  860.                 transition: opacity .7s ease-in-out;
  861.                 -moz-transition: opacity .7s ease-in-out;
  862.                 -webkit-transition: opacity .7s ease-in-out;
  863.             }
  864.            
  865.             .playerbuttonbg:hover {
  866.                 opacity: 1;
  867.                     filter: alpha(opacity=100);
  868.                     -moz-opacity: 1;
  869.                     -khtml-opacity: 1;
  870.             }
  871.  
  872.             .audioimgwrapper {
  873.                 position: absolute;
  874.                 left: 0px;
  875.                 top: 0px;
  876.                 -webkit-border-radius: 50px;
  877.                 -moz-border-radius: 50px;
  878.                 border-radius: 50px;                
  879.                 overflow: hidden;
  880.                 width: 78px;
  881.                 height: 78px;
  882.             }
  883.            
  884.             .audioimgwrapper img {
  885.                 width: 100%;
  886.                 height: auto;      
  887.                 -webkit-border-radius: 50px;
  888.                 -moz-border-radius: 50px;
  889.                 border-radius: 50px;                
  890.             }
  891.            
  892.             .trackdetails {
  893.                 width: auto;
  894.                 display:inline-block;
  895.                 margin-left: 100px;
  896.                 min-height: 85px;
  897.             }
  898.            
  899.             .audiowrapper {
  900.                 position: relative;
  901.                 display:inline-block;
  902.             }
  903.  
  904. /* TEXT */
  905.  
  906. i, em{color:{color:Italic};}
  907. b{color:{color:Bold}; letter-spacing: 1px;}
  908. b, strong{color:{color:Title}; letter-spacing: 2px;}
  909. ul,ol{margin:0px;margin-left:-10px;}
  910. p{padding:0px;margin:10px;}
  911. u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
  912. border-bottom:1px solid {color:Underline};}
  913. blockquote {margin:2px; margin-left:10px;
  914. padding:2px;border-left:1px solid {color:Lines};}
  915.  
  916. /* MISC */
  917.  
  918. #warning {
  919.     z-index: -10000;
  920.     position: fixed;
  921.     top: 0;left: 0;
  922.     width: 100%;
  923.     height: 100%;
  924.     background-color: rgba(255,255,255,0.8);
  925.     color: #000;
  926.     text-align: center;
  927.     text-transform: uppercase;
  928.     padding-top: 250px;
  929.     font-family: consolas;
  930.     font-size: 13px;
  931.     letter-spacing: 4px;
  932.     opacity: 0;
  933.     {block:ifposttype1}
  934.     {block:ifposttype2}opacity: 1;z-index:10000;{/block:ifposttype2}
  935.     {/block:ifposttype1}
  936.     {block:ifnotposttype1}{block:ifnotposttype2}opacity: 1;z-index:10000;{/block:ifnotposttype2}{/block:ifnotposttype1}
  937. }
  938.  
  939. .c img{
  940.     padding-left: 2.5px;
  941.     padding-top: 2px;
  942.      border-radius: 500px;
  943.     opacity: 0;
  944.     width:25px;
  945. height: 25px;
  946. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  947. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  948.  
  949. .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(0,0,0,0.3);
  950. width: 30px; height: 30px; border-radius: 500px;}
  951.  
  952.  
  953. .c img:hover{
  954.     opacity: 1;
  955. }
  956.  
  957.  
  958. .popup_block{
  959. display:none;
  960. padding:20px;
  961. float:left;
  962. position:fixed;
  963. top:50%;left:50%;
  964. z-index: 99999;}
  965.  
  966. img.btn_close {float: right;margin: -20 -20px 0 0;}
  967. *html #fade {position: absolute;}
  968. *html .popup_block {position: absolute;}
  969. #fade {display:none;background:#fff;position:fixed;left:0;top:0;
  970. width:100%;height:100%;opacity:0.8;z-index:9999;}
  971.  
  972. .l .odd{display:block;padding:5px 5px;}
  973. .l .even{display:block;background: rgba(255,255,255,0.6);padding:5px 5px;}
  974.  
  975. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  976. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  977. border-radius:10px;border-top-left-radius:0px;background:#000;}
  978.  
  979. ::selection {color: {color:Hover};}
  980. ::-moz-selection {color: {color:Hover};}
  981. ::-webkit-selection{color: {color:Hover};}
  982.  
  983. img{ margin-bottom:-3px;}
  984.  
  985. /* POSTNOTES */
  986.  
  987. ol.notes a{letter-spacing:2px;}
  988. ol.notes {
  989. list-style:none;
  990. font-size:10px;
  991. letter-spacing: 2px;
  992. line-height: 18px;
  993. margin-top:20px;
  994. text-transform:none;}
  995.  
  996. ol.notes li.note img.avatar {
  997. vertical-align:-5px;
  998. margin-right:5px;
  999. width:20px;
  1000. padding:4px;
  1001. border:1px solid {color:Borders};}
  1002.  
  1003. ol.notes li.note {margin:5px 0px 10px -20px;}
  1004. ol.notes li.note span.action {font-style: normal;}
  1005. ol.notes li.note .answer_content {font-weight: normal;}
  1006. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  1007.  
  1008. </style>
  1009.  
  1010. {block:indexpage}
  1011. {block:ifinfinitescroll}
  1012. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1013.  
  1014. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1015. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  1016. {/block:ifinfinitescroll}
  1017. {/block:indexpage}
  1018.  
  1019.  
  1020. </head>
  1021. <body>
  1022.  
  1023. <div id="warning">please select only one post size</div>
  1024.  
  1025. <div class="header">
  1026.     <a href="{text:Link 5}"title="{text:Link 5 Title}"><div class="hnav1"></div></a>
  1027.     <a href="{text:Link 6}"title="{text:Link 6 Title}"><div class="hnav2"></div></a>
  1028.     <a href="{text:Link 7}"title="{text:Link 7 Title}"><div class="hnav3"></div></a>
  1029.    <a href="{text:Link 8}"title="{text:Link 8 Title}"> <div class="hnav4"></div></a>
  1030.     <div class="titlebox">
  1031.     <div class="blogtitle">{Title}</div>
  1032. </div>
  1033. </div>
  1034.  
  1035. <div class="container">
  1036.  
  1037. {block:ifmusicplayer}
  1038. <div class="musicplayerbox">
  1039.     <div class="micon"><div class="musicicon"><img src="http://static.tumblr.com/cbjpgjf/5fxmw4sjt/download.gif"/></div></div>
  1040.     <div class="mplayer"><div class="playerm">
  1041.               <!-- MUSIC CODE STARTS HERE -->
  1042.       <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/ypyby1y9guml7os/Durarara%21%21%20OST%20%5BVol.2%5D%20Oisugaru%20Kako%20wo%20Mitsumete.mp3?dl=1&token_hash=AAERR_Vctg19w-9_xJcGksTeLfQeUA4G8wD590DMfc8UrA&t0=&f1=https://dl.dropboxusercontent.com/s/sj1f7j1f67muwqj/Trust%20Me%20%28Yuya%20Matsushita%29.mp3?dl=1&token_hash=AAFmzTgjJA63qd_ty8xxevT2j1kbwxz5onj5Y_VcBnh8AA&t1=&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1043.                           <!-- MUSIC CODE ENDS HERE -->
  1044.         </div></div>
  1045. </div>
  1046. {/block:ifmusicplayer}
  1047.  
  1048. <div class="sidebar"><a href="/"><img src="{image:sidebar}"></a></div>
  1049. <div class="descbox">
  1050.     <div class="description">{Description}</div>
  1051. </div>
  1052.  
  1053. <a href="{text:Link 1}"title="{text:Link 1 Title}"><div class="nav1"></div></a>    
  1054.  
  1055.  
  1056. <a href="{text:Link 2}"title="{text:Link 2 Title}"><div class="nav2"><div class="nav2tri"></div></div></a>    
  1057.  
  1058. <a href="{text:Link 3}"title="{text:Link 3 Title}"><div class="nav3"></div></a>
  1059.  
  1060. <a href="{text:Link 4}"title="{text:Link 4 Title}"><div class="nav4"><div class="nav4tri"></div></div></a>
  1061.  
  1062. {block:ifnotinfinitescroll}
  1063. {block:Pagination}
  1064.  
  1065.  <div id="paginwrapper">
  1066. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">&larr;</a>{/block:PreviousPage}
  1067. {block:JumpPagination length="0"}
  1068. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1069. {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1070. {block:NextPage}<a href="{NextPage}" class="jump_page class2">&rarr;</a>{/block:NextPage}
  1071.      
  1072.  </div>
  1073. {/block:Pagination}
  1074. {/block:ifnotinfinitescroll}
  1075.    
  1076. </div><!--container-->
  1077.  
  1078. <div id="content">
  1079. {block:Posts}
  1080.  
  1081. <div class="entry">
  1082.  
  1083. {block:IndexPage}
  1084.  
  1085. <div class="perma">
  1086. <a href="{Permalink}" title="{NoteCount}" ><div class="permanumberbox"><div class="permanumber"><img src="http://static.tumblr.com/cbjpgjf/M80mws18l/link-2.png"></div></div></a>
  1087.  
  1088. <a href="{ReblogURL}" target="_blank" title="reblog" ><div class="permareblogbox"><div class="permareblog"><img src="http://static.tumblr.com/cbjpgjf/1Ohmws0so/repeat-2.png"></div></div></a>
  1089.  
  1090. </span></div>
  1091.  
  1092. {/block:IndexPage}
  1093.  
  1094. {block:Text}
  1095. <div class="title">{Title}</div>{Body}
  1096. {/block:Text}
  1097.  
  1098. {block:Link}
  1099. <a href="{URL}"><span class="title">{Name} &hearts;</span></a>
  1100. {block:Description}{Description}{/block:Description}
  1101. {/block:Link}
  1102.  
  1103. {block:Photo}
  1104. <a href="{Permalink}">
  1105. {block:IndexPage}
  1106. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  1107. {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
  1108. {/block:IndexPage}
  1109. {block:PermalinkPage}
  1110. {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
  1111. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  1112. {/block:PermalinkPage}
  1113. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1114. {/block:Photo}
  1115.  
  1116. {block:Photoset}
  1117. {block:IndexPage}
  1118. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  1119. {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
  1120. {/block:IndexPage}
  1121. {block:PermalinkPage}
  1122. {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
  1123. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  1124. {/block:PermalinkPage}
  1125. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1126. {/block:Photoset}
  1127.  
  1128. {block:Quote}
  1129. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  1130. {/block:Quote}
  1131.  
  1132. {block:Chat}
  1133. <div class="title">{Title}</div>{block:Lines}
  1134. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1135. {block:Label}<b>{Label} </b>{/block:Label}
  1136. {Line}</div></div>{/block:Lines}
  1137. {/block:Chat}
  1138.  
  1139. {block:AudioPlayer}
  1140.         <div class="audiowrapper">
  1141.         {block:AlbumArt}
  1142.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1143.         {/block:AlbumArt}
  1144.        
  1145.         <div class="playerbuttonbg">
  1146.             <div class="newplayerbutton">
  1147.                 <div class="playerbuttonhug">
  1148.            
  1149.                     {AudioPlayerWhite}
  1150.            
  1151.                 </div>
  1152.             </div>
  1153.         </div>
  1154.        
  1155.         <div class="trackdetails">
  1156.            
  1157.                 {block:TrackName}<b>TITLE:</b> {TrackName}{/block:TrackName}<br><br>
  1158.                 {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br><br>
  1159.                 {block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br><br>
  1160.                 <b>PLAYS:</b> {PlayCountWithLabel}
  1161.    
  1162.         </div>
  1163.         </div>
  1164.            {block:Caption}{Caption}{/block:Caption}
  1165.         {/block:AudioPlayer}
  1166.  
  1167. {block:Video}
  1168. {block:IndexPage}
  1169. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  1170. {block:ifposttype2}{Video-250}{/block:ifposttype2}
  1171. {/block:IndexPage}
  1172. {block:PermalinkPage}
  1173. {block:ifposttype2}{Video-250}{/block:ifposttype2}
  1174. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  1175. {/block:PermalinkPage}
  1176. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  1177. {/block:Video}
  1178.  
  1179. {block:Answer}
  1180. <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
  1181. <tr>
  1182. <td style="vertical-align:top;padding-right:5px; width:40px;"><img src="{AskerPortraitURL-64}" style="border-radius: 500px;"></td>
  1183. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  1184. </tr>
  1185. </table>
  1186. {Answer}
  1187. {/block:Answer}
  1188.  
  1189. {block:PermalinkPage}
  1190. <div id="permalink">
  1191. {block:Date}
  1192. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1193. {block:NoteCount} |
  1194. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1195. {block:RebloggedFrom}
  1196. | <a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" >source</a>
  1197. {/block:RebloggedFrom}
  1198.  
  1199.  
  1200.  
  1201. <div class="tags">
  1202. {block:HasTags}
  1203. Tagged:
  1204. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1205. {/block:Tags}
  1206. {/block:HasTags}
  1207. </div></div>
  1208. {/block:PermalinkPage}
  1209.  
  1210.  
  1211. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1212.  
  1213. </div>
  1214. {/block:Posts}
  1215. </div>
  1216.  
  1217.  
  1218. <div class="c">
  1219. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  1220. </div>
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226.  
  1227. </body>
  1228. </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!