ramfaggot

Untitled

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