API tools faq
paste
ramfaggot

Untitled

ramfaggot
Aug 11th, 2014
317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.40 KB | None | 0 0
raw download clone embed print report
  1. <!---------
  2. theme by cyrusnigga keep credit or d i e
  3. -------->
  4.  
  5. <html lang="en">
  6. <head>
  7.  
  8.  
  9. <title>{title}</title>
  10. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  11. <script type="text/javascript" src="http://static.tumblr.com/
  12. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Post background" content="#ffffff"/>
  15. <meta name="color:Post text" content="#000"/>
  16. <meta name="color:Blog Description" content="#000000"/>
  17. <meta name="color:Title" content="#000000"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:scrollbar" content="#000000"/>
  21. <meta name="color:Notes Permalink" content="#444"/>
  22. <meta name="color:Reblog Permalink" content="#7e7e7e"/>
  23. <meta name="color:Date Permalink" content="#c1c1c1"/>
  24. <meta name="color:Sidebar Link Hover" content="#666"/>
  25. <meta name="color:Sidebar Link" content="#aaa"/>
  26. <meta name="color:Hover" content="#FFF"/>
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="if:Scrollbar" content="0"/>
  30. <meta name="if:borders" content="0"/>
  31. <meta name="if:one column" content="0"/>
  32. <meta name="if:Post shadows" content="1"/>
  33. <meta name="if:Black and white follow button" content="1"/>
  34. <meta name="if:Dark images" content="0"/>
  35. <meta name="if:Black and white images" content="0"/>
  36. <meta name="text:link one" content="/" />
  37. <meta name="text:link one title" content="home" />
  38. <meta name="text:link two" content="/ask" />
  39. <meta name="text:link two title" content="message" />
  40. <meta name="text:link three" content="/links" />
  41. <meta name="text:link three title" content="links" />
  42. <meta name="text:link four" content="/" />
  43. <meta name="text:link four title" content="baby" />
  44. <meta name="text:link five" content="/" />
  45. <meta name="text:link five title" content="fag" />
  46. <meta name="text:link six" content="http:cyrusnigga.tumblr.com" />
  47. <meta name="text:link six title" content="theme" />
  48. <meta name="text:music player" content="" />
  49. <meta name="text:sidebar title" content="كنت تعرف أنك بطل" />
  50. <meta name="if:blogtitle" content="0"/>
  51. <script type="text/javascript" src="http://static.tumblr.com/
  52. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  53. </script>
  54. <div class="yo">
  55. <a href="http://cyrusnigga.tumblr.com/"
  56. title=credit>
  57. <font size="3"><font color="white">
  58. <small>$$</font></a></div>
  59. </small></font>
  60.  
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  65. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  66. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:200,
  73. tip_fade_speed:300,}
  74. );
  75. });
  76. })(jQuery);
  77. </script>
  78. <style type="text/css">
  79.  
  80. {block:ifblackandwhitefollowbutton}
  81. iframe#tumblr_controls {opacity:1;-webkit-filter: invert(100%);transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  82. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  83. {/block:ifblackandwhitefollowbutton}
  84.  
  85. #s-m-t-tooltip{
  86. max-width:300px;
  87. padding:6px;
  88. margin:0px 0px 0px 20px;
  89. background: #9cdfed;
  90. background-image: linear-gradient(right, #f7f7f7 0%, {color:scrollbar} 100%); background-image: -o-linear-gradient(right, #f7f7f7 0%, {color:scrollbar} 100%); background-image: -moz-linear-gradient(right, #f7f7f7 0%, {color:scrollbar} 100%); background-image: -webkit-linear-gradient(right, #f7f7f7 0%, {color:scrollbar} 100%); background-image: -ms-linear-gradient(right, #f7f7f7 0% {color:scrollbar} 100%);
  91. font-family:calibri;
  92. font-size:8px;
  93. text-transform:uppercase;
  94. color:#fff;
  95. letter-spacing:1px;
  96. z-index:9999999;
  97. -webkit-animation: pulse 2.0s;
  98. -moz-animation: pulse 2.0s;
  99. -ms-animation: pulse 2.0s;}
  100.  
  101. #s-m-t-tooltip:before{
  102. position: absolute;
  103. left: -10px;
  104. top: -5px;
  105. width: 0px;
  106. content:"";
  107. transform: scale(1.7, .3);
  108. -webkit-transform: scale(1.7, .3);
  109. -moz-transform: scale(1.7, .3);
  110. -o-transform: scale(1.7, .3);
  111. -ms-transform: scale(1.7, .3);
  112. border-right: 4px solid {color:scrollbar} ;
  113. border-bottom: 17px solid transparent;
  114. border-left: 4px solid transparent;
  115. border-top: 17px solid transparent;
  116. }
  117.  
  118. body{
  119. margin:0px;
  120. background-color: {color:Background};
  121. background-image:url({image:Background});
  122. background-attachment: fixed;
  123. background-repeat: no-repeat;
  124. background-position: bottom right;
  125. font-size: 9px;
  126. font-family:arial;
  127. line-height:10px;
  128. color:{color:Text};
  129. }
  130.  
  131. a:link, a:active, a:visited{
  132. color: {color:Link};
  133. text-decoration: none;
  134. -webkit-transition: all 0.6s ease-out;
  135. moz-transition: all 0.6s ease-out;
  136. o-transition: all 0.6s ease-out;
  137. ransition: all 0.6s ease-out;
  138. }
  139.  
  140. a:hover{
  141. color:{color:Hover};
  142. text-decoration: none;
  143. -webkit-transition: all 0.55s ease-out;
  144. moz-transition: all 0.3s ease-out;
  145. o-transition: all 0.3s ease-out;
  146. ransition: all 0.6s ease-out;
  147. }
  148.  
  149. {block:ifscrollbar}
  150.  
  151. ::-webkit-scrollbar-thumb{
  152. background-image: linear-gradient(bottom, transparent 0%, {color:scrollbar} 100%);
  153. background-image: -o-linear-gradient(bottom, transparent 0%, {color:scrollbar} 100%);
  154. background-image: -moz-linear-gradient(bottom, transparent 0%, {color:scrollbar} 100%);
  155. background-image: -webkit-linear-gradient(bottom, transparent 0%, {color:scrollbar} 100%);
  156. background-image: -ms-linear-gradient(bottom, transparent 0% {color:scrollbar} 100%);
  157. border:4px solid {color:background};}
  158.  
  159. ::-webkit-scrollbar{
  160. height:0px;
  161. width:13px;
  162. background-color:{color:Background};
  163. border:2px solid {color:Background};
  164. }
  165.  
  166.  
  167.  
  168.  
  169.  
  170. {/block:ifscrollbar}}
  171.  
  172.  
  173. div#stuff{
  174. }
  175.  
  176. div#sidebar{
  177. position:absolute !important;
  178. position:fixed !important;
  179. left: 280px;
  180. {block:ifonecolumn}
  181. left:360px;
  182. {/block:ifonecolumn}
  183. width:180px;top:60px;
  184. padding:9px;{block:ifpostshadows}
  185. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  186. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  187. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  188. padding:6px;
  189. {/block:ifpostshadows}
  190. {block:ifborders}border:1px solid #ccc;{/block:ifborders}
  191. background-color:{color:post background};
  192. }
  193.  
  194. div#sidebar a{
  195. {block:ifblackandwhiteimages}
  196. -webkit-filter: grayscale(100%);
  197. {/block:ifblackandwhiteimages}
  198. {block:ifdarkimages}
  199. -webkit-filter: grayscale(40%);
  200. {/block:ifdarkimages}
  201. }
  202.  
  203. div#content{
  204. margin:auto;
  205. top:0px;
  206. padding-top:5px;
  207. position:absolute;
  208. overflow:hidden;
  209. {block:indexpage}
  210. width:1100px;
  211. {block:ifonecolumn}
  212. width:1180px;
  213. {/block:ifonecolumn}
  214. {/block:indexpage}
  215. {block:permalinkpage}
  216. width:1450px;
  217. left:50px;
  218. {block:ifonecolumn}
  219. width:1530px;
  220. {/block:ifonecolumn}
  221. {/block:permalinkpage}
  222. }
  223. #entry a{
  224. color:{color:post text};
  225. }
  226.  
  227. .photoperm {
  228. -webkit-transition-duration:.8s;
  229. top:50%;
  230. left:50%;
  231. z-index:1;
  232. position:absolute;
  233. text-decoration:none;
  234. margin-top:-5%;
  235. margin-left:-38px;
  236. width:80px;
  237. height:-5%;
  238. background:none;
  239. opacity:0;
  240. z-index:10;
  241. }
  242.  
  243. #entry:hover .photoperm {
  244. position:absolute;
  245. opacity:1;
  246. }
  247.  
  248. #entry:hover .photoperm:hover{
  249. opacity:1;
  250. }
  251.  
  252. .photoperm img{
  253. box-shadow:none;
  254. padding:10px;
  255. padding-bottom:10px;
  256. border-radius:100%;
  257. }
  258.  
  259. .imgp{
  260. opacity:1;
  261. background-color:rgba(255,255,255,.2);
  262. -webkit-transition-duration:1s;
  263. }
  264.  
  265.  
  266. div#posts{
  267. float:right;
  268. background-image:url({image:Post Background});
  269. {block:ifdarkimages}
  270. -webkit-filter: grayscale(50%);
  271. {/block:ifdarkimages}
  272. {block:ifblackandwhiteimages}
  273. -webkit-filter: grayscale(100%);
  274. {/block:ifblackandwhiteimages}
  275. {block:indexpage}
  276. width:600px;
  277. {/block:indexpage}
  278. {block:permalinkpage}
  279. width:1000px;
  280. {/block:permalinkpage}
  281. margin-left:68px;
  282. margin-top:-10px;
  283. padding-top:0px;
  284. padding-left:4px;
  285. }
  286.  
  287. div#entry{
  288. float: left;
  289. width: 200px;
  290. {block:ifonecolumn}
  291. width: 250px;
  292. {/block:ifonecolumn}
  293. padding:9px;
  294. text-align:left;
  295. {block:PermalinkPage}
  296. width: 500px;
  297. height: auto;
  298. {/block:PermalinkPage}
  299. line-height:8px;
  300. margin-right:70px;
  301. overflow:hidden;
  302. margin:20px;
  303. background-color:{color:post background};
  304. color:{color:post text};
  305. {block:iflessspacebetweenposts}
  306. margin:4px;
  307. {/block:iflessspacebetweenposts}
  308. {block:ifpostshadows}
  309. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  310. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  311. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  312. padding:6px;
  313. {/block:ifpostshadows}
  314. {block:ifborders}border:1px solid #ccc;{/block:ifborders}
  315. }
  316.  
  317.  
  318.  
  319. #hmm a {
  320. display:inline-block;
  321. padding:4px;
  322. z-index:9999;
  323. background:{color:sidebar link};
  324. width:1px;
  325. border:1px solid #aaa;
  326. margin:-3px;
  327. border-radius:300px;
  328. z-index:99999;
  329. text-align:center;
  330. }
  331. #hmm a:hover{
  332. border:1px solid #fff;
  333. background:{color:sidebar link hover};
  334. }
  335. #hmm{
  336. margin-top:8px;
  337. display: block;
  338. margin-bottom:5px;
  339. z-index: 999999999;
  340. text-align:center;
  341. font-size:8px;
  342. color:#414141;
  343. text-transform:uppercase;
  344. }
  345.  
  346. ::selection {
  347. color:{color:Text};
  348. background-color: {color:Link};
  349. }
  350.  
  351. ::-moz-selection {
  352. color:{color:Text};
  353. background-color: {color:Link};
  354. }
  355.  
  356. ::-webkit-selection {
  357. color:{color:Text};
  358. background-color:{color:Link};
  359. }
  360.  
  361.  
  362. #entry img{
  363. {block:IndexPage}
  364. max-width: 200px;
  365. {block:ifonecolumn}
  366. max-width: 250px;
  367. {/block:ifonecolumn}
  368. height: auto;
  369. {/block:IndexPage}
  370. {block:PermalinkPage}
  371. max-width: 500px;
  372. height: auto;
  373. {/block:PermalinkPage}
  374. -webkit-transition: all 0.5s ease-out;
  375. -moz-transition: all 0.5s ease-out;
  376. transition: all 0.5s ease-out;
  377. }
  378.  
  379.  
  380. .title{
  381. font-family: calibri;
  382. font-size: 12px;
  383. line-height: 12px;
  384. color: {color:Title};
  385. font-weight: normal;
  386. letter-spacing: 0px;
  387. text-transform:uppercase;
  388. letter-spacing:2px;
  389. }
  390.  
  391. blockquote{
  392. padding:0px 0px 2px 3px;
  393. margin:0px 0px 2px 1px;
  394. }
  395.  
  396. ul, ol, li{
  397. list-style:none;
  398. margin:0px;
  399. padding:0px;
  400. }
  401.  
  402. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  403. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  404. }
  405.  
  406. ::selection {
  407. color:{color:Text};
  408. background-color: {color:Link};
  409. }
  410.  
  411. ::-moz-selection {
  412. color:{color:Text};
  413. background-color: {color:Link};
  414. }
  415.  
  416. ::-webkit-selection {
  417. color:{color:Text};
  418. background-color:{color:Link};
  419. }
  420.  
  421.  
  422. #audio {
  423. width:250px;
  424. height:auto;
  425. min-height:60px;
  426. margin-top:17px;
  427. padding-bottom:5px;
  428. margin-left:40px;
  429. }
  430. .cover {
  431. position:absolute;
  432. z-index:1;
  433. width:70px;
  434. height:670px;
  435. margin-top:-4px;
  436. margin-left:-10px;
  437. }
  438. .cover img {
  439. float:left;
  440. width:70px;
  441. height:70px;
  442. }
  443. .playbox {
  444. opacity:0.6;
  445. width:27px;
  446. height:30px;
  447. overflow:hidden;
  448. position:absolute;
  449. z-index:1000;
  450. margin-left:14px;
  451. margin-top:18px;
  452. text-align:center;
  453. }
  454. .info {
  455. margin-left:73px;
  456. margin-top:4px;
  457. line-height:14px;
  458. }
  459.  
  460.  
  461.  
  462. #fuck{
  463. position:fixed;
  464. margin-left:470px;
  465. z-index:1;
  466. margin-top:-100px;
  467. {block:Ifsidebarimage}
  468. margin-top:-100px;
  469. {/block:Ifsidebarimage}
  470. {block:Ifnotsidebarimage}
  471. margin-top:0px;
  472. {/block:Ifnotsidebarimage}
  473. }
  474.  
  475. #hmm{
  476. padding:3px;
  477. text-align:center;
  478. margin-top:3px;
  479.  
  480. }
  481.  
  482. #hmm a{
  483. padding:5px;
  484. }
  485.  
  486.  
  487. #hmm a:hover{
  488. color:{color:link};
  489. }
  490.  
  491. .yo{
  492. position:fixed;
  493. text-align:center;
  494. bottom:0px;
  495. font-family:tahoma;
  496. font-size:20px;
  497. right:0px;
  498. padding-top:1px;
  499. padding-right:6px;
  500. padding-left:5px;
  501. padding-bottom:6px;
  502. width:auto;
  503. height:auto;
  504. border-top-left-radius:5px;
  505. background-color:#000;
  506. z-index:99999;
  507. color:#fff;
  508. }
  509.  
  510.  
  511. .nigga{
  512. width:240px;
  513. height: 20px;
  514. font-family: consolas;
  515. font-size: 9px;
  516. text-transform:none;
  517. position: absolute;
  518. line-height: 10px;
  519. text-align: center;
  520. overflow:hidden;
  521. color: #ffffff;
  522. text-transform:uppercase;
  523. letter-spacing:1px;
  524. padding:8px 3px 8px 4px;
  525. opacity: 0.0;
  526. border-top:1px #eee solid;
  527. border-bottom:1px #eee solid;
  528. padding-right: 10px;
  529. background-color:#000000;
  530. bottom:0px;
  531. margin-left: -10px;
  532. margin-top:-1px;
  533. opacity: 0.0;
  534. text-align:right;
  535. -webkit-transition: opacity 0.6s ease-out;
  536. -webkit-transition: all 0.6s ease-out;
  537. -moz-transition: all 0.6s ease-out;
  538. transition: all 0.6s ease-out;
  539. }
  540.  
  541.  
  542.  
  543. .nigga a{
  544. color:#ffffff;
  545. }
  546.  
  547. #entry:hover .nigga {
  548. bottom:0px;
  549. -webkit-transition: opacity 0.6s ease-out;
  550. -webkit-transition: all 0.6s ease-out;
  551. -moz-transition: all 0.6s ease-out;
  552. transition: all 0.6s ease-out;
  553. opacity: 1.0;
  554. }
  555.  
  556. .nigga a:hover{
  557. color:{color:hover};
  558. padding:1px 0px 0px 0px;
  559. -webkit-transition: opacity 0.3s ease-out;
  560. -webkit-transition: all 0.3s ease-out;
  561. -moz-transition: all 0.3s ease-out;
  562. transition: all 0.3s ease-out;}
  563.  
  564.  
  565.  
  566.  
  567. .descriprion_icons{
  568. position: absolute;
  569. display: block;
  570. width: 25px;
  571. height: 25px;
  572. left: 50%;
  573. top: 80%;
  574. margin-top: -12px;
  575. background: url(http://static.tumblr.com/dbek3sy/ZQDlsyx5t/icons.png) no-repeat;
  576. opacity:0;
  577.  
  578. }
  579. #entry .permalink_icon{
  580. background-position: -25px 0px;
  581. margin-left: 5px;
  582. -webkit-transition: all 0.65s ease;
  583. }
  584.  
  585. #entry .reblog_icon{
  586. background-position: 0px 0px;
  587. margin-left: -30px;
  588. -webkit-transition: all 0.65s ease;
  589. }
  590.  
  591. #entry:hover .permalink_icon{
  592. top: 50%;
  593. opacity: 1.0;
  594. -webkit-transition: all 0.65s ease;
  595. }
  596.  
  597. #entry:hover .permalink_icon:hover{
  598. top: 50%;
  599. opacity: 1.0;
  600. -webkit-transition: all 0.50s ease;
  601. -webkit-filter:invert(1);
  602.  
  603. }
  604.  
  605. #entry:hover .reblog_icon:hover{
  606. top: 50%;
  607. opacity: 1.0;
  608. -webkit-transition: all 0.50s ease;
  609. -webkit-filter:invert(1);
  610.  
  611. }
  612.  
  613.  
  614. #entry:hover .reblog_icon{
  615. top: 50%;
  616. opacity: 1.0;
  617. -webkit-transition: all 0.65s ease;
  618. }
  619.  
  620. .titulo{
  621. font-size:24px;
  622. text-align: left;
  623. line-height:16px;
  624. width:auto;
  625. margin-left:2px;
  626. z-index:999999999999999999999999999;
  627. font-family: Times;
  628. color:{color:link};
  629. margin-bottom:7px;margin-bottom:3px;
  630. text-transform:none;
  631. text-shadow:0px 0px 0px #ddd;
  632. -webkit-transition: all 0.2s linear;
  633. -webkit-transition: all 0.2s linear;
  634. -moz-transition: all 0.2s linear;
  635. transition: all 0.2s linear;
  636. }
  637.  
  638.  
  639. .titulo a{
  640.  
  641. }
  642.  
  643.  
  644. .titulo a:hover{
  645. {color:link};
  646. }
  647.  
  648.  
  649. .titulo:hover{
  650. text-shadow:6px 0px #ddd, -6px 0px #ccc;
  651. -webkit-transition: all 0.2s linear;
  652. -webkit-transition: all 0.2s linear;
  653. -moz-transition: all 0.2s linear;
  654. transition: all 0.2s linear;
  655. }
  656.  
  657.  
  658. #photo {
  659. overflow:hidden;
  660. {block:IndexPage}
  661. width:200px;
  662. {block:ifonecolumn}
  663. width: 250px;
  664. {/block:ifonecolumn}
  665. {/block:IndexPage}
  666. {block:PermalinkPage}
  667. width: 500px;
  668. {/block:PermalinkPage}
  669. }
  670.  
  671. #photo a, #photo a:hover{
  672. color:white;
  673. }
  674.  
  675. #photo img {
  676. display:block;
  677. {block:IndexPage}
  678. width:200px;
  679. {block:ifonecolumn}
  680. width: 250px;
  681. {/block:ifonecolumn}
  682. {/block:IndexPage}
  683. {block:PermalinkPage}
  684. width:500px;
  685. {/block:PermalinkPage}
  686. }
  687.  
  688. #photo #image {
  689. position:relative;
  690. }
  691.  
  692.  
  693.  
  694.  
  695. .perma2 p{
  696. margin: 0px;
  697. }
  698.  
  699. .perma2 a{
  700. color:#ffffff;
  701. }
  702.  
  703. .perma2{
  704. margin: auto;
  705. position: absolute;
  706. text-align: center;
  707. top: 0px;
  708. width: 0px;left:100px;
  709. height: 100%;
  710. background-color: #000000;
  711. opacity: 0;
  712. z-index:9999991;
  713. filter: alpha(opacity = 0);
  714. -webkit-transition: opacity 0.7s linear;
  715. -webkit-transition: all 0.23s ease-out;
  716. -moz-transition: all 0.23s ease-out;
  717. transition: all 0.9s ease-out;
  718. }
  719.  
  720. #entry:hover .perma2 {
  721. opacity: .92;
  722. top:0px;padding-left:100px;
  723. filter: alpha(opacity = 100);
  724. }
  725.  
  726. .perma2 a {
  727. font-size:11px;
  728. letter-spacing:0px;
  729. color:#ffffff;
  730. height: 100%;padding:4px;
  731. width: 100%;
  732. -webkit-transition: opacity 0.23s linear;
  733. -webkit-transition: all 0.23s ease-out;
  734. -moz-transition: all 0.23s ease-out;
  735. transition: all 0.9s ease-out;
  736. }
  737.  
  738.  
  739. .perma3 p{
  740. margin: 0px;
  741. }
  742.  
  743. .perma3 a{
  744. color:#ffffff;
  745. }
  746.  
  747. .perma3{
  748. margin: auto;
  749. position: absolute;
  750. text-align: center;
  751. left: 100px;
  752. width: 0px;
  753. height: 100%;
  754. background-color: #000000;
  755. opacity: 0;
  756. z-index:9999991;
  757. filter: alpha(opacity = 0);
  758. -webkit-transition: opacity 0.7s linear;
  759. -webkit-transition: all 0.23s ease-out;
  760. -moz-transition: all 0.23s ease-out;
  761. transition: all 0.7s ease-out;
  762. }
  763.  
  764. #entry:hover .perma3 {
  765. opacity: .60;
  766. left:100px;width:100px;
  767. filter: alpha(opacity = 100);
  768. }
  769.  
  770. .perma3 a {
  771. font-size:11px;
  772. letter-spacing:0px;
  773. color:#ffffff;
  774. height: 100%;padding:4px;
  775. width: 100%;
  776. -webkit-transition: opacity 0.23s linear;
  777. -webkit-transition: all 0.23s ease-out;
  778. -moz-transition: all 0.23s ease-out;
  779. transition: all 0.7s ease-out;
  780. }
  781.  
  782.  
  783.  
  784. .stuff{
  785. font-size: 9px;
  786. line-height:23px;
  787. font-family:consolas;
  788. opacity: 1.0;
  789. text-transform:uppercase;
  790. color: #ffffff;
  791. -webkit-transition: opacity 0.4s linear;
  792. -webkit-transition: all 0.4s ease-out;
  793. -moz-transition: all 0.4s ease-out;
  794. transition: all 0.3s ease-out;
  795. }
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802. .left{
  803. position:absolute;
  804. z-index:99;
  805. top:0%;
  806. left:50%;
  807. background-color:white;
  808. height:100%;
  809. width:0px;
  810. opacity:0;
  811. -webkit-transition: all 1s ease-in-out;
  812. -moz-transition: all 1s ease-in-out;
  813. transition: all 1s ease-in-out;}
  814.  
  815. #entry:hover .left{
  816. opacity:0.3;
  817. left:0.1%;
  818. top:0px;
  819. width:50%;
  820. height:100%;
  821. -webkit-transition: all 1s ease-in-out;
  822. -moz-transition: all 1s ease-in-out;
  823. transition: all 1s ease-in-out;}
  824.  
  825. .right{
  826. position:absolute;
  827. z-index:99;
  828. top:0%;
  829. right:50%;
  830. background-color:white;
  831. height:100%;
  832. width:0px;
  833. opacity:0;
  834. -webkit-transition: all 1s ease-in-out;
  835. -moz-transition: all 1s ease-in-out;
  836. transition: all 1s ease-in-out;}
  837.  
  838. #entry:hover .right{
  839. opacity:0.3;
  840. right:0%;
  841. top:0px;
  842. width:50%;
  843. height:100%;
  844. -webkit-transition: all 1s ease-in-out;
  845. -moz-transition: all 1s ease-in-out;
  846. transition: all 1s ease-in-out;}
  847.  
  848. .perm1 a{
  849. display:inline-block;
  850. background-color:{color:notes permalink};
  851. width:15px;
  852. height:15px;
  853. -webkit-transition: all 0.7s ease-out;
  854. -moz-transition: all 0.7s ease-out;
  855. transition: all 0.7s ease-out;
  856. }
  857. .perm1 {
  858. opacity:0;
  859. border:1px solid #fff;
  860. -webkit-transition-duration: .75s;
  861. top:15px;
  862. position: absolute;
  863. margin-top:5px;
  864. display:block;
  865. width:15px;
  866. height:15px;
  867. margin-left:70px;
  868. {block:ifonecolumn}
  869. margin-left:95px;
  870. {/block:ifonecolumn}
  871. -webkit-transform: rotate(0deg);
  872. -moz-transform: rotate(0deg);
  873. }
  874. #entry:hover .perm1 {
  875. opacity:1;
  876. z-index:999999;
  877. margin-left: 70px;
  878. {block:ifonecolumn}
  879. margin-left:95px;
  880. {/block:ifonecolumn}
  881. -webkit-transform: rotate(0deg);
  882. -moz-transform: rotate(0deg);
  883. }
  884. .perm2 a{
  885. display:inline-block;
  886. background-color:{color:reblog permalink};
  887. width:15px;
  888. height:15px;
  889. -webkit-transition: all 0.7s ease-out;
  890. -moz-transition: all 0.7s ease-out;
  891. transition: all 0.7s ease-out;
  892. }
  893. .perm2 {
  894. opacity:0;
  895. border:1px solid #fff;
  896. -webkit-transition-duration: .75s;
  897. top:15px;
  898. width:15px;
  899. height:15px;
  900. position: absolute;
  901. margin-top:5px;
  902. text-align:center;
  903. display:block;
  904. margin-left: 65px;
  905. {block:ifonecolumn}
  906. margin-left:90px;
  907. {/block:ifonecolumn}
  908. -webkit-transform: rotate(0deg);
  909. -moz-transform: rotate(0deg);
  910. }
  911. #entry:hover .perm2 {
  912. opacity:1;
  913. z-index:999999;
  914. margin-left: 91px;
  915. {block:ifonecolumn}
  916. margin-left:116px;
  917. {/block:ifonecolumn}
  918. -webkit-transform: rotate(0deg);
  919. -moz-transform: rotate(0deg);
  920. }
  921. .perm3 a{
  922. display:inline-block;
  923. background-color:{color:date permalink};
  924. width:15px;
  925. height:15px;
  926. -webkit-transition: all 0.7s ease-out;
  927. -moz-transition: all 0.7s ease-out;
  928. transition: all 0.7s ease-out;
  929. }
  930. .perm3 {
  931. opacity:0;
  932. border:1px solid #fff;
  933. -webkit-transition-duration: .75s;
  934. top:15px;
  935. position: absolute;
  936. margin-top:5px;
  937. display:block;
  938. width:15px;
  939. height:15px;
  940. margin-left: 65px;
  941. {block:ifonecolumn}
  942. margin-left:90px;
  943. {/block:ifonecolumn}
  944. -webkit-transform: rotate(0deg);
  945. -moz-transform: rotate(0deg);
  946. }
  947. #entry:hover .perm3 {
  948. opacity:1;
  949. z-index:999999;
  950. margin-left:113px;
  951. {block:ifonecolumn}
  952. margin-left:138px;
  953. {/block:ifonecolumn}
  954. -webkit-transform: rotate(0deg);
  955. -moz-transform: rotate(0deg);
  956. }
  957.  
  958. </style>
  959. <link rel="shortcut icon" href="{Favicon}">
  960. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  961. <meta name="viewport" content="width=720" />
  962. </head>
  963. <script type="text/javascript" src="http://static.tumblr.com/
  964. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  965. <body>
  966.  
  967. <div id="stuff">
  968. <div id="content">
  969. <div id="sidebar">
  970.  
  971. {block:Ifblogtitle}
  972. <a href="/"><div class="titulo">{text:sidebar title}</div></a>
  973. {/block:Ifblogtitle}
  974.  
  975. {text:music player}
  976. {block:Ifsidebarimage}
  977. <div align="left" style="padding-bottom:6px;">
  978. <a href="/">
  979. <img style="" src="{image:sidebar}"width=100%" /></a></div>
  980. {/block:Ifsidebarimage}
  981.  
  982.  
  983. <div align="center" style="line-height:12px;padding-top:3px; margin-top:0px; margin-bottom:1px; color:{color:Blog Description};padding-bottom:3px;">{description}</div>
  984.  
  985.  
  986. <div align="center" style="line-height:5px;">
  987. <div id="hmm">
  988. <center>{block:IfLinkonetitle}<a href="{text:link one}" title="{text:link one title}"></a> {/block:IfLinkonetitle}
  989. {block:IfLinktwotitle} <font color="{color:post box}">-----</font> <a href="{text:link two}" title="{text:link two title}"></a> {/block:IfLinktwotitle}
  990. {block:IfLinkthreetitle} <font color="{color:post box}">-----</font> <a href="{text:link three}" title="{text:link three title}"></a>{/block:IfLinkthreetitle}
  991. {block:IfLinkfourtitle} <font color="{color:post box}">-----</font><a href="{text:link four}" title="{text:link four title}"></a>{/block:IfLinkfourtitle}
  992. {block:IfLinkfivetitle} <font color="{color:post box}">-----</font><a href="{text:link five}" title="{text:link five title}"></a>{/block:IfLinkfivetitle}
  993. {block:IfLinksixtitle} <font color="{color:post box}">-----</font><a href="{text:link six}" title="{text:link six title}"></a> {/block:IfLinksixtitle}
  994. </center>
  995.  
  996. </div>
  997. </div>
  998.  
  999.  
  1000. </div>
  1001.  
  1002. <div align="center">
  1003.  
  1004. <div id="posts">
  1005.  
  1006. {block:Posts}
  1007.  
  1008.  
  1009. {block:ContentSource}
  1010.  
  1011. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1012.  
  1013. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1014.  
  1015. {/block:SourceLogo}
  1016.  
  1017. {block:NoSourceLogo}{noSourceLink}{/block:NoSourceLogo} —>
  1018.  
  1019. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1020.  
  1021.  
  1022. <div id="entry">
  1023.  
  1024.  
  1025.  
  1026. {block:Photo}
  1027.  
  1028. <div id="photo">
  1029. <div id="image">
  1030. {block:IndexPage}{LinkOpenTag}
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. <div class="left"></div><div class="right"></div>
  1037.  
  1038.  
  1039.  
  1040. <div style=" position: absolute; opacity: 1.0;bottom: 54%; display: table-cell; vertical-align: middle; width:100%;"><p style=" position: relative;"><p>
  1041.  
  1042.  
  1043.  
  1044. </a>
  1045. <div class="perm1"> <a title="{notecountwithlabel}" href="{permalink}"></a></div>
  1046. <div class="perm2"> <a title="reblog this" href="{reblogurl}"></a></div>
  1047. <div class="perm3"> <a title="{Month} {DayOfMonth}" href="{permalink}"></a></div>
  1048. </p>
  1049. </div>
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" width=100%; style=" {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:ifRoundedEdges}-moz-border-radius: 3px; border-radius: 3px; {/block:ifRoundedEdges}"></a></div>{LinkCloseTag}{/block:IndexPage}</div></div>
  1055.  
  1056. {block:PermalinkPage}
  1057. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=700px;"></center>
  1058. <center>{caption}</center>
  1059. {/block:PermalinkPage}
  1060. {/block:Photo}
  1061.  
  1062. {block:Photoset}
  1063.  
  1064. {block:IndexPage}
  1065. {Photoset-250}
  1066. {/block:IndexPage}
  1067.  
  1068. {block:PermalinkPage}
  1069. {Photoset-500}
  1070. {/block:PermalinkPage}
  1071. {/block:Photoset}
  1072.  
  1073.  
  1074.  
  1075. {block:Text}<div style="padding-top:5px; padding-bottom:0px; padding-left:3px; padding-right:0px;">
  1076. {block:Title}
  1077. <a href="{permalink}"><span class="title">{Title}</span></a>
  1078. {/block:Title}
  1079. <span class="entrytext" style="line-height:12px;">{Body}</span>
  1080. <a href="{Permalink}"></a></div>
  1081. {block:indexpage}
  1082. <div align="right" style="padding-right:5px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1083. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  1084. </a></div>{/block:indexpage}
  1085. {/block:Text}
  1086.  
  1087. {block:Link}<div style="padding-top:15px; padding-bottom:0px;>
  1088. <a href="{URL}"><span class="title">{Name}</span></a></div>
  1089. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  1090. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  1091. {block:indexpage}
  1092. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1093. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  1094. </a></div>{/block:indexpage}
  1095. {/block:Link}
  1096.  
  1097. {block:Quote}
  1098. <div style="padding-top:10px; padding-bottom:10px;">
  1099. <span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
  1100. <div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
  1101. -{Source}
  1102. {/block:Source}</a></div><br>{block:indexpage}
  1103. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1104. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  1105. </a></div>{/block:indexpage}
  1106. </div>
  1107. {/block:Quote}
  1108.  
  1109. {block:Chat}
  1110. <div style="padding-top:15px; padding-bottom:10px;">
  1111. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  1112. <ul class="chat">
  1113. {block:Lines}
  1114. <li class="user_{UserNumber}">
  1115. {block:Label}
  1116. <span class="label" style="line-height:12px;">{Label}</span>
  1117. {/block:Label}
  1118. {Line}
  1119. </li>
  1120. {/block:Lines}
  1121. </ul>
  1122. {block:Caption}{Caption}{/block:Caption}
  1123. <br>{block:indexpage}
  1124. <div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1125. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  1126. </a></div>{/block:indexpage}
  1127. </div>
  1128. {/block:Chat}
  1129.  
  1130.  
  1131.  
  1132.  
  1133. {block:Audio}
  1134. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div style="text-align:left"><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
  1135.  
  1136.  
  1137. <div style="padding-bottom:0px;padding-top:6px;"></div>{block:indexpage}
  1138. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  1139. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1140. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
  1141. </a></div>{/block:indexpage}
  1142.  
  1143.  
  1144. {/block:Audio}
  1145.  
  1146.  
  1147.  
  1148. {block:Video}
  1149.  
  1150. {block:IndexPage}
  1151. {Video-250}
  1152. {/block:IndexPage}
  1153.  
  1154. {block:PermalinkPage}
  1155. {Video-500}
  1156. {/block:PermalinkPage}
  1157. {/block:Video}
  1158.  
  1159.  
  1160.  
  1161.  
  1162.  
  1163. {block:PermalinkPage}
  1164. <center>
  1165. {block:RebloggedFrom}<br><b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br><Br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
  1166. </center>
  1167.  
  1168. <br><br>
  1169. <div align="left">
  1170. {block:PostNotes}
  1171. {PostNotes}
  1172. {/block:PostNotes}</div>
  1173. {/block:PermalinkPage}
  1174.  
  1175.  
  1176. </div>
  1177.  
  1178.  
  1179.  
  1180. {/block:Posts}
  1181. </div>
  1182. </div>
  1183. </div>
  1184. </center>
  1185. </div>
  1186. </div>
  1187.  
  1188.  
  1189.  
  1190. {block:indexpage}
  1191.  
  1192.  
  1193. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1194. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  1195. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1196. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/Vzan8xy5r/jquerymsnryv3.js"></script>
  1197. <script type="text/javascript">
  1198. $(window).load(function(){
  1199. var $wall = $('#posts');
  1200. $wall.imagesLoaded(function(){
  1201. $wall.masonry({
  1202. itemSelector: '#entry, #entry_photo',
  1203. isAnimated : false
  1204. });
  1205. });
  1206.  
  1207. $wall.infinitescroll({
  1208. navSelector : '#page-nav',
  1209. nextSelector : '#page-nav a',
  1210. itemSelector : '#entry, #entry_photo',
  1211. bufferPx : 2000,
  1212. debug : false,
  1213. errorCallback: function() {
  1214. $('#infscr-loading').fadeOut('normal');
  1215. }},
  1216. function( newElements ) {
  1217. var $newElems = $( newElements );
  1218. $newElems.hide();
  1219. $newElems.imagesLoaded(function(){
  1220. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1221. });
  1222. }); $('#content').show(500);
  1223. });
  1224. </script>
  1225. {/block:indexpage}
  1226.  
  1227.  
  1228.  
  1229. </body>
  1230. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!