Advertisement
Guest User

ekt

a guest
Oct 17th, 2017
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.49 KB | None | 0 0
  1. <html lang="en">
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.  
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  40.  
  41.  
  42. </style>
  43.  
  44. <script type="text/javascript"
  45. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_ltsft1v1g21r1b4vq.gif">
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  53. <meta name="text:Link One URL" content="/"/>
  54. <meta name="text:Link One Title" content="Link 1"/>
  55. <meta name="text:Link Two URL" content="/"/>
  56. <meta name="text:Link Two Title" content="Link 2"/>
  57. <meta name="text:Link Three URL" content="/"/>
  58. <meta name="text:Link Three Title" content="Link 3"/>
  59.  
  60. <meta name="color:link" content="#bfd0eb"/>
  61. <meta name="color:text" content="#777"/>
  62. <meta name="color:title" content="#333"/>
  63. <meta name="color:hover" content="#a7b9db"/>
  64. <meta name="color:background" content="#fafafa"/>
  65.  
  66. <meta name="image:Left Background" content""/>
  67. <meta name="image:Right Background" content""/>
  68. <meta name="image:Cover Background" content""/>
  69.  
  70. <meta name="if:opaque images" content="1"/>
  71. <meta name="if:custom permalink" content="0"/>
  72. <meta name="if:one column" content="0"/>
  73. <meta name="if:black and white sidebar image" content="0"/>
  74. <meta name="if:fixed background image" content="1"/>
  75. <meta name="if:opaque sidebar image" content="0"/>
  76.  
  77. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:200,
  84. tip_fade_speed:300
  85. }
  86. );
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <style type="text/css">
  92.  
  93. #updates {
  94. font-size:9px;
  95. color:{color:Text};
  96. text-align:left;
  97. height:13px;
  98. width:100px;
  99. padding:4px;
  100. top:15px;
  101. left:10px;
  102. z-index:10;
  103. position:fixed;
  104. overflow:hidden;
  105. -webkit-transition: all 0.5s ease-in-out;
  106. -moz-transition: all 0.5s ease-in-out;
  107. -o-transition: all 0.5s ease-in-out;
  108. }
  109.  
  110. #updates:hover {
  111. height:185px;
  112. font-style:;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -o-transition: all 0.5s ease-in-out;
  116. }
  117.  
  118. #updatestitle {
  119. font-size:10px;
  120. text-transform:uppercase;
  121. font-family:helvetica;
  122. font-weight:;
  123. color:#000;
  124. }
  125.  
  126. #ocehans1{
  127. height:13px;
  128. text-align:center;
  129. overflow:hidden;
  130. margin-top:-15px;
  131. border-bottom:0px solid #efefef;
  132. text-transform:uppercase;
  133. letter-spacing:1px;
  134. font-size:10px;
  135. line-height:10px;
  136. z-index:999999999999999999999;
  137. -webkit-transition: all 0.5s ease-in-out;
  138. -moz-transition: all 0.5s ease-in-out;
  139. -o-transition: all 0.5s ease-in-out;
  140. }
  141. #ocehans1:hover{
  142. height:67px;
  143. -webkit-transition: all 0.5s ease-in-out;
  144. -moz-transition: all 0.5s ease-in-out;
  145. -o-transition: all 0.5s ease-in-out;
  146. }
  147.  
  148. #ocehans{
  149. text-align:left;
  150. font-size:10px;
  151. text-transform:uppercase;
  152. opacity: .8;
  153. border:0px solid #000;
  154. position:fixed;
  155. font-family:helvetica;
  156. left:-3px;
  157. background-color:#fff;
  158. letter-spacing:1px;
  159. width:65px;
  160. z-index:9999;
  161. padding:4px;
  162. top:65px;
  163.  
  164. }
  165.  
  166.  
  167. .popup_block{
  168. display:none;
  169. background:#fff; /*change the color of your background*/
  170. padding:15px;
  171. border:1px solid #d6d6d6; /*change the color of your border*/
  172. float:left;
  173. position:fixed;
  174. top:50%;left:50%;
  175. z-index: 99999;
  176. box-shadow:rgba(0,0,0,.06) 7px 7px; /*delete if you don't want shadow below your box*/
  177. }
  178.  
  179. #fade {
  180. display:none;
  181. position:fixed;
  182. left:0px;
  183. top:0px;
  184. width:100%;
  185. height:100%;
  186. z-index:9999;
  187. background:{color:background}; /* change the color of the background below the box */
  188. opacity:.7; /* change the opacity */
  189. }
  190.  
  191. *html #fade {position: absolute;}
  192. *html .popup_block {position: absolute;}
  193.  
  194.  
  195.  
  196. #player{
  197. background:transparent; /*color of your box*/
  198. border:0px solid #eee; /*color of the border*/
  199. position:fixed;
  200. left:10px;
  201. top:10px;
  202. padding:15px;
  203. opacity:1;
  204. z-index:99999999999;
  205. height:0px;
  206. width:0px;
  207. text-align:left;
  208. overflow:hidden;
  209. color:white;
  210. -webkit-transition: all .7s ease;
  211. -moz-transition: all .7s ease;
  212. -o-transition: all .7s ease;
  213. transition: all .7s ease;
  214. }
  215.  
  216. #player:hover{
  217. width:75px;
  218. -webkit-transition: all .7s ease;
  219. -moz-transition: all .7s ease;
  220. -o-transition: all .7s ease;
  221. transition: all .7s ease;
  222. }
  223.  
  224. #player #icon{
  225. position:fixed;
  226. font-size:15px;
  227. color:black; /*color of your icon*/
  228. margin-top:-8px;
  229. margin-left:-7px;
  230. opacity:1;
  231. -webkit-transform: scale(1);
  232. -webkit-transition: all .7s ease;
  233. -moz-transition: all .7s ease;
  234. -o-transition: all .7s ease;
  235. transition: all .7s ease;
  236. }
  237.  
  238. #player:hover #icon{
  239. opacity:0;
  240. -webkit-transform: scale(0);
  241. -webkit-transition: all .7s ease;
  242. -moz-transition: all .7s ease;
  243. -o-transition: all .7s ease;
  244. transition: all .7s ease;
  245. }
  246.  
  247. #player #music{
  248. position:absolute;
  249. opacity:0;
  250. margin-left:100px;
  251. margin-top:-10px;
  252. -webkit-transition: all .7s ease;
  253. -moz-transition: all .7s ease;
  254. -o-transition: all .7s ease;
  255. transition: all .7s ease;
  256. }
  257.  
  258. #player:hover #music{
  259. opacity:1;
  260. margin-left:-15px;
  261. -webkit-transition: all .7s ease;
  262. -moz-transition: all .7s ease;
  263. -o-transition: all .7s ease;
  264. transition: all .7s ease;
  265. }
  266.  
  267.  
  268.  
  269.  
  270. highlight{
  271. background:{color:link};
  272. line-height:12px;
  273. margin:0px;
  274. padding:0px;
  275. color:white;}
  276.  
  277. ::-webkit-scrollbar-thumb{
  278. background-color: #fff;
  279. border: 1px solid #fff;
  280. height:auto;}
  281.  
  282. ::-webkit-scrollbar {
  283. height:9px;
  284. width:0px;
  285. background-color:#000;
  286. border: 1px solid #fff;}
  287.  
  288.  
  289.  
  290. #s-m-t-tooltip{
  291. line-height:8px;
  292. z-index:9999999999999999999999999999999;
  293. padding:4px 7px 4px 7px;
  294. margin:15px 0px 0px 15px;
  295. border:0px solid #000;
  296. display: none;
  297. font: 8px trebuchet MS;
  298. text-align: center;
  299. position: absolute;
  300. letter-spacing:0px;
  301. background: rgba(250, 250, 250, 0);
  302. color: #000;
  303. text-transform: lowercase;
  304. letter-spacing:0px;
  305. max-width:130px;
  306. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  307. -moz-box-shadow:2px 2px 14px rgba(0, 0, 0, 0.2);
  308. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0);
  309. }
  310.  
  311. ::-moz-selection {background: {color:link}; color: white;}
  312. ::selection {background: {color:link}; color: white; }
  313.  
  314. iframe#tumblr_controls {
  315. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.1;-webkit-transition: all .6s ease;
  316. -moz-transition: all .6s ease;
  317. -o-transition: all .6s ease;
  318. transition: all .6s ease;}
  319.  
  320. iframe#tumblr_controls:hover {
  321. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;-webkit-transition: all .6s ease;
  322. -moz-transition: all .6s ease;
  323. -o-transition: all .6s ease;
  324. transition: all .6s ease;}
  325.  
  326. p {
  327. margin:0px;
  328. margin-top:0px;
  329. }
  330.  
  331.  
  332. body {
  333. cursor: url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto;
  334. padding: 0px;
  335. margin: 0px;
  336. color:{color:text};
  337. font-family:helvetica;
  338. line-height:12px;
  339. font-size:11px;
  340. text-transform:lowercase;
  341. letter-spacing:0px;
  342. {block:iffixedbackgroundimage}
  343. background-color:{color:background};
  344. background-image: url({image:Left Background}),
  345. url({image:Right Background}),
  346. url({image:Cover Background});
  347. background-attachment: fixed;
  348. background-position: bottom 0px left 0px, bottom 0px right 0px;
  349. background-repeat: no-repeat, no-repeat, no-repeat;
  350. -webkit-background-size: auto, auto, auto;
  351. -moz-background-size: auto, auto, auto;
  352. -o-background-size: auto, auto, auto;
  353. background-size: auto, auto, cover;
  354. }
  355.  
  356. a:link, a:active, a:visited{
  357. cursor: url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto;
  358. text-decoration:none;
  359. font-size:10px;
  360. font-style:italic;
  361. -webkit-transition: color 0.6s ease-out;
  362. -moz-transition: color 0.6s ease-out;
  363. transition: color 0.6s ease-out;
  364. color:#000;
  365. }
  366.  
  367. a:hover {
  368. cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto;
  369. color:#000;
  370. text-decoration:underline;
  371. font-style:italic;
  372. text-shadow:0px 0px 0px; #000
  373. text-transform:lowercase;
  374. }
  375.  
  376. div#center{
  377. margin:auto;
  378. position:relative;
  379. width:1000px;
  380. background-color:;
  381. overflow:auto;
  382. overflow-y:hidden;
  383. }
  384.  
  385. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  386. .entry {
  387. float:left;
  388. display: block;
  389. margin:15px;
  390. overflow:hidden;
  391. width:230px;
  392. padding:9px;
  393. padding-bottom:8px;
  394. border:1px dotted #000;
  395. background: rgba(0, 0, 0, 0.1);
  396. {block:PermalinkPage}
  397. {block:ifroundedcorners}
  398. border-radius:5px;
  399. {/block:ifroundedcorners}
  400. width:300px;
  401. text-align:left;
  402. line-height:11px;
  403. padding-bottom:0px;
  404. {/block:PermalinkPage}
  405. -webkit-transition: all .6s ease;
  406. -moz-transition: all .6s ease;
  407. -o-transition: all .6s ease;
  408. transition: all .6s ease;
  409. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  410. -moz-box-shadow:2px 2px 14px rgba(0, 0, 0, 0.2);
  411. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.1);}
  412.  
  413.  
  414.  
  415.  
  416. .entry img{
  417. {block:ifopaqueimages}
  418. opacity:1;
  419. {/block:ifopaqueimages}
  420. width:230px;
  421. -webkit-transition: all .6s ease;
  422. -moz-transition: all .6s ease;
  423. -o-transition: all .6s ease;
  424. transition: all .6s ease;}
  425.  
  426. .entry img:hover{
  427. opacity:1;
  428. -webkit-transition: all .6s ease;
  429. -moz-transition: all .6s ease;
  430. -o-transition: all .6s ease;
  431. transition: all .6s ease;}
  432.  
  433. {block:permalinkpage}
  434. .entry img{
  435. {block:ifopaqueimages}
  436. opacity:1;
  437. {/block:ifopaqueimages}
  438. width:300px;
  439. -webkit-transition: all .6s ease;
  440. -moz-transition: all .6s ease;
  441. -o-transition: all .6s ease;
  442. transition: all .6s ease;}
  443.  
  444. .entry img:hover{
  445. opacity:1;
  446. width:300px;
  447. -webkit-transition: all .6s ease;
  448. -moz-transition: all .6s ease;
  449. -o-transition: all .6s ease;
  450. transition: all .6s ease;}
  451. {/block:permalinkpage}
  452.  
  453. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  454. #posts {
  455. width:300px;
  456. {block:permalinkpage}
  457. margin-left:380px;
  458. width:540px;
  459. {/block:permalinkpage}
  460. margin-left:370px;
  461. margin-top:0px;
  462. z-index:99;
  463. display:block;
  464. right:auto;
  465. background:transparent;
  466. margin-right:auto;
  467. position:relative;
  468. overflow-y: hidden;}
  469.  
  470. #photoset img{
  471. width:113px;}
  472.  
  473. {block:permalinkpage}
  474. #photoset img{
  475. width:110px;}
  476. {/block:permalinkpage}
  477.  
  478. .chat .line{
  479. background-color:#fff;
  480. margin: 0 0 1px;
  481. padding:5px;
  482. letter-spacing:0px;}
  483.  
  484. .chat .line.odd{
  485. background-color:#fff;
  486. font-style:italic;
  487. border-radius:5px;
  488. letter-spacing:0px;}
  489.  
  490. .question {
  491. background:;
  492. padding:0px;
  493. margin-left:0px;
  494. border-left:0px solid ;
  495. }
  496.  
  497. .asker {
  498. text-transform:lowercase;
  499. letter-spacing:0px;
  500. margin-bottom:3px;
  501. }
  502.  
  503. .answer {
  504. padding:3px;
  505. margin-top:3px;
  506. background:;
  507. border-top:1px dotted #000;
  508. border-left:0px dotted ;
  509. }
  510.  
  511. #note3 {
  512. width: 500px;
  513. text-align:left;
  514. margin-top:0px;}
  515.  
  516. .entry .textperm{
  517. opacity:0;
  518. font-size:10px;
  519. text-transform:;
  520. padding:2px;
  521. margin-top:5px;
  522. text-align:center;
  523. -webkit-transition: all .6s ease;
  524. -moz-transition: all .6s ease;
  525. -o-transition: all .6s ease;
  526. transition: all .6s ease;}
  527.  
  528. .entry:hover .textperm{
  529. opacity:1;
  530. text-transform:lowercase;
  531. text-decoration:;
  532. margin-top:5px;
  533. -webkit-transition: all .6s ease;
  534. -moz-transition: all .6s ease;
  535. -o-transition: all .6s ease;
  536. transition: all .6s ease;}
  537.  
  538.  
  539. .entry .photoperm{
  540. opacity:1;
  541. font-size:10px;
  542. background: rgba(250, 250, 250, 0);
  543. border-top:0px solid #fff;
  544. text-transform:lowercase;
  545. padding:2px;
  546. margin-top:4px;
  547. margin-bottom:2px;
  548. text-align:center;
  549. -webkit-transition: all .6s ease;
  550. -moz-transition: all .6s ease;
  551. -o-transition: all .6s ease;
  552. transition: all .6s ease;}
  553.  
  554. .entry:hover .photoperm{
  555. opacity:1;
  556. -webkit-transition: all .6s ease;
  557. -moz-transition: all .6s ease;
  558. -o-transition: all .6s ease;
  559. transition: all .6s ease;}
  560.  
  561.  
  562. .entry .photoperm1{
  563. opacity:1;
  564. font-size:10px;
  565. background: rgba(250, 250, 250, 00);
  566. border-top:0px solid {color:text};
  567. text-transform:lowercase;
  568. padding:3px;
  569. margin-top:4px;
  570. margin-bottom:0px;
  571. text-align:center;
  572. -webkit-transition: all .6s ease;
  573. -moz-transition: all .6s ease;
  574. -o-transition: all .6s ease;
  575. transition: all .6s ease;}
  576.  
  577. .entry:hover .photoperm1{
  578. opacity:1;
  579. -webkit-transition: all .6s ease;
  580. -moz-transition: all .6s ease;
  581. -o-transition: all .6s ease;
  582. transition: all .6s ease;}
  583.  
  584. .entry .audioperm{
  585. opacity:0;
  586. font-size:10px;
  587. text-transform:lowercase;
  588. padding:1px;
  589. margin-top:-21px;
  590. text-align:center;
  591. -webkit-transition: all .6s ease;
  592. -moz-transition: all .6s ease;
  593. -o-transition: all .6s ease;
  594. transition: all .6s ease;}
  595.  
  596. .entry:hover .audioperm{
  597. opacity:1;
  598. margin-top:-5px;
  599. -webkit-transition: all .6s ease;
  600. -moz-transition: all .6s ease;
  601. -o-transition: all .6s ease;
  602. transition: all .6s ease;}
  603.  
  604.  
  605. .audioplayerr{
  606. position:absolute;
  607. border:0px solid #eee;
  608. padding:2px;
  609. padding-top:3px;
  610. background: #fff;
  611. text-align:center;
  612. margin-left:24px;
  613. margin-top:14px;
  614. width:29px;
  615. height:27px;
  616. opacity:0.8;
  617. overflow:hidden;
  618. -webkit-transition: all 0.6s ease-in-out;
  619. -moz-transition: all 0.6s ease-in-out;
  620. -o-transition: all 0.6s ease-in-out;
  621. -ms-transition: all 0.6s ease-in-out;
  622. transition: all 0.6s ease-in-out;}
  623.  
  624. .audioplayerr:hover{
  625. width:29px;
  626. height:27px;
  627. margin-top:14px;
  628. margin-left:24px;
  629. opacity:1;
  630. -webkit-transition: all 0.6s ease-in-out;
  631. -moz-transition: all 0.6s ease-in-out;
  632. -o-transition: all 0.6s ease-in-out;
  633. -ms-transition: all 0.6s ease-in-out;
  634. transition: all 0.6s ease-in-out;}
  635.  
  636. .albumartt{
  637. margin-left:0px;
  638. margin-bottom:10px;
  639. border-radius:5px;
  640. }
  641.  
  642. .albumartt img{
  643. background:#fff;
  644. max-width:60px;
  645. float:left;
  646. padding:10px;
  647. border:0px solid #f0f0f0;}
  648.  
  649. audioshit{
  650. border-bottom:0px solid #f0f0f0;
  651. font-style:normal;
  652. border-radius:5px;}
  653.  
  654. .infooo{
  655. position:relative;
  656. background:white;
  657. padding:8px;
  658. font-family:helvetica;
  659. font-size:10px;
  660. letter-spacing:0px;
  661. font-style:none;
  662. text-transform:lowercase;
  663. height:64px;
  664. margin-top:-10px;
  665. margin-bottom:10px;
  666. margin-left:90px;
  667. padding-left:5px;
  668. line-height:12px;
  669. overflow-x:hidden;
  670. overflow-y:visible;}
  671.  
  672. #sidebar{
  673. font-size:10px;
  674. color:#000;
  675. text-transform:uppercase;
  676. position:fixed;
  677. font-family:helvetica;
  678. text-align:left;
  679. margin-left:660px;
  680. border:0px; solid #bad8eb;
  681. border-radius:0px;
  682. background: rgba(250, 250, 250, 0.0);
  683. letter-spacing:0px;
  684. width:130px;
  685. z-index:9999;
  686. height:auto;
  687. padding:6px;
  688. top:85px;
  689. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0);
  690. -moz-box-shadow:2px 2px 14px rgba(0, 0, 0, 0);
  691. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.0.0);}
  692.  
  693.  
  694. #sidebar:hover{
  695. height:auto;
  696. }
  697.  
  698. #sidebar .desc{
  699. font-family:helvetica;
  700. color:#000;
  701. font-size:10px;
  702. font-style:normal;
  703. text-transform:lowercase;
  704. text-align:left;
  705. background:rgba(0, 0, 0, 0.0);
  706. letter-spacing:0px;
  707. padding:6px;
  708. padding-bottom:4px;
  709. padding-top:4px;
  710. margin-top:5px;
  711. margin-bottom:5px;
  712. height:auto;
  713. border:0px dotted #fff;
  714. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0);
  715. -moz-box-shadow:2px 2px 14px rgba(0, 0, 0, 0);
  716. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.0);}
  717.  
  718.  
  719. #sidebar .links{
  720. text-transform:lowercase;
  721. font-size:10px;
  722. text-align:left;
  723. letter-spacing:0.5px;
  724. opacity:0;
  725. margin-top:1px;
  726. margin-left:-7px;
  727. -webkit-transition: all .6s ease;
  728. -moz-transition: all .6s ease;
  729. -o-transition: all .6s ease;
  730. transition: all .6s ease;}
  731.  
  732. #sidebar:hover .links{
  733. opacity:1;
  734. margin-left:0px;
  735. -webkit-transition: all .6s ease;
  736. -moz-transition: all .6s ease;
  737. -o-transition: all .6s ease;
  738. transition: all .6s ease;}
  739.  
  740.  
  741.  
  742. #sidebar .links2{
  743. text-transform:lowercase;
  744. font-size:10px;
  745. text-align:left;
  746. letter-spacing:0.5px;
  747. opacity:0;
  748. margin-top:1px;
  749. margin-left:73px;
  750. -webkit-transition: all .6s ease;
  751. -moz-transition: all .6s ease;
  752. -o-transition: all .6s ease;
  753. transition: all .6s ease;}
  754.  
  755. #sidebar:hover .links2{
  756. opacity:1;
  757. margin-left:80px;
  758. -webkit-transition: all .6s ease;
  759. -moz-transition: all .6s ease;
  760. -o-transition: all .6s ease;
  761. transition: all .6s ease;}
  762.  
  763. .links a{
  764. font-size:10px;
  765. font-style:italic;
  766. margin-top:1px;
  767. margin-bottom:3px;
  768. color:#000;
  769. padding:6px;
  770. border:0px solid #fff;
  771. -webkit-transition: all .2s ease;
  772. -moz-transition: all .2s ease;
  773. -o-transition: all .2s ease;
  774. transition: all .2s ease;}
  775.  
  776. .links a:hover{
  777. font-style:italic;
  778. text-decoration:underline;
  779. text-transform:lowercase;
  780. color:#000;
  781. text-shadow:0px 0px 0px #000;
  782. border:0px solid #000;
  783. border-bottom:0px solid #000;
  784. -webkit-transition: all .2s ease;
  785. -moz-transition: all .2s ease;
  786. -o-transition: all .2s ease;
  787. transition: all .2s ease;}
  788.  
  789.  
  790.  
  791.  
  792.  
  793. .links2 a{
  794. font-size:10px;
  795. font-style:italic;
  796. margin-top:1px;
  797. margin-bottom:3px;
  798. color:#000;
  799. padding:6px;
  800. border:0px solid #fff;
  801. -webkit-transition: all .2s ease;
  802. -moz-transition: all .2s ease;
  803. -o-transition: all .2s ease;
  804. transition: all .2s ease;}
  805.  
  806. .links2 a:hover{
  807. font-style:italic;
  808. text-decoration:underline;
  809. text-transform:lowercase;
  810. color:#000;
  811. text-shadow:0px 0px 0px #000;
  812. border:0px solid #000;
  813. border-bottom:0px solid #000;
  814. -webkit-transition: all .2s ease;
  815. -moz-transition: all .2s ease;
  816. -o-transition: all .2s ease;
  817. transition: all .2s ease;}
  818.  
  819.  
  820. .blogtitle{
  821. font-size:12px;
  822. font-style:;
  823. text-decoration:none;
  824. text-align:left;
  825. padding-bottom:7px;
  826. font-style:normal;
  827. letter-spacing:0px;}
  828.  
  829.  
  830. @font-face {font-family:lol;src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');,}
  831.  
  832. @font-face{font-family:"Ginette"; src:url("http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf");}
  833.  
  834. @font-face {font-family: "meem17"; src: url('http://static.tumblr.com/gyoju49/Uetmo9fo1/meem17.ttf'); }
  835.  
  836. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  837.  
  838. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  839.  
  840. @font-face { font-family:titulo; src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');}
  841.  
  842. .title{
  843. font-family:helvetica;
  844. font-size:13px;
  845. line-height: 12px;
  846. text-transform:lowercase;
  847. font-style:none;
  848. color:{color:Title};
  849. font-weight: normal;
  850. }
  851.  
  852. #infscr-loading{
  853. bottom: -70px;
  854. position: absolute;
  855. left: 50%;
  856. margin-left:-8px;
  857. width:16px;
  858. height:11px;
  859. overflow:hidden;
  860. margin-bottom: 50px;
  861. }
  862.  
  863. #postnotes{
  864. text-align: justify;}
  865.  
  866. #postnotes blockquote{
  867. border: 0px;}
  868.  
  869. blockquote, q {
  870. padding-left:5px;padding-top:7px;
  871. padding-right:5px;padding-bottom:7px;
  872. margin-left:5px; margin-right:5px;
  873. border: 0px solid #000;
  874. background-color:transparent;
  875. width:auto;
  876. margin-top:3px;
  877. margin-bottom:3px;
  878. }
  879.  
  880. blockquote p, ul{
  881. margin:0px;
  882. padding:0px;
  883. }
  884.  
  885. a img{border: 0px;}
  886.  
  887.  
  888. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  889.  
  890. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  891. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  892.  
  893. .notes img{width:10px; position:relative; top:3px;}
  894. <--ses-->
  895. small{font-size: 90%;}
  896.  
  897. {CustomCSS}
  898.  
  899. </style>
  900.  
  901. <div id="updates">
  902. <div id="updatestitle"></div>
  903. <div style="padding-top:10px;">
  904. <br>
  905. ♡<a title="" href="http://ektomorfia.tumblr.com/blogroll">blogroll</a><br>
  906. ♡<a title="" href="http://ektomorfia.tumblr.com/tagged/cosmojego">my text</a><br>
  907. ♡<a title="" href="http://chlodny.tumblr.com/">color blog</a><br>
  908.  
  909.  
  910. </div></div>
  911.  
  912.  
  913. {block:IndexPage}
  914. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  915. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  916.  
  917. <script type="text/javascript">
  918. $(window).load(function(){
  919. var $wall = $('#posts');
  920. $wall.imagesLoaded(function(){
  921. $wall.masonry({
  922. itemSelector: '.entry, .entry_photo',
  923. isAnimated : false
  924. });
  925. });
  926. $wall.infinitescroll({
  927. navSelector : '#pagination',
  928. nextSelector : '#pagination a',
  929. itemSelector : '.entry, .entry_photo',
  930. bufferPx : 2000,
  931. debug : false,
  932. errorCallback: function() {
  933. $('#infscr-loading').fadeOut('normal');
  934. }},
  935. function( newElements ) {
  936. var $newElems = $( newElements );
  937. $newElems.hide();
  938. $newElems.imagesLoaded(function(){
  939. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  940. });
  941. }); $('#posts').show(500);
  942. });
  943. </script>
  944.  
  945.  
  946. {/block:IndexPage}
  947.  
  948.  
  949. <title>{title}</title>
  950.  
  951. <link rel="shortcut icon" href="{Favicon}" />
  952. <meta name="viewport" content="width=820" />
  953. </head>
  954.  
  955. <body onkeydown="return false">
  956.  
  957. <div class="wrapper">
  958. <div class="header">
  959. </div>
  960.  
  961. <div id="cage">
  962. <div id="center">
  963.  
  964. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  965. <div id="sidebar">
  966. <center>
  967. <div class="blogtitle"></div>
  968.  
  969.  
  970. </center>
  971.  
  972.  
  973. <left>
  974. <span class="links">
  975. <a href="#?w=400" rel="box1" class="poplight">pytanka</a><br>
  976. </left>
  977.  
  978. <div class="desc">
  979. <span style="font-size:14px;letter-spacing:1px;"></span>nosze lzy na policzkach czesciej niz roz
  980. </div>
  981.  
  982. <left>
  983. <span class="links2">
  984. <a title="" href="http://ektomorfia.tumblr.com/tagged/iy">edity</a>
  985. </left>
  986.  
  987.  
  988. </div>
  989. <!------------------------------------->
  990.  
  991. <div class="left">
  992. <div id="posts">
  993. {block:Posts}
  994. {block:ContentSource}
  995.  
  996. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  997.  
  998. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  999.  
  1000. {/block:SourceLogo}
  1001.  
  1002. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1003.  
  1004. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1005. <div class="entry">
  1006.  
  1007. {block:Answer}
  1008. <div class="text">
  1009. <div class="question">
  1010.  
  1011. <div class="asker"><b>{Asker}:</b></div>
  1012. {Question}</div><p>
  1013. <div class="answer">
  1014. {Answer}</div>
  1015. {block:IndexPage}
  1016. <div class="photoperm"> <a style="float:right;" href="{permalink}" title="">{NoteCount}♡</a></div>
  1017. {/block:IndexPage}
  1018. </div>
  1019. {/block:Answer}
  1020.  
  1021. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<div class="text"><span class="body">{Body}</span></div>
  1022. <div class="photoperm"><a style="float:left;"href="{permalink}" title=""> </a> <a style="float:right;"href="{ReblogURL}" title="">reblog</a> </div>
  1023. {/block:Text}
  1024.  
  1025. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="link">{Description}</div>{/block:Description}
  1026. <div class="photoperm"><a href="{permalink}" title=""></a> <a href="{ReblogURL}" title="">reblog</a> </div>
  1027. {block:Link}
  1028.  
  1029. {block:Photo}
  1030. {block:IndexPage}
  1031. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
  1032. {/block:IndexPage}
  1033. {block:PermalinkPage}
  1034. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1035.  
  1036. {LinkCloseTag}
  1037. {/block:PermalinkPage}
  1038. {block:IndexPage}
  1039. <div class="photoperm1">
  1040. <a style="float:left;"href="{permalink}" title="">{NoteCountWithLabel}</a> <a style="float:right;"href="{ReblogURL}" title="">reblog</i></a> </div>
  1041. {/block:IndexPage}
  1042. {/block:Photo}
  1043.  
  1044. {block:Photoset}
  1045. <div id="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" width="250" style="padding:0px;"/></a>
  1046. {/block:Photos}</div>
  1047. {block:IndexPage}
  1048. {block:ifnotcustompermalink}
  1049. <div class="photoperm1">
  1050. <a style="float:left;"href="{permalink}" title="">{NoteCountWithLabel}</a> <a style="float:right;"href="{ReblogURL}" title="">reblog</i></a> </div>
  1051. {/block:ifnotcustompermalink}
  1052. {block:ifcustompermalink}
  1053. <div class="photoperm"><a href="{permalink}" title="">{NoteCountWithLabel}</a> <a href="{ReblogURL}" title="">reblog</a> </div>
  1054. {/block:ifcustompermalink}
  1055. {/block:IndexPage}
  1056. {/block:Photoset}
  1057.  
  1058. {block:Quote}
  1059. <span style="text-transform:lowercase;letter-spacing:0px;">{Quote}</span>
  1060. {block:Source}
  1061. <div class="source"><div style="text-align:left;font-style:italic; color:{color:link}"></div></div>
  1062. {/block:Source}
  1063. {block:IndexPage}
  1064. <div class="photoperm"><a style="float:right;" href="{permalink}" title=""></a> <a style="float:right;" href="{ReblogURL}" title="">reblog</a> </div>
  1065. {/block:IndexPage}
  1066. {/block:Quote}
  1067.  
  1068. {block:Chat}
  1069. {block:Title}<div class="title" style="padding:5px;color:{color:text}"><center>{Title}</center></div>{/block:Title}
  1070. <div class="chat">
  1071. <div class="lines">
  1072. {block:Lines}
  1073. <div class="line {Alt}">{block:Label}{Label}{/block:Label} {Line}</div>
  1074. {/block:Lines}
  1075. </div>
  1076. </div>
  1077. {block:IndexPage}
  1078. <div class="photoperm"><a href="{permalink}" title="">{NoteCount}</a> <a href="{ReblogURL}" title="">reblog</a> </div>
  1079. {/block:IndexPage}
  1080. {/block:Chat}
  1081.  
  1082. {block:Audio}
  1083. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr">{AudioPlayer}</div>
  1084.  
  1085. <div class="infooo">{block:Artist} <b><audioshit>Artist:</audioshit></b> {Artist} {/block:Artist}<br>{block:TrackName} <b><audioshit>Track Name:</audioshit></b> "{TrackName}" {/block:TrackName}<br>{block:Album} <b><audioshit>Album:</audioshit></b> {Album} {/block:Album}</div>
  1086.  
  1087. {block:IndexPage}
  1088. <div class="photoperm"><a href="{permalink}" title="">{NoteCount}</a> <a href="{ReblogURL}">reblog</a></div>
  1089. {/block:IndexPage}
  1090. {/block:Audio}
  1091.  
  1092. {block:Video}
  1093. <center>
  1094.  
  1095. </center>
  1096. {block:PermalinkPage}<div style="overflow-x:hidden;overflow-y:hidden;">{Video-500}</div>{/block:PermalinkPage}
  1097. {block:IndexPage}
  1098. <div style="width: 250px; overflow-x:visible;overflow-y:hidden;">{Video-250}</div>
  1099. {block:ifnotcustompermalink}
  1100. <div class="wow"><a href="{Permalink}" title="">{NoteCount}</a> <a href="{ReblogURL}" title="reblog this post">reblog</a></center></div>
  1101.  
  1102. <div class="wow2">{DayOfWeek} {FormattedTime}</div>
  1103. {/block:ifnotcustompermalink}
  1104. {block:ifcustompermalink}
  1105. <div class="photoperm"><a href="{permalink}" title="">{NoteCount}</a> <a href="{ReblogURL}" title="">reblog</a> </div>
  1106. {/block:ifcustompermalink}
  1107. {/block:IndexPage}
  1108. {/block:Video}
  1109.  
  1110. {block:PermalinkPage}
  1111. <div id="note3"><div style="text-align:left; text-transform:lowercase;">
  1112. {caption}</div>
  1113. <div style="text-align:right; text-transform:lowercase;margin-top:0px;">{block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCount}
  1114. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  1115.  
  1116. {block:PostNotes}
  1117. {PostNotes}
  1118. {/block:PostNotes}
  1119. </div>
  1120. {/block:PermalinkPage}
  1121. </div>
  1122. {/block:Posts}
  1123. </div>
  1124. </div>
  1125. {block:Pagination}
  1126. <ul id="pagination">
  1127. {block:PreviousPage}
  1128. <li><a href="{PreviousPage}"></a></li>
  1129. {/block:PreviousPage}
  1130. {block:JumpPagination length="5"}
  1131. {block:CurrentPage}
  1132. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1133. {/block:CurrentPage}
  1134. {block:JumpPage}
  1135. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1136. {/block:JumpPage}
  1137. {/block:JumpPagination}
  1138. {block:NextPage}
  1139. <li><a id="nextPage" href="{NextPage}"></a></li>
  1140. {/block:NextPage}
  1141. </ul>
  1142. {/block:Pagination}
  1143.  
  1144.  
  1145.  
  1146. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement