API tools faq
paste
Advertisement
nofacesface

Orithyia Theme

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