API tools faq
paste
Advertisement
stylens

ojeys theme

stylens
Jun 7th, 2013
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.62 KB | None | 0 0
raw download clone embed print report
  1. <!-
  2. ojeys theme by perys ♡
  3. -!>
  4.  
  5. <html lang="en">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/uiqhh9x/euPm9h61q/animate.css">
  9. <head>
  10. <script>
  11. $(document).ready(function(){
  12. $("#flip").click(function(){
  13. $("#panel").slideToggle("slow");
  14. });
  15. });
  16. </script>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20.  
  21. <script>
  22. $(document).ready(function() {
  23. //
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  31. var popMargTop = ($('#' + popID).height() + 80) / 2;
  32. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  33. //Apply Margin to Popup
  34. $('#' + popID).css({
  35. 'margin-top' : -popMargTop,
  36. 'margin-left' : -popMargLeft
  37. });
  38. $('body').append('<div id="fade"></div>');
  39. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  40. return false;
  41. });
  42. $('a.close, #fade').live('click', function() {
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  51.  
  52. <style>
  53.  
  54. div#qTip {
  55. padding: 5px;
  56. height:10px;
  57. font-family:littlefont;
  58. text-transform:uppercase;
  59. font-size:8px;
  60. display: none;
  61. text-align: center;
  62. position: absolute;
  63. line-height:11px;
  64. z-index: 999999999999;
  65. background:#fff;
  66. color: {color:link};
  67. letter-spacing:1px;
  68. border-radius:5px; border: 1px solid #E6DFDF;
  69. }
  70.  
  71. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  72.  
  73.  
  74. </style>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  77.  
  78. <meta name="color:Background" content="#ffffff"/>
  79. <meta name="color:Title" content="#292929"/>
  80. <meta name="color:Text" content="#363636"/>
  81. <meta name="color:highlight" content="#fff"/>
  82. <meta name="color:Link" content="#C29B9B"/>
  83. <meta name="color:scrollbar" content="#727272"/>
  84. <meta name="color:Hover" content="#ddd"/>
  85. <meta name="color:sidebar" content="#C29B9B"/>
  86.  
  87. <meta name="image:background" content="#FFDDDD" />
  88. <meta name="image:sidebar" content="http://i52.tinypic.com/14t5wqu.jpg"/>
  89.  
  90. <meta name="color:sidebar text" content="#b9b8b8" />
  91. <meta name="color:info" content="#fff" />
  92. <meta name="color:border color" content="#f5f5f5" />
  93. <meta name="color:bg block" content="#fafafa" />
  94. <meta name="text:Link One Title" content="link 1" />
  95. <meta name="text:Link One" content="" />
  96. <meta name="text:Link Two Title" content="link 2"/>
  97. <meta name="text:Link Two" content="" />
  98. <meta name="text:Link Three Title" content="link 3"/>
  99. <meta name="text:Link Three" content="" />
  100. <meta name="text:Link Four Title" content="link 4"/>
  101. <meta name="text:Link Four" content="" />
  102.  
  103.  
  104.  
  105. <meta name="text:blogtitle" content="pretty brown eyes" />
  106.  
  107. <meta name="if:Black Player" content="0">
  108.  
  109.  
  110. </script>
  111.  
  112. <style type="text/css">
  113. #fade { /*--Transparent background layer--*/
  114. display: none; /*--hidden by default--*/
  115. background: #000;
  116. position: fixed; left: 0; top: 0;
  117. width: 100%; height: 100%;
  118. opacity: .6;
  119. z-index: 9999;
  120. }
  121. .popup_block{
  122. display: none; /*--hidden by default--*/
  123. background: #ffffff;
  124. color:{color:text};
  125. text-transform:uppercase;
  126. padding: 10px;
  127. float: left;
  128. font-size: 9px;
  129. position: fixed;
  130. top: 50%; left: 50%;
  131. z-index: 99999;
  132. font-family:consolas;
  133. border-left:4px solid #ddd;
  134. border-right:4px solid #ddd;
  135. border-top:1px solid #ddd;
  136. border-bottom:1px solid #ddd;
  137. -webkit-transition: all .7s ease;
  138. -moz-transition: all .7s ease;
  139. -o-transition: all .7s ease;
  140. transition: all .7s ease;
  141. border-radius:10px;
  142. }
  143. /*--Making IE6 Understand Fixed Positioning--*/
  144. *html #fade {
  145. position: absolute;
  146. }
  147. *html .popup_block {
  148. position: absolute;
  149. }
  150.  
  151.  
  152. highlight{
  153. background:{color:highlight};
  154. line-height:12px;
  155. margin:0px;
  156. padding:0px;
  157. }
  158.  
  159. iframe#tumblr_controls {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;}
  160.  
  161. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  162.  
  163. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  164.  
  165. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  166.  
  167. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  168.  
  169.  
  170. ::selection {
  171. background: #ebbbaa;
  172. color: #ffffff;
  173. }
  174.  
  175.  
  176. ::-moz-selection {
  177. background: #ebbbaa;
  178. color: #ffffff;
  179. }
  180. @font-face {
  181. font-family: "bitchez";
  182. src: url('http://static.tumblr.com/dcjqcpf/yfBmd5792/lora-italic.ttf');}
  183.  
  184. @font-face {
  185. font-family: "tinytots";
  186. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  187.  
  188. @font-face { font-family:'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf'); }
  189.  
  190. @font-face { font-family: 'lolol'; src: local('04b24'), url('http://static.tumblr.com/05a5g7u/vI3lxe1yj/bangalor.ttf') format('woff'); }
  191.  
  192. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  193.  
  194. @font-face {font-family: "urmom"; src: url('http://static.tumblr.com/dcjqcpf/FLum69zq4/lobster_1.4.otf');}
  195.  
  196. @font-face {font-family: "wow"; src: url('http://static.tumblr.com/dcjqcpf/RR7m540bv/ck_puppy_love.ttf');}
  197.  
  198. @font-face {font-family: "bye"; src: url('http://static.tumblr.com/dcjqcpf/Heom8pxyg/pf_ronda_seven.ttf');}
  199.  
  200. @font-face {font-family: "hey"; src: url('http://static.tumblr.com/dcjqcpf/7wGm8rj1u/pf_arma_five.ttf');}
  201. body{
  202. margin:5px;
  203. background-color: {color:Background};
  204. background-image:url({image:Background});
  205. background-attachment: fixed;
  206. background-size: tile;
  207. font-family:pixel;
  208. font-size:8px;
  209. line-height:12px;
  210. color:{color:Text};
  211. cursor:url(http://i.imgur.com/2qleX.jpg), progress;
  212. }
  213.  
  214. a:link, a:active, a:visited{
  215. color:{color:link};
  216. text-decoration: none;
  217. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  218.  
  219. }
  220.  
  221. a:hover{
  222. text-shadow:3px 0 0 #777, -3px 0 0 #aaa;
  223. -webkit-transition: all 0.5s ease;
  224. -moz-transition: all 0.5s ease;
  225. -o-transition: all 0.5s ease;
  226. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  227. color: transparent;
  228.  
  229. }
  230.  
  231. .title {
  232. font-family:arial;
  233. font-size:14px;
  234. font-weight:bold;
  235. letter-spacing:1px;
  236. color:{color:links};
  237. text-transform:uppercase;
  238. text-align:left;
  239. -moz-transition: 0.5s ease-in;
  240. -webkit-transition: 0.5s ease-in;
  241. -o-transition: 0.5s ease-in;
  242. transition: 0.5s ease-in;
  243. }
  244.  
  245. e{
  246. font-family: georgia;
  247. text-transform: lowercase;
  248. font-style:italic;
  249. font-size:9px;
  250. color: #8c43aa;
  251. }
  252.  
  253. d{
  254. font-family: georgia;
  255. text-transform: lowercase;
  256. font-style:italic;
  257. font-size:9px;
  258. color: #fa69a3;
  259. }
  260.  
  261. c{
  262. font-family: georgia;
  263. text-transform: lowercase;
  264. font-style:italic;
  265. font-size:9px;
  266. color: #a5ea7f;
  267. }
  268.  
  269. z{
  270. font-family: georgia;
  271. text-transform: lowercase;
  272. font-style:italic;
  273. font-size:9px;
  274. color: #61cf61;
  275. }
  276.  
  277. #cunt{width:250px; height:auto;}
  278. {block:PermalinkPage}
  279. width:410px;
  280. {/block:PermalinkPage}
  281. }
  282.  
  283. #center{
  284. padding-top:3px;
  285. padding-bottom:3px;
  286. position:fixed !important;
  287. width:250px;
  288. height:207px;
  289. background-color:#fff;
  290. {block:PermalinkPage}
  291. width:410px;
  292. height:207px;
  293. {/block:PermalinkPage}
  294. }
  295.  
  296. #posts{
  297.  
  298. float:center;
  299. {block:indexpage}
  300. width:800px;
  301. {/block:indexpage}
  302. margin-left:430px;
  303. margin-top: 15px;
  304. {block:permalinkpage}
  305. width:800px;
  306. {/block:permalinkpage}
  307. }
  308. #icon{
  309. display:inline-block;
  310. margin-left:0px;
  311. margin-right:7px;
  312. float:center;
  313. width: 35px;
  314. height: 36px;
  315. background:white;
  316. padding:5px;
  317. z-index:9;
  318. }
  319.  
  320. /* FONTS */
  321. @font-face { font-family: "death"; src: url('http://static.tumblr.com/iyodnno/B1Rmdlbxr/signerica_medium.ttf'); }
  322. @font-face {font-family:"olivier";src: url('http://static.tumblr.com/wphkhd8/fBhmkemqu/olivier_demo.ttf');}
  323. @font-face{font-family:'basic';src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf');}
  324. @font-face { font-family: rway; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  325. @font-face{font-family:"jane";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf');}
  326. @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
  327.  
  328. .blogtitle {
  329. display:block;
  330. padding:5px;
  331. letter-spacing:3px;
  332. font-size:15px;
  333. font-family:consolas;
  334. cursor:help;
  335. text-transform:uppercase;
  336. color:{color:Title};
  337. }
  338.  
  339. #bar {
  340. text-align: justify;
  341. top: 157px;
  342. width:130px;
  343. position: fixed;
  344.  
  345. margin-left: 270px;
  346.  
  347. }
  348.  
  349. #barimg {
  350. display: block;
  351. }
  352.  
  353. #barimg img {
  354. width: 100px;
  355. min-height: 100px;
  356. z-index:99;
  357. padding:15px;
  358. -webkit-transition-duration:0.8s;
  359. -moz-transition-duration: 0.8s;
  360. background:#fff;
  361. border: 1px solid {color:Border color};
  362. }
  363.  
  364.  
  365.  
  366.  
  367. #title a{color:{color:title}; -webkit-transition: all 0.9s ease-in-out;
  368. -moz-transition: all 0.9s ease-in-out;}
  369. #title a:hover{color:#eee; -webkit-transition: all 0.9s ease-in-out;
  370. -moz-transition: all 0.9s ease-in-out;}
  371.  
  372.  
  373. #bartext {
  374. font-size:10px;
  375. text-align: justify;
  376. color:{color:sidebar text};
  377. font-family: calibri;
  378. letter-spacing:0px;
  379. padding: 10px 15px 10px 15px;
  380. width: 100px;
  381. height:100%;
  382. margin-bottom: 4px;
  383. line-height:10px;
  384. display:inline-block;
  385. overflow:hide;
  386. margin-top: 10px;
  387. background: #fbfbfb;
  388. border: 1px solid {color:Border color};
  389.  
  390. }
  391.  
  392. #bar:hover .desc{margin-top:-45px;opacity:1;-webkit-transition-duration: 0.5s;margin-bottom:5px;}
  393. .desc{text-align:center;position:relative;overflow:hidden;font-family:calibri,arial;padding:5px;height:10px;font-size:11px;font-style:italic;background-color:#fcfcfc;border:1px solid #e9e9e9;margin-bottom:-22px;opacity:0;-webkit-transition-duration: 0.5s;}
  394.  
  395.  
  396.  
  397. .cred {
  398. font-family:calibri; letter-spacing:1px; font-size:17px; top:21px; right:4px; position:fixed; padding:10px; text-align:right; font-weight:normal; }
  399.  
  400. .cred:hover #name
  401. { margin-bottom:0;
  402. -webkit-transition: all 0.2s ease-out;
  403. -o-transition: all 0.2s ease-out;
  404. -webkit-transition: all 0.2s ease-out;
  405. -moz-transition: all 0.2s ease-out;}
  406.  
  407. .cred:hover #star { opacity:0;
  408. -webkit-transition: all 0.2s ease-out;
  409. -o-transition: all 0.2s ease-out;
  410. -webkit-transition: all 0.2s ease-out;
  411. -moz-transition: all 0.2s ease-out;}
  412.  
  413. #star { font-size:20px; padding-bottom:10px; }
  414. #name { margin-bottom:-36px;
  415. -webkit-transition: all 0.2s ease-out;
  416. -o-transition: all 0.2s ease-out;
  417. -webkit-transition: all 0.2s ease-out;
  418. -moz-transition: all 0.2s ease-out;}
  419. #name a { color:{color:italic}; }
  420.  
  421.  
  422. .popuptitle{
  423. background: transparent;
  424. font-family:consolas;
  425. font-size:8px;
  426. text-transform:uppercase;
  427. letter-spacing:2px;
  428. line-height:13px;
  429. text-align:left;
  430. letter-spacing:2px;
  431. border-bottom:1px solid #ddd;
  432. color:{color:title};
  433. margin-bottom:2px;
  434. padding-left:5px;
  435. }
  436.  
  437. .por{float:left;margin-right:5px;border-right:2px solid #EEE;}
  438. .por img{margin-right:5px;width:40px;}
  439.  
  440. .ques {
  441. padding:5px;
  442. min-height:40px;
  443. font-size:8px;
  444. letter-spacing:1px;
  445. text-transform:uppercase;
  446. border-bottom:2px solid #EEE;}
  447.  
  448. #entry .perma a{
  449. color:;}
  450.  
  451. .permalink {
  452. display: block;
  453. border-top: 1px solid #ddd;
  454. padding: 3px;
  455. margin: 4px 10px 0px 10px;
  456. font-family: calibri;
  457. font-size: 60px;
  458. color: #424242;
  459. line-height: 110px;
  460. text-align: center;
  461. text-decoration: none;
  462. -webkit-transition: color 0.9s ease-out;
  463. -moz-transition: color 0.9s ease-out;
  464. }
  465.  
  466. #entry .perma a{
  467. color:;
  468. -webkit-transition: color 0.9s ease-out;
  469. -moz-transition: color 0.9s ease-out;
  470. }
  471.  
  472.  
  473. #entry .perma1{
  474. width:100%;
  475. height:100%;
  476. padding:10px;
  477. font-family:georigia;
  478. opacity:0;
  479. font-style:oblique;
  480. text-transform: uppercase;
  481. letter-spacing:1px;
  482. -webkit-filter: blur(5px);
  483. position: absolute;
  484. font-size:10px;
  485. line-height: 160px;
  486. text-align: left;
  487. overflow:hidden;
  488. opacity:0;
  489. background:white;
  490. letter-spacing:0px;
  491. bottom:8px;
  492. margin-left: 0px;
  493. -webkit-transition: all .7s ease;
  494. -moz-transition: all .7s ease;
  495. -o-transition: all .7s ease;
  496. transition: all .7s ease;
  497. }
  498.  
  499. #entry:hover .perma1{
  500. opacity: 1;
  501. -webkit-filter: blur(0px);
  502. }
  503.  
  504.  
  505.  
  506.  
  507.  
  508. .permalinktext {
  509. display: block;
  510. padding: 0px;
  511. margin: 3px 0px 0px 0px;
  512. font-family:calibri;
  513. letter-spacing: 2px;
  514. font-size:8px;
  515. color: #EDEDED;
  516. line-height: 16px;
  517. text-align: center;
  518. text-transform:uppercase;
  519. text-decoration: none;
  520. background:#F5F5F5;
  521. -webkit-transition: color 0.5s ease-out;
  522. -moz-transition: color 0.5s ease-out;
  523. border-top: 1px solid #dcdcdc;
  524. border-bottom-right-radius:5px;
  525. border-bottom-left-radius:5px;
  526. }
  527.  
  528.  
  529. #postnotes{
  530. text-align: left;
  531. }
  532.  
  533. #postnotes blockquote{
  534. border: 0px;
  535. }
  536.  
  537. #entry{
  538. font-family:calibri;
  539. font-size:10px;
  540. font-style:oblique;
  541. line height: 11px;
  542. text-align:left;
  543. float:left;
  544. width:179px;
  545. text-transform:lowercase;
  546. {block:PermalinkPage}
  547. width: 460px;
  548. height: auto;
  549. {/block:PermalinkPage}
  550. line-height:17px;
  551. background:#fff;
  552. padding:8px;
  553. -moz-border-radius: 10;
  554. -webkit-border-radius: 10px;
  555. border-radius: 10px;
  556. border: 1px solid #ededed;
  557. margin-right:15px;
  558. overflow:hidden;
  559. margin-bottom:15px;
  560.  
  561. }
  562.  
  563.  
  564. #entry:hover{
  565. opacity: 0.5;
  566. transition: all 1.0s ease-out;
  567. -o-transition-transition: all 1.0s ease-out;
  568. -webkit-transition: all 1.0s ease-out;
  569. -moz-transition: all 1.0s ease-out;
  570. }
  571.  
  572. #entry img{
  573. border-radius: 5px;
  574. opacity: .7;
  575. -webkit-transition: all 0.7s ease-out;
  576. -moz-transition: all 0.7s ease-out;
  577. transition: all 0.7s ease-out;
  578. }
  579. #entry img:hover{
  580. opacity: 1;
  581. -webkit-transition: all 0.7s ease-out;
  582. -moz-transition: all 0.7s ease-out;
  583. transition: all 0.7s ease-out;
  584. }
  585.  
  586. #permapage{
  587. font-family: consolas;
  588. font-size: 10px;
  589. line-height: 10px;
  590. text-align: center;
  591. padding-bottom:10px;
  592. z-index:9999;}
  593.  
  594.  
  595. blockquote{
  596. padding:0px 0px 2px 3px;
  597. margin:0px 0px 5px 1px;
  598. border-left: 6px solid {color:link}
  599. }
  600.  
  601. ul, ol, li{
  602. list-style: circle;
  603. margin-left:10px;
  604. padding:0px;
  605. }
  606.  
  607.  
  608. .chat {
  609. text-transform:none;
  610. font-size:9px;
  611. line-height:12px;
  612. list-style:none
  613. }
  614. .chat ul {
  615. line-height:15px;
  616. list-style:none;
  617. padding:0px;
  618. line-height:20px;
  619. }
  620. .person1 {
  621. background-color:#fff;
  622. padding-left:6px;
  623. padding-right:6px;
  624. }
  625. .person1 .label {
  626. font-weight:bold;
  627. color:{color:title};
  628. }
  629. .person2 {
  630. background-color:{color:backgroud};
  631. padding-left:6px;
  632. padding-right:6px;
  633. }
  634. .person2 .label {
  635. font-weight:bold;
  636. color:{color:title};
  637. }
  638. .person3 {
  639. background-color:#fff;
  640. padding-left:6px;
  641. padding-right:6px;
  642. }
  643. .person3 .label {
  644. font-weight:bold;
  645. color:{color:title};
  646. }
  647. .person4 {
  648. background-color:{color:backgroud};
  649. padding-left:6px;
  650. padding-right:6px;
  651. }
  652. .person4 .label {
  653. font-weight:bold;
  654. color:{color:title};
  655. }
  656. .person5 {
  657. background-color:#fff;
  658. padding-left:6px;
  659. padding-right:6px;
  660. }
  661. .person5 .label {
  662. font-weight:bold;
  663. color:{color:title};
  664. }
  665. .person6 {
  666. background-color:{color:backgroud};
  667. padding-left:6px;
  668. padding-right:6px;
  669. }
  670. .person6 .label {
  671. font-weight:bold;
  672. color:{color:title};
  673. }
  674.  
  675.  
  676.  
  677. #audio {
  678. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  679. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  680. height:70px;
  681. margin-bottom:0px;
  682. }
  683.  
  684. .artcover {
  685. width:70px;
  686. height:70px;
  687. position:absolute;
  688. }
  689. .artcover img {
  690. width:70px;
  691. height:70px;
  692. float:left;
  693. }
  694.  
  695. .player {
  696. position:absolute;
  697. z-index:1;
  698. width:60px;
  699. height:60px;
  700. margin-top:5px;
  701. margin-left:5px;
  702. display:block;
  703. opacity:0.7;
  704. -webkit-transition:all 0.4s;
  705. -moz-transition:all 0.4s;
  706. -o-transition:all 0.4s;
  707. -ms-transition: all 0.4s;
  708. transition:all 0.5s;
  709. {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  710. {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  711. }
  712. .player:hover {
  713. -webkit-transition:all 0.4s;
  714. -moz-transition:all 0.4s;
  715. -o-transition:all 0.4s;
  716. -ms-transition: all 0.4s;
  717. transition:all 0.4s;
  718. opacity:0.5;
  719. }
  720.  
  721. .audioplayer {
  722. width:24px;
  723. height:24px;
  724. margin-top:14px;
  725. margin-left:13px;
  726. overflow:hidden;
  727. padding:3px;
  728. }
  729.  
  730. .audioinfo {
  731. {block:IfNotPosts400px}width:422px;{/block:IfNotPosts400px}
  732. {block:IfPosts400px}width:322px;{/block:IfPosts400px}
  733. height:52px;
  734. margin-left:78px;
  735. display:block;
  736. padding-top:18px;
  737. font-size:11px;
  738. font-weight:bold;
  739. letter-spacing:1px;
  740. text-transform:uppercase;
  741. text-align:center;
  742. color:{color:asks text};
  743. background:{color:asks background};
  744. }
  745.  
  746.  
  747. </style>
  748. <title>{title}</title>
  749. <link rel="shortcut icon" href="{favicon}">
  750. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  751. <meta name="viewport" content="width=720" />
  752. </head>
  753.  
  754.  
  755.  
  756. <body>
  757.  
  758.  
  759. <div id="bar">
  760. <div id="desc">
  761. <a href="/">home</a> / <a href="{text:Link One}">{text:Link One Title}</a> / <a href="{text:Link Two}">{text:Link Two Title}</a> / <a href="{text:Link Three}">{text:Link Three Title}</a> / <a href="{text:Link Four}">{text:Link Four Title}</a> </div>
  762.  
  763. <div id="barimg">
  764. <img src="{image:sidebar}"></div>
  765.  
  766.  
  767. <div id="bartext">
  768. {block:Description}{Description}{/block:Description}
  769. </div>
  770.  
  771.  
  772.  
  773. </div></div>
  774. <div id="center">
  775. <div id="content">
  776.  
  777.  
  778.  
  779.  
  780. <div id="posts">
  781.  
  782. {block:Posts}
  783. <div id="entry">
  784. {block:Text}
  785. {block:Title}<span class="title">{Title}</span>{/block:Title}
  786. <span class="entrytext">{Body}</span>
  787. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  788. {/block:Text}
  789.  
  790. {block:Link}
  791. <a href="{URL}" class="title">{Name}</a>
  792. {block:Description}{Description}{/block:Description}
  793. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  794. {block:Link}
  795.  
  796. {block:Photo}{block:IndexPage}
  797.  
  798.  
  799. {/block:IndexPage}
  800. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=179px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}<br>
  801. <div class="perma1"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  802. {/block:Photo}
  803.  
  804.  
  805.  
  806. {block:Quote}
  807. <span class="entrytext">{Quote}</span>
  808. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  809. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  810. {/block:Quote}
  811.  
  812. {block:Chat}
  813. {block:Title}<span class="title">{Title}</span>{/block:Title}
  814. <ul class="chat">
  815. {block:Lines}
  816. <li class="user_{UserNumber}">
  817. {block:Label}
  818. <span class="label">{Label}</span>
  819. {/block:Label}
  820.  
  821. {Line}
  822. </li>
  823. {/block:Lines}
  824. </ul>
  825. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>
  826. <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  827. {/block:Chat}
  828.  
  829.  
  830. {block:Audio}
  831. <div id="audio">
  832. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  833.  
  834. <div class="player">
  835. <div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNotBlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>
  836.  
  837. <div class="audioinfo">
  838. {block:TrackName}{TrackName}{/block:TrackName}
  839. <div style="font-size:8px; margin-top:5px;">
  840. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  841. </div></div></div>
  842.  
  843. <div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </div>
  844.  
  845. {block:IfNotShowCaption}{block:PermalinkPage}
  846. {block:Caption}<br>{Caption}{/block:Caption}
  847. {/block:PermalinkPage}{/block:IfNotShowCaption}
  848. {/block:Audio}
  849.  
  850. {block:Video}<center>
  851. <div class="video">{Video-400}</div></center>
  852. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  853. {block:Video}
  854.  
  855.  
  856. {block:Answer}
  857. <div class="ques">
  858. <div class="por"><img src="{AskerPortraitURL-128}"></div><br>
  859. <div class="i"><b>{Asker}</b></div>{Question}</div>{Answer}
  860. <div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </div>
  861. {/block:Answer}
  862.  
  863.  
  864. {block:PostNotes}<div align="middle">{caption}</div>
  865. <center>
  866.  
  867. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  868.  
  869.  
  870. {block:RebloggedFrom}
  871. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  872. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  873.  
  874. {/block:RebloggedFrom}
  875. </center></span>
  876. <br>
  877. <div id="postnotes">{PostNotes}</div><br>
  878.  
  879. <center>{block:ContentSource}
  880. <br><a href="{SourceURL}">
  881. {lang:Source}:
  882. {block:SourceLogo}
  883. <img src="{BlackLogoURL}" width="{LogoWidth}"
  884. height="{LogoHeight}" alt="{SourceTitle}" />
  885. {/block:SourceLogo}
  886. {block:NoSourceLogo}
  887. {SourceLink}
  888. {/block:NoSourceLogo}
  889. </a>
  890. {/block:ContentSource}</center>
  891.  
  892. {/block:PostNotes}
  893. </div>
  894. {/block:Posts}
  895. </div></div>
  896.  
  897. {block:indexpage}
  898. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  899. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  900. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  901. <script type="text/javascript">
  902. $(window).load(function(){
  903. var $wall = $('#posts');
  904. $wall.imagesLoaded(function(){
  905. $wall.masonry({
  906. itemSelector: '#entry, #entry_photo',
  907. isAnimated : false
  908. });
  909. });
  910.  
  911. $wall.infinitescroll({
  912. navSelector : '#page-nav',
  913. nextSelector : '#page-nav a',
  914. itemSelector : '#entry, #entry_photo',
  915. bufferPx : 2000,
  916. debug : false,
  917. errorCallback: function() {
  918. $('#infscr-loading').fadeOut('normal');
  919. }},
  920. function( newElements ) {
  921. var $newElems = $( newElements );
  922. $newElems.hide();
  923. $newElems.imagesLoaded(function(){
  924. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  925. });
  926. }); $('#content').show(500);
  927. });
  928. </script>
  929. {/block:indexpage}
  930.  
  931. </div>
  932.  
  933. <body onkeydown="return false">
  934.  
  935. <br><br>
  936. <div class="cred">
  937. <div id="name"><a href="http://perys.tumblr.com/" title="so cute"> theme</a>
  938. </div>
  939. </div>
  940.  
  941.  
  942.  
  943.  
  944.  
  945. </body>
  946.  
  947.  
  948.  
  949. </hmtl>
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!