API tools faq
paste
Advertisement
stylens

gatsby theme

stylens
May 12th, 2013
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.77 KB | None | 0 0
raw download clone embed print report
  1. <!-
  2. gatsby 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:description" content="#cccccc" />
  86.  
  87. <meta name="color:borders" content="#C29B9B"/>
  88.  
  89. <meta name="image:background" content="#FFDDDD" />
  90. <meta name="image:sidebar" content="http://i52.tinypic.com/14t5wqu.jpg"/>
  91.  
  92. <meta name="text:Link One Title" content="link 1" />
  93. <meta name="text:Link One" content="" />
  94. <meta name="text:Link Two Title" content="link 2"/>
  95. <meta name="text:Link Two" content="" />
  96. <meta name="text:Link Three Title" content="link 3"/>
  97. <meta name="text:Link Three" content="" />
  98. <meta name="text:Link Four Title" content="link 4"/>
  99. <meta name="text:Link Four" content="" />
  100. <meta name="text:Link Five Title" content="link 5" />
  101. <meta name="text:Link Five" content="" />
  102. <meta name="text:Link Six Title" content="link 6"/>
  103. <meta name="text:Link Six" content="" />
  104.  
  105.  
  106. <meta name="text:blogtitle" content="pretty brown eyes" />
  107.  
  108. <meta name="if:Black Player" content="0">
  109.  
  110.  
  111. </script>
  112.  
  113. <style type="text/css">
  114. #fade { /*--Transparent background layer--*/
  115. display: none; /*--hidden by default--*/
  116. background: #000;
  117. position: fixed; left: 0; top: 0;
  118. width: 100%; height: 100%;
  119. opacity: .6;
  120. z-index: 9999;
  121. }
  122. .popup_block{
  123. display: none; /*--hidden by default--*/
  124. background: #ffffff;
  125. color:{color:text};
  126. text-transform:uppercase;
  127. padding: 10px;
  128. float: left;
  129. font-size: 9px;
  130. position: fixed;
  131. top: 50%; left: 50%;
  132. z-index: 99999;
  133. font-family:consolas;
  134. border-left:4px solid #ddd;
  135. border-right:4px solid #ddd;
  136. border-top:1px solid #ddd;
  137. border-bottom:1px solid #ddd;
  138. -webkit-transition: all .7s ease;
  139. -moz-transition: all .7s ease;
  140. -o-transition: all .7s ease;
  141. transition: all .7s ease;
  142. border-radius:10px;
  143. }
  144. /*--Making IE6 Understand Fixed Positioning--*/
  145. *html #fade {
  146. position: absolute;
  147. }
  148. *html .popup_block {
  149. position: absolute;
  150. }
  151.  
  152.  
  153. highlight{
  154. background:{color:highlight};
  155. line-height:12px;
  156. margin:0px;
  157. padding:0px;
  158. }
  159.  
  160. 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;}
  161.  
  162. 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;}
  163.  
  164. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  165.  
  166. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  167.  
  168. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  169.  
  170.  
  171. ::selection {
  172. background: #ebbbaa;
  173. color: #ffffff;
  174. }
  175.  
  176.  
  177. ::-moz-selection {
  178. background: #ebbbaa;
  179. color: #ffffff;
  180. }
  181. @font-face {font-family:bdcalais; src: url(http://static.tumblr.com/gkjjtx2/up2mlya6q/bdcalais.ttf);}
  182. @font-face{font-family:Japan; src:url(http://static.tumblr.com/9wzbixa/KKbm0c410/japan.ttf);}
  183. @font-face{font-family:Double Feature;src:url(http://static.tumblr.com/9wzbixa/pY7mj2hgs/doublefeature20.ttf);}
  184.  
  185. @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  186. body{
  187. margin:5px;
  188. background-color: {color:Background};
  189. background-image:url({image:Background});
  190. background-attachment: fixed;
  191. background-size: tile;
  192. font-family:consolas;
  193. line-height:12px;
  194. color:{color:Text};
  195. cursor:url(http://i.imgur.com/2qleX.jpg), progress;
  196. }
  197.  
  198. a:link, a:active, a:visited{
  199. color:{color:link};
  200. text-decoration: none;
  201. -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;
  202.  
  203. }
  204.  
  205. a:hover{
  206. text-shadow:3px 0 0 #777, -3px 0 0 #aaa;
  207. -webkit-transition: all 0.5s ease;
  208. -moz-transition: all 0.5s ease;
  209. -o-transition: all 0.5s ease;
  210. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  211. color: transparent;
  212.  
  213. }
  214.  
  215. .title {
  216. font-family:arial;
  217. font-size:14px;
  218. font-weight:bold;
  219. letter-spacing:1px;
  220. color:{color:links};
  221. text-transform:uppercase;
  222. text-align:left;
  223. -moz-transition: 0.5s ease-in;
  224. -webkit-transition: 0.5s ease-in;
  225. -o-transition: 0.5s ease-in;
  226. transition: 0.5s ease-in;
  227. }
  228.  
  229. #cunt{width:250px; height:auto;}
  230. {block:PermalinkPage}
  231. width:410px;
  232. {/block:PermalinkPage}
  233. }
  234.  
  235. #center{
  236. padding-top:3px;
  237. padding-bottom:3px;
  238. position:fixed !important;
  239. width:250px;
  240. height:207px;
  241. background-color:#fff;
  242. {block:PermalinkPage}
  243. width:410px;
  244. height:207px;
  245. {/block:PermalinkPage}
  246. }
  247.  
  248. #posts{
  249.  
  250. float:center;
  251. {block:indexpage}
  252. width:800px;
  253. {/block:indexpage}
  254. margin-left:430px;
  255. margin-top: 15px;
  256. {block:permalinkpage}
  257. width:800px;
  258. {/block:permalinkpage}
  259. }
  260. #icon{
  261. display:inline-block;
  262. margin-left:0px;
  263. margin-right:7px;
  264. float:center;
  265. width: 35px;
  266. height: 36px;
  267. background:white;
  268. padding:5px;
  269. z-index:9;
  270. }
  271.  
  272. /* FONTS */
  273. @font-face { font-family: "death"; src: url('http://static.tumblr.com/iyodnno/B1Rmdlbxr/signerica_medium.ttf'); }
  274. @font-face {font-family:"olivier";src: url('http://static.tumblr.com/wphkhd8/fBhmkemqu/olivier_demo.ttf');}
  275. @font-face{font-family:'basic';src:url('http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf');}
  276. @font-face { font-family: rway; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  277. @font-face{font-family:"jane";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf');}
  278. @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
  279.  
  280. .blogtitle {
  281. display:block;
  282. padding:5px;
  283. letter-spacing:3px;
  284. font-size:15px;
  285. font-family:consolas;
  286. cursor:help;
  287. text-transform:uppercase;
  288. color:{color:Title};
  289. }
  290.  
  291. #sidebar {
  292. position: fixed !important;
  293. opacity: 1;
  294. z-index:999;
  295. top: 15px;
  296. left: 170px;
  297. color: #777;
  298. width:220px;
  299. height:100%;
  300. padding:10px;
  301. background:{color:background};
  302. border:1px solid #EDEDED;
  303. transition: all 0.9s ease-out;
  304. -o-transition-transition: all 0.5s ease-out;
  305. -webkit-transition: all 0.5s ease-out;
  306. -moz-transition: all 0.5s ease-out;
  307. -moz-border-radius: 10;
  308. -webkit-border-radius: 10px;
  309. border-radius: 10px
  310. }
  311.  
  312. div#img{
  313. background:#fff;
  314. z-index:-99;
  315. width: 200px;
  316. height: 200px;
  317. border:1px solid #eee;
  318. margin-left:-1px;
  319. margin-top:-1px;
  320. padding:10px;
  321. opacity:0.9;
  322. font-style:italic;
  323. color:#aaa;
  324. font-size:10px;
  325. line-height:12px;
  326. text-align:justify;
  327. position:fixed;
  328. border:1px solid color:{color:borders};
  329. transition: all 0.9s ease-out;
  330. -o-transition-transition: all 0.5s ease-out;
  331. -webkit-transition: all 0.5s ease-out;
  332. -moz-transition: all 0.5s ease-out;
  333. }
  334.  
  335. #sidebar img{
  336. opacity:1;
  337. transition: all 0.9s ease-out;
  338. -o-transition-transition: all 0.5s ease-out;
  339. -webkit-transition: all 0.5s ease-out;
  340. -moz-transition: all 0.5s ease-out;
  341. }
  342.  
  343.  
  344. #sidebar:hover img{
  345. opacity:0.5;
  346. }
  347.  
  348.  
  349.  
  350.  
  351. #blogtitle{
  352. width:200px;
  353. z-index:9999999;
  354. opacity:1;
  355. height:auto;
  356. margin-left:70px;
  357. margin-top:210px;
  358. padding:5px;
  359. font-family:consolas;
  360. font-size:20px;
  361. text-shadow: 2px 2px 0px #eee;
  362. background:transparent;
  363. position:fixed;
  364. color:{color:scrollbar};
  365. text-transform:normal;
  366. text-align:center;
  367. }
  368.  
  369. #desc{
  370. width:210px;
  371. z-index:9999999;
  372. opacity:1;
  373. height:auto;
  374. margin-left:-1px;
  375. margin-top:225px;
  376. padding:5px;
  377. font-family:calibri;
  378. font-size:10px;
  379. line-height:12px;
  380. overflow:hidden;
  381. background:#fff;
  382. color:{color:text};
  383. text-transform:normal;
  384. font-style:italic;
  385. text-align:justify;
  386.  
  387. -webkit-transition: all 0.5s linear;
  388. -webkit-transition: all 0.5s linear;
  389. -moz-transition: all 0.5s linear;
  390. transition: all 0.5s linear;
  391. }
  392. #desc2{
  393. width:210px;
  394. z-index:9999999;
  395. opacity:1;
  396. height:auto;
  397. margin-left:-1px;
  398. margin-top:4px;
  399. padding:5px;
  400. font-family:calibri;
  401. font-size:10px;
  402. line-height:12px;
  403. overflow:hidden;
  404. background:#fff;
  405. color:{color:text};
  406. text-transform:normal;
  407. font-style:italic;
  408. text-align:right;
  409. border-top:1px solid #ededed;
  410. -webkit-transition: all 0.5s linear;
  411. -webkit-transition: all 0.5s linear;
  412. -moz-transition: all 0.5s linear;
  413. transition: all 0.5s linear;
  414. }
  415.  
  416.  
  417.  
  418. #links {
  419. text-align: center;
  420. margin-top:-230px;
  421. margin-left:-48px;
  422. letter-spacing:1px;
  423. text-transform:uppercase;
  424. z-index:;
  425. position:fixed;
  426. transition: all 0.6s ease-out;
  427. -o-transition-transition: all 0.6s ease-out;
  428. -webkit-transition: all 0.6s ease-out;
  429. -moz-transition: all 0.6s ease-out;
  430. opacity:0;
  431. }
  432. #links a {
  433. padding-top:4px;
  434. padding-bottom:5px;
  435. padding-left:6px;
  436. color:{color:nav text};
  437. font-size:9px;
  438. width:27px;
  439. height:25px;
  440. line-height:24px;
  441. margin-top:6px;
  442. display:block;
  443. background:{color:linksbg};
  444. border:1px solid #efefef;
  445. }
  446. #links a:hover {
  447. color:{color:hover};
  448. background:{color:linkshoverbg};
  449. transition-duration: 0.60s;
  450. -moz-transition-duration: 0.60s;
  451. -webkit-transition-duration: 0.60s;
  452. -o-transition-duration: 0.60s;
  453. }
  454. #sidebar:hover #links{
  455. opacity:1;
  456. }
  457.  
  458. faqq {
  459. font-family: calibri;
  460. color: {color:Title};
  461. font-size:12px;
  462. text-transform:uppercase;
  463. letter-spacing:1px;
  464. z-index:1;
  465. }
  466. .cred {
  467. font-family:calibri; letter-spacing:1px; font-size:17px; top:21px; right:4px; position:fixed; padding:10px; text-align:right; font-weight:normal; }
  468.  
  469. .cred:hover #name
  470. { margin-bottom:0;
  471. -webkit-transition: all 0.2s ease-out;
  472. -o-transition: all 0.2s ease-out;
  473. -webkit-transition: all 0.2s ease-out;
  474. -moz-transition: all 0.2s ease-out;}
  475.  
  476. .cred:hover #star { opacity:0;
  477. -webkit-transition: all 0.2s ease-out;
  478. -o-transition: all 0.2s ease-out;
  479. -webkit-transition: all 0.2s ease-out;
  480. -moz-transition: all 0.2s ease-out;}
  481.  
  482. #star { font-size:20px; padding-bottom:10px; }
  483. #name { margin-bottom:-36px;
  484. -webkit-transition: all 0.2s ease-out;
  485. -o-transition: all 0.2s ease-out;
  486. -webkit-transition: all 0.2s ease-out;
  487. -moz-transition: all 0.2s ease-out;}
  488. #name a { color:{color:italic}; }
  489.  
  490.  
  491. .popuptitle{
  492. background: transparent;
  493. font-family:consolas;
  494. font-size:8px;
  495. text-transform:uppercase;
  496. letter-spacing:2px;
  497. line-height:13px;
  498. text-align:left;
  499. letter-spacing:2px;
  500. border-bottom:1px solid #ddd;
  501. color:{color:title};
  502. margin-bottom:2px;
  503. padding-left:5px;
  504. }
  505.  
  506. .por{float:left;margin-right:5px;border-right:2px solid #EEE;}
  507. .por img{margin-right:5px;width:40px;}
  508.  
  509. .ques {
  510. padding:5px;
  511. min-height:40px;
  512. font-size:8px;
  513. letter-spacing:1px;
  514. text-transform:uppercase;
  515. border-bottom:2px solid #EEE;}
  516.  
  517. #entry .perma a{
  518. color:;}
  519.  
  520. .permalink {
  521. display: block;
  522. border-top: 1px solid #ddd;
  523. padding: 3px;
  524. margin: 4px 10px 0px 10px;
  525. font-family: calibri;
  526. font-size: 60px;
  527. color: #424242;
  528. line-height: 110px;
  529. text-align: center;
  530. text-decoration: none;
  531. -webkit-transition: color 0.9s ease-out;
  532. -moz-transition: color 0.9s ease-out;
  533. }
  534.  
  535. #entry .perma a{
  536. color:;
  537. -webkit-transition: color 0.9s ease-out;
  538. -moz-transition: color 0.9s ease-out;
  539. }
  540.  
  541.  
  542. #entry .perma1{
  543. width:100%;
  544. height:20px;
  545. padding:2px;
  546. font-family:calibri;
  547. opacity:0;
  548. font-style:oblique;
  549. text-transform: uppercase;
  550. letter-spacing:1px;
  551. -webkit-filter: blur(5px);
  552. position: absolute;
  553. font-size:20px;
  554. line-height: 17px;
  555. text-align: left;
  556. overflow:hidden;
  557. opacity:0;
  558. background:white;
  559. letter-spacing:0px;
  560. bottom:8px;
  561. margin-left: 0px;
  562. -webkit-transition: all .7s ease;
  563. -moz-transition: all .7s ease;
  564. -o-transition: all .7s ease;
  565. transition: all .7s ease;
  566. }
  567.  
  568. #entry:hover .perma1{
  569. opacity: 1;
  570. -webkit-filter: blur(0px);
  571. }
  572.  
  573.  
  574.  
  575.  
  576.  
  577. .permalinktext {
  578. display: block;
  579. padding: 0px;
  580. margin: 3px 0px 0px 0px;
  581. font-family:calibri;
  582. letter-spacing: 2px;
  583. font-size:8px;
  584. color: #EDEDED;
  585. line-height: 16px;
  586. text-align: center;
  587. text-transform:uppercase;
  588. text-decoration: none;
  589. background:#F5F5F5;
  590. -webkit-transition: color 0.5s ease-out;
  591. -moz-transition: color 0.5s ease-out;
  592. border-top: 1px solid #dcdcdc;
  593. border-bottom-right-radius:5px;
  594. border-bottom-left-radius:5px;
  595. }
  596.  
  597.  
  598. #postnotes{
  599. text-align: left;
  600. }
  601.  
  602. #postnotes blockquote{
  603. border: 0px;
  604. }
  605.  
  606. #entry{
  607. font-family:calibri;
  608. font-size:10px;
  609. font-style:oblique;
  610. line height: 11px;
  611. text-align:left;
  612. float:left;
  613. width:235px;
  614. text-transform:lowercase;
  615. {block:PermalinkPage}
  616. width: 460px;
  617. height: auto;
  618. {/block:PermalinkPage}
  619. line-height:17px;
  620. background:#fff;
  621. padding:8px;
  622. -moz-border-radius: 10;
  623. -webkit-border-radius: 10px;
  624. border-radius: 10px;
  625. border: 1px solid #ededed;
  626. margin-right:15px;
  627. overflow:hidden;
  628. margin-bottom:15px;
  629.  
  630. }
  631.  
  632.  
  633. #entry:hover{
  634. opacity: 1.0;
  635. transition: all 1.0s ease-out;
  636. -o-transition-transition: all 1.0s ease-out;
  637. -webkit-transition: all 1.0s ease-out;
  638. -moz-transition: all 1.0s ease-out;
  639. }
  640.  
  641. #entry img{
  642. border-radius: 5px;
  643. opacity: .7;
  644. -webkit-transition: all 0.7s ease-out;
  645. -moz-transition: all 0.7s ease-out;
  646. transition: all 0.7s ease-out;
  647. }
  648. #entry img:hover{
  649. opacity: 1;
  650. -webkit-transition: all 0.7s ease-out;
  651. -moz-transition: all 0.7s ease-out;
  652. transition: all 0.7s ease-out;
  653. }
  654.  
  655. #permapage{
  656. font-family: consolas;
  657. font-size: 10px;
  658. line-height: 10px;
  659. text-align: center;
  660. padding-bottom:10px;
  661. z-index:9999;}
  662.  
  663.  
  664. blockquote{
  665. padding:0px 0px 2px 3px;
  666. margin:0px 0px 5px 1px;
  667. border-left: 6px solid {color:link}
  668. }
  669.  
  670. ul, ol, li{
  671. list-style: circle;
  672. margin-left:10px;
  673. padding:0px;
  674. }
  675.  
  676.  
  677. .chat {
  678. text-transform:none;
  679. font-size:9px;
  680. line-height:12px;
  681. list-style:none
  682. }
  683. .chat ul {
  684. line-height:15px;
  685. list-style:none;
  686. padding:0px;
  687. line-height:20px;
  688. }
  689. .person1 {
  690. background-color:#fff;
  691. padding-left:6px;
  692. padding-right:6px;
  693. }
  694. .person1 .label {
  695. font-weight:bold;
  696. color:{color:title};
  697. }
  698. .person2 {
  699. background-color:{color:backgroud};
  700. padding-left:6px;
  701. padding-right:6px;
  702. }
  703. .person2 .label {
  704. font-weight:bold;
  705. color:{color:title};
  706. }
  707. .person3 {
  708. background-color:#fff;
  709. padding-left:6px;
  710. padding-right:6px;
  711. }
  712. .person3 .label {
  713. font-weight:bold;
  714. color:{color:title};
  715. }
  716. .person4 {
  717. background-color:{color:backgroud};
  718. padding-left:6px;
  719. padding-right:6px;
  720. }
  721. .person4 .label {
  722. font-weight:bold;
  723. color:{color:title};
  724. }
  725. .person5 {
  726. background-color:#fff;
  727. padding-left:6px;
  728. padding-right:6px;
  729. }
  730. .person5 .label {
  731. font-weight:bold;
  732. color:{color:title};
  733. }
  734. .person6 {
  735. background-color:{color:backgroud};
  736. padding-left:6px;
  737. padding-right:6px;
  738. }
  739. .person6 .label {
  740. font-weight:bold;
  741. color:{color:title};
  742. }
  743.  
  744.  
  745.  
  746. #audio {
  747. {block:IfNotPosts400px}width:500px;{/block:IfNotPosts400px}
  748. {block:IfPosts400px}width:400px;{/block:IfPosts400px}
  749. height:70px;
  750. margin-bottom:0px;
  751. }
  752.  
  753. .artcover {
  754. width:70px;
  755. height:70px;
  756. position:absolute;
  757. }
  758. .artcover img {
  759. width:70px;
  760. height:70px;
  761. float:left;
  762. }
  763.  
  764. .player {
  765. position:absolute;
  766. z-index:1;
  767. width:60px;
  768. height:60px;
  769. margin-top:5px;
  770. margin-left:5px;
  771. display:block;
  772. opacity:0.7;
  773. -webkit-transition:all 0.4s;
  774. -moz-transition:all 0.4s;
  775. -o-transition:all 0.4s;
  776. -ms-transition: all 0.4s;
  777. transition:all 0.5s;
  778. {block:IfNotBlackPlayer}background:#fff;{/block:IfNotBlackPlayer}
  779. {block:IfBlackPlayer}background:#000;{/block:IfBlackPlayer}
  780. }
  781. .player:hover {
  782. -webkit-transition:all 0.4s;
  783. -moz-transition:all 0.4s;
  784. -o-transition:all 0.4s;
  785. -ms-transition: all 0.4s;
  786. transition:all 0.4s;
  787. opacity:0.5;
  788. }
  789.  
  790. .audioplayer {
  791. width:24px;
  792. height:24px;
  793. margin-top:14px;
  794. margin-left:13px;
  795. overflow:hidden;
  796. padding:3px;
  797. }
  798.  
  799. .audioinfo {
  800. {block:IfNotPosts400px}width:422px;{/block:IfNotPosts400px}
  801. {block:IfPosts400px}width:322px;{/block:IfPosts400px}
  802. height:52px;
  803. margin-left:78px;
  804. display:block;
  805. padding-top:18px;
  806. font-size:11px;
  807. font-weight:bold;
  808. letter-spacing:1px;
  809. text-transform:uppercase;
  810. text-align:center;
  811. color:{color:asks text};
  812. background:{color:asks background};
  813. }
  814.  
  815.  
  816. </style>
  817. <title>{title}</title>
  818. <link rel="shortcut icon" href="{favicon}">
  819. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  820. <meta name="viewport" content="width=720" />
  821. </head>
  822. <body>
  823. <!-- SCM Music Player http://scmplayer.net -->
  824. <script type="text/javascript" src="http://scmplayer.net/script.js"
  825. data-config="{'skin':'http://static.tumblr.com/5yb2ug9/1yfmgy719/skin_branca_-_love.css','volume':58,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'beeskeeper%27s daughter ','url':'http://www.youtube.com/watch?v=UhC7M8KF7AE'},{'title':'motivation proclamation','url':'http://www.youtube.com/watch?v=7VoGoKtzWPw'},{'title':'they say you won%27t come back','url':'http://www.youtube.com/watch?v=-y6v6vQqvW8'},{'title':'pretty brown eyes','url':'http://www.youtube.com/watch?v=EGDlVvIGTZk'},{'title':'alive','url':'http://www.youtube.com/watch?v=J-gYJBsln-w'}]}" ></script>
  826. <!-- SCM Music Player script end -->
  827.  
  828. <div id="sidebar">
  829.  
  830.  
  831.  
  832.  
  833.  
  834. <div id="img">
  835. <a href="/"><img src="{image:sidebar}" style="width:200px; height:200px;"></a>
  836. </div>
  837. <div id="desc">
  838. {description}
  839. </div>
  840. <div id="desc2">
  841.  
  842. <a href="/">home</a> &nbsp; <a href="{text:Link One}">{text:Link One Title}</a> &nbsp; <a href="{text:Link Two}">{text:Link Two Title}</a> &nbsp; <a href="{text:Link Three}">{text:Link Three Title}</a> &nbsp; <a href="{text:Link Four}">{text:Link Four Title}</a> &nbsp; <a href="{text:Link Five}">{text:Link Five Title}</a> &nbsp; <a href="{text:Link Six}">{text:Link Six Title}</a>
  843. </div>
  844.  
  845. </div>
  846.  
  847.  
  848.  
  849. <div id="center">
  850. <div id="content">
  851.  
  852.  
  853.  
  854.  
  855. <div id="posts">
  856.  
  857. {block:Posts}
  858. <div id="entry">
  859. {block:Text}
  860. {block:Title}<span class="title">{Title}</span>{/block:Title}
  861. <span class="entrytext">{Body}</span>
  862. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  863. {/block:Text}
  864.  
  865. {block:Link}
  866. <a href="{URL}" class="title">{Name}</a>
  867. {block:Description}{Description}{/block:Description}
  868. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  869. {block:Link}
  870.  
  871. {block:Photo}{block:IndexPage}
  872.  
  873.  
  874. {/block:IndexPage}
  875. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=235px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}<br>
  876. <div class="perma1"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  877. {/block:Photo}
  878.  
  879.  
  880.  
  881. {block:Quote}
  882. <span class="entrytext">{Quote}</span>
  883. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  884. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  885. {/block:Quote}
  886.  
  887. {block:Chat}
  888. {block:Title}<span class="title">{Title}</span>{/block:Title}
  889. <ul class="chat">
  890. {block:Lines}
  891. <li class="user_{UserNumber}">
  892. {block:Label}
  893. <span class="label">{Label}</span>
  894. {/block:Label}
  895.  
  896. {Line}
  897. </li>
  898. {/block:Lines}
  899. </ul>
  900. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>
  901. <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  902. {/block:Chat}
  903.  
  904.  
  905. {block:Audio}
  906. <div id="audio">
  907. <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}
  908.  
  909. <div class="player">
  910. <div class="audioplayer">{block:IfNotBlackPlayer}{AudioPlayerWhite}{/block:IfNotBlackPlayer}{block:IfBlackPlayer}{AudioPlayerBlack}{/block:IfBlackPlayer}</div></div>
  911.  
  912. <div class="audioinfo">
  913. {block:TrackName}{TrackName}{/block:TrackName}
  914. <div style="font-size:8px; margin-top:5px;">
  915. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  916. </div></div></div>
  917.  
  918. <div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </div>
  919.  
  920. {block:IfNotShowCaption}{block:PermalinkPage}
  921. {block:Caption}<br>{Caption}{/block:Caption}
  922. {/block:PermalinkPage}{/block:IfNotShowCaption}
  923. {/block:Audio}
  924.  
  925. {block:Video}<center>
  926. <div class="video">{Video-400}</div></center>
  927. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  928. {block:Video}
  929.  
  930.  
  931. {block:Answer}
  932. <div class="ques">
  933. <div class="por"><img src="{AskerPortraitURL-128}"></div><br>
  934. <div class="i"><b>{Asker}</b></div>{Question}</div>{Answer}
  935. <div class="permalinktext"><a href="{permalink}" title="notes">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank" title="reblog it">reblog</a> </div>
  936. {/block:Answer}
  937.  
  938.  
  939. {block:PostNotes}<div align="middle">{caption}</div>
  940. <center>
  941.  
  942. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  943.  
  944.  
  945. {block:RebloggedFrom}
  946. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  947. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  948.  
  949. {/block:RebloggedFrom}
  950. </center></span>
  951. <br>
  952. <div id="postnotes">{PostNotes}</div><br>
  953.  
  954. <center>{block:ContentSource}
  955. <br><a href="{SourceURL}">
  956. {lang:Source}:
  957. {block:SourceLogo}
  958. <img src="{BlackLogoURL}" width="{LogoWidth}"
  959. height="{LogoHeight}" alt="{SourceTitle}" />
  960. {/block:SourceLogo}
  961. {block:NoSourceLogo}
  962. {SourceLink}
  963. {/block:NoSourceLogo}
  964. </a>
  965. {/block:ContentSource}</center>
  966.  
  967. {/block:PostNotes}
  968. </div>
  969. {/block:Posts}
  970. </div></div>
  971.  
  972. {block:indexpage}
  973. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  974. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  975. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  976. <script type="text/javascript">
  977. $(window).load(function(){
  978. var $wall = $('#posts');
  979. $wall.imagesLoaded(function(){
  980. $wall.masonry({
  981. itemSelector: '#entry, #entry_photo',
  982. isAnimated : false
  983. });
  984. });
  985.  
  986. $wall.infinitescroll({
  987. navSelector : '#page-nav',
  988. nextSelector : '#page-nav a',
  989. itemSelector : '#entry, #entry_photo',
  990. bufferPx : 2000,
  991. debug : false,
  992. errorCallback: function() {
  993. $('#infscr-loading').fadeOut('normal');
  994. }},
  995. function( newElements ) {
  996. var $newElems = $( newElements );
  997. $newElems.hide();
  998. $newElems.imagesLoaded(function(){
  999. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1000. });
  1001. }); $('#content').show(500);
  1002. });
  1003. </script>
  1004. {/block:indexpage}
  1005.  
  1006. </div>
  1007.  
  1008. <body onkeydown="return false">
  1009.  
  1010. <br><br>
  1011. <div class="cred">
  1012. <div id="name"><a href="http://perys.tumblr.com/" title="so cute"> theme</a>
  1013. </div>
  1014. </div>
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020. </body>
  1021.  
  1022.  
  1023.  
  1024. </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!