API tools faq
paste
Advertisement
Phob

theme for smileled

Phob
Aug 13th, 2016
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.08 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- this is theme 41 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12.  
  13. <!-- all code tweaks by @bangvn/@86holic. theft will NOT be tolerated!! -->
  14.  
  15. <script type="text/javascript">
  16. // <![CDATA[
  17. var colour="#dce3e4"; // what colour are the blobs
  18. var speed=40; // speed of animation, lower is faster
  19. var blobs=8; // how many blobs are in the jar
  20. var charc=String.fromCharCode(8226); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  21.  
  22. /***************************\
  23. * Blobs in a Jar Effect *
  24. *(c)2012-13 mf2fm web-design*
  25. * http://www.mf2fm.com/rv *
  26. * DON'T EDIT BELOW THIS BOX *
  27. \***************************/
  28.  
  29. var div;
  30. var xpos=new Array();
  31. var ypos=new Array();
  32. var zpos=new Array();
  33. var dx=new Array();
  34. var dy=new Array();
  35. var dz=new Array();
  36. var blob=new Array();
  37. var swide=800;
  38. var shigh=600;
  39. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  40.  
  41. function addLoadEvent(funky) {
  42. var oldonload=window.onload;
  43. if (typeof(oldonload)!='function') window.onload=funky;
  44. else window.onload=function() {
  45. if (oldonload) oldonload();
  46. funky();
  47. }
  48. }
  49.  
  50. addLoadEvent(fill_the_jar);
  51.  
  52. function fill_the_jar() {
  53. var i, dvs;
  54. div=document.createElement('div');
  55. dvs=div.style;
  56. dvs.position='fixed';
  57. dvs.left='0px';
  58. dvs.top='0px';
  59. dvs.width='1px';
  60. dvs.height='1px';
  61. document.body.appendChild(div);
  62. set_width();
  63. for (i=0; i<blobs; i++) {
  64. add_blob(i);
  65. jamjar(i);
  66. }
  67. }
  68.  
  69. function add_blob(ref) {
  70. var dv, sy;
  71. dv=document.createElement('div');
  72. sy=dv.style;
  73. sy.position='absolute';
  74. sy.textAlign='center';
  75. if (ie_version && ie_version<10) {
  76. sy.fontSize="10px";
  77. sy.width="100px";
  78. sy.height="100px";
  79. sy.paddingTop="40px";
  80. sy.color=colour;
  81. dv.appendChild(document.createTextNode(charc));
  82. }
  83. else if (ie_version) {
  84. sy.fontSize="1px";
  85. sy.width="0px";
  86. sy.height="0px";
  87. }
  88. else {
  89. dv.appendChild(document.createTextNode(charc));
  90. sy.color='rgba(0,0,0,0)';
  91. }
  92. ypos[ref]=Math.floor(shigh*Math.random());
  93. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  94. xpos[ref]=Math.floor(swide*Math.random());
  95. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  96. zpos[ref]=Math.random()*20;
  97. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  98. blob[ref]=dv;
  99. div.appendChild(blob[ref]);
  100. set_blob(ref);
  101. }
  102.  
  103. function rejig(ref, xy) {
  104. if (xy=='y') {
  105. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  106. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  107. }
  108. else {
  109. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  110. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  111. }
  112. }
  113.  
  114. function sign(a) {
  115. if (a<0) return (-2);
  116. else if (a>0) return (2);
  117. else return (0);
  118. }
  119.  
  120. function set_blob(ref) {
  121. var sy;
  122. sy=blob[ref].style;
  123. sy.top=ypos[ref]+'px';
  124. sy.left=xpos[ref]+'px';
  125. if (ie_version && ie_version<10) {
  126. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  127. sy.fontSize=30-zpos[ref]+"px";
  128. }
  129. else if (ie_version) {
  130. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  131. }
  132. else {
  133. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  134. sy.fontSize=40+zpos[ref]+'px';
  135. }
  136. }
  137.  
  138. function jamjar(ref) {
  139. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  140. ypos[ref]+=dy[ref];
  141. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  142. xpos[ref]+=dx[ref];
  143. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  144. zpos[ref]+=dz[ref];
  145. set_blob(ref);
  146. setTimeout("jamjar("+ref+")", speed);
  147. }
  148.  
  149. window.onresize=set_width;
  150. function set_width() {
  151. var sw_min=999999;
  152. var sh_min=999999;
  153. if (document.documentElement && document.documentElement.clientWidth) {
  154. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  155. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  156. }
  157. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  158. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  159. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  160. }
  161. if (document.body.clientWidth) {
  162. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  163. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  164. }
  165. if (sw_min==999999 || sh_min==999999) {
  166. sw_min=800;
  167. sh_min=600;
  168. }
  169. swide=sw_min;
  170. shigh=sh_min;
  171. }
  172. // ]]>
  173. </script>
  174.  
  175. <script type="text/javascript"
  176. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  177. <script>
  178. $(document).ready(function() {
  179. //
  180. $('a.poplight[href^=#]').click(function() {
  181. var popID = $(this).attr('rel'); //Get Popup Name
  182. var popURL = $(this).attr('href'); //Get Popup href to define size
  183. var query= popURL.split('?');
  184. var dim= query[1].split('&');
  185. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  186. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  187. var popMargTop = ($('#' + popID).height() + 80) / 2;
  188. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  189. //Apply Margin to Popup
  190. $('#' + popID).css({
  191. 'margin-top' : -popMargTop,
  192. 'margin-left' : -popMargLeft
  193. });
  194. $('body').append('<div id="fade"></div>');
  195. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  196. return false;
  197. });
  198. $('a.close, #fade').live('click', function() {
  199. $('#fade , .popup_block').fadeOut(function() {
  200. $('#fade, a.close').remove(); //fade them both out
  201. });
  202. return false;
  203. });
  204. });
  205. </script>
  206.  
  207. <script language=JavaScript>
  208. <!--
  209.  
  210. //Disable right mouse click Script
  211. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  212. //For full source code, visit http://www.dynamicdrive.com
  213.  
  214. var message="LMAO U THOUGHT. All coding tweaks are my own work. Please direct all and any questions to my inbox, thanks! // @bangvn";
  215.  
  216. ///////////////////////////////////
  217. function clickIE4(){
  218. if (event.button==2){
  219. alert(message);
  220. return false;
  221. }
  222. }
  223.  
  224. function clickNS4(e){
  225. if (document.layers||document.getElementById&&!document.all){
  226. if (e.which==2||e.which==3){
  227. alert(message);
  228. return false;
  229. }
  230. }
  231. }
  232.  
  233. if (document.layers){
  234. document.captureEvents(Event.MOUSEDOWN);
  235. document.onmousedown=clickNS4;
  236. }
  237. else if (document.all&&!document.getElementById){
  238. document.onmousedown=clickIE4;
  239. }
  240.  
  241. document.oncontextmenu=new Function("alert(message);return false")
  242.  
  243. // -->
  244. </script>
  245.  
  246. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  247.  
  248. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  249. <script>
  250. $(document).ready(function(){
  251. $("click_body").hide();
  252. $("click").click(function(){
  253. $(this).next("click_body").toggle(1000);
  254. });
  255. });
  256. </script>
  257.  
  258. <link href='https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy' rel='stylesheet' type='text/css'>
  259.  
  260. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  261.  
  262. <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  263.  
  264. <style>
  265. div#qTip {
  266. padding: 3px;
  267. display: none;
  268. text-align: center;
  269. position: absolute;
  270. font-size:7px;
  271. margin-left:10px;
  272. margin-top:-2px;
  273. line-height:9px;
  274. font-family:arial;
  275. z-index: 1000;
  276. border: 1px solid #cacaca;
  277. background-color:#fff;
  278. color: #9b9b9b;
  279. text-transform:uppercase;
  280. letter-spacing: 2px;
  281. }
  282. </style>
  283.  
  284.  
  285.  
  286. <style type="text/css">
  287. #fade { /*--Transparent background layer--*/
  288. display: none; /*--hidden by default--*/
  289. position: fixed; left: 0; top: 0;
  290. width: 100%; height: 100%;
  291. opacity: 0;
  292. z-index: 9999;
  293. }
  294. .popup_block{
  295. display: none; /*--hidden by default--*/
  296. background: #afbec4;
  297. border: solid 10px;
  298. border-image: url('http://static.tumblr.com/y91lxtf/Q4Jobsedd/hikaruthemepop.png') 30 stretch;
  299. outline: 1px dotted #dce3e4;
  300. padding: 10px;
  301. font-family: muli;
  302. float: left;
  303. font-size: 11px;
  304. font-weight: normal;
  305. color: #fff;
  306. text-align: center;
  307. position: absolute;
  308. left: 300px;
  309. top: 300px;
  310. height: 400px;
  311. z-index: 99999;
  312. overflow: auto;
  313. }
  314. img.btn_close {
  315. float: right;
  316. margin: -20 -20px 0 0;
  317. }
  318. /*--Making IE6 Understand Fixed Positioning--*/
  319. *html #fade {
  320. position: absolute;
  321. }
  322. *html .popup_block {
  323. position: absolute;
  324. }
  325.  
  326. .popup_block a {
  327. color: #fff;
  328. text-decoration: underline;
  329. }
  330.  
  331. .popup_block a:hover {
  332. text-decoration:underline;
  333. text-shadow: 0px 0px 0.6px #fff;}
  334.  
  335. img{
  336. -webkit-filter:grayscale(50%);
  337. -moz-transition-duration:1s;
  338. -webkit-transition-duration:1s;
  339. -o-transition-duration:1s;
  340. opacity: 0.6;
  341. -moz-transition-duration:1s;
  342. -webkit-transition-duration:1s;
  343. -o-transition-duration:1s;
  344. }
  345.  
  346. img:hover{
  347. -webkit-filter:grayscale(0%);
  348. -moz-transition-duration:1s;
  349. -webkit-transition-duration:1s;
  350. -o-transition-duration:1s;
  351. opacity: 1;
  352. -moz-transition-duration:1s;
  353. -webkit-transition-duration:1s;
  354. -o-transition-duration:1s;
  355.  
  356. }
  357.  
  358. ::-webkit-scrollbar {height: 4px;width: 8px; display: none;}
  359. ::-webkit-scrollbar-thumb {background-color:#cacaca;}
  360. ::-webkit-scrollbar-track{background-color:;}
  361.  
  362.  
  363. ::selection {
  364. background: #97afb8;
  365. -moz-selection: background: #97afb8; }
  366.  
  367.  
  368.  
  369. iframe#tumblr_controls {
  370. white-space:nowrap;
  371. -webkit-filter: (100%);
  372. -moz-filter:(100%);
  373. -o-filter: (100%);
  374. -ms-filter: (100%);
  375. filter: (100%);
  376. }
  377.  
  378. h1 {
  379. font-weight:normal;
  380. font-size:32px;
  381. font-family: caviardreams;
  382. text-align:center;
  383. font-weight:bold;
  384. font-style:normal;
  385. letter-spacing:1px;
  386. line-height: 100%;
  387. color: #dce3e4;
  388. text-shadow: 0px 0px 4px #dce3e4;
  389. text-decoration: underline;
  390. }
  391.  
  392. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format(“truetype”);}
  393.  
  394.  
  395. h2 {
  396. font-size:24px;
  397. text-align:center;
  398. line-height:100%;
  399. letter-spacing:4px;
  400. font-family: caviardreams;
  401. color:#628494;
  402. text-transform: lowercase;
  403. text-shadow: 0px 0px 2px #628494;
  404. }
  405.  
  406. h2 small{
  407. font-size:20px;
  408. }
  409.  
  410. @font-face { font-family: "abbeyline"; src: url('https://dl.dropboxusercontent.com/s/xlbk9c4ttfsc8ht/abbeyline.ttf?dl=1'); format(“truetype”);}
  411.  
  412.  
  413. hr{
  414. border: 0 ;
  415. color: #fff;
  416. background-color: #fff;
  417. height: 1px;
  418. }
  419.  
  420. #line{
  421. border: 0 ;
  422. color: #fff;
  423. background-color: #fff;
  424. height: 1px;
  425. width: 40%;
  426. }
  427.  
  428. body {
  429. background:#bdcacf;
  430. margin:0px;
  431. color:#fff;
  432. font-family:trebuchet ms;
  433. font-size:11px;
  434. line-height:100%;
  435. background-attachment:fixed;
  436. background-image: url('http://static.tumblr.com/y91lxtf/7kAobs6xq/hikarutheme.png');
  437. background-repeat:no-repeat;
  438. }
  439.  
  440. #credit {
  441. font-size:8px;
  442. font-family: avant;
  443. -moz-transition-duration:0.5s;
  444. -webkit-transition-duration:0.5s;
  445. -o-transition-duration:0.5s;
  446. }
  447.  
  448. #credit a {
  449. padding:5px;
  450. position:fixed;
  451. right:7px;
  452. bottom:6px;
  453. color: #628494;
  454. text-shadow: none;
  455. }
  456.  
  457. #credit a:hover {
  458. color:#fff;
  459. }
  460.  
  461. a {
  462. text-decoration:none;
  463. -moz-outline-style:none;
  464. color:#628494;
  465. -moz-transition-duration:0.2s;
  466. -webkit-transition-duration:0.2s;
  467. -o-transition-duration:0.2s;
  468. }
  469.  
  470. a:hover {
  471. text-decoration:none;
  472. outline:none;
  473. -moz-outline-style:none;
  474. text-shadow:0px 0px 1px #628494;
  475. -moz-transition-duration:0.2s;
  476. -webkit-transition-duration:0.2s;
  477. -o-transition-duration:0.2s;
  478. }
  479.  
  480. small{
  481. font-size: 11px;
  482. }
  483.  
  484. big{ font-size: 16px;}
  485.  
  486. b, strong {
  487. font-family: muli;
  488. font-size:14px;
  489. line-height: 12px;
  490. color: #628494;
  491. text-shadow: 0px 0px 0.6px #628494;
  492. letter-spacing:2px;
  493. }
  494.  
  495. @font-face {font-family: "edosz";src: url('https://dl.dropboxusercontent.com/s/ylt9xj7j37y7dl1/edosz.ttf?dl=1'); format("truetype");}
  496.  
  497.  
  498. blockquote {
  499. padding:5px;
  500. border-left:1px dotted;
  501. }
  502.  
  503. blockquote blockquote {
  504. padding-left:5px;
  505. border-left:1px dotted
  506. }
  507.  
  508. #post {
  509. width:400px;
  510. margin-top:20px;
  511. }
  512.  
  513. #entries {
  514. position:fixed;
  515. overflow:scroll;
  516. overflow-x:hidden;
  517. height:520px;
  518. width: 400px;
  519. top:36px;
  520. left:541px;
  521. -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  522. }
  523.  
  524.  
  525. #photoset{
  526. -webkit-filter:grayscale(50%);
  527. -moz-transition-duration:1s;
  528. -webkit-transition-duration:1s;
  529. -o-transition-duration:1s;
  530. opacity: 0.6;
  531. -moz-transition-duration:1s;
  532. -webkit-transition-duration:1s;
  533. -o-transition-duration:1s;
  534. }
  535.  
  536. #photoset:hover{
  537. -webkit-filter:grayscale(0%);
  538. -moz-transition-duration:1s;
  539. -webkit-transition-duration:1s;
  540. -o-transition-duration:1s;
  541. opacity: 1;
  542. -moz-transition-duration:1s;
  543. -webkit-transition-duration:1s;
  544. -o-transition-duration:1s;
  545. }
  546.  
  547. #sidebar {
  548. position:fixed;
  549. overflow: scroll;
  550. background: none;
  551. left: 967px;
  552. width: 147px;
  553. height: 500px;
  554. padding: 3px;
  555. color:#628494;
  556. font-size: 11px;
  557. font-family: muli;
  558. text-transform: uppercase;
  559. text-align: center;
  560. text-decoration:none;
  561. -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  562. }
  563.  
  564.  
  565.  
  566. @font-face{ font-family:"talldark"; src:url('https://dl.dropboxusercontent.com/s/tf324r461gnf97q/talldark.ttf');}
  567.  
  568.  
  569.  
  570.  
  571. #links {
  572. position:fixed;
  573. line-height: 22px;
  574. top: 10px;
  575. left: 529px;
  576. font-size:30px;
  577. background: #dce3e4;
  578. width: 420px;
  579. padding: 3px;
  580. text-transform:uppercase;
  581. text-align: center;
  582. z-index: 999;
  583. }
  584.  
  585. #links a{
  586. color: #afbfc5;
  587. text-shadow: 0px 0px 2px #afbfc5;
  588. }
  589.  
  590. #links a:hover {
  591. color:#eaeff0;
  592. text-shadow: 0px 0px 4px #eaeff0;
  593. }
  594.  
  595.  
  596. @-webkit-keyframes shake {
  597. 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  598. 10% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); }
  599. 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  600. 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  601. 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  602. 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  603. 70% { -webkit-transform: translate(2px, 1px) rotate(-2deg); }
  604. 80% { -webkit-transform: translate(-1px, -1px) rotate(4deg); }
  605. 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  606. 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  607. }
  608.  
  609. #pagination {
  610. position: fixed;
  611. top: 1px;
  612. width: 420px;
  613. left: 529px;
  614. font-family:tinytots;
  615. font-size:8px;
  616. letter-spacing:auto;
  617. text-align:center;
  618. text-transform:uppercase;
  619. }
  620.  
  621. #pagination a {
  622. color:#fff;
  623. }
  624.  
  625. #pagination a:hover{
  626. text-shadow:0px 0px 4px #fff;
  627. }
  628.  
  629. #s-m-t-tooltip{
  630. max-width:150px;
  631. margin-top:25px;
  632. margin-left:15px;
  633. padding-left: 4px;
  634. padding:4px;
  635. text-align: center;
  636. z-index:9999999;
  637. background-color: #97afb8;
  638. color: #fff;
  639. font-family: tinytots;
  640. font-size:8px;
  641. letter-spacing:1px;
  642. font-style:none;
  643. text-transform:uppercase;
  644. border-left: 2px solid #fff;
  645. }
  646.  
  647.  
  648. @keyframes bounce {
  649. 0% {-webkit-transform: scale(.4); }
  650. 50% {-webkit-transform: scale(1); }
  651. 70% {-webkit-transform: scale(.8); }
  652. 100% {-webkit-transform: scale(1); } }
  653.  
  654. @-webkit-keyframes bounce {
  655. 0% {-webkit-transform: scale(.4); }
  656. 50% {-webkit-transform: scale(1); }
  657. 70% {-webkit-transform: scale(.9); }
  658. 100% {-webkit-transform: scale(1); } }
  659.  
  660. #info {
  661. font-family:silkscreen;
  662. width:390px;
  663. margin-top:5px;
  664. padding-top:1px;
  665. font-size:8px;
  666. padding:4px;
  667. color:#fff;
  668. text-transform:uppercase;
  669. font-style:normal;
  670. text-align:left;
  671. -moz-transition-duration:0.5s;
  672. -webkit-transition-duration:0.5s;
  673. -o-transition-duration:0.5s;
  674. }
  675.  
  676. #info a {
  677. color:#fff;
  678. font-style:normal;
  679. }
  680.  
  681. #info a:hover {
  682. color:#fff;
  683. text-shadow: 0px 0px 0.6px #fff;
  684. -moz-transition-duration:0.2s;
  685. -webkit-transition-duration:0.2s;
  686. -o-transition-duration:0.2s;
  687. }
  688.  
  689. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  690.  
  691.  
  692. .tags {
  693. font-family:ppixel;
  694. font-style:normal;
  695. width:376px;
  696. text-transform:uppercase;
  697. font-style:normal;
  698. line-height:120%;
  699. padding-left:10px;
  700. font-size:8px;
  701. text-align:left;
  702. padding-top:5px;
  703. padding-bottom:15px;
  704. color: #628494;
  705. -moz-transition-duration:0.2s;
  706. -webkit-transition-duration:0.2s;
  707. -o-transition-duration:0.2s;
  708. }
  709. .tags a{
  710. color:#fff;
  711. font-style:normal;
  712. text-transform: none;
  713. -moz-transition-duration:0.2s;
  714. -webkit-transition-duration:0.2s;
  715. -o-transition-duration:0.2s;
  716. }
  717. .tags a:hover{
  718. text-shadow: 0px 0px 2px #fff;
  719. -moz-transition-duration:0.2s;
  720. -webkit-transition-duration:0.2s;
  721. -o-transition-duration:0.2s;
  722. }
  723.  
  724. .audio{
  725. background-color:#000;
  726. height:65px;
  727. overflow:hidden;
  728. }
  729.  
  730. #ask {
  731. float:right;
  732. color:#031a3e; }
  733.  
  734. .asker {
  735. font-weight:normal;
  736. font-size:32px;
  737. font-family: caviardreams;
  738. text-align:center;
  739. text-transform: uppercase;
  740. letter-spacing:1px;
  741. line-height: 100%;
  742. color: #dce3e4;
  743. text-shadow: 0px 0px 4px #dce3e4;
  744. -moz-transition-duration:1s;
  745. -webkit-transition-duration:1s;
  746. -o-transition-duration:1s;
  747. }
  748.  
  749. .asker:hover {
  750. color: #fff;
  751. text-shadow: 0px 0px 4px #fff;
  752. -moz-transition-duration:1s;
  753. -webkit-transition-duration:1s;
  754. -o-transition-duration:1s;
  755. }
  756.  
  757. question {
  758. font-size:8px;
  759. text-align:left;
  760. font-family: avant;
  761. color:#fff;
  762. text-transform:uppercase;
  763. }
  764. quote{
  765. font-family:caviardreams;
  766. line-height:26px;
  767. font-size: 26px;
  768. text-align: center;
  769. }
  770.  
  771.  
  772. {CustomCSS}
  773.  
  774.  
  775. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04b_03_.ttf?dl=1'); format(“truetype”);}
  776.  
  777. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  778.  
  779. @font-face { font-family:"avant"; src: url('https://dl.dropboxusercontent.com/s/11icl382vxmy46n/avant_pixel.ttf?dl=1'); format(“truetype”);}
  780.  
  781. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  782.  
  783. @font-face { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  784.  
  785. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  786.  
  787.  
  788. @font-face {font-family: "dc";src: url('https://dl.dropboxusercontent.com/u/67800931/dc_regular_caps.ttf'); format("truetype");}
  789.  
  790. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  791.  
  792. @font-face { font-family:"dolcevita"; src: url('https://dl.dropbox.com/s/ulyc96lx0yfiryl/Dolce%20Vita%20Heavy%20Bold.ttf?dl=1'); format("truetype");}
  793.  
  794. </style>
  795.  
  796. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  797. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  798. <script>
  799. (function($){
  800. $(document).ready(function(){
  801. $("[title],a[title],img[title]").style_my_tooltips({
  802. tip_follows_cursor:true,
  803. tip_delay_time:100,
  804. tip_fade_speed:300,
  805. attribute:"title"
  806. });
  807. });
  808. })(jQuery);
  809. </script>
  810.  
  811.  
  812. </head><body>
  813.  
  814. <div id="links">
  815. <a href="/" title="Home">1</a>
  816. <a href= "#?w=350" rel="02" class="poplight" title="Ask">2</a></a>
  817. <a href= "#?w=350" rel="03" class="poplight" title="Link">3</a>
  818. <a href= "#?w=350" rel="04" class="poplight" title="Link">4</a>
  819. <a href= "#?w=350" rel="05" class="poplight" title="Link">5</a>
  820. <a href= "#?w=350" rel="06" class="poplight" title="Link">6</a>
  821. </div>
  822.  
  823. <div id="pagination">
  824. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="PREVIOUS">BACK</a>{/block:PreviousPage}&nbsp;/&nbsp;{block:NextPage}<a href="{NextPage}" title="NEXT">FORTH</a>{/block:NextPage}{/block:Pagination}</center></div>
  825.  
  826. <div id="entries">{block:Posts}<div id="post">
  827.  
  828. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1> {Body}{/block:Text}
  829.  
  830. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  831.  
  832. {block:Photoset}<div id="photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  833.  
  834. {block:Quote}<quote>{Quote}</quote>{block:Source}<br><br> <div style="text-align: right;">— <question>{Source}</question></div>{/block:Source}{/block:Quote}
  835.  
  836. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  837.  
  838. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  839.  
  840. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  841.  
  842. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  843.  
  844.  
  845. {block:Answer}<div id="ask"><center><img src="{AskerPortraitURL-64}" style="border: 2px solid #fff; border-radius:100%;"></center></div><p>{Asker}</p><div id="line"></div> <p><question>{Question}</question></p><hr>{Answer}{/block:Answer}
  846.  
  847.  
  848. {block:Date}<div id="info"> <a href="{Permalink}" title="{DayOfMonth} {Month} {Year} @ {12Hour}:{Minutes}{AmPm}">VIEW POST</a>
  849. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#fff>♥</font> <a href="{Permalink}" title="View Post">{NoteCount}</a> ) {/block:NoteCount}<div style="float:right;">
  850.  
  851. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; ( <a href="{ReblogURL}"target="_blank" title="reblog this post">+ </a> ) </div>
  852. </div>
  853.  
  854. <hr>
  855. {block:HasTags}
  856. <div class="tags">
  857. tagged as:{block:Tags} <a title="{Tag}" href="{TagURL}">&nbsp;#&nbsp;{Tag}</a> {/block:Tags}</p></div></center>
  858. {/block:HasTags}
  859. <div class="postnote">
  860. {block:PostNotes}{PostNotes}{/block:PostNotes}
  861. </div>
  862. </div>
  863. {/block:Posts}
  864.  
  865. </div>
  866.  
  867. <div id="credit"><a href="http://hollywhood.tumblr.com" title="tweaked by bangvn">THEME</a></div>
  868.  
  869.  
  870. </body>
  871.  
  872. <div id="sidegroup">
  873.  
  874. <div id="sidebar"><p>
  875. <p><h1>ONE.</h1>
  876. text text text text<br>
  877. text text text text<br>
  878. text text text text<br>
  879. text text text text<br><br>
  880. </p><p>
  881. <center><div id="line"></div></center>
  882. <p><h1>TWO.</h1>
  883. text text text text<br>
  884. text text text text<br>
  885. text text text text<br>
  886. text text text text<br><br>
  887. </p><p>
  888. <center><div id="line"></div></center>
  889. <h1>MUSIC</h1>
  890. <center><p>
  891. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="19">
  892. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  893. <param name="bgcolor" value="#b5c7ce" />
  894. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/nggte9xk6q/08_with....mp3
  895. &amp;width=100&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;showslider=0&amp;sliderwidth=0&amp;sliderheight=0&amp;volumewidth=0&amp;volumeheight=0&amp;loadingcolor=5d5b5b&amp;bgcolor1=b3c6cb&amp;bgcolor2=b6c7cd&amp;slidercolor1=&amp;slidercolor2=&amp;sliderovercolor=&amp;buttoncolor=628494&amp;buttonovercolor=ffffff&amp;textcolor=&amp;showlist=0&amp;playlistcolor=&amp;playlistalpha=0&amp;currentmp3color=&amp;scrollbarcolor=&amp;scrollbarovercolor=&amp;showplaylistnumbers=0" />
  896. </object></a>
  897. </div>
  898.  
  899. </div>
  900.  
  901. <div id="02" class="popup_block">
  902. <p><h1>ASK</h1></p>
  903. <center><div id="line"></div></center>
  904. <p>
  905. <center>Please request privacy when needed! <br>
  906. Submit is available <a href= "#?w=350" rel="08" class="poplight"><u>here!</u></a>
  907. </center><p>
  908. <center><div id="line"></div></center><p>
  909.  
  910. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/smileled.tumblr.com" width="100%"></iframe>
  911. </div>
  912.  
  913. <div id="08" class="popup_block">
  914. <p><h1>SUBMIT</h1></p>
  915. <center><div id="line"></div></center><p>
  916. add rules or whatever you want here, if you'd like!</p>
  917. <center><div id="line"></div></center><p>
  918.  
  919. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/submit_form/smileled.tumblr.com" width="100%"></iframe>
  920. </div>
  921.  
  922. <div id="03" class="popup_block">
  923. <p><h1>TITLE</h1></p>
  924. <center><div id="line"></div></center>
  925. <p>text text text text.</p>
  926. </div>
  927.  
  928.  
  929. <div id="04" class="popup_block">
  930. <p><h1>TITLE</h1></p>
  931. <center><div id="line"></div></center>
  932. <p>text text text text.</p>
  933. </div>
  934.  
  935. <div id="05" class="popup_block">
  936. <p><h1>TITLE</h1></p>
  937. <center><div id="line"></div></center>
  938. <p>text text text text.</p>
  939. </div>
  940.  
  941.  
  942. <div id="06" class="popup_block">
  943. <p><h1>TITLE</h1></p>
  944. <center><div id="line"></div></center>
  945. <p>text text text text.</p>
  946. </div>
  947.  
  948. </div></div></div></div></div></div></div></div></div>
  949.  
  950. </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!