API tools faq
paste
Advertisement
MissDaphne

Theme No. 35 - Upscale

MissDaphne
Oct 10th, 2015
740
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html>
  4. <head>
  5.  
  6.  
  7. <!--
  8.  
  9.  
  10. ▒█▀▀▄ ░█▀▀█ ▒█▀▀█ ▒█░▒█ ▒█▄░▒█ ▒█▀▀▀ 　 ▒█▀▀█ ▒█▀▀▀█ ▒█▀▀▀█ ▒█▀▀▀█
  11. ▒█░▒█ ▒█▄▄█ ▒█▄▄█ ▒█▀▀█ ▒█▒█▒█ ▒█▀▀▀ 　 ▒█▄▄▀ ▒█░░▒█ ░▀▀▀▄▄ ░▀▀▀▄▄
  12. ▒█▄▄▀ ▒█░▒█ ▒█░░░ ▒█░▒█ ▒█░░▀█ ▒█▄▄▄ 　 ▒█░▒█ ▒█▄▄▄█ ▒█▄▄▄█ ▒█▄▄▄█
  13.  
  14. THEME #35 UPSCALE THEME BY DAKILANGGELPREN
  15.  
  16. + Do not remove the text or else you'll be tracked
  17. + Do not copy or steal anything from this theme and use it on your next theme/future theme.
  18. + Do not redistribute this theme or claim it as yours
  19. + Feel free to edit anything, but never remove my credit.
  20. + Do not remove the credits on the sidebar, ask permission first.
  21. + If you're planning to make a huge revamping of my theme, please let me know.
  22.  
  23. -->
  24.  
  25. <!--FONTS-->
  26. <link href='https://fonts.googleapis.com/css?family=Montaga' rel='stylesheet' type='text/css'>
  27.  
  28. <!-- VISIBLE OR NOT OPTIONS -->
  29. <meta name="if:Image Opacity" content="1">
  30. <meta name="if:No Right Click" content="1">
  31. <meta name="if:Cursor Effect" content="1">
  32. <meta name="if:Show link 1" content="1"/>
  33. <meta name="if:Show link 2" content="1"/>
  34. <meta name="if:Show link 3" content="1"/>
  35. <meta name="if:Show link 4" content="1"/>
  36. <meta name="if:Show link 5" content="1"/>
  37. <meta name="if:Show link 6" content="1"/>
  38. <meta name="if:Show link 7" content="1"/>
  39.  
  40. <!--IMAGE-->
  41. <meta name="image:Sidebar Picture" content="https://40.media.tumblr.com/7a53a5864d35dc29a81ba8323d1089a9/tumblr_nnh93fNiuo1td915so1_540.jpg">
  42.  
  43. <!--COLORS-->
  44. <meta name="color: Topbar Navigation Bg" content="#e5afa1">
  45. <meta name="color: Sidebar Quote Text Color" content="#e5afa1">
  46. <meta name="color:Textpost and Quotes Text Color" content="c39387">
  47. <meta name="color: Description Text Color" content="#9a7a72">
  48. <meta name="color: Description Buttons Bg" content="#e5afa1">
  49.  
  50. <!--LINKS AND TEXTS-->
  51. <meta name="text:Tumblr Url" content="dakilanggerlpren">
  52. <meta name="text:Back To Top Button Text" content="↑BACK TO TOP">
  53. <meta name="text:Sidebar Title Quote" content="">
  54. <meta name="text:Facebook Account Link" content="">
  55. <meta name="text:link1" content="title here">
  56. <meta name="text:link2" content="title here">
  57. <meta name="text:link3" content="title here">
  58. <meta name="text:link4" content="title here">
  59. <meta name="text:link5" content="title here">
  60. <meta name="text:link6" content="title here">
  61. <meta name="text:link7" content="title here">
  62. <meta name="text:link1 url" content="">
  63. <meta name="text:link2 url" content="">
  64. <meta name="text:link3 url" content="">
  65. <meta name="text:link4 url" content="">
  66. <meta name="text:link5 url" content="">
  67. <meta name="text:link6 url" content="">
  68. <meta name="text:link7 url" content="">
  69.  
  70.  
  71. {block:IfNoRightClick}
  72. <SCRIPT TYPE="text/javascript">
  73. <!--
  74. //Disable right click script <script type="text/jfavascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  75. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  76. var message="Sorry, right-click has been disabled";
  77. ///////////////////////////////////
  78. function clickIE() {if (document.all) {(message);return false;}}
  79. function clickNS(e) {if
  80. (document.layers||(document.getElementById&&!document.all)) {
  81. if (e.which==2||e.which==3) {(message);return false;}}}
  82. if (document.layers)
  83. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  84. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  85. document.oncontextmenu=new Function("return false")
  86. // -->
  87.  
  88. </SCRIPT>
  89. {/block:IfNoRightClick}
  90.  
  91.  
  92. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93.  
  94. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  95.  
  96. <script>
  97.  
  98. (function($){
  99.  
  100. $(document).ready(function(){
  101.  
  102. $("a[title]").style_my_tooltips({
  103.  
  104. tip_follows_cursor:true,
  105.  
  106. tip_delay_time:90,
  107.  
  108. tip_fade_speed:600,
  109.  
  110. attribute:"title"
  111.  
  112. });
  113.  
  114. });
  115.  
  116. })(jQuery);
  117.  
  118. </script>
  119.  
  120. <style>
  121.  
  122. .tooltip{
  123. display: inline;
  124. position: relative;
  125. }
  126.  
  127. #s-m-t-tooltip {
  128. max-width:300px;
  129. border-radius: 10px;
  130. padding:2px;
  131. margin:20px 7px -2px 20px;
  132. background-color:#ffffff;
  133. border:1px solid #e0dfdf;
  134. font-family:'Calibri';
  135. font-size:8.5px;
  136. color:#e5afa1;
  137. letter-spacing:1px;
  138. text-transform:uppercase;
  139. z-index:999999999999999999999999999999999999;
  140. }
  141. </style>
  142.  
  143. <title>{Title}</title>
  144. <link rel="shortcut icon" href="{Favicon}">
  145. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  146. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  147. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  148. <script src="http://static.tumblr.com/3iwd31y/yAnnnvjxx/daphneross.js"></script>
  149.  
  150. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  151.  
  152. <script type="text/javascript"
  153. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  154. <script>
  155. $(document).ready(function() {
  156. //
  157. $('a.poplight[href^=#]').click(function() {
  158. var popID = $(this).attr('rel'); //Get Popup Name
  159. var popURL = $(this).attr('href'); //Get Popup href to define size
  160. var query= popURL.split('?');
  161. var dim= query[1].split('&');
  162. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  163. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  164. var popMargTop = ($('#' + popID).height() + 80) / 2;
  165. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  166. //Apply Margin to Popup
  167. $('#' + popID).css({
  168. 'margin-top' : -popMargTop,
  169. 'margin-left' : -popMargLeft
  170. });
  171. $('body').append('<div id="fade"></div>');
  172. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  173. return false;
  174. });
  175. $('a.close, #fade').live('click', function() {
  176. $('#fade , .popup_block').fadeOut(function() {
  177. $('#fade, a.close').remove(); //fade them both out
  178. });
  179. return false;
  180. });
  181. });
  182. </script>
  183.  
  184. <style type="text/css">
  185.  
  186. @-webkit-keyframes wobble {
  187. 16.65% {
  188. -webkit-transform: translateY(8px);
  189. transform: translateY(8px);
  190. }
  191. 33.3% {
  192. -webkit-transform: translateY(-6px);
  193. transform: translateY(-6px);
  194. }
  195. 49.95% {
  196. -webkit-transform: translateY(4px);
  197. transform: translateY(4px);
  198. }
  199. 66.6% {
  200. -webkit-transform: translateY(-2px);
  201. transform: translateY(-2px);
  202. }
  203. 83.25% {
  204. -webkit-transform: translateY(1px);
  205. transform: translateY(1px);
  206. }
  207. 100% {
  208. -webkit-transform: translateY(0);
  209. transform: translateY(0);
  210. }
  211. }
  212.  
  213. @keyframes wobble {
  214. 16.65% {
  215. -webkit-transform: translateY(8px);
  216. -ms-transform: translateY(8px);
  217. transform: translateY(8px);
  218. }
  219. 33.3% {
  220. -webkit-transform: translateY(-6px);
  221. -ms-transform: translateY(-6px);
  222. transform: translateY(-6px);
  223. }
  224. 49.95% {
  225. -webkit-transform: translateY(4px);
  226. -ms-transform: translateY(4px);
  227. transform: translateY(4px);
  228. }
  229. 66.6% {
  230. -webkit-transform: translateY(-2px);
  231. -ms-transform: translateY(-2px);
  232. transform: translateY(-2px);
  233. }
  234. 83.25% {
  235. -webkit-transform: translateY(1px);
  236. -ms-transform: translateY(1px);
  237. transform: translateY(1px);
  238. }
  239. 100% {
  240. -webkit-transform: translateY(0);
  241. -ms-transform: translateY(0);
  242. transform: translateY(0);
  243. }
  244. }
  245.  
  246. .wobble {
  247. display: inline-block;
  248. -webkit-transform: translateZ(0);
  249. -ms-transform: translateZ(0);
  250. transform: translateZ(0);
  251. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  252. }
  253.  
  254. .wobble:hover {
  255. -webkit-animation-name: wobble;
  256. animation-name: wobble;
  257. -webkit-animation-duration: 1s;
  258. animation-duration: 1s;
  259. -webkit-animation-timing-function: ease-in-out;
  260. animation-timing-function: ease-in-out;
  261. -webkit-animation-iteration-count: 1;
  262. animation-iteration-count: 1;
  263. }
  264.  
  265. body{
  266. background:#ffffff;
  267. background-attachment:fixed;
  268. color:{color: Description Text Color};
  269. line-height:13.5px;
  270. font-family:'Georgia';
  271. font-size:10.2px;
  272. cursor:url(https://41.media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_nvaaoxeaBf1rxvux9_540.png),auto;
  273. }
  274.  
  275. A:link, A:visited, A:active{
  276. text-decoration:none;
  277. color:{color: Description Text Color};
  278. -webkit-transition-duration: 1.0s;
  279. cursor:url(https://41.media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_nvaaoxeaBf1rxvux9_540.png),auto;
  280. }
  281.  
  282. A:hover{
  283. color:{color: Sidebar Quote Text Color};
  284. text-decoration:none;
  285. -webkit-transition-duration: 1.0s;
  286. cursor:url(http://static.tumblr.com/3iwd31y/TqWne1jec/click.png),auto;
  287. }
  288.  
  289. ::-webkit-scrollbar-thumb:vertical {
  290. background-color:{color: Sidebar Quote Text Color};
  291. border: 2px solid #ffffff;
  292. height:auto;
  293. }
  294.  
  295. ::-webkit-scrollbar-thumb:horizontal {
  296. background-color:{color: Sidebar Quote Text Color};
  297. height:10px !important;
  298. }
  299.  
  300. ::-webkit-scrollbar {
  301. height:7px;
  302. width:7px;
  303. border: 2px solid #ffffff;
  304. background-color:#ffffff;
  305. }
  306.  
  307.  
  308. {block:IfImageOpacity}
  309. img {
  310. opacity: 0.8;
  311. filter: alpha(opacity=80);
  312. -webkit-transition: all 0.7s ease;
  313. transition: all 0.7s ease;
  314. }
  315.  
  316. img:hover {
  317. -webkit-transition: all 0.7s ease;
  318. transition: all 0.7s ease;
  319. opacity: 1.0;
  320. filter: alpha(opacity=100);
  321. }
  322. {/block:IfImageOpacity}
  323.  
  324.  
  325. #frontier{
  326. margin-top:-15px;
  327. width:850px;
  328. height:auto;
  329. background:transparent;
  330. margin-left:auto;
  331. margin-right:auto;
  332. position:absolute;
  333. overflow: auto;
  334. overflow-y: hidden;
  335. position: relative;
  336. }
  337.  
  338. .box1{
  339. position:fixed;
  340. width:220px;
  341. float:left;
  342. padding:5px;
  343. margin-top:60px;
  344. }
  345.  
  346. .btitle{
  347. background:#ffffff;
  348. color:{color: Sidebar Quote Text Color};
  349. font-family: Georgia;
  350. font-size:10.2px;
  351. text-align:center;
  352. line-height:11px;
  353. margin-bottom:5px;
  354. }
  355.  
  356. .bline{
  357. width:auto;
  358. border-top:1px solid {color: Sidebar Quote Text Color};
  359. opacity:0.8;
  360. margin-bottom:10px;
  361. }
  362.  
  363. #info{
  364. text-align:center;
  365. color:{color: Description Text Color};
  366. line-height:13.5px;
  367. font-family:'Georgia';
  368. font-size:10.2px;
  369. }
  370.  
  371. #info:first-letter{
  372. text-transform:uppercase;
  373. background:{color: Sidebar Quote Text Color};
  374. color:#ffffff;
  375. font-weight:normal;
  376. font-style: italic;
  377. font-size:10.5px;
  378. padding-left:2px;
  379. padding-right:2px;
  380. border:3px double #ffffff;
  381. }
  382.  
  383.  
  384. #navigation{
  385. position:fixed;
  386. margin-top:-10px;
  387. background:{color: Topbar Navigation Bg};
  388. width:500px;
  389. padding:2px;
  390. height:30px;
  391. z-index:999999999999;
  392. }
  393.  
  394. div.links a{
  395. color:#ffffff;
  396. font-family: Georgia;
  397. font-size:10.2px;
  398. text-align:center;
  399. display:inline-block;
  400. line-height:30px;
  401. width:auto;
  402. margin-left:6px;
  403. margin-right:6px;
  404. padding:2px;
  405. }
  406.  
  407. div.links a:hover{
  408. background:#ffffff;
  409. color:{color: Topbar Navigation Bg};
  410. transform:rotate(360deg) scale(.7);
  411. opacity:0.1;
  412. }
  413.  
  414. div.buttons a{
  415. background:{color: Description Buttons Bg};
  416. width:15px;
  417. height:15px;
  418. border-radius:100%;
  419. display:inline-block;
  420. border:3px double #ffffff;
  421. margin-left:5px;
  422. margin-right:4px;
  423. color:#ffffff;
  424. font-size:10px;
  425. margin-top:5px;
  426. -webkit-transition-duration: .50s;
  427. }
  428.  
  429. div.buttons a:hover{
  430. color:#ffffff;
  431. border-radius:0px;
  432. animation:wobble 1.1s;
  433. }
  434.  
  435.  
  436. #post {
  437. background:#ffffff;
  438. padding:0px;
  439. margin-bottom:33px;
  440. color:{color: Description Text Color};
  441. line-height:13.5px;
  442. font-family:'Georgia';
  443. font-size:10.2px;
  444. text-align:justify;
  445. }
  446.  
  447. #entries {
  448. margin-top:13px;
  449. width:505px;
  450. float:right;
  451. }
  452.  
  453.  
  454. #post .reblogbox {
  455. padding:5px;
  456. position:absolute;
  457. opacity:0;
  458. background:transparent;
  459. overflow:hidden;
  460. margin-left:400px;
  461. z-index:999999;
  462. }
  463.  
  464. #post:hover .reblogbox {
  465. opacity:1;
  466. height:15px;
  467. width:auto;
  468. background:{color: Topbar Navigation Bg};
  469. overflow:visible;
  470. margin-left:0px;
  471. -webkit-transition-timing-function: ease-out;
  472. -webkit-transition-duration: .8s;
  473. -moz-transition-timing-function: ease-out;
  474. -moz-transition-duration: .8s;
  475. }
  476.  
  477. #post .time {
  478. opacity:0;
  479. padding:5px;
  480. position:absolute;
  481. background:transparent;
  482. overflow:hidden;
  483. margin-left:400px;
  484. z-index:999999;
  485. }
  486.  
  487. #post:hover .time {
  488. margin-top:40px;
  489. opacity:1;
  490. height:15px;
  491. width:auto;
  492. background:{color: Topbar Navigation Bg};
  493. color:#ffffff;
  494. font-family:Calibri;
  495. font-size:9px;
  496. text-transform:uppercase;
  497. letter-spacing:1px;
  498. margin-left:0px;
  499. overflow:visible;
  500. font-weight:normal;
  501. -webkit-transition-timing-function: ease-out;
  502. -webkit-transition-duration: .5s;
  503. -moz-transition-timing-function: ease-out;
  504. -moz-transition-duration: .5s;
  505. }
  506.  
  507.  
  508. #post .likes {
  509. opacity:0;
  510. padding:5px;
  511. position:absolute;
  512. background:transparent;
  513. overflow:hidden;
  514. margin-left:400px;
  515. z-index:999999;
  516. }
  517.  
  518. #post .likes a{
  519. opacity:1;
  520. color:#ffffff;
  521. font-family:Calibri;
  522. font-size:9px;
  523. text-transform:uppercase;
  524. letter-spacing:1px;
  525. font-weight:normal;
  526. }
  527.  
  528. #post:hover .likes {
  529. opacity:1;
  530. height:15px;
  531. width:auto;
  532. background:{color: Topbar Navigation Bg};
  533. color:#ffffff;
  534. font-family:Calibri;
  535. font-size:9px;
  536. text-transform:uppercase;
  537. letter-spacing:1px;
  538. margin-left:0px;
  539. margin-top:80px;
  540. overflow:visible;
  541. font-weight:normal;
  542. -webkit-transition-timing-function: ease-out;
  543. -webkit-transition-duration: .5s;
  544. -moz-transition-timing-function: ease-out;
  545. -moz-transition-duration: .5s;
  546. }
  547.  
  548.  
  549. .textpost{
  550. font-family: 'Montaga', serif;
  551. font-size:15px;
  552. line-height:20px;
  553. text-align:center;
  554. color:{color:Textpost and Quotes Text Color};
  555. }
  556.  
  557. blockquote {
  558. margin-left: 20px;
  559. border-left: 1px solid {color: Topbar Navigation Bg};
  560. background:#ffffff;
  561. padding: 10px;
  562. overflow: hidden;
  563. width:450px;
  564. }
  565.  
  566. .askborder {
  567. float: left;
  568. padding: 4px;
  569. border: 1px solid #dddddd;
  570. }
  571.  
  572. a.asker{
  573. color:#ffffff;
  574. }
  575.  
  576. a.asker:hover{
  577. color:{color: Topbar Navigation Bg};
  578. text-decoration: none;
  579. }
  580.  
  581. .bubble {
  582. align:right;
  583. background:{color: Topbar Navigation Bg};
  584. margin:1px 0px 15px 66px;
  585. padding:10px;
  586. position:relative;
  587. color:#ffffff;
  588. border-radius: 7px 7px 7px 7px;
  589. -moz-border-radius: 7px 7px 7px 7px;
  590. -webkit-border-radius: 7px 7px 7px 7px;
  591. }
  592.  
  593.  
  594. .bubble p {margin:1px 0px;}
  595.  
  596. .bubble span {
  597. display:block;
  598. position:absolute;
  599. width:1px;
  600. height:1px;
  601. font-size: 0;
  602. line-height:1px;
  603. left:-10px;
  604. top:10px;
  605. border-top:7px solid transparent;
  606. border-bottom:7px solid transparent;
  607. border-right:10px solid {color: Topbar Navigation Bg};
  608. }
  609.  
  610.  
  611. #paginacaoml {
  612. font-family: verdana;
  613. font-size:9px;
  614. }
  615.  
  616. #paginacaoml a {
  617. background: {color: Description Buttons Bg};
  618. margin: 1px;
  619. padding: 4px;
  620. color: #ffffff;
  621. text-decoration: none;
  622. border:3px double {color: Description Buttons Bg};
  623. }
  624.  
  625. #paginacaoml a:hover {
  626. background: #ffffff;
  627. border: none;
  628. color:{color: Description Buttons Bg};
  629. text-decoration: none;
  630. border:3px double {color: Description Buttons Bg};
  631. }
  632.  
  633. #paginacaoml span.pagina_atual {
  634. background: #fff;
  635. margin: 1px;
  636. padding: 4px;
  637. color: {color: Description Buttons Bg};
  638. text-decoration: none;
  639. border:3px double {color: Description Buttons Bg};
  640. }
  641.  
  642. #paginacaoml span.info {
  643. margin: 1px;
  644. padding: 4px;
  645. text-decoration: none;
  646. }
  647.  
  648.  
  649. #backtotop{
  650. bottom:0px;
  651. width: auto;
  652. height: 40px;
  653. padding:5px;
  654. text-align:center;
  655. background: transparent;
  656. }
  657.  
  658. #backtotop:hover{
  659. color:{color: Topbar Navigation Bg};
  660. }
  661.  
  662. #backtotop a{
  663. font-family:'Calibri';
  664. font-size:9px;
  665. letter-spacing:1px;
  666. font-weight:bold;
  667. color:{color: Topbar Navigation Bg};
  668. text-transform:uppercase;
  669. }
  670.  
  671. #backtotop a:hover{
  672. color:{color: Topbar Navigation Bg};
  673. }
  674.  
  675. #fade {
  676. display: none;
  677. background:{color: Topbar Navigation Bg};
  678. position: fixed; left: 0; top: 0;
  679. width: 100%; height: 100%;
  680. opacity: .10;
  681. z-index: 9999;
  682. }
  683.  
  684. .popup_block{
  685. display: none;
  686. background: #fcfbf8;
  687. padding: 10px;
  688. border: 5px solid {color: Topbar Navigation Bg};
  689. float: left;
  690. font-size: 10;
  691. position: fixed;
  692. top: 50%; left: 50%;
  693. z-index: 99999;
  694. -webkit-border-radius: 5px;
  695. -moz-border-radius: 5px;
  696. border-radius: 5px;
  697. }
  698. img.btn_close {
  699. float: right;
  700. margin: -20 -20px 0 0;
  701. }
  702.  
  703. *html #fade {
  704. position: absolute;
  705. }
  706. *html .popup_block {
  707. position: absolute;
  708. }
  709.  
  710.  
  711. </style>
  712.  
  713.  
  714.  
  715. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  716. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  717. <script type="text/javascript" charset="utf-8">
  718. var $j = jQuery.noConflict();
  719. $j(function() {
  720. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  721. $j("img").lazyload({
  722. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  723. effect: "fadeIn",
  724. });
  725. });
  726. </script>
  727.  
  728.  
  729. </head>
  730. <body>
  731.  
  732.  
  733. {block:IfCursorEffect}
  734. <script type='text/javascript'>
  735.  
  736. // <![CDATA[
  737.  
  738.  
  739. /*you can change the color of the sparkles here*/
  740. var colour=" #ffffff";
  741. var sparkles=40;
  742.  
  743. var x=ox=400;
  744.  
  745. var y=oy=300;
  746.  
  747. var swide=800;
  748.  
  749. var shigh=600;
  750.  
  751. var sleft=sdown=0;
  752.  
  753. var tiny=new Array();
  754.  
  755. var star=new Array();
  756.  
  757. var starv=new Array();
  758.  
  759. var starx=new Array();
  760.  
  761. var stary=new Array();
  762.  
  763. var tinyx=new Array();
  764.  
  765. var tinyy=new Array();
  766.  
  767. var tinyv=new Array();
  768.  
  769. window.onload=function() { if (document.getElementById) {
  770.  
  771. var i, rats, rlef, rdow;
  772.  
  773. for (var i=0; i<sparkles; i++) {
  774.  
  775. var rats=createDiv(3, 3);
  776.  
  777. rats.style.visibility="hidden";
  778.  
  779. document.body.appendChild(tiny[i]=rats);
  780.  
  781. starv[i]=0;
  782.  
  783. tinyv[i]=0;
  784.  
  785. var rats=createDiv(5, 5);
  786.  
  787. rats.style.backgroundColor="transparent";
  788.  
  789. rats.style.visibility="hidden";
  790.  
  791. var rlef=createDiv(5, 5);
  792.  
  793. var rdow=createDiv(5, 5);
  794.  
  795. rats.appendChild(rlef);
  796.  
  797. rats.appendChild(rdow);
  798.  
  799. rlef.style.top="2px";
  800.  
  801. rlef.style.left="0px";
  802.  
  803. rdow.style.top="0px";
  804.  
  805. rdow.style.left="2px";
  806.  
  807. document.body.appendChild(star[i]=rats);
  808.  
  809. }
  810.  
  811. set_width();
  812.  
  813. sparkle();
  814.  
  815. }}
  816.  
  817. function sparkle() {
  818.  
  819. var c;
  820.  
  821. if (x!=ox || y!=oy) {
  822.  
  823. ox=x;
  824.  
  825. oy=y;
  826.  
  827. for (c=0; c<sparkles; c++) if (!starv[c]) {
  828.  
  829. star[c].style.left=(starx[c]=x)+"px";
  830.  
  831. star[c].style.top=(stary[c]=y)+"px";
  832.  
  833. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  834.  
  835. star[c].style.visibility="visible";
  836.  
  837. starv[c]=50;
  838.  
  839. break;
  840.  
  841. }
  842.  
  843. }
  844.  
  845. for (c=0; c<sparkles; c++) {
  846.  
  847. if (starv[c]) update_star(c);
  848.  
  849. if (tinyv[c]) update_tiny(c);
  850.  
  851. }
  852.  
  853. setTimeout("sparkle()", 40);
  854.  
  855. }
  856.  
  857. function update_star(i) {
  858.  
  859. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  860.  
  861. if (starv[i]) {
  862.  
  863. stary[i]+=1+Math.random()*3;
  864.  
  865. if (stary[i]<shigh+sdown) {
  866.  
  867. star[i].style.top=stary[i]+"px";
  868.  
  869. starx[i]+=(i%5-2)/5;
  870.  
  871. star[i].style.left=starx[i]+"px";
  872.  
  873. }
  874.  
  875. else {
  876.  
  877. star[i].style.visibility="hidden";
  878.  
  879. starv[i]=0;
  880.  
  881. return;
  882.  
  883. }
  884.  
  885. }
  886.  
  887. else {
  888.  
  889. tinyv[i]=50;
  890.  
  891. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  892.  
  893. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  894.  
  895. tiny[i].style.width="2px";
  896.  
  897. tiny[i].style.height="2px";
  898.  
  899. star[i].style.visibility="hidden";
  900.  
  901. tiny[i].style.visibility="visible"
  902.  
  903. }
  904.  
  905. }
  906.  
  907. function update_tiny(i) {
  908.  
  909. if (--tinyv[i]==25) {
  910.  
  911. tiny[i].style.width="1px";
  912.  
  913. tiny[i].style.height="1px";
  914.  
  915. }
  916.  
  917. if (tinyv[i]) {
  918.  
  919. tinyy[i]+=1+Math.random()*5;
  920.  
  921. if (tinyy[i]<shigh+sdown) {
  922.  
  923. tiny[i].style.top=tinyy[i]+"px";
  924.  
  925. tinyx[i]+=(i%5-2)/5;
  926.  
  927. tiny[i].style.left=tinyx[i]+"px";
  928.  
  929. }
  930.  
  931. else {
  932.  
  933. tiny[i].style.visibility="hidden";
  934.  
  935. tinyv[i]=0;
  936.  
  937. return;
  938.  
  939. }
  940.  
  941. }
  942.  
  943. else tiny[i].style.visibility="hidden";
  944.  
  945. }
  946.  
  947. document.onmousemove=mouse;
  948.  
  949. function mouse(e) {
  950.  
  951. set_scroll();
  952.  
  953. y=(e)?e.pageY:event.y+sdown;
  954.  
  955. x=(e)?e.pageX:event.x+sleft;
  956.  
  957. }
  958.  
  959. function set_scroll() {
  960.  
  961. if (typeof(self.pageYOffset)=="number") {
  962.  
  963. sdown=self.pageYOffset;
  964.  
  965. sleft=self.pageXOffset;
  966.  
  967. }
  968.  
  969. else if (document.body.scrollTop || document.body.scrollLeft) {
  970.  
  971. sdown=document.body.scrollTop;
  972.  
  973. sleft=document.body.scrollLeft;
  974.  
  975. }
  976.  
  977. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  978.  
  979. sleft=document.documentElement.scrollLeft;
  980.  
  981. sdown=document.documentElement.scrollTop;
  982.  
  983. }
  984.  
  985. else {
  986.  
  987. sdown=0;
  988.  
  989. sleft=0;
  990.  
  991. }
  992.  
  993. }
  994.  
  995. window.onresize=set_width;
  996.  
  997. function set_width() {
  998.  
  999. if (typeof(self.innerWidth)=="number") {
  1000.  
  1001. swide=self.innerWidth;
  1002.  
  1003. shigh=self.innerHeight;
  1004.  
  1005. }
  1006.  
  1007. else if (document.documentElement && document.documentElement.clientWidth) {
  1008.  
  1009. swide=document.documentElement.clientWidth;
  1010.  
  1011. shigh=document.documentElement.clientHeight;
  1012.  
  1013. }
  1014.  
  1015. else if (document.body.clientWidth) {
  1016.  
  1017. swide=document.body.clientWidth;
  1018.  
  1019. shigh=document.body.clientHeight;
  1020.  
  1021. }
  1022.  
  1023. }
  1024.  
  1025. function createDiv(height, width) {
  1026.  
  1027. var div=document.createElement("div");
  1028.  
  1029. div.style.position="absolute";
  1030.  
  1031. div.style.height=height+"49px";
  1032.  
  1033. div.style.width=width+"50px";
  1034.  
  1035. div.style.overflow="hidden";
  1036.  
  1037. div.style.backgroundColor=colour;
  1038.  
  1039. return (div);
  1040.  
  1041. }
  1042.  
  1043. // ]]>
  1044. </script>
  1045. {/block:IfCursorEffect}
  1046.  
  1047. <div id="frontier">
  1048.  
  1049. <!---SIDEBAR CONTENT START--->
  1050. <div class="box1"><br><br><br>
  1051. <div class="btitle"><b><big>&#8220;</big></b><i>{text:Sidebar Title Quote}</i><big><b>&#8221;</b></big></div>
  1052. <div class="bline"></div>
  1053. <center><img src="{image:Sidebar Picture}" style="width: 100px; box-shadow: 0px 0px 5px #cfcece; margin:3px; border: 4px solid #ffffff; margin-top:1px; background-color: #ffffff;" align="left">
  1054. <div id="info">{Description}</div>
  1055. </center>
  1056. <div id="wrapb">
  1057. <div class="buttons">
  1058. <center>
  1059. <a href="/" title="refresh page">i</a>
  1060. <a href="#?w=500" rel="02" class="poplight">ii</a>
  1061. <a href="/submit" title="submit links here">iii</a>
  1062. <a href="/archive" title="view past entries">iv</a>
  1063. <a href="{text:Facebook Account Link}" title="facebook account">v</a>
  1064. <a href="http://dakilanggerlpren.tumblr.com/" title="more themes here">vi</a>
  1065. </center>
  1066. </div>
  1067. </div>
  1068. </div>
  1069. <!---SIDEBAR CONTENT END--->
  1070.  
  1071.  
  1072. <!--POST CONTENT START-->
  1073. <div id="entries">
  1074.  
  1075. <!---LINKS START--->
  1076. <div id="navigation">
  1077. <div class="links">
  1078. <i><center>
  1079. {block:IfShowLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:IfShowLink1}
  1080. {block:IfShowLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:IfShowLink2}
  1081. {block:IfShowLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:IfShowLink3}
  1082. {block:IfShowLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:IfShowLink4}
  1083. {block:IfShowLink5}<a href="{text:link5 url}">{text:link5}</a>{/block:IfShowLink5}
  1084. {block:IfShowLink6}<a href="{text:link6 url}">{text:link6}</a>{/block:IfShowLink6}
  1085. {block:IfShowLink7}<a href="{text:link7 url}">{text:link7}</a>{/block:IfShowLink7}
  1086. </i></center>
  1087. </div>
  1088. </div>
  1089. <br><br><br><br>
  1090. <!---LINKS END--->
  1091.  
  1092.  
  1093. {block:Posts}
  1094. <!-- {block:NoRebloggedFrom}
  1095. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1096. {/block:NoRebloggedFrom} -->
  1097.  
  1098. {block:ContentSource}<!-- {SourceURL}
  1099. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1100. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1101. {/block:ContentSource}
  1102.  
  1103. <div id="post">
  1104. <div class="reblogbox"><div style="float:left; padding-right:10px;">{LikeButton size="15" color="white"}</div><div style="float:right;">{ReblogButton size="15" color="white"}</div></div>
  1105.  
  1106. <div class="likes"><a href="{Permalink}">{NoteCount} Likes and reblogs</a></div>
  1107.  
  1108. <div class="time">{DayOfWeek}, {DayOfMonth} {Month} {Year}</div>
  1109.  
  1110.  
  1111. {block:Text}<div class="textpost">{block:Title}<br>{Title}{/block:Title}</div><br>{Body}{/block:Text}
  1112.  
  1113. {block:Quote}<div class="textpost"><br>"{Quote}"</div>
  1114. <div style="text-align:right; padding-right:10px; margin-top:5px;">{block:Source} <i>— {Source}</i>{/block:Source}</div>{/block:Quote}
  1115.  
  1116. {block:Photo}
  1117. <a href="{Permalink}"><img src="{PhotoURL-500}" width="501px"/></a>
  1118. {/block:Photo}
  1119.  
  1120. {block:Photoset}<br><center>{Photoset-500}</center>{/block:Photoset}
  1121.  
  1122. {block:Link}<br><a href="{URL}" class="link" {Target}><div class="textpost">{Name}&nbsp;</div></a>{/block:Link}
  1123. {block:Link}{block:Description}<div class="copy">{Description}</div>{/block:Description}{/block:Link}
  1124.  
  1125. {block:Chat}{block:Title}<br><div class="title"><div class="textpost">{Title}</div></div>{/block:Title}<br>
  1126. <div class="post">
  1127. <div class="conversation">
  1128. <ul>
  1129. {block:Lines}<li class="{Alt}">
  1130. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1131. {Line}</li>{/block:Lines}</ul>
  1132. </div>
  1133. </div>
  1134. {/block:Chat}
  1135.  
  1136. <div class="video"><br>{block:Video}{Video-500}<br>{block:Caption}{Caption}{/block:Caption}{/block:Video}</div>
  1137.  
  1138. {block:AudioPlayer}
  1139. <div class="audiowrapper">
  1140. {block:AlbumArt}
  1141. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1142. {/block:AlbumArt}
  1143.  
  1144. <div class="playerbuttonbg">
  1145. <div class="newplayerbutton">
  1146. <div class="playerbuttonhug">
  1147.  
  1148. {AudioPlayerWhite}
  1149.  
  1150. </div>
  1151. </div>
  1152. </div>
  1153.  
  1154. <div class="trackdetails">
  1155.  
  1156. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1157. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1158. {block:Album}Album: {Album}{/block:Album}<br/>
  1159. {PlayCountWithLabel}
  1160.  
  1161. </div>
  1162. </div>
  1163. {/block:AudioPlayer}
  1164.  
  1165. {block:Caption}{Caption}{/block:Caption}
  1166.  
  1167.  
  1168. {block:Answer}
  1169. <img src="{AskerPortraitURL-40}" align="left" class="askborder"><div class="bubble"><span></span><a class="asker">{asker}</a> whispered: {Question}</div>
  1170. <div align="left">{Answer}</div>
  1171. {/block:Answer} <br>
  1172. </div>
  1173.  
  1174. {block:PostNotes}
  1175. <div class="bottom">
  1176. <div id="box"></div>
  1177. <div id="notes" style="margin-top:-30px; border-top: px solid #EEEEEE; margin: 10px 0 40px 0;"></div>
  1178. <div style="margin-left:0px;">
  1179. {PostNotes}
  1180. </div>
  1181. <center>{block:ContentSource}<a href="{SourceURL}">
  1182. {lang:Source}: {block:SourceLogo}
  1183. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1184. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center></div>
  1185. {/block:PostNotes}
  1186. {/block:Posts}
  1187.  
  1188.  
  1189. <center><div id="backtotop"><a href="javascript:scroll(0,0)">{text:Back To Top Button Text}</a></div>
  1190. <div id="paginacaoml"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination} <br>
  1191. </div></center><br><br>
  1192.  
  1193. </div></div>
  1194. <!--POST CONTENT END-->
  1195. </div>
  1196.  
  1197. <BODY onselectstart="return false;" ondragstart="return false;">
  1198.  
  1199. </body>
  1200.  
  1201. <div id="02" class="popup_block">
  1202.  
  1203. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:Tumblr Url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1204. </center></div>
  1205.  
  1206. </div></div></div></div></div></div></div></div></div></div>
  1207.  
  1208. </html>
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!